/* Shared menu surfaces. Header height follows its content, including large text. */
dialog.menu-panel{--panel-pad:30px;width:min(680px,calc(100vw - 24px));max-width:680px;max-height:94dvh;padding:0;border:1px solid #dae2d9;border-radius:26px;background:#f7f8f3;box-shadow:0 28px 100px #102c3b45;color:#20382e}
dialog.menu-panel::backdrop{background:#112f3c70;backdrop-filter:blur(6px)}
dialog.menu-panel>.sheet{padding:var(--panel-pad);padding-bottom:calc(var(--panel-pad) + env(safe-area-inset-bottom,0px));max-width:none;max-height:94dvh;background:#f7f8f3;scrollbar-gutter:auto;overflow-x:hidden;overflow-y:auto}
#sell.menu-panel>.sheet{padding:var(--panel-pad);padding-bottom:calc(var(--panel-pad) + env(safe-area-inset-bottom,0px));background:#f7f8f3}
.menu-panel .panel-heading{position:relative;margin:calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) 26px;padding:30px 74px 27px var(--panel-pad);background:linear-gradient(140deg,#193f35,#102c34);color:white}
.menu-panel .panel-heading .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;color:#e0d7a2;margin:0 0 10px;padding:0;font-weight:700}
.menu-panel .panel-heading h2{color:white;font-size:clamp(26px,3vw,32px);line-height:1.2;letter-spacing:-.03em;margin:0;padding:0;text-wrap:balance;overflow-wrap:anywhere}
.menu-panel .panel-heading :is(p.sub,p.note,p.panel-subtitle,p:last-child:not(.eyebrow)){color:#dce8e0;font-size:13px;line-height:1.65;max-width:55ch;margin:12px 0 0}
.menu-panel>.sheet>.x{top:18px;right:18px;width:44px;height:44px;border:1px solid #ffffff30;background:#ffffff12;color:#fff;border-radius:50%;z-index:3;cursor:pointer}
.menu-panel>.sheet>.x:hover{background:#ffffff28}
.menu-panel .btn{border-radius:12px;min-height:44px;padding:11px 16px;font-size:13px;line-height:1.45;white-space:normal;max-width:100%;text-align:center;overflow-wrap:anywhere}
.menu-panel .btn.primary{background:#1d493b;color:#fff;border:1px solid #1d493b;box-shadow:0 3px 8px #193c3510}
.menu-panel .btn.ghost{background:#fff;color:#315243;border:1px solid #d7e0d4}
.menu-panel .btn.yellow{background:#f4d276;color:#24392e;border:1px solid #ebc760}
.menu-panel .btn.mini{padding:9px 13px;font-size:12px}
.menu-panel .row{gap:10px;flex-wrap:wrap;align-items:center}.menu-panel .row>.btn{flex:0 1 auto;min-width:0}
.menu-panel :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #c9a12d;outline-offset:3px}
.menu-panel .f{font-size:13px;line-height:1.6;color:#3c5348;margin:20px 0;gap:8px}
.menu-panel .f :is(input,select,textarea){background:white;color:#253c31;border:1px solid #ccd9cc;border-radius:12px;padding:12px 14px;min-height:48px;font-size:16px;line-height:1.5;box-shadow:0 1px 2px #1f3b2b04}
.menu-panel .f textarea{min-height:110px;resize:vertical}
.menu-panel :is(.note,.sub){color:#647468;line-height:1.7;font-size:13px}
.menu-panel h3{color:#294735;font-size:18px;line-height:1.35;letter-spacing:-.02em;margin:24px 0 12px}
.menu-panel :is(.ocard,.saved-search-card,.campaign-empty,.help-bottom,.support-form,.preference-box){border:1px solid #dce5d7;border-radius:18px;background:#fff;padding:20px;box-shadow:0 3px 12px #213e2f04}
.menu-panel .ocard{margin:12px 0}.menu-panel .ocard h3{margin:9px 0}.menu-panel .ocard small{color:#718170;line-height:1.5}.menu-panel .ocard p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.menu-panel .empty{border:1px solid #e0e7d9;background:white;border-radius:20px;padding:32px 22px;margin:20px 0}.menu-panel .empty h3{margin:0 0 10px}.menu-panel .empty p{max-width:45ch;margin:0 auto 16px;font-size:14px;line-height:1.7}
.menu-panel .safe,.menu-panel .owner-note{background:#eef4e7;border:1px solid #d6e2ca;border-radius:16px;padding:18px;line-height:1.7;color:#40563b;font-size:13px}
.menu-panel .signed-in{padding:20px;background:white;border:1px solid #dce5d7;border-radius:18px}.menu-panel .account-avatar{background:#eaf0de;color:#375a38;flex:none}.menu-panel .provider-btn{border-radius:14px;min-height:64px;padding:14px;line-height:1.5}
.menu-panel .help-paths{gap:12px}.menu-panel .help-paths>button{background:#edf3e7;border:1px solid #d8e3cf;border-radius:18px;color:#284b37;min-height:130px;padding:20px;text-align:left}.menu-panel .help-paths>button:nth-child(2){background:#fcf3d9;border-color:#ebdfbb}.menu-panel .help-paths>button:nth-child(3){background:#eaf1f5;border-color:#d5e1e7}.menu-panel .help-paths b{font-size:18px;line-height:1.4}.menu-panel .help-paths span{font-size:10px;letter-spacing:.08em;color:#697c60}
.menu-panel .help-article{background:white;border:1px solid #dfe6d8;border-radius:14px;margin:10px 0;overflow:hidden}.menu-panel .help-article summary{padding:18px;font-size:15px;line-height:1.5;color:#294434}.menu-panel .help-article>div{padding:0 18px 18px}.menu-panel .support-toolbar{gap:10px;flex-wrap:wrap}.menu-panel .support-row{border:1px solid #dfe6d8;border-radius:15px;background:white;margin:10px 0;padding:18px;gap:14px}.menu-panel .support-row b{font-size:14px;line-height:1.5}.menu-panel .support-row small{font-size:11px;line-height:1.6}
#advertise.menu-panel{width:min(1060px,calc(100vw - 24px));max-width:1060px}#help.menu-panel{width:min(820px,calc(100vw - 24px));max-width:820px}#detail.menu-panel{max-width:760px;width:min(760px,calc(100vw - 24px))}
#sell.menu-panel .sell-intro{margin:calc(-1 * var(--panel-pad)) calc(-1 * var(--panel-pad)) 26px;border-radius:0;padding:30px 74px 27px var(--panel-pad);background:linear-gradient(140deg,#193f35,#102c34)}#sell.menu-panel .sell-intro h2{margin:0;font-size:32px;color:white}#sell.menu-panel .sell-intro p:last-child{font-size:13px;margin:12px 0 0}#sell.menu-panel .sell-intro .eyebrow{margin:0 0 10px;font-size:10px;color:#e0d7a2}
#detail.menu-panel .art.big{border-radius:18px;overflow:hidden;margin-bottom:22px}#detail.menu-panel #detail-body h2{font-size:26px;color:#203b2d;line-height:1.3}#detail.menu-panel .price{color:#284f38}
/* The notification inbox retains its specialized header and filters. */
#notification-center.notification-inbox .panel-heading{display:contents}#notification-center.notification-inbox>.sheet{background:linear-gradient(140deg,#193f35,#102c34) 0 0/100% 170px no-repeat;padding:30px}#notification-center.notification-inbox .panel-heading .eyebrow{margin:0 0 9px}#notification-center.notification-inbox .panel-heading h2{margin:0;font-size:32px}
/* Conversation and AI controls keep their existing fixed-height layouts. */
#messages-inbox .messenger-head,#ai .aihead{background:linear-gradient(140deg,#193f35,#102c34);color:white;padding:24px 22px;border:0;flex-shrink:0}#messages-inbox .messenger-head h2{color:white}#messages-inbox .messenger-eyebrow{color:#e0d7a2}#messages-inbox .messenger-head .icon-btn,#ai .aihead .x{background:#ffffff12;color:#fff;border:1px solid #ffffff30;border-radius:50%;height:44px;width:44px;flex:none}#ai .aihead small{color:#dce8e0}#ai .aisheet{background:#f7f8f3}#ai .ai-disclosure{background:#edf2e8;color:#596e5c;line-height:1.6}#ai .aiform .btn.primary{background:#1d493b;color:white;border-radius:12px}#messages-inbox .messenger-tools{background:#f7f8f3}#messages-inbox .messenger-tools button,#messages-inbox .messenger-tools a{border-radius:12px;color:#345343}#messages-inbox #messages-search input{background:#f1f4ec;border-color:#d8e1d2;border-radius:12px}
@media(max-width:600px){dialog.menu-panel{--panel-pad:20px;border-radius:22px;max-height:94dvh}dialog.menu-panel>.sheet{max-height:94dvh}.menu-panel .panel-heading,#sell.menu-panel .sell-intro{padding:26px 68px 25px var(--panel-pad);margin-bottom:22px}.menu-panel .panel-heading h2,#sell.menu-panel .sell-intro h2{font-size:27px}.menu-panel .panel-heading :is(p.sub,p.note,p.panel-subtitle,p:last-child:not(.eyebrow)){font-size:12px}.menu-panel>.sheet>.x{top:16px;right:12px}.menu-panel .help-paths{grid-template-columns:1fr}.menu-panel .help-paths>button{min-height:0;padding:16px}.menu-panel :is(.ocard,.saved-search-card,.help-bottom,.support-form,.preference-box){padding:16px}.menu-panel .two,.menu-panel #ad-form .two{grid-template-columns:1fr}.menu-panel .row>.btn{flex:0 1 auto}.menu-panel .campaign-layout{grid-template-columns:1fr}.menu-panel .campaign-row{flex-wrap:wrap}.menu-panel .campaign-row>div{flex-basis:100%}#messages-inbox .messenger-head,#ai .aihead{padding:20px 16px}}
@media(max-width:480px){#notification-center.notification-inbox>.sheet{padding:24px 16px;background-size:100% 165px}#notification-center.notification-inbox .panel-heading h2{font-size:28px}}