/* Noir theme for every non-homepage page: admin, caller and vendor portals, vendor sign-up,
   legal, blog and payment result pages. Loaded after operations.css; scoped to body[class^=redesign-]. */
body[class^=redesign-]{--bg:#06110b;--bg-alt:#0a1a11;--card:#0b1810;--card-hover:#10231a;--text:#f1ece0;--dim:#a9b0a2;--text-dim:#a9b0a2;--heading:#f1ece0;--navy:#f1ece0;--navy-2:#0a1a11;--navy-bright:#c9a96a;--green:#c9a96a;--teal:#c9a96a;--gold:#c9a96a;--gold-bright:#c9a96a;--gold-dim:#b89a5f;--border:rgba(201,169,106,.22);--border-soft:rgba(201,169,106,.32);--ink:#06110b;--ink-alt:#0a1a11;--ink-line:rgba(201,169,106,.3);--ink-text-dim:#a9b0a2;--lime:#c9a96a;--gline:rgba(201,169,106,.32);background:#06110b!important;color:#f1ece0;color-scheme:dark}
body[class^=redesign-]{font-family:'Inter','Avenir Next',Avenir,Arial,sans-serif!important}
body[class^=redesign-] a{color:#c9a96a}
body[class^=redesign-] a:focus-visible,body[class^=redesign-] button:focus-visible{outline-color:#c9a96a}
body[class^=redesign-] h1,body[class^=redesign-] h2,body[class^=redesign-] h3,body[class^=redesign-] .card-title,body[class^=redesign-] .section-title,body[class^=redesign-] .metric-num,body[class^=redesign-] .title-row h1,body[class^=redesign-] .panel-head h2{font-family:'Cormorant Garamond',Didot,'Times New Roman',serif!important;font-weight:500;letter-spacing:-.01em;color:#f1ece0}
body[class^=redesign-] h1,body[class^=redesign-] h2{font-style:italic}
body[class^=redesign-] .eyebrow,body[class^=redesign-] .kicker{color:#c9a96a}

/* forms */
body[class^=redesign-] input:not([type=checkbox]):not([type=radio]),body[class^=redesign-] select,body[class^=redesign-] textarea{background:#0a1a11!important;border:1px solid var(--gline)!important;color:#f1ece0!important}
body[class^=redesign-] input::placeholder,body[class^=redesign-] textarea::placeholder{color:#7d8777}
body[class^=redesign-] input:focus,body[class^=redesign-] select:focus,body[class^=redesign-] textarea:focus{outline:2px solid rgba(201,169,106,.5);outline-offset:1px;border-color:#c9a96a!important;box-shadow:none}
body[class^=redesign-] select option{background:#0a1a11;color:#f1ece0}
body[class^=redesign-] input[type=file]{color:#a9b0a2}
body[class^=redesign-] label{color:#b6bcab}

/* buttons: solid gold primary, outlined secondary */
body[class^=redesign-] button:not(.secondary):not(.tabbtn):not(.row-action):not(.text-link):not(.menu-toggle),body[class^=redesign-] .btn,body[class^=redesign-] .btn-grad,body[class^=redesign-] .btn-gold,body[class^=redesign-] .back{background:#c9a96a!important;color:#06110b!important;border:1px solid #c9a96a;font-weight:600;letter-spacing:.02em}
body[class^=redesign-] button:not(.secondary):not(.tabbtn):not(.row-action):not(.text-link):hover,body[class^=redesign-] .btn:hover,body[class^=redesign-] .back:hover{background:#f1ece0!important;border-color:#f1ece0;box-shadow:none}
body[class^=redesign-] button.secondary,body[class^=redesign-] .btn-ghost,body[class^=redesign-] .row-action{background:transparent!important;color:#f1ece0!important;border:1px solid var(--gline)!important}
body[class^=redesign-] button.secondary:hover,body[class^=redesign-] .row-action:hover{border-color:#c9a96a!important;color:#c9a96a!important;background:rgba(201,169,106,.08)!important}
body[class^=redesign-] .text-link{color:#c9a96a!important;background:none!important;border:0!important}

/* surfaces */
body[class^=redesign-] .card,body[class^=redesign-] .panel,body[class^=redesign-] .modal,body[class^=redesign-] .metric-card,body[class^=redesign-] .finance-bar,body[class^=redesign-] .stat,body[class^=redesign-] .req-card,body[class^=redesign-] .post-card{background:var(--card)!important;border:1px solid var(--border);color:#f1ece0;box-shadow:none}
body[class^=redesign-] .modal{box-shadow:0 40px 90px -30px #000}
body[class^=redesign-] .modal-bg{background:rgba(2,8,5,.72)}
body[class^=redesign-] .attention-list button{background:var(--card);color:#f1ece0;border-top-color:var(--border)}
body[class^=redesign-] .attention-list button:hover{background:var(--card-hover)}
body[class^=redesign-] .metric-card.featured,body[class^=redesign-] #overviewPane>.metric-grid>.metric-card:first-child{background:linear-gradient(135deg,rgba(201,169,106,.16),rgba(201,169,106,.04))!important;border-color:var(--gline)}
body[class^=redesign-] .metric-card.featured .metric-num,body[class^=redesign-] #overviewPane>.metric-grid>.metric-card:first-child .metric-num{color:#c9a96a}
body[class^=redesign-] .metric-card.featured .metric-label,body[class^=redesign-] #overviewPane>.metric-grid>.metric-card:first-child .metric-label{color:#cfd3c6}
body[class^=redesign-] .metric-num{font-size:40px}
body[class^=redesign-] .metric-mark{background:rgba(201,169,106,.14);color:#c9a96a}
body[class^=redesign-] .metric-card.featured .metric-mark{background:rgba(201,169,106,.22);color:#c9a96a}
body[class^=redesign-] .finance-bar>div{border-right-color:var(--border)}
body[class^=redesign-] .alert-icon{background:rgba(201,169,106,.16);color:#c9a96a}
body[class^=redesign-] .alert-icon.mint{background:rgba(127,214,164,.14);color:#7fd6a4}
body[class^=redesign-] .alert-icon.blue{background:rgba(143,170,214,.15);color:#9bb5e6}
body[class^=redesign-] .chevron{color:#7d8777}
body[class^=redesign-] .legend i.gray{background:#5d6a5f}
body[class^=redesign-] .content-wrap:before{color:#f1ece0;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:500}

/* tables */
body[class^=redesign-] th{background:#0a1a11!important;color:#b89a5f!important}
body[class^=redesign-] th,body[class^=redesign-] td{border-bottom-color:var(--border)}
body[class^=redesign-] tbody tr:hover{background:var(--card-hover)}
body[class^=redesign-] td,body[class^=redesign-] td strong{color:#f1ece0}
body[class^=redesign-] td small{color:#a9b0a2}
body[class^=redesign-] .pill{background:rgba(201,169,106,.14)!important;color:#d8c08a!important}
body[class^=redesign-] .conv-msg.INBOUND{background:#122318}
body[class^=redesign-] .conv-msg.OUTBOUND{background:rgba(201,169,106,.14)}
body[class^=redesign-] .conv-msg.SYSTEM{color:#a9b0a2}
body[class^=redesign-] .msg,body[class^=redesign-] .sub,body[class^=redesign-] .card-sub,body[class^=redesign-] .subtitle{color:#a9b0a2}
body[class^=redesign-] .error,body[class^=redesign-] .msg.error{color:#f0907f!important}
body[class^=redesign-] .empty,body[class^=redesign-] .all-clear{color:#a9b0a2}

/* admin shell */
body.redesign-admin .sidebar,body.redesign-admin .sidebar{background:#040c07!important;border-right:1px solid var(--border)}
body.redesign-admin .sidebar-brand{border-bottom-color:var(--border)}
body.redesign-admin .sidebar-brand .logo{color:#f1ece0}
body.redesign-admin .sidebar-brand .dot{color:#c9a96a}
body.redesign-admin .sidebar-brand .badge,body.redesign-admin .brand-badge{color:#c9a96a}
body.redesign-admin .sidebar .tab{color:#b6bcab}
body.redesign-admin .sidebar .tab:hover:not(.active){background:#10231a;color:#f1ece0}
body.redesign-admin .sidebar .tab.active{background:#c9a96a;color:#06110b;border-left-color:#c9a96a}
body.redesign-admin .workspace{border-color:var(--border)}
body.redesign-admin .workspace b,body.redesign-admin .profile b{color:#f1ece0}
body.redesign-admin .workspace small,body.redesign-admin .profile small{color:#a9b0a2}
body.redesign-admin .ws-icon{background:rgba(201,169,106,.18);color:#c9a96a}
body.redesign-admin .avatar{background:#c9a96a;color:#06110b}
body.redesign-admin .sidebar-foot{color:#8f9a86;border-top-color:var(--border)}
body.redesign-admin .topbar{background:rgba(6,17,11,.88);border-bottom-color:var(--border)}
body.redesign-admin .status-pill{background:#0f2217;color:#f1ece0}
body.redesign-admin .status-dot.ok{background:#7fd6a4;box-shadow:0 0 0 3px rgba(127,214,164,.18)}
body.redesign-admin .live-clock,body.redesign-admin .crumb-row{color:#a9b0a2}
body.redesign-admin .crumb-row b{color:#f1ece0}
body.redesign-admin .title-row h1{color:#f1ece0}

/* login screens */
body[class^=redesign-] .login-shell{background:radial-gradient(ellipse 70% 60% at 50% -10%,rgba(35,100,68,.3),transparent 60%),#06110b!important}
body[class^=redesign-] .login-shell .card{background:#0b1810!important;border:1px solid var(--gline);box-shadow:0 30px 80px -30px #000}
body[class^=redesign-] .login-shell .card label,body[class^=redesign-] .login-shell .card .msg{color:#b6bcab}
body[class^=redesign-] .login-shell .card input{background:#0a1a11!important;color:#f1ece0!important;border-color:var(--gline)!important}
body[class^=redesign-] .login-shell .card button{background:#c9a96a!important;color:#06110b!important}
body[class^=redesign-] .login-mascot{border-color:#c9a96a;box-shadow:0 0 0 3px rgba(201,169,106,.25)}
body[class^=redesign-] .brand-logo{color:#f1ece0}
body[class^=redesign-] .brand-logo .dot{color:#c9a96a}
body[class^=redesign-] .brand-badge{color:#c9a96a;border-color:var(--gline)}

/* vendor + caller portals */
body.redesign-vendor-portal,body.redesign-caller-portal{background:#06110b!important}
body.redesign-vendor-portal .brand-row .logo,body.redesign-caller-portal .brand-row .logo{color:#f1ece0}
body.redesign-vendor-portal .brand-row .logo .dot{color:#c9a96a}
body.redesign-vendor-portal .brand-row .sub{color:#b89a5f}
body.redesign-vendor-portal .brand-row .avatar{box-shadow:0 0 0 3px rgba(201,169,106,.3)}
body.redesign-vendor-portal #loginCard:before{font-family:'Cormorant Garamond',serif;font-style:italic;color:#f1ece0}
body.redesign-vendor-portal .stat,body.redesign-vendor-portal .req-card{background:#0f2217!important}
body.redesign-vendor-portal .stat .num,body.redesign-vendor-portal .req-card .desc,body.redesign-vendor-portal .section-title{color:#f1ece0}
body.redesign-vendor-portal .quote-row select{background:#0a1a11;border-color:var(--gline);color:#f1ece0}
body.redesign-caller-portal .tabbar{background:#0a1a11!important;border:1px solid var(--border)}
body.redesign-caller-portal .tabbtn{color:#b6bcab;background:transparent!important}
body.redesign-caller-portal .tabbtn.active{background:#c9a96a!important;color:#06110b!important}

/* vendor sign-up */
body.redesign-vendor-register{background:#06110b!important}
body.redesign-vendor-register .logo-row{background:transparent;border-radius:0;padding:10px 0}
body.redesign-vendor-register .mascot-row{background:#0f2217}
body.redesign-vendor-register .bubble,body.redesign-vendor-register .kicker{color:#c9a96a}
body.redesign-vendor-register .card{background:#0b1810!important}
body.redesign-vendor-register a{color:#c9a96a}

/* legal + results */
body.redesign-legal{background:#06110b!important;border-top:7px solid #c9a96a;color:#f1ece0}
body.redesign-legal h1,body.redesign-legal h2{color:#f1ece0}
body.redesign-legal p,body.redesign-legal li{color:#cfd3c6}
body.redesign-legal .draft{background:rgba(201,169,106,.1);border:1px solid var(--gline);color:#d8c08a}
body.redesign-result{background:#06110b!important}
body.redesign-result>.card{background:#0b1810!important;color:#f1ece0;border:1px solid var(--gline)}
body.redesign-result .check{background:rgba(201,169,106,.16);color:#c9a96a}

/* blog */
body.redesign-blog{background:#06110b!important;color:#f1ece0}
body.redesign-blog header{background:#040c07;border-bottom:1px solid var(--border)}
body.redesign-blog header .logo{color:#f1ece0}
body.redesign-blog header .dot{color:#c9a96a}
body.redesign-blog header .btn,body.redesign-blog header .btn-gold{background:transparent!important;color:#c9a96a!important;border:1px solid #c9a96a}
body.redesign-blog header .btn:hover{background:#c9a96a!important;color:#06110b!important}
body.redesign-blog .post-card h2,body.redesign-blog .post-card p{color:#f1ece0}
body.redesign-blog .post-card p{color:#cfd3c6}
body.redesign-blog .post-card .eyebrow{color:#c9a96a}
body.redesign-blog .post-card:hover{background:var(--card-hover)!important;border-color:#c9a96a}
body.redesign-blog article p,body.redesign-blog article li,body.redesign-blog p,body.redesign-blog li{color:#cfd3c6}
body.redesign-blog p.dek{color:#d8dccd}
body.redesign-blog article a{color:#c9a96a}
body.redesign-blog .cta{background:rgba(201,169,106,.09)!important;border-color:var(--gline);color:#f1ece0}
body.redesign-blog footer{background:#030a06;color:#a9b0a2;border-top:1px solid var(--border)}
body.redesign-blog footer a{color:#c9a96a}

body.redesign-result .back{display:inline-flex;align-items:center;padding:12px 22px;border-radius:24px;margin-top:25px;text-decoration:none;font-size:13px}
body.redesign-vendor-register .logo-row{display:flex;justify-content:center}

body[class^=redesign-] .attention-list button:not(.q1):not(.q2):not(.q3):not(.q4):not(.q5):not(.q6){background:var(--card)!important;color:#f1ece0!important;border:0!important;border-top:1px solid var(--border)!important;font-weight:400;letter-spacing:0}
body[class^=redesign-] .attention-list button:not(.q1):not(.q2):not(.q3):not(.q4):not(.q5):not(.q6):hover{background:var(--card-hover)!important}
body[class^=redesign-] .chart-wrap svg line{stroke:rgba(201,169,106,.16)}
body[class^=redesign-] .chart-wrap svg text{fill:#8f9a86}

/* wide tables scroll inside their card instead of widening the whole page on phones */
body[class^=redesign-] .card,body[class^=redesign-] .panel,body[class^=redesign-] .finance-bar{overflow-x:auto}
body[class^=redesign-] .main-area{min-width:0;max-width:100%}
body[class^=redesign-] .content-wrap{min-width:0}

/* admin: collapsible side menu on phones */
body.redesign-admin .admin-menu-btn{display:none}
body.redesign-admin .sidebar-backdrop{display:none}
@media(max-width:880px){
 body.redesign-admin .admin-menu-btn{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px;min-height:40px;background:transparent!important;color:#c9a96a!important;border:1px solid #c9a96a!important;border-radius:24px;font-size:13px;font-weight:600}
 body.redesign-admin .admin-menu-btn:hover{background:rgba(201,169,106,.12)!important}
 body.redesign-admin .topbar{gap:12px}
 body.redesign-admin .sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:min(300px,86vw);display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;padding:24px 14px;transform:translateX(-102%);transition:transform .22s ease;z-index:40;overflow-y:auto;border-right:1px solid var(--border);border-bottom:0;visibility:hidden}
 body.redesign-admin .sidebar.open{transform:none;visibility:visible;box-shadow:30px 0 80px -20px #000}
 body.redesign-admin .sidebar-brand{width:auto;padding:6px 10px 22px;margin:0 0 18px}
 body.redesign-admin .sidebar .tab{font-size:14px;padding:12px 14px;margin:0 0 2px}
 body.redesign-admin .sidebar-foot{display:block}
 body.redesign-admin .sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(2,8,5,.7);z-index:30}
 body.menu-open{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){body.redesign-admin .sidebar{transition:none}}

/* vendor + caller portals: collapsible menus on phones */
body.redesign-vendor-portal .dash-bar,body.redesign-caller-portal .caller-menu-btn,body.redesign-caller-portal .logout-item{display:none}
body.redesign-vendor-portal .dash-menu{display:none}
@media(max-width:760px){
 body.redesign-vendor-portal .menu-toggle,body.redesign-caller-portal .menu-toggle{display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px;min-height:40px;background:transparent!important;color:#c9a96a!important;border:1px solid #c9a96a!important;border-radius:24px;font-size:13px;font-weight:600}

 body.redesign-vendor-portal .dash-bar{display:block;position:sticky;top:0;z-index:30;margin:0 -24px 16px;padding:10px 24px;background:rgba(6,17,11,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
 body.redesign-vendor-portal .dash-menu.open{display:flex;flex-direction:column;position:absolute;left:24px;right:24px;top:calc(100% + 6px);background:#0b1810;border:1px solid var(--gline);border-radius:14px;padding:6px;box-shadow:0 30px 60px -20px #000}
 body.redesign-vendor-portal .dash-menu a,body.redesign-vendor-portal .dash-menu button{display:block;width:100%;text-align:left;padding:14px;margin:0;color:#f1ece0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;font-size:14.5px;font-weight:500;text-decoration:none;min-height:0;letter-spacing:0}
 body.redesign-vendor-portal .dash-menu button{border-bottom:0!important;color:#c9a96a!important}
 body.redesign-vendor-portal .dash-menu a:hover,body.redesign-vendor-portal .dash-menu button:hover{background:rgba(201,169,106,.1)!important}
 body.redesign-vendor-portal .section-title,body.redesign-vendor-portal .stat-row{scroll-margin-top:74px}

 body.redesign-caller-portal .topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
 body.redesign-caller-portal .whoami{display:none}
 body.redesign-caller-portal .caller-menu-btn{display:inline-flex}
 body.redesign-caller-portal .tabbar{display:none;flex-direction:column;gap:2px;padding:6px!important;border-radius:14px!important;margin:0 0 16px;background:#0b1810!important;border:1px solid var(--gline)}
 body.redesign-caller-portal .tabbar.open{display:flex}
 body.redesign-caller-portal .tabbtn{margin:0;padding:14px;text-align:left;border-radius:10px!important;border-bottom:0;font-size:14.5px}
 body.redesign-caller-portal .logout-item{display:block;color:#c9a96a!important;border-top:1px solid var(--border);border-radius:0 0 10px 10px!important}
}

@media(max-width:760px){
 body.redesign-vendor-portal .quote-row,body.redesign-vendor-portal .file-row{flex-wrap:wrap}
 body.redesign-vendor-portal .quote-row>*,body.redesign-vendor-portal .file-row>*{min-width:0}
 body.redesign-vendor-portal .quote-row input,body.redesign-vendor-portal .quote-row select{flex:1 1 140px;width:100%}
 body.redesign-vendor-portal .quote-row button{flex:1 1 40%}
 body.redesign-vendor-portal .file-row button{flex:1 1 100%}
 body.redesign-vendor-portal .req-card input,body.redesign-vendor-portal .req-card select{max-width:100%}
}
@media(max-width:760px){
 body.redesign-caller-portal .topbar{padding:6px 0 14px}
 body.redesign-caller-portal .topbar>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
 body.redesign-caller-portal .brand-badge{margin-left:0}
}

@media(max-width:760px){
 body.redesign-vendor-portal #profileCard{flex-direction:column!important;align-items:stretch!important;gap:14px!important;padding:20px!important}
 body.redesign-vendor-portal #profileCard>div>div{flex-wrap:wrap}
 body.redesign-vendor-portal #logoutBtn{width:100%}
 body.redesign-vendor-portal table{display:block;overflow-x:auto;max-width:100%}
 body.redesign-vendor-portal th,body.redesign-vendor-portal td{padding:10px 8px;font-size:12.5px}
 body.redesign-vendor-portal td:first-child{white-space:nowrap}
}

body.redesign-caller-portal .tel-link{color:#c9a96a;text-decoration:none}
@media(max-width:1000px){
 body.redesign-caller-portal .leads-table{display:block;overflow:visible}
 body.redesign-caller-portal .leads-table thead{display:none}
 body.redesign-caller-portal .leads-table tbody{display:block}
 body.redesign-caller-portal .leads-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:16px 0;border-bottom:1px solid var(--border)}
 body.redesign-caller-portal .leads-table td{display:block;padding:0;border:0;font-size:13.5px}
 body.redesign-caller-portal .leads-table td:nth-child(1){order:1;flex:1 1 60%;font-size:15.5px;font-weight:600}
 body.redesign-caller-portal .leads-table td:nth-child(6){order:2;color:#c9a96a;font-weight:600}
 body.redesign-caller-portal .leads-table td:nth-child(6):not(:empty):before{content:'\2605 '}
 body.redesign-caller-portal .leads-table td:nth-child(2){order:3;flex:1 1 100%}
 body.redesign-caller-portal .leads-table td:nth-child(2) .tel-link{display:inline-block;padding:6px 0;font-size:15px}
 body.redesign-caller-portal .leads-table td:nth-child(3){order:4}
 body.redesign-caller-portal .leads-table td:nth-child(4){order:5;color:#a9b0a2}
 body.redesign-caller-portal .leads-table td:nth-child(5){order:6;color:#a9b0a2}
 body.redesign-caller-portal .leads-table td:nth-child(7){order:7;flex:1 1 100%;margin-top:6px}
 body.redesign-caller-portal .leads-table td:nth-child(7) button{width:100%}
 body.redesign-caller-portal .leads-table td[colspan]{flex:1 1 100%;order:1;color:#a9b0a2}
}

@media(min-width:901px){body.redesign-caller-portal #appShell .wrap{max-width:1080px}}
@media(min-width:600px) and (max-width:1000px){
 body.redesign-caller-portal .leads-table td:nth-child(7){flex:0 0 auto;margin:0 0 0 auto}
 body.redesign-caller-portal .leads-table td:nth-child(7) button{width:auto;min-width:140px}
}

/* admin: stacked-card tables on tablets and phones */
@media(max-width:1240px){
 body.redesign-admin table.stackable{display:block;overflow:visible}
 body.redesign-admin table.stackable thead{display:none}
 body.redesign-admin table.stackable tbody{display:block}
 body.redesign-admin table.stackable tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:18px 4px;border-bottom:1px solid var(--border)}
 body.redesign-admin table.stackable td{display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere;font-size:13px}
 body.redesign-admin table.stackable td[data-label]:not([data-label=""]):before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#b89a5f;margin-bottom:3px}
 body.redesign-admin table.stackable td[data-label="Business"],body.redesign-admin table.stackable td[data-label="Name"]{grid-column:1/-1;order:-1;font-size:16px;font-weight:600}
 body.redesign-admin table.stackable td[data-label="Business"]:before,body.redesign-admin table.stackable td[data-label="Name"]:before{display:none!important}
 body.redesign-admin table.stackable td[data-label=""],body.redesign-admin table.stackable td.span-all{grid-column:1/-1}
 body.redesign-admin table.stackable td select{max-width:100%}
}
@media(max-width:600px){
 body.redesign-admin table.stackable tr{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){body.redesign-admin .modal div[style*="display:flex"]{flex-wrap:wrap}}
body.redesign-vendor-portal #requestRows td:nth-child(1),body.redesign-vendor-portal #requestRows td:nth-child(3),body.redesign-vendor-portal #requestRows td:nth-child(4){white-space:nowrap}

/* admin: compact chrome on small laptops so tables fit */
@media(min-width:881px) and (max-width:1500px){
 body.redesign-admin{--sidebar-w:208px}
 body.redesign-admin .content-wrap{padding:24px 24px 48px}
 body.redesign-admin .topbar{padding:14px 24px}
 body.redesign-admin .card,body.redesign-admin .panel-head{padding-left:20px;padding-right:20px}
 body.redesign-admin .card{padding:20px}
 body.redesign-admin th,body.redesign-admin td{padding-left:7px;padding-right:7px}
}
@media(min-width:1000px) and (max-width:1240px){
 body.redesign-admin table.stackable tr{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* vendor portal: keep a readable column on laptop and desktop screens */
@media(min-width:1000px){body.redesign-vendor-portal>.wrap{max-width:960px}}

/* large screens: keep admin content to a readable measure, centred beside the sidebar */
@media(min-width:1501px){body.redesign-admin .content-wrap{max-width:1500px;width:100%;margin-left:auto;margin-right:auto}}
/* ultrawide: keep sidebar and content together as one centred frame instead of pinning the sidebar to the far left */
@media(min-width:1921px){
 body.redesign-admin .app-shell{max-width:1920px;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}
}

/* short screens (TVs, small laptops): compact admin sidebar so every section stays reachable without scrolling it */
@media(min-width:881px) and (max-height:760px){
 body.redesign-admin .workspace,body.redesign-admin .sidebar-foot{display:none}
 body.redesign-admin .sidebar{padding-top:16px;padding-bottom:12px}
 body.redesign-admin .sidebar-brand{padding-bottom:12px;margin-bottom:10px}
 body.redesign-admin .sidebar .tab{padding-top:8px;padding-bottom:8px}
 body.redesign-admin .profile{margin-top:8px}
}
/* very narrow screens (foldable cover displays): fit the vendor earnings table without sideways scroll */
@media(max-width:400px){
 body.redesign-vendor-portal th,body.redesign-vendor-portal td{padding:10px 5px;font-size:12px}
 body.redesign-vendor-portal #requestRows td:nth-child(1){font-size:11.5px}
}
/* Galaxy Fold 1 cover (≤320px): let the three earnings tiles shrink instead of forcing sideways scroll */
@media(max-width:320px){
 body.redesign-vendor-portal .stat-row{gap:8px}
 body.redesign-vendor-portal .stat{min-width:0;padding:16px 8px}
 body.redesign-vendor-portal .stat .num{font-size:24px}
}
/* Smartwatch-class screens (≤260px): wrap everything, drop non-essential chrome padding */
@media(max-width:260px){
 body[class^=redesign-]{overflow-wrap:anywhere}
 body[class^=redesign-] img{max-width:100%}
 body[class^=redesign-] .brand,body.redesign-vendor-portal .brand-row,body.redesign-vendor-register .mascot-row{flex-wrap:wrap;gap:8px}
 body[class^=redesign-] .brand-badge{margin-left:0}
 body.redesign-vendor-portal .brand-row .logo{font-size:16px;letter-spacing:0}
 body.redesign-vendor-portal .brand-row .sub{letter-spacing:.08em;font-size:10px}
 body.redesign-vendor-register .bubble{min-width:0;flex:1 1 100%}
 body.redesign-vendor-register .mascot-row>a,body.redesign-vendor-register .mascot-row img{max-width:56px}
}
/* Vendor register: the generic dark-theme ".back" pill is for the payment-result pages; here it's a plain text link */
body.redesign-vendor-register a.back{background:none!important;border:0;box-shadow:none;color:#a9b0a2!important;font-weight:500;letter-spacing:0;padding:0;border-radius:0;display:block;text-align:center}
body.redesign-vendor-register a.back:hover{background:none!important;color:#c9a96a!important}
body.redesign-vendor-register .consent{font-size:12.5px;line-height:1.6;color:#a9b0a2;margin:16px 0 0;text-align:center}
body.redesign-vendor-register .consent a{text-decoration:underline}
/* phones: give the form fields more of the width */
@media(max-width:480px){
 body.redesign-vendor-register .card{padding:26px 18px}
}
/* phones: give the login fields more of the card width */
@media(max-width:480px){
 body.redesign-caller-portal .login-shell .card,body.redesign-admin .login-shell .card,body.redesign-vendor-portal #loginCard{padding-left:20px;padding-right:20px}
}
/* Vendor login on phones: full-width primary buttons and finger-sized links */
@media(max-width:480px){
 body.redesign-vendor-portal #loginCard button{width:100%}
 body.redesign-vendor-portal #loginCard .msg a{display:inline-block;padding:12px 0}
}
body.redesign-vendor-portal #loginMsg{scroll-margin-bottom:28px}
/* Caller portal on phones: "Vendors you've registered" as cards instead of a 7-column sideways-scrolling table */
@media(max-width:760px){
 body.redesign-caller-portal .my-vendors-table{display:block;overflow:visible}
 body.redesign-caller-portal .my-vendors-table thead{display:none}
 body.redesign-caller-portal .my-vendors-table tbody{display:block}
 body.redesign-caller-portal .my-vendors-table tr{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:16px 0;border-bottom:1px solid var(--border)}
 body.redesign-caller-portal .my-vendors-table td{display:block;padding:0;border:0;font-size:13.5px}
 body.redesign-caller-portal .my-vendors-table td:nth-child(2){order:1;flex:1 1 55%;font-size:15.5px;font-weight:600}
 body.redesign-caller-portal .my-vendors-table td:nth-child(1){order:2}
 body.redesign-caller-portal .my-vendors-table td:nth-child(3){order:3;flex:1 1 100%;color:#c9a96a;font-size:15px}
 body.redesign-caller-portal .my-vendors-table td:nth-child(4){order:4}
 body.redesign-caller-portal .my-vendors-table td:nth-child(5){order:5;color:#a9b0a2}
 body.redesign-caller-portal .my-vendors-table td:nth-child(6){order:6;color:#a9b0a2}
 body.redesign-caller-portal .my-vendors-table td:nth-child(6):after{content:' menu items'}
 body.redesign-caller-portal .my-vendors-table td:nth-child(7){order:7;flex:1 1 100%;color:#a9b0a2;font-size:12.5px}
 body.redesign-caller-portal .my-vendors-table td:nth-child(7):before{content:'Registered '}
 body.redesign-caller-portal .my-vendors-table td[colspan]{flex:1 1 100%;order:1;color:#a9b0a2}
 body.redesign-caller-portal .my-vendors-table td[colspan]:after,body.redesign-caller-portal .my-vendors-table td[colspan]:before{content:none}
}
/* Narrow phones: stack side-by-side form fields so selects and placeholders aren't cut off */
@media(max-width:480px){
 body.redesign-caller-portal .row{flex-direction:column;gap:0}
 body.redesign-caller-portal #serviceAreaRows .row{gap:8px}
}
/* Blog: plain text "Back" link (the generic .back pill is for the payment-result pages) */
body.redesign-blog a.back{background:none!important;border:0;box-shadow:none;color:#a9b0a2!important;padding:0;border-radius:0;font-weight:500;letter-spacing:0;display:inline-block}
body.redesign-blog a.back:hover{background:none!important;color:#c9a96a!important}
/* Blog tables on phones: fit the screen instead of hiding the last (most important) column off to the right */
@media(max-width:560px){
 body.redesign-blog table{table-layout:fixed;width:100%;min-width:0;font-size:12.5px}
 body.redesign-blog th,body.redesign-blog td{padding:8px 5px;overflow-wrap:break-word;hyphens:manual}
 body.redesign-blog th{font-size:11.5px;letter-spacing:0;text-transform:none}
 body.redesign-blog th:first-child,body.redesign-blog td:first-child{width:28%;font-size:12px;font-weight:600;color:#f1ece0}
 body.redesign-blog td:not(:first-child){hyphens:auto}
}
/* Payment/subscription result pages on very small screens (foldable covers, watches) */
@media(max-width:360px){
 body.redesign-result{padding:20px 12px}
 body.redesign-result>.card{padding:34px 20px}
 body.redesign-result h1{font-size:26px}
}
@media(max-width:260px){
 body.redesign-result{padding:10px 6px}
 body.redesign-result>.card{padding:20px 10px}
 body.redesign-result h1{font-size:20px;overflow-wrap:break-word}
 body.redesign-result p{font-size:13px}
 body.redesign-result .check{width:40px;height:40px;font-size:20px;line-height:40px;margin-bottom:12px}
 body.redesign-result img{max-width:100%;height:auto!important}
 body.redesign-result .back{display:flex;justify-content:center;text-align:center;width:100%;padding:10px 8px;white-space:normal;margin-top:16px}
}
/* Vendor register footer area: finger-sized links in the small print */
@media(max-width:760px){
 body.redesign-vendor-register .consent a{display:inline-block;padding:9px 0}
 body.redesign-vendor-register .consent+.consent{margin-top:0}
}
@media(pointer:coarse){
 body.redesign-vendor-register .consent a{display:inline-block;padding:9px 0}
}
@media(max-width:260px){
 body.redesign-vendor-register .consent{overflow-wrap:anywhere}
}
/* Legal pages (privacy, terms): the closing "Back" link and the contact email as finger-sized targets */
body.redesign-legal .back-link{display:inline-block;padding:14px 0}
/* Payment/membership result pages: quiet help line under the Back button, email on its own tappable line */
body.redesign-result p.help{font-size:12.5px;line-height:1.6;color:#a9b0a2;margin:18px 0 0}
body.redesign-result .help-mail{display:block;padding:8px 0;color:#c9a96a;text-decoration:underline;overflow-wrap:anywhere}
body.redesign-result .help-mail:hover{color:#f1ece0}
/* Blog header: tagline under the wordmark */
body.redesign-blog header .logo{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px}
body.redesign-blog header .logo-tag{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:15px;line-height:1;letter-spacing:.03em;color:#c9a96a;white-space:nowrap}
/* Blog index header: the logo sat flush against the top (the .wrap padding overrode the nav's vertical padding) */
body.redesign-blog header nav.wrap{padding-top:20px;padding-bottom:20px}
/* Blog header on very small screens: let the button wrap under the logo and shrink the wordmark */
@media(max-width:340px){
 body.redesign-blog header nav{flex-wrap:wrap;gap:12px;padding-left:16px;padding-right:16px}
}
/* Blog header: image logo, same sizes as the main site header */
body.redesign-blog header .logo img{display:block;width:170px;height:auto}
body.redesign-blog header .logo-tag{font-size:16px;padding-left:3px}
@media(max-width:760px){
 body.redesign-blog header .logo img{width:140px}
 body.redesign-blog header .logo-tag{font-size:14px}
}
@media(max-width:260px){
 body.redesign-blog header .logo img{width:120px}
}
/* Blog articles: the header container was 900px wide over a 720px text column — align the logo and button to the column */
body.redesign-blog header nav:not(.wrap){max-width:720px}
/* Blog articles: the intended 64px top / 80px bottom padding was overridden by .wrap's shorthand, so the text sat flush under the header */
body.redesign-blog article.wrap{padding-top:64px;padding-bottom:80px}
@media(max-width:600px){
 body.redesign-blog article.wrap{padding-top:40px;padding-bottom:56px}
}
/* Blog header: Home and About links between the logo and the button (their own row on phones) */
body.redesign-blog header .site-links{display:flex;align-items:center;gap:28px;margin-left:auto;margin-right:28px}
body.redesign-blog header .site-links a{font-family:'Inter',system-ui,sans-serif;font-size:14px;letter-spacing:.02em;color:#cfd3c6;text-decoration:none;padding:13px 0}
body.redesign-blog header .site-links a:hover{color:#c9a96a}
@media(max-width:520px){
 body.redesign-blog header nav{flex-wrap:wrap;row-gap:0}
 body.redesign-blog header .site-links{order:3;flex:1 1 100%;margin:6px 0 0;gap:26px;border-top:1px solid rgba(201,169,106,.18)}
}