:root{
  --bg:#070707;--panel:#111;--panel2:#171717;--gold:#d7b05b;--gold2:#f2d894;
  --text:#f7f3e8;--muted:#aaa59c;--line:#2b2925;--danger:#e06d6d;--ok:#5bc791;--warn:#efbe62;--info:#6ba8e8;
  --shadow:0 14px 36px rgba(0,0,0,.34);--radius:22px;--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif}body{overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{font-size:16px}.boot{min-height:100dvh;display:grid;place-content:center;text-align:center;color:var(--muted);gap:12px}.boot img{width:88px;margin:auto}.boot p{margin:0}
.app-shell{min-height:100dvh;padding-bottom:calc(86px + var(--safe-bottom))}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,7,7,.9);backdrop-filter:blur(17px);border-bottom:1px solid var(--line);padding:12px 16px}.brand-row{display:flex;align-items:center;gap:11px;max-width:1040px;margin:auto}.brand-icon{width:46px;height:46px;border-radius:15px;background:#101010;border:1px solid #4d4026;padding:5px}.brand-text{flex:1;min-width:0}.brand-text h1{font-size:16px;margin:0 0 3px}.brand-text p{font-size:12px;color:var(--muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar,.icon-button{width:40px;height:40px;border-radius:14px;border:1px solid #4c4029;background:#17140f;color:var(--gold2);display:grid;place-items:center}.avatar{font-weight:800}.icon-button .dot{margin:0}
.main{width:min(1040px,100%);margin:auto;padding:18px 14px 28px}.hero{background:radial-gradient(circle at 15% 0%,rgba(215,176,91,.24),transparent 42%),linear-gradient(145deg,#17130c,#101010 58%);border:1px solid #4b3b20;border-radius:28px;padding:21px;box-shadow:var(--shadow);overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero:after{content:"";position:absolute;width:155px;height:155px;border:25px solid rgba(215,176,91,.05);border-radius:50%;left:-65px;bottom:-80px}.hero-copy{position:relative;z-index:1}.eyebrow{display:block;color:var(--gold2);font-size:11px;margin-bottom:7px}.hero h2{margin:0 0 8px;font-size:23px}.hero p{margin:0;color:#d7d0c1;font-size:13px;line-height:1.7}.hero-meta{display:flex;gap:8px;flex-wrap:wrap;position:relative;z-index:1}.pill{border:1px solid #514328;background:#18150f;color:var(--gold2);padding:7px 10px;border-radius:999px;font-size:11px;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:5px}.dot.online{background:var(--ok);box-shadow:0 0 0 4px rgba(91,199,145,.11)}.dot.offline{background:var(--danger);box-shadow:0 0 0 4px rgba(224,109,109,.11)}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:24px 3px 12px}.section-title h3{margin:0;font-size:16px}.section-title button{border:0;background:transparent;color:var(--gold2)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:15px;min-height:112px}.stat-top{display:flex;align-items:center;justify-content:space-between}.stat-icon{font-size:22px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:22px;margin-top:17px;white-space:nowrap}.stat.wide{grid-column:1/-1}.progress{height:7px;background:#27231b;border-radius:99px;margin-top:12px;overflow:hidden}.progress span{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));border-radius:99px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action{min-height:96px;border-radius:20px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:13px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.action b{font-size:12px}.action span{font-size:23px}.action:active,.list-card.clickable:active,.setting-card:active{transform:scale(.985)}
.list{display:grid;gap:10px}.list-card{width:100%;text-align:right;background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--text)}.list-card.clickable{cursor:pointer}.list-card .grow{flex:1;min-width:0}.list-card h4{margin:0 0 5px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-card p{margin:0;font-size:12px;color:var(--muted);line-height:1.55}.list-icon{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#1c1914;display:grid;place-items:center}.inline-status{margin-top:7px}.price-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:7px}.price-row span{font-size:10px;background:#1c1a16;border-radius:8px;padding:5px 7px;color:#cfc8ba}.status{font-size:10px;padding:6px 8px;border-radius:10px;white-space:nowrap}.status.ok{background:rgba(91,199,145,.12);color:#7de2ac}.status.warn{background:rgba(239,190,98,.12);color:#f1c977}.status.danger{background:rgba(224,109,109,.12);color:#f29292}.status.info{background:rgba(107,168,232,.12);color:#8bbcf0}.status.muted{background:#202020;color:#aaa}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(12,12,12,.96);backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:8px 8px calc(8px + var(--safe-bottom));display:flex;justify-content:center}.bottom-inner{width:min(620px,100%);display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.nav-btn{border:0;background:transparent;color:#8d8981;border-radius:14px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px}.nav-btn span:first-child{font-size:19px;height:23px}.nav-btn.active{color:var(--gold2);background:#1c1810}
.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 50% 0,rgba(215,176,91,.2),transparent 35%),#070707}.login-card{width:min(440px,100%);background:rgba(15,15,15,.97);border:1px solid #45391f;border-radius:30px;padding:24px;box-shadow:0 28px 80px rgba(0,0,0,.5)}.login-brand{display:flex;align-items:center;gap:13px;margin-bottom:18px}.login-brand img{width:72px;height:72px}.login-brand h1{font-size:21px;margin:0 0 5px}.login-brand p{color:var(--muted);font-size:12px;margin:0}.security-note{display:flex;align-items:center;gap:10px;border:1px solid #2f2c25;background:#12110f;border-radius:15px;padding:10px 12px;margin-bottom:17px}.security-note p{margin:0;color:#c9c2b4;font-size:11px;line-height:1.6}.field{margin-bottom:13px}.field label{display:block;font-size:12px;color:#d7d0c1;margin:0 4px 7px}.field input,.field select,.field textarea{width:100%;min-height:50px;border-radius:15px;border:1px solid #34312b;background:#0b0b0b;color:var(--text);padding:10px 14px;outline:none}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8b6f35;box-shadow:0 0 0 3px rgba(215,176,91,.09)}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.password-wrap button{position:absolute;left:6px;top:6px;width:39px;height:39px;border:0;border-radius:11px;background:#191713;color:#bfb5a2}.primary,.secondary,.danger-btn{width:100%;min-height:50px;border-radius:16px;padding:10px 14px;font-weight:800}.primary{border:0;color:#151008;background:linear-gradient(135deg,var(--gold2),var(--gold))}.primary:disabled,.secondary:disabled{opacity:.55}.secondary{border:1px solid #4d4026;background:#17140f;color:var(--gold2);margin-top:10px}.secondary.compact{width:auto;min-height:42px}.login-note{margin-top:15px;padding:12px;border-radius:15px;background:#121212;border:1px dashed #3a3428;color:var(--muted);font-size:11px;line-height:1.7}.server-state{text-align:center;font-size:11px;color:var(--muted);margin:15px 0 0}
.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.page-head h2{font-size:20px;margin:0}.page-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.small-btn{border:1px solid #4d4026;background:#17140f;color:var(--gold2);border-radius:12px;padding:9px 11px;white-space:nowrap}.toolbar{display:flex;gap:10px}.search-wrap{position:relative;margin-bottom:13px;flex:1}.search-wrap span{position:absolute;right:15px;top:12px;color:#7f7a70;font-size:21px}.search-wrap input{width:100%;height:50px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 46px 0 14px}.filter-row{display:flex;gap:8px;overflow:auto;padding-bottom:6px;margin-bottom:13px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 12px;white-space:nowrap}.chip.active{background:#241e11;color:var(--gold2);border-color:#6c5529}.user-card{align-items:flex-start}.user-photo{width:43px;height:43px;flex:0 0 43px;border-radius:14px;background:#24201a;display:grid;place-items:center;color:var(--gold2);font-weight:bold}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-size:10px;color:#cbc4b6;background:#1d1b17;padding:5px 7px;border-radius:9px}.tag.green{color:#7de2ac;background:rgba(91,199,145,.1)}.tag.red{color:#f29292;background:rgba(224,109,109,.1)}.toggle{width:48px;height:28px;border-radius:99px;border:0;background:#343434;padding:3px;transition:.2s}.toggle:before{content:"";display:block;width:22px;height:22px;border-radius:50%;background:#aaa;transition:.2s}.toggle.on{background:#6f592d}.toggle.on:before{transform:translateX(-20px);background:var(--gold2)}
.finance-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.finance-summary article{background:var(--panel);border:1px solid var(--line);border-radius:19px;padding:15px}.finance-summary article:last-child{grid-column:1/-1}.finance-summary small{display:block;color:var(--muted);margin-bottom:9px}.finance-summary strong{font-size:20px}.money{white-space:nowrap;font-size:13px}.money.income{color:#7de2ac}.money.expense{color:#f29292}
.settings-grid{display:grid;gap:10px}.setting-card{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:19px;padding:14px;display:flex;align-items:center;gap:12px;text-align:right}.setting-card>span{width:42px;height:42px;border-radius:14px;background:#1c1914;display:grid;place-items:center;font-size:20px}.setting-card div{flex:1}.setting-card b{display:block;font-size:14px;margin-bottom:5px}.setting-card small{color:var(--muted);font-size:11px}.setting-card i{font-style:normal;color:#7d776d;font-size:25px}.danger-setting{border-color:#432828}.danger-setting b{color:#f29292}.version{text-align:center;color:#68645d;font-size:10px;margin:22px 0}
.loading-card,.empty-card,.error-card{min-height:180px;border:1px dashed #302d27;border-radius:20px;display:grid;place-content:center;text-align:center;color:var(--muted);padding:20px}.loading-card p,.empty-card p,.error-card p{margin:10px 0;font-size:12px;line-height:1.6}.empty-card span,.error-card>span{font-size:30px}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid #302d27;border-top-color:var(--gold);animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.error-card h3{margin:10px 0 0;color:var(--text)}
.toast{position:fixed;z-index:120;left:50%;bottom:105px;transform:translateX(-50%) translateY(25px);background:#f0d58d;color:#171109;padding:11px 15px;border-radius:13px;font-weight:bold;font-size:12px;opacity:0;pointer-events:none;transition:.25s;white-space:nowrap;max-width:90%;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 35px rgba(0,0,0,.35)}.toast.error{background:#ef9a9a;color:#2b0b0b}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.76);display:flex;align-items:flex-end;justify-content:center;padding-top:30px}.modal{width:min(650px,100%);max-height:94dvh;overflow:auto;background:#111;border:1px solid #44371f;border-radius:28px 28px 0 0;padding:19px 16px calc(22px + var(--safe-bottom));box-shadow:0 -20px 70px rgba(0,0,0,.55)}.modal-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:17px}.modal-head>div{flex:1}.modal-head h3{margin:0 0 5px;font-size:19px}.modal-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.modal-head>button{width:36px;height:36px;border-radius:12px;border:1px solid #35312a;background:#181613;color:#ccc;font-size:23px}.form-grid{display:grid;grid-template-columns:1fr;gap:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.detail-grid>div{background:#0b0b0b;border:1px solid #292721;border-radius:15px;padding:13px}.detail-grid small{display:block;color:var(--muted);margin-bottom:7px}.detail-grid strong{font-size:13px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.menu-link{min-height:90px;border:1px solid var(--line);background:#151515;color:var(--text);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.menu-link span{font-size:23px}.menu-link b{font-size:12px}.menu-link.selected{border-color:#735b2c;background:#1c1810;color:var(--gold2)}.profile-card{text-align:center;background:#0c0c0c;border:1px solid #292721;border-radius:19px;padding:18px;margin-bottom:12px}.profile-avatar{width:58px;height:58px;border-radius:19px;background:#2a2317;color:var(--gold2);display:grid;place-items:center;margin:auto;font-size:23px;font-weight:bold}.profile-card h3{margin:10px 0 4px}.profile-card p{margin:0;color:var(--muted)}.detail-list{background:#0c0c0c;border:1px solid #292721;border-radius:19px;overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px;border-bottom:1px solid #23211d;font-size:12px}.detail-list>div:last-child{border:0}.detail-list span{color:var(--muted)}.info-box,.install-steps{margin-top:13px;border:1px solid #3d3424;background:#15120d;color:#cfc5b4;border-radius:15px;padding:12px;font-size:11px;line-height:1.7}.icon-danger,.small-danger{border:1px solid #5a3030;background:#211111;color:#f29292;border-radius:11px}.icon-danger{width:34px;height:34px}.small-danger{padding:8px 10px}.timeline{display:grid;gap:0}.timeline article{display:flex;gap:12px;position:relative;padding-bottom:18px}.timeline article>span{width:11px;height:11px;border-radius:50%;background:var(--gold);margin-top:4px;box-shadow:0 0 0 5px rgba(215,176,91,.1)}.timeline article:not(:last-child):before{content:"";position:absolute;right:5px;top:15px;bottom:0;width:1px;background:#373127}.timeline h4{margin:0 0 5px;font-size:13px}.timeline p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
@media(min-width:600px){.form-grid{grid-template-columns:1fr 1fr;gap:10px}.stats{grid-template-columns:repeat(4,1fr)}.stat.wide{grid-column:span 2}.actions{grid-template-columns:repeat(6,1fr)}.finance-summary{grid-template-columns:repeat(3,1fr)}.finance-summary article:last-child{grid-column:auto}.settings-grid{grid-template-columns:1fr 1fr}.modal-backdrop{align-items:center;padding:20px}.modal{border-radius:28px}.menu-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.main{padding-top:20px}.bottom-nav{left:50%;right:auto;transform:translateX(-50%);width:650px;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}.hero{padding:27px}.hero h2{font-size:27px}.list-card{padding:15px 16px}}
@media(max-width:420px){.hero{display:block}.hero-meta{margin-top:15px}.stat strong{font-size:19px}.actions{grid-template-columns:repeat(3,1fr)}.action{min-height:88px}.action b{font-size:11px}.page-head p{max-width:220px}.detail-grid{grid-template-columns:1fr}.menu-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Phase 3 — WooCommerce integration */
.tag.woo{display:inline-block;margin-inline-start:6px;color:#b8a3ff;background:rgba(128,93,214,.14);vertical-align:middle}.integration-setting{border-color:#4b3a68;background:linear-gradient(145deg,#141218,#111)}.connection-banner{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#111;border-radius:18px;padding:14px;margin-bottom:12px}.connection-banner>span{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;font-size:21px;background:#231d15;color:var(--gold2)}.connection-banner>div{min-width:0;flex:1}.connection-banner b,.connection-banner small{display:block}.connection-banner small{color:var(--muted);margin-top:5px;overflow:hidden;text-overflow:ellipsis}.connection-banner.connected{border-color:#28533d;background:rgba(42,100,70,.10)}.connection-banner.connected>span{background:rgba(91,199,145,.14);color:#7de2ac}.connection-banner.disconnected{border-color:#553333}.connection-banner.disconnected>span{background:rgba(224,109,109,.12);color:#f29292}.sync-counts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.sync-counts article{border:1px solid var(--line);background:#0c0c0c;border-radius:16px;padding:12px}.sync-counts small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.sync-counts strong{font-size:20px}.woo-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:12px 0}.compact-primary{min-height:42px}.warning-box{border:1px solid #5d492a;background:#19140d;color:#dbc68f;border-radius:15px;padding:11px 12px;margin:11px 0;font-size:11px;line-height:1.65}.integration-details{margin:12px 0}.sync-history .list-card{align-items:flex-start}.check-row{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0b0b0b;border-radius:15px;padding:13px;margin:10px 0 14px;font-size:12px}.check-row input{width:18px;height:18px;accent-color:#b99548}.copy-box{border:1px solid var(--line);background:#0c0c0c;border-radius:17px;padding:12px;margin-bottom:10px}.copy-box label{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.copy-box code{display:block;direction:ltr;text-align:left;overflow-wrap:anywhere;color:#e5d09b;background:#070707;border-radius:10px;padding:10px;font-size:11px}.copy-box button{margin-top:8px;border:1px solid #4d4026;background:#17140f;color:var(--gold2);border-radius:10px;padding:7px 12px}
@media(min-width:600px){.sync-counts{grid-template-columns:repeat(4,1fr)}.woo-actions{grid-template-columns:repeat(3,1fr)}}

/* Phase 4 — operational details, validation and controlled WooCommerce writes */
.subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px}.subhead h4{margin:0;font-size:14px}.subhead span{color:var(--muted);font-size:11px}.order-items{display:grid;gap:8px}.order-items article{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:#0c0c0c;border-radius:16px;padding:10px}.order-items b,.order-items small{display:block}.order-items b{font-size:12px;margin-bottom:5px}.order-items small{color:var(--muted);font-size:10px}.order-items strong{font-size:12px;white-space:nowrap}.item-thumb{width:46px;height:46px;flex:0 0 46px;border-radius:12px;background:#181612;display:grid;place-items:center;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.approval-alert{border:1px solid #69552c;background:#201a0e;color:#efd993;border-radius:15px;padding:11px 12px;margin-bottom:12px;font-size:11px;line-height:1.6}.form-hint{color:var(--muted);font-size:10px;line-height:1.6;margin:9px 3px 0}.compact-timeline{margin-top:4px}.product-hero{display:grid;grid-template-columns:120px 1fr;gap:13px;margin-bottom:14px}.product-hero>img,.no-image{width:120px;height:120px;border-radius:18px;border:1px solid var(--line);background:#0c0c0c}.product-hero>img{object-fit:cover}.no-image{display:grid;place-content:center;text-align:center;font-size:34px}.no-image small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.link-btn{display:block;text-align:center;text-decoration:none;margin-top:9px;padding:10px}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 3px}.pager button{border:1px solid #4d4026;background:#17140f;color:var(--gold2);border-radius:11px;padding:9px 13px}.pager button:disabled{opacity:.35}.pager span{color:var(--muted);font-size:10px;text-align:center}.approval-card{align-items:flex-start}.approval-card small{color:var(--muted);font-size:10px;line-height:1.65}.approval-actions{display:flex;flex-direction:column;gap:7px}.small-ok{border:1px solid #2d6547;background:#102219;color:#7de2ac;border-radius:11px;padding:8px 10px}.error-text{color:#f29292}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.diagnostic-grid article{border:1px solid var(--line);background:#0c0c0c;border-radius:16px;padding:13px}.diagnostic-grid small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.diagnostic-grid strong{font-size:21px}.success-box{border:1px solid #28533d;background:rgba(42,100,70,.10);color:#88dfae;border-radius:15px;padding:11px 12px;margin:11px 0;font-size:11px;line-height:1.65}.toolbar .compact{white-space:nowrap}.grow{min-width:0}
@media(max-width:520px){.product-hero{grid-template-columns:88px 1fr}.product-hero>img,.no-image{width:88px;height:88px}.approval-card{display:grid;grid-template-columns:auto 1fr}.approval-actions{grid-column:1/-1;flex-direction:row}.approval-actions button{flex:1}.pager span{font-size:9px}.toolbar{align-items:stretch}.toolbar .compact{padding-inline:10px}}


/* Phase 6 — employee roles, custom access and Passkey operations */
.role-strip{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.role-strip span{white-space:nowrap;border:1px solid var(--line);background:#111;border-radius:999px;padding:8px 11px;color:var(--muted);font-size:10px}.role-strip b{color:var(--gold2);margin-inline-start:5px}.user-card{cursor:pointer}.role-preview{border:1px solid #3d3424;background:#15120d;border-radius:15px;padding:12px;margin:10px 0}.role-preview b{color:var(--gold2)}.role-preview p{color:var(--muted);font-size:10px;line-height:1.6;margin:5px 0 0}.security-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.security-summary article{border:1px solid var(--line);background:#0b0b0b;border-radius:15px;padding:11px;text-align:center}.security-summary small{display:block;color:var(--muted);font-size:9px;margin-bottom:7px}.security-summary strong{font-size:13px}.security-actions{display:grid;gap:8px}.permission-groups{display:grid;gap:10px;margin-bottom:14px}.permission-groups section{border:1px solid var(--line);background:#0b0b0b;border-radius:16px;overflow:hidden}.permission-groups h5{margin:0;padding:11px 12px;background:#15130f;color:var(--gold2);font-size:11px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-top:1px solid #24221d;font-size:10px}.permission-row select{width:125px;padding:7px 8px;font-size:9px}.role-catalog{display:grid;gap:10px}.role-catalog article{border:1px solid var(--line);background:#0b0b0b;border-radius:17px;padding:13px}.role-catalog h4{margin:0 0 6px}.role-catalog p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.6}.passkey-readiness{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px}.passkey-readiness>span{width:38px;height:38px;display:grid;place-items:center;border-radius:13px;font-size:19px}.passkey-readiness b,.passkey-readiness small{display:block}.passkey-readiness small{color:var(--muted);font-size:9px;margin-top:4px}.passkey-readiness.ready{border-color:#28533d;background:rgba(42,100,70,.10)}.passkey-readiness.ready>span{background:rgba(91,199,145,.14);color:#7de2ac}.passkey-readiness.blocked{border-color:#5a3030}.passkey-readiness.blocked>span{background:#211111;color:#f29292}
@media(min-width:600px){.security-actions{grid-template-columns:repeat(3,1fr)}.role-catalog{grid-template-columns:1fr 1fr}.permission-groups{grid-template-columns:1fr 1fr}}

/* Phase 7 — adaptive command center, advanced catalog, support chat and payment approvals */
html[data-theme="midnight"]{--bg:#07101d;--panel:#0d1828;--panel2:#142238;--gold:#4f9cff;--gold2:#9bc6ff;--text:#f4f8ff;--muted:#91a2b8;--line:#223954;--shadow:0 18px 45px rgba(0,13,32,.42)}
html[data-theme="emerald"]{--bg:#06110e;--panel:#0c1b16;--panel2:#12261f;--gold:#45c98f;--gold2:#a0f0cb;--text:#f3fff9;--muted:#8eafa0;--line:#244638;--shadow:0 18px 45px rgba(0,20,13,.42)}
html[data-theme="light"]{--bg:#f4f5f7;--panel:#fff;--panel2:#f8f9fb;--gold:#8c6417;--gold2:#b08225;--text:#171717;--muted:#6f7277;--line:#dfe2e7;--shadow:0 16px 40px rgba(24,34,48,.12)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.9)}html[data-theme="light"] .bottom-nav{background:rgba(255,255,255,.96)}html[data-theme="light"] .hero{background:radial-gradient(circle at 15% 0%,rgba(176,130,37,.18),transparent 42%),linear-gradient(145deg,#fffaf0,#fff)}html[data-theme="light"] .hero p{color:#5e5548}html[data-theme="light"] .field input,html[data-theme="light"] .field select,html[data-theme="light"] .field textarea{background:#fff;color:#171717}html[data-theme="light"] .modal{background:#fafafa}
html[data-density="compact"] .main{padding-top:10px}html[data-density="compact"] .list-card{padding:9px 11px;border-radius:14px}html[data-density="compact"] .stat{min-height:88px;padding:11px;border-radius:15px}html[data-density="compact"] .stat strong{margin-top:9px}html[data-density="compact"] .action{min-height:76px;border-radius:15px}html[data-density="compact"] .field{margin-bottom:8px}html[data-density="compact"] .field input,html[data-density="compact"] .field select{min-height:42px}
.advanced-toolbar{flex-wrap:wrap}.product-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:14px;background:var(--panel2);display:grid;place-items:center;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-row{align-items:center}
html[data-view="table"] #productList,html[data-view="table"] #orderList{display:table;width:100%;border-collapse:separate;border-spacing:0 7px}html[data-view="table"] #productList .list-card,html[data-view="table"] #orderList .list-card{display:table-row;border-radius:0}html[data-view="table"] #productList .list-card>*,html[data-view="table"] #orderList .list-card>*{display:table-cell;vertical-align:middle;padding:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}html[data-view="table"] #productList .list-card>*:first-child,html[data-view="table"] #orderList .list-card>*:first-child{border-right:1px solid var(--line);border-radius:0 15px 15px 0}html[data-view="table"] #productList .list-card>*:last-child,html[data-view="table"] #orderList .list-card>*:last-child{border-left:1px solid var(--line);border-radius:15px 0 0 15px}
html[data-view="kanban"] #orderList{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start}html[data-view="kanban"] #orderList .list-card{min-height:150px;align-items:flex-start}
.command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.command-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:19px;background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line)}.command-card>span{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--gold) 14%,transparent);display:grid;place-items:center;font-size:20px}.command-card small,.command-card p{display:block;color:var(--muted);margin:0}.command-card strong{display:block;font-size:22px;margin:4px 0}.command-card p{font-size:10px}.trend-card{margin-top:11px;padding:17px;border:1px solid var(--line);background:var(--panel);border-radius:21px}.trend-head{display:flex;justify-content:space-between;align-items:flex-end}.trend-head h3{margin:3px 0 0}.mini-bars{height:150px;display:flex;align-items:end;gap:9px;margin-top:20px}.mini-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.mini-bars span{display:block;width:min(34px,75%);min-height:6px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--gold2),var(--gold));box-shadow:0 8px 20px color-mix(in srgb,var(--gold) 22%,transparent)}.mini-bars small{font-size:9px;color:var(--muted)}
.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-choice{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:17px;padding:12px;text-align:right;display:grid;grid-template-columns:42px 1fr;gap:5px 10px;align-items:center}.theme-choice.selected{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 12%,transparent)}.theme-choice b,.theme-choice small{display:block}.theme-choice small{color:var(--muted);font-size:9px}.theme-preview{grid-row:1/3;width:42px;height:42px;border-radius:13px}.theme-preview.obsidian{background:linear-gradient(135deg,#080808,#d7b05b)}.theme-preview.midnight{background:linear-gradient(135deg,#07101d,#4f9cff)}.theme-preview.emerald{background:linear-gradient(135deg,#06110e,#45c98f)}.theme-preview.light{background:linear-gradient(135deg,#fff,#b08225);border:1px solid #ddd}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:12px;padding:10px}.segmented button.active{background:color-mix(in srgb,var(--gold) 15%,var(--panel));color:var(--gold2);border-color:var(--gold)}
.drop-zone{position:relative;border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 5%,var(--panel));border-radius:20px;padding:25px;text-align:center;margin-bottom:12px}.drop-zone span{font-size:30px}.drop-zone b,.drop-zone small{display:block;margin-top:7px}.drop-zone small{color:var(--muted)}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.import-summary article{padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.import-summary small{display:block;color:var(--muted)}.import-summary strong{font-size:20px}.import-summary .valid{border-color:#28533d}.import-summary .invalid{border-color:#5a3030}.import-table-wrap{overflow:auto;max-height:360px;margin-bottom:12px}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:9px;text-align:right;font-size:10px}.data-table th{position:sticky;top:0;background:var(--panel2);z-index:1}.data-table .row-error{background:rgba(224,109,109,.08)}.upload-field{border:1px dashed var(--line);border-radius:16px;padding:12px}.upload-field small{display:block;color:var(--muted);font-size:9px;margin-top:5px}
.order-communications{display:grid;gap:10px}.message-stream{display:grid;gap:8px;max-height:300px;overflow:auto}.order-message{border:1px solid var(--line);border-radius:15px;padding:11px;background:var(--panel)}.order-message.customer{border-color:#31537a;background:rgba(70,126,190,.08)}.order-message b,.order-message small{display:block}.order-message small{font-size:9px;color:var(--muted)}.order-message p{margin:8px 0 0;white-space:pre-wrap;font-size:12px}.followup-list{display:grid;gap:7px}.followup{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px}.followup b,.followup small{display:block}.followup small{color:var(--muted);font-size:9px;margin-top:4px}.followup.done{opacity:.55}.followup button{border:1px solid #2d6547;background:#102219;color:#7de2ac;border-radius:9px;padding:7px 10px}
.support-layout{display:grid;gap:12px}.support-layout aside,.chat-workspace{border:1px solid var(--line);background:var(--panel);border-radius:21px;padding:12px}.chat-list{display:grid;gap:7px;max-height:65dvh;overflow:auto}.chat-item{width:100%;display:flex;align-items:center;gap:10px;text-align:right;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:15px;padding:10px}.chat-item.unread{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--panel2))}.chat-item h4,.chat-item p,.chat-item small{margin:0}.chat-item h4{font-size:12px}.chat-item h4 b{background:var(--gold);color:#111;border-radius:999px;padding:2px 6px;font-size:9px}.chat-item p{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item small{font-size:8px;color:var(--muted)}.chat-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:10px}.chat-head h3,.chat-head p{margin:0}.chat-head p{font-size:9px;color:var(--muted);margin-top:4px}.chat-controls{display:flex;gap:6px}.chat-controls select{max-width:110px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:7px}.live-messages{height:52dvh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:13px 2px}.bubble{max-width:85%;padding:10px 12px;border-radius:16px;background:var(--panel2);align-self:flex-start}.bubble.agent{align-self:flex-end;background:color-mix(in srgb,var(--gold) 15%,var(--panel2));border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line))}.bubble.system{align-self:center;text-align:center;background:transparent;color:var(--muted);font-size:10px}.bubble p{margin:0;white-space:pre-wrap}.bubble small{display:block;color:var(--muted);font-size:8px;margin-top:5px}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:8px}.chat-composer textarea{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:10px;resize:none}.chat-composer .primary{width:auto;min-width:80px}
.payment-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:19px}.payment-icon{width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--gold) 12%,var(--panel2));display:grid;place-items:center}.payment-card h4,.payment-card p{margin:0}.payment-card p{color:var(--muted);font-size:10px;margin-top:5px}.payment-card a{display:inline-block;color:var(--gold2);font-size:10px;margin-top:6px}.upload-proof{border:1px solid var(--line);border-radius:10px;padding:7px 9px;font-size:9px;color:var(--gold2);cursor:pointer}.upload-proof input{display:none}.rule-list{display:grid;gap:10px}.payment-rule{border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:12px}
@media(min-width:720px){.command-grid{grid-template-columns:repeat(4,1fr)}.support-layout{grid-template-columns:340px 1fr}.theme-picker{grid-template-columns:repeat(4,1fr)}.payment-card .approval-actions{flex-direction:row}.advanced-toolbar{flex-wrap:nowrap}}
@media(max-width:600px){.command-grid{grid-template-columns:1fr 1fr}.trend-head{align-items:flex-start}.trend-head strong{font-size:13px}.support-layout{display:block}.support-layout aside{margin-bottom:10px}.chat-workspace{min-height:55dvh}.payment-card{display:grid;grid-template-columns:auto 1fr}.payment-card>.status,.payment-card>.approval-actions{grid-column:1/-1}.advanced-toolbar .search-wrap{flex-basis:100%}.advanced-toolbar button{flex:1}.theme-choice{grid-template-columns:34px 1fr}.theme-preview{width:34px;height:34px}}

/* v7.1 — unread message counters and reply notifications */
.nav-icon-wrap{position:relative;display:inline-grid;place-items:center}.count-badge{position:absolute;inset-inline-start:-9px;top:-9px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e64f55;color:#fff;border:2px solid var(--bg);font:700 10px/16px Tahoma,Arial,sans-serif;text-align:center;box-shadow:0 5px 14px rgba(230,79,85,.38);z-index:5}.count-badge[hidden]{display:none!important}.nav-count{inset-inline-start:-12px;top:-8px}.notification-bell{position:relative}.notification-bell.has-unread{animation:nawasi-bell 1.35s ease-in-out infinite}.notification-bell .count-badge{inset-inline-start:-8px;top:-7px}.nav-btn.has-unread,.menu-link.has-unread{color:var(--gold2)}.title-count{position:static;display:inline-grid!important;vertical-align:middle;margin-inline-start:6px;border-color:transparent}.page-head-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}@keyframes nawasi-bell{0%,100%{transform:rotate(0)}20%{transform:rotate(9deg)}40%{transform:rotate(-7deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}}

/* v7.2 — Operations & Payments command center */
.operations-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.operations-tabs::-webkit-scrollbar{display:none}.operations-tabs .chip{white-space:nowrap}.ops-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ops-stat{min-height:128px;text-align:right;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);border-radius:20px;padding:14px;position:relative}.ops-stat>span{font-size:23px}.ops-stat small,.ops-stat strong,.ops-stat em{display:block}.ops-stat small{color:var(--muted);margin-top:8px}.ops-stat strong{font-size:25px;margin-top:8px}.ops-stat em{font-size:9px;color:var(--gold2);font-style:normal;margin-top:4px}.ops-policy{margin-top:12px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel));border-radius:20px;padding:16px}.ops-policy h3{margin:0 0 7px}.ops-policy p{margin:0;color:var(--muted);line-height:1.8;font-size:11px}.notification-list{display:grid;gap:8px}.notification-card{width:100%;display:flex;align-items:flex-start;gap:11px;text-align:right;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:17px;padding:13px}.notification-card.unread{background:color-mix(in srgb,var(--gold) 7%,var(--panel));border-color:color-mix(in srgb,var(--gold) 50%,var(--line))}.notification-card.priority-urgent{border-inline-start:4px solid var(--danger)}.notification-card.priority-high{border-inline-start:4px solid var(--warn)}.notification-card h4,.notification-card p{margin:0}.notification-card p{color:var(--muted);font-size:10px;margin-top:5px}.notification-card small{color:var(--muted);font-size:8px}.notification-card>i{width:9px;height:9px;border-radius:50%;background:var(--danger);margin-top:5px}.notification-type{width:38px;height:38px;border-radius:13px;background:var(--panel2);display:grid;place-items:center}.kanban-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,82vw);gap:10px;overflow:auto;align-items:start;padding-bottom:12px;scroll-snap-type:x proximity}.kanban-column{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:10px;scroll-snap-align:start}.kanban-column>header{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px}.kanban-column>header span{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 8px}.kanban-column>div{display:grid;gap:8px}.kanban-order{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:9px}.kanban-order>button{width:100%;border:0;background:transparent;color:var(--text);text-align:right;padding:0}.kanban-order b,.kanban-order span,.kanban-order strong{display:block}.kanban-order span{color:var(--muted);font-size:10px;margin:5px 0}.kanban-order select{width:100%;margin-top:9px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px}.kanban-empty{color:var(--muted);text-align:center;font-size:10px}.code-list,.settlement-list{display:grid;gap:9px}.code-card,.settlement-card{display:flex;align-items:center;gap:11px;border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:13px}.code-lock{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--gold) 10%,var(--panel2));display:grid;place-items:center}.code-card h4,.code-card p,.code-card small,.settlement-card h4,.settlement-card p,.settlement-card small{margin:0}.code-card p,.settlement-card p{font-size:10px;color:var(--muted);margin:5px 0}.code-card small,.settlement-card small{font-size:8px;color:var(--muted);display:block}.code-actions{display:flex;gap:5px;flex-wrap:wrap}.code-actions button{border:1px solid var(--line);background:var(--panel2);color:var(--gold2);border-radius:9px;padding:7px 9px;font-size:9px}.link-btn{text-decoration:none;display:inline-grid;place-items:center}.revealed-code{text-align:center;padding:15px}.revealed-code code{display:block;direction:ltr;word-break:break-all;font-size:18px;border:1px dashed var(--gold);background:var(--panel2);border-radius:15px;padding:18px;margin-bottom:12px;color:var(--gold2)}.settlement-card{justify-content:space-between}.settlement-card.has-difference{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}.settlement-card strong{color:var(--gold2)}.settlement-card>div:last-child{display:grid;gap:7px;justify-items:end}.compact-head{margin-bottom:12px}.chat-composer{grid-template-columns:minmax(110px,.35fr) 1fr auto}.chat-composer select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:8px;max-width:180px}.payment-card small{display:block;color:var(--muted);font-size:9px;margin-top:4px}
@media(min-width:760px){.ops-summary-grid{grid-template-columns:repeat(3,1fr)}.kanban-board{grid-auto-columns:minmax(250px,1fr)}}
@media(max-width:600px){.ops-summary-grid{grid-template-columns:1fr 1fr}.ops-stat{min-height:115px}.code-card,.settlement-card{align-items:flex-start}.code-actions{grid-column:1/-1}.chat-composer{grid-template-columns:1fr auto}.chat-composer select{grid-column:1/-1;max-width:none}.advanced-toolbar select{flex:1}.settlement-card{display:grid;grid-template-columns:1fr auto}}

/* v8.0 Financial Intelligence */
.finance-page-head .eyebrow{color:var(--gold,#d4b85c)}
.finance-range{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:14px;padding:12px;border:1px solid var(--line,#292929);border-radius:18px;background:var(--card,#111)}
.finance-range .field{min-width:140px;flex:1;margin:0}.finance-range button{min-height:46px}
.finance-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.finance-tabs::-webkit-scrollbar{display:none}.finance-tabs .chip{white-space:nowrap}
.finance-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.finance-kpi{padding:18px;border:1px solid var(--line,#292929);border-radius:20px;background:linear-gradient(145deg,var(--card,#111),var(--card-2,#151515));display:flex;flex-direction:column;gap:8px;min-height:132px;position:relative;overflow:hidden}
.finance-kpi:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;inset:auto -35px -35px auto;background:currentColor;opacity:.05}
.finance-kpi small{color:var(--muted,#a8a8a8)}.finance-kpi strong{font-size:clamp(1.3rem,3vw,2rem);line-height:1.2}.finance-kpi em{font-style:normal;font-size:.82rem;color:var(--muted,#a8a8a8)}
.finance-kpi.primary{border-color:rgba(212,184,92,.38);color:var(--gold,#d4b85c)}.finance-kpi.profit{color:#6ed49a}.finance-kpi.expense{color:#efb36b}.finance-kpi.loss{color:#f07878}.finance-kpi.warning{color:#e9cd70}
.finance-dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin-bottom:14px}.finance-chart-card{padding:16px;border:1px solid var(--line,#292929);border-radius:20px;background:var(--card,#111);min-height:250px}
.finance-spark{height:170px;display:flex;align-items:end;gap:5px;padding:16px 4px 0;border-bottom:1px solid var(--line,#292929)}.spark-col{height:100%;flex:1;min-width:10px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.spark-col span{width:min(28px,80%);border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,var(--gold,#d4b85c),rgba(212,184,92,.35));min-height:4px;transition:.2s}.spark-col:hover span{filter:brightness(1.25)}.spark-col small{font-size:.62rem;color:var(--muted,#999);writing-mode:vertical-rl;max-height:32px;overflow:hidden}
.finance-ranked{display:flex;flex-direction:column;gap:8px}.finance-ranked>div{display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:10px;border-radius:13px;background:var(--card-2,#171717);border:1px solid transparent}.finance-ranked>div:hover{border-color:var(--line,#333)}.finance-ranked>div>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(212,184,92,.13);color:var(--gold,#d4b85c);font-size:.75rem}.finance-ranked em{font-style:normal;color:var(--muted,#999);font-size:.75rem}.finance-ranked strong{font-size:.9rem}.finance-ranked.categories>div{grid-template-columns:28px 1fr auto auto}
.finance-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ledger-table-wrap{overflow:auto;border:1px solid var(--line,#292929);border-radius:18px;background:var(--card,#111)}.finance-ledger{min-width:940px}.finance-ledger .money{white-space:nowrap}.row-void{opacity:.5;text-decoration:line-through}.tiny-danger{border:0;background:rgba(240,120,120,.13);color:#f07878;border-radius:8px;padding:5px 7px;cursor:pointer}
.profitability-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.profitability-grid>article{border:1px solid var(--line,#292929);border-radius:20px;padding:16px;background:var(--card,#111)}.profit-table{display:flex;flex-direction:column;gap:3px}.profit-table>div{display:grid;grid-template-columns:minmax(180px,1.6fr) repeat(3,minmax(100px,.7fr));gap:10px;align-items:center;padding:10px;border-radius:10px}.profit-table>div:nth-child(even){background:var(--card-2,#171717)}.profit-table .profit-head{color:var(--muted,#999);font-size:.75rem;border-bottom:1px solid var(--line,#292929);border-radius:0}.profit-table span{display:flex;flex-direction:column}.profit-table small{color:var(--muted,#999);font-size:.72rem}.profit-table strong{color:#6ed49a}.profit-table .cost-missing{outline:1px solid rgba(233,205,112,.35)}
.budget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.budget-card{padding:16px;border:1px solid var(--line,#292929);border-radius:18px;background:var(--card,#111)}.budget-card>div:first-child{display:flex;justify-content:space-between;gap:8px}.budget-card h4{margin:5px 0 12px}.budget-card strong{display:block}.budget-card strong small{font-weight:400;color:var(--muted,#999)}.budget-progress{height:8px;border-radius:999px;background:var(--card-2,#1b1b1b);overflow:hidden;margin:12px 0}.budget-progress span{display:block;height:100%;background:#6ed49a;border-radius:inherit}.budget-card.over{border-color:rgba(240,120,120,.4)}.budget-card.over .budget-progress span{background:#f07878}.budget-card p{color:var(--muted,#999);font-size:.78rem;margin:0}
.accounting-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accounting-columns>article{padding:16px;border:1px solid var(--line,#292929);border-radius:20px;background:var(--card,#111)}.account-list{display:flex;flex-direction:column;gap:6px}.account-list>div{display:grid;grid-template-columns:58px 1fr 90px auto;gap:8px;align-items:center;padding:10px;border-radius:12px;background:var(--card-2,#171717)}.account-list.categories>div{grid-template-columns:38px 1fr 100px}.account-list em{font-style:normal;color:var(--muted,#999);font-size:.75rem}.account-list strong{white-space:nowrap}
.report-downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line,#292929);border-radius:18px;background:var(--card,#111);color:inherit;text-decoration:none}.report-card:hover{border-color:var(--gold,#d4b85c);transform:translateY(-2px)}.report-card span{font-size:1.8rem}.report-card small{color:var(--muted,#999)}
.period-list{display:flex;flex-direction:column;gap:8px}.period-list article{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line,#292929);border-radius:14px;background:var(--card,#111)}.period-list article>div{flex:1}.period-list h4,.period-list p{margin:0}.period-list p{color:var(--muted,#999);font-size:.78rem}
@media(max-width:900px){.finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-dashboard-grid,.profitability-grid,.accounting-columns{grid-template-columns:1fr}.budget-grid,.report-downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.finance-kpi-grid,.budget-grid,.report-downloads{grid-template-columns:1fr}.finance-kpi{min-height:112px}.finance-range{display:grid;grid-template-columns:1fr 1fr}.finance-range button{grid-column:1/-1}.profit-table>div{grid-template-columns:1.4fr .8fr .8fr}.profit-table>div>*:nth-child(3){display:none}.finance-ranked>div{grid-template-columns:26px 1fr auto}.finance-ranked>div em{display:none}.account-list>div{grid-template-columns:52px 1fr auto}.account-list>div em{display:none}}

/* v9.0 — Procurement, suppliers and inventory automation */
.procurement-tabs{overflow:auto;white-space:nowrap;padding-bottom:.2rem}
.procurement-stats{grid-template-columns:repeat(5,minmax(140px,1fr));overflow:auto}
.procurement-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;margin-top:1rem}
.procurement-grid>article{background:var(--surface,#171717);border:1px solid var(--border,#2b2b2b);border-radius:18px;padding:1rem;min-width:0}
.supplier-balance-list{display:grid;gap:.5rem}.supplier-balance-list>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem;border-radius:13px;background:var(--surface-2,#202020)}.supplier-balance-list span{display:grid;gap:.15rem}.supplier-balance-list small{opacity:.68}
.reorder-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,1fr);overflow:auto;gap:.75rem;padding-bottom:.35rem}.reorder-strip article{border:1px solid var(--border,#2b2b2b);border-radius:16px;padding:1rem;background:var(--surface,#171717)}.reorder-strip h4{margin:.35rem 0}.reorder-strip p,.reorder-strip strong{font-size:.86rem}
.supplier-card .price-row{margin-top:.5rem}.purchase-order-card,.supplier-invoice-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:right;border:1px solid var(--border,#2b2b2b);border-radius:16px;background:var(--surface,#171717);padding:1rem;color:inherit}.purchase-order-card:hover{transform:translateY(-1px);border-color:var(--accent,#d4af37)}.purchase-order-card>div:last-child,.supplier-invoice-card>div:last-child{display:grid;justify-items:end;gap:.4rem}.purchase-order-card small,.supplier-invoice-card small{opacity:.72}.supplier-invoice-card.overdue{border-color:#b83a3a;background:color-mix(in srgb,#b83a3a 8%,var(--surface,#171717))}.danger-text{color:#ff7575}
.purchase-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:.65rem;margin-bottom:1rem}.purchase-summary article{display:grid;gap:.35rem;padding:.85rem;border:1px solid var(--border,#2b2b2b);border-radius:14px;background:var(--surface-2,#202020)}.purchase-summary small{opacity:.72}.purchase-summary strong{font-size:1.05rem}
.purchase-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.purchase-items{display:grid;gap:.55rem;margin:.7rem 0}.purchase-item-row{display:grid;grid-template-columns:1.5fr .6fr .9fr auto;gap:.45rem;align-items:center}.purchase-item-row input{min-width:0}
.receipt-items{display:grid;gap:.6rem;margin:1rem 0}.receipt-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 130px;gap:.55rem;align-items:center;padding:.7rem;border:1px solid var(--border,#2b2b2b);border-radius:14px}.receipt-row>div{display:grid}.receipt-row small{opacity:.7}
.reorder-list{display:grid;gap:.7rem}.reorder-list article{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:.8rem;align-items:center;border:1px solid var(--border,#2b2b2b);border-radius:16px;padding:.85rem;background:var(--surface,#171717)}.reorder-list article>div:last-child{display:grid;justify-items:end;gap:.4rem}.reorder-list small{opacity:.72}.product-thumb{width:58px;height:58px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2,#202020);overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}
.table-wrap{overflow:auto;border:1px solid var(--border,#2b2b2b);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:620px}.data-table th,.data-table td{padding:.75rem;border-bottom:1px solid var(--border,#2b2b2b);text-align:right}.data-table th{font-size:.8rem;opacity:.72;background:var(--surface-2,#202020)}
@media(max-width:900px){.procurement-grid{grid-template-columns:1fr}.procurement-stats{grid-template-columns:repeat(5,minmax(155px,1fr))}.purchase-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.purchase-order-card,.supplier-invoice-card{align-items:flex-start}.purchase-item-row{grid-template-columns:1fr 72px 105px auto}.receipt-row{grid-template-columns:1fr 75px 105px}.reorder-list article{grid-template-columns:48px minmax(0,1fr)}.reorder-list article>div:last-child{grid-column:1/-1;display:flex;justify-content:flex-end;flex-wrap:wrap}.product-thumb{width:48px;height:48px}}

/* v10.0 — Customer 360, CRM, loyalty and marketing automation */
.crm-page-head{align-items:flex-end}.crm-tabs{display:flex;gap:.5rem;overflow:auto;white-space:nowrap;padding-bottom:.35rem;margin-bottom:1rem}.crm-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.75rem;overflow:auto;padding-bottom:.35rem}.crm-kpi-grid article{min-width:135px;display:grid;gap:.45rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:0 8px 24px rgba(0,0,0,.12)}.crm-kpi-grid article>span{font-size:1.35rem}.crm-kpi-grid small,.crm-kpi-grid em{color:var(--muted);font-size:.75rem;font-style:normal}.crm-kpi-grid strong{font-size:1.45rem}.crm-kpi-grid article.warning{border-color:rgba(224,109,109,.35)}
.crm-dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem;margin-top:1rem}.crm-panel-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:1rem;min-width:0}.crm-panel-card>h4{margin:.2rem 0 1rem}.crm-customer-list{display:grid;gap:.55rem}.crm-customer-card{width:100%;display:flex;align-items:center;gap:.75rem;text-align:right;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:.8rem;transition:.15s}.crm-panel-card .crm-customer-card{background:var(--panel2)}.crm-customer-card:hover{border-color:#6c5529;transform:translateY(-1px)}.crm-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2a2315,#15130f);border:1px solid #5a4726;color:var(--gold2);font-weight:900}.crm-avatar.xl{width:64px;height:64px;flex-basis:64px;border-radius:20px;font-size:1.4rem}.crm-card-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.crm-card-title h3,.crm-card-title h4{margin:0}.crm-customer-card p,.crm-customer-card small{margin:.2rem 0 0;color:var(--muted);display:block}.crm-value{display:grid;justify-items:end;gap:.25rem;white-space:nowrap}.crm-value strong{color:var(--gold2)}.crm-value span{font-size:.75rem;color:var(--muted)}
.loyalty-tier{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .55rem;font-size:.69rem;border:1px solid transparent}.loyalty-tier.bronze{color:#d6aa78;background:rgba(176,141,87,.12);border-color:rgba(176,141,87,.25)}.loyalty-tier.silver{color:#d8dce0;background:rgba(167,173,180,.12);border-color:rgba(167,173,180,.25)}.loyalty-tier.gold{color:#f1d36d;background:rgba(201,162,39,.12);border-color:rgba(201,162,39,.3)}.loyalty-tier.platinum{color:#bde1e8;background:rgba(122,156,165,.14);border-color:rgba(122,156,165,.3)}
.tier-distribution,.segment-mini-list{display:grid;gap:.5rem}.tier-distribution>div{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;align-items:center;padding:.7rem;border-radius:13px;background:var(--panel2)}.tier-distribution em{grid-column:2;font-style:normal;color:var(--muted);font-size:.72rem}.segment-mini-list button{display:flex;justify-content:space-between;gap:1rem;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:.75rem}.segment-mini-list span{color:var(--muted)}
.crm-toolbar{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(135px,auto));align-items:start}.crm-toolbar .search-wrap{margin:0}.crm-toolbar select{height:50px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:var(--text);padding:0 .8rem}
.customer-360-head{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(215,176,91,.17),transparent 42%),var(--panel2);border:1px solid #4a3b20}.customer-360-head>div:nth-child(2){flex:1}.customer-360-head p,.customer-360-head small{color:var(--muted);margin:.35rem 0}.customer-points{text-align:center;min-width:90px}.customer-points strong{display:block;font-size:1.8rem;color:var(--gold2)}.customer-points span{font-size:.75rem;color:var(--muted)}.customer-360-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.tag-checks{display:flex;flex-wrap:wrap;gap:.45rem}.tag-checks label input{display:none}.tag-checks label span{display:inline-flex;padding:.45rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--tag-color) 12%,transparent);border:1px solid color-mix(in srgb,var(--tag-color) 40%,transparent);color:var(--text);cursor:pointer}.tag-checks label input:checked+span{box-shadow:inset 0 0 0 2px var(--tag-color);background:color-mix(in srgb,var(--tag-color) 24%,transparent)}.tag-checks button{flex-basis:100%}.customer-notes,.customer-tasks,.loyalty-ledger-mini{display:grid;gap:.5rem;max-height:330px;overflow:auto}.customer-notes article{padding:.75rem;border-radius:13px;background:var(--panel2);border:1px solid var(--line)}.customer-notes article.pinned{border-color:#80662e}.customer-notes p{margin:0 0 .4rem;line-height:1.65}.customer-notes small,.customer-tasks small{color:var(--muted)}.customer-tasks article{display:flex;align-items:center;gap:.5rem;padding:.7rem;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.customer-tasks article>div{flex:1;display:grid;gap:.2rem}.tiny-ok{border:0;background:rgba(91,199,145,.13);color:#7de2ac;border-radius:8px;padding:.45rem .55rem}.loyalty-ledger-mini>div{display:grid;grid-template-columns:52px 1fr;gap:.25rem .65rem;align-items:center;padding:.65rem;border-radius:12px;background:var(--panel2)}.loyalty-ledger-mini span{grid-row:1/3;font-weight:900;text-align:center}.loyalty-ledger-mini span.plus{color:#7de2ac}.loyalty-ledger-mini span.minus{color:#f29292}.loyalty-ledger-mini small{color:var(--muted)}.mini-orders{display:flex;gap:.5rem;overflow:auto}.mini-orders button{min-width:210px;display:grid;grid-template-columns:1fr auto;gap:.45rem;padding:.75rem;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);text-align:right}
.segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.segment-grid article{display:grid;gap:.65rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.segment-grid article>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.segment-grid h4,.segment-grid p{margin:0}.segment-grid p,.segment-grid small{color:var(--muted)}.segment-grid strong{font-size:1.4rem;color:var(--gold2)}.segment-actions{display:flex;gap:.5rem;flex-wrap:wrap}.modal-list{max-height:65vh;overflow:auto}
.loyalty-rule-banner{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}.loyalty-rule-banner>div{display:grid;gap:.35rem;padding:1rem;border:1px solid #4a3b20;border-radius:17px;background:linear-gradient(145deg,#17130c,var(--panel))}.loyalty-rule-banner small{color:var(--muted)}.loyalty-tier-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-bottom:1rem}.loyalty-tier-grid article{position:relative;overflow:hidden;display:grid;gap:.4rem;padding:1rem;border:1px solid color-mix(in srgb,var(--tier) 45%,var(--line));border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--tier) 12%,var(--panel)),var(--panel))}.loyalty-tier-grid article:after{content:"";position:absolute;left:-25px;bottom:-35px;width:90px;height:90px;border-radius:50%;background:color-mix(in srgb,var(--tier) 13%,transparent)}.loyalty-tier-grid span{color:var(--tier);font-size:1.4rem}.loyalty-tier-grid h4{margin:0}.loyalty-tier-grid small{color:var(--muted)}.loyalty-leaders{display:grid;gap:.45rem}.loyalty-leaders button{display:grid;grid-template-columns:28px 1fr auto auto;gap:.5rem;align-items:center;text-align:right;border:0;background:var(--panel2);color:var(--text);border-radius:12px;padding:.65rem}.loyalty-leaders button>span:first-child{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:rgba(215,176,91,.12);color:var(--gold2)}
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.campaign-grid article{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.campaign-top{display:flex;align-items:center;gap:.7rem}.campaign-top>span{font-size:1.6rem}.campaign-top>div{flex:1}.campaign-top h4,.campaign-top p{margin:0}.campaign-top p{color:var(--muted);font-size:.75rem}.campaign-message{margin:0;color:#d8d1c4;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.campaign-metrics{display:flex;justify-content:space-between;gap:.5rem;padding:.65rem;border-radius:12px;background:var(--panel2);font-size:.78rem;color:var(--muted)}.campaign-actions{display:flex;gap:.5rem;flex-wrap:wrap}.campaign-actions .primary{width:auto;min-height:42px}
.crm-task-board{display:grid;gap:.65rem}.crm-task-board article{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.crm-task-board article>div{display:flex;align-items:center;gap:.7rem}.crm-task-board article>div:first-child{flex:1}.crm-task-board article>div:first-child>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--panel2)}.crm-task-board h4,.crm-task-board p{margin:0}.crm-task-board p,.crm-task-board small{color:var(--muted)}.crm-task-board article.priority-urgent{border-color:rgba(224,109,109,.55)}.crm-task-board article.priority-high{border-color:rgba(239,190,98,.45)}
@media(max-width:920px){.crm-dashboard-grid,.customer-360-grid{grid-template-columns:1fr}.segment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.loyalty-tier-grid{grid-template-columns:repeat(2,1fr)}.crm-toolbar{grid-template-columns:1fr 1fr}.crm-toolbar .search-wrap{grid-column:1/-1}}
@media(max-width:620px){.crm-page-head{align-items:flex-start}.crm-page-head .page-head-actions{width:100%}.crm-kpi-grid{grid-template-columns:repeat(6,minmax(145px,1fr))}.crm-customer-card{align-items:flex-start}.crm-value{grid-column:2;justify-items:start}.customer-360-head{align-items:flex-start;flex-wrap:wrap}.customer-points{margin-right:auto}.segment-grid,.campaign-grid,.loyalty-rule-banner,.loyalty-tier-grid{grid-template-columns:1fr}.crm-toolbar{grid-template-columns:1fr}.crm-toolbar .search-wrap{grid-column:auto}.crm-task-board article{align-items:flex-start;flex-direction:column}.crm-task-board article>div:last-child{width:100%;flex-wrap:wrap}.campaign-metrics{flex-direction:column}.loyalty-leaders button{grid-template-columns:28px 1fr auto}.loyalty-leaders button strong{grid-column:2}.customer-360-grid .crm-panel-card{padding:.8rem}}

/* v11.0 — Governance, automation and executive control */
.governance-head{align-items:flex-end}.governance-tabs{overflow:auto;white-space:nowrap}.governance-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.35rem;border:1px solid #4a3b20;border-radius:24px;background:radial-gradient(circle at 10% 10%,rgba(215,176,91,.18),transparent 38%),linear-gradient(145deg,var(--panel2),var(--panel));margin-bottom:1rem}.health-score{--score:100;width:150px;height:150px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold2) calc(var(--score)*1%),rgba(255,255,255,.08) 0);position:relative;box-shadow:0 18px 45px rgba(0,0,0,.22)}.health-score:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.health-score>div{position:relative;z-index:1;text-align:center}.health-score strong{display:block;font-size:2.2rem;color:var(--gold2)}.health-score small{color:var(--muted)}.health-copy h3{margin:.3rem 0;font-size:1.65rem}.health-copy p{color:var(--muted);margin:.35rem 0 1rem}.governance-actions{display:flex;gap:.55rem;flex-wrap:wrap}.governance-kpis{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.7rem;overflow:auto;padding-bottom:.35rem}.governance-kpi{min-width:135px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:.2rem .65rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.governance-kpi>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(215,176,91,.12);color:var(--gold2);font-size:1.1rem}.governance-kpi small{color:var(--muted)}.governance-kpi strong{font-size:1.3rem}.governance-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin:1rem 0}.governance-card{padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin-bottom:1rem}.recommendation-list,.incident-mini,.automation-run-list{display:grid;gap:.6rem}.recommendation-list>article{display:grid;grid-template-columns:38px 1fr auto;gap:.7rem;align-items:center;padding:.8rem;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.recommendation-list>article>span:first-child{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05)}.recommendation-list h4,.recommendation-list p{margin:0}.recommendation-list p{color:var(--muted);font-size:.78rem;margin-top:.2rem}.recommendation-list .severity-critical{border-color:rgba(235,95,95,.5)}.recommendation-list .severity-high{border-color:rgba(239,190,98,.45)}.incident-mini article,.automation-run-list article{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:13px;background:var(--panel2);border:1px solid transparent}.incident-mini article:hover,.automation-run-list article:hover{border-color:var(--line)}.incident-mini article>div,.automation-run-list article>div{flex:1}.incident-mini h4,.automation-run-list h4{margin:0}.incident-mini small,.automation-run-list small{color:var(--muted)}.automation-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.automation-rule{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.automation-rule.active{border-color:rgba(92,201,146,.25)}.automation-rule.disabled{opacity:.65}.automation-rule-top{display:flex;align-items:center;gap:.7rem}.automation-rule-top>div{flex:1}.automation-rule-top h4,.automation-rule-top p{margin:0}.automation-rule-top p{color:var(--muted);font-size:.75rem}.automation-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(215,176,91,.12);color:var(--gold2)}.automation-rule-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.automation-rule-meta span{display:grid;gap:.15rem;padding:.55rem;border-radius:11px;background:var(--panel2);color:var(--muted);font-size:.7rem}.automation-rule-meta b{color:var(--text);font-size:.9rem}.automation-roles{display:flex;gap:.35rem;flex-wrap:wrap}.automation-roles span{padding:.3rem .5rem;border-radius:999px;background:rgba(215,176,91,.1);border:1px solid rgba(215,176,91,.2);font-size:.68rem}.automation-run-list.detailed{max-height:430px;overflow:auto}.role-check-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.role-check-grid label{cursor:pointer}.role-check-grid input{display:none}.role-check-grid span{display:block;text-align:center;padding:.6rem;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.role-check-grid input:checked+span{border-color:var(--gold2);background:rgba(215,176,91,.13);color:var(--gold2)}.incident-list{display:grid;gap:.7rem}.incident-card{display:flex;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.incident-card.severity-critical{border-color:rgba(235,95,95,.55)}.incident-card.severity-high{border-color:rgba(239,190,98,.45)}.incident-symbol{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:var(--panel2);font-weight:900}.incident-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.incident-title h4{margin:0}.incident-card p,.incident-card small{margin:.2rem 0;color:var(--muted)}.incident-actions{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.performance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.performance-card{padding:1rem;border:1px solid var(--line);border-radius:19px;background:var(--panel)}.performance-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}.performance-head>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2b2417,#17130d);border:1px solid #5d4925;color:var(--gold2);font-weight:900}.performance-head h4,.performance-head p{margin:0}.performance-head p{color:var(--muted);font-size:.75rem}.performance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.45rem}.performance-metrics>div{display:grid;gap:.15rem;padding:.65rem;border-radius:12px;background:var(--panel2)}.performance-metrics small,.performance-metrics em{color:var(--muted);font-style:normal;font-size:.68rem}.performance-metrics strong{font-size:1.2rem}.performance-card footer{margin-top:.8rem;color:var(--muted);font-size:.72rem}
@media(max-width:980px){.governance-kpis{grid-template-columns:repeat(6,minmax(150px,1fr))}.automation-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.governance-grid{grid-template-columns:1fr}.performance-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.governance-hero{grid-template-columns:1fr;text-align:center}.governance-actions{justify-content:center}.automation-rule-grid,.performance-grid{grid-template-columns:1fr}.role-check-grid{grid-template-columns:repeat(2,1fr)}.incident-card{align-items:flex-start;flex-wrap:wrap}.incident-card .grow{min-width:calc(100% - 60px)}.incident-actions{width:100%;justify-content:stretch}.incident-actions>*{flex:1}.recommendation-list>article{grid-template-columns:36px 1fr}.recommendation-list>article>.status{grid-column:2}.performance-metrics{grid-template-columns:repeat(2,1fr)}}

/* v12.0 — Security and business continuity */
.continuity-head{align-items:flex-end}.continuity-tabs{overflow:auto;white-space:nowrap}.continuity-hero{display:grid;grid-template-columns:190px minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.35rem;border:1px solid rgba(92,201,146,.32);border-radius:24px;background:radial-gradient(circle at 12% 12%,rgba(92,201,146,.16),transparent 40%),linear-gradient(145deg,var(--panel2),var(--panel));margin-bottom:1rem}.continuity-score{--score:0;width:150px;height:150px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#5cc992 calc(var(--score)*1%),rgba(255,255,255,.07) 0);position:relative;box-shadow:0 18px 45px rgba(0,0,0,.22)}.continuity-score:before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.continuity-score>div{position:relative;z-index:1;text-align:center}.continuity-score strong{display:block;font-size:2.2rem;color:#76dfaa}.continuity-score small{color:var(--muted)}.continuity-copy h3{margin:.3rem 0;font-size:1.65rem}.continuity-copy p{color:var(--muted);line-height:1.7}.continuity-kpis{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:.7rem;overflow:auto;padding-bottom:.35rem}.continuity-kpis article{min-width:135px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;gap:.2rem .65rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.continuity-kpis article>span{grid-row:1/3;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(92,201,146,.12);color:#76dfaa;font-size:1.1rem}.continuity-kpis small{color:var(--muted)}.continuity-kpis strong{font-size:1.15rem}.continuity-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;margin-top:1rem}.continuity-card{padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin-bottom:1rem}.readiness-list{display:grid;gap:.55rem}.readiness-list article{display:grid;grid-template-columns:38px 1fr auto;gap:.7rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.readiness-list article>span{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;font-weight:900}.readiness-list article.ready>span{background:rgba(92,201,146,.14);color:#76dfaa}.readiness-list article.missing>span{background:rgba(235,95,95,.13);color:#eb7777}.readiness-list h4,.readiness-list small{margin:0}.readiness-list small{color:var(--muted)}.readiness-list b{color:var(--muted)}.policy-summary{display:grid;gap:.55rem;margin:0}.policy-summary>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem;border-radius:12px;background:var(--panel2)}.policy-summary dt{color:var(--muted)}.policy-summary dd{margin:0;font-weight:700}.wide{width:100%;margin-top:.8rem}.backup-list{display:grid;gap:.7rem;margin-bottom:1rem}.backup-card{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.backup-card.status-verified{border-color:rgba(92,201,146,.35)}.backup-card.status-failed{border-color:rgba(235,95,95,.5)}.backup-symbol{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:rgba(92,201,146,.1);color:#76dfaa;font-size:1.2rem}.backup-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.backup-title h4{margin:0}.backup-card p,.backup-card small{margin:.2rem 0;color:var(--muted)}.backup-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.recovery-test-list{display:grid;gap:.55rem}.recovery-test-list article{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:13px;background:var(--panel2)}.recovery-test-list article>div{flex:1}.recovery-test-list h4{margin:0}.recovery-test-list small{color:var(--muted)}.security-event-list{display:grid;gap:.65rem}.security-event{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.security-event.severity-critical{border-color:rgba(235,95,95,.58)}.security-event.severity-high{border-color:rgba(239,190,98,.5)}.security-event-icon{width:44px;height:44px;flex:0 0 44px;border-radius:14px;display:grid;place-items:center;background:var(--panel2);font-weight:900}.security-title{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.security-title h4{margin:0}.security-event p,.security-event small{margin:.2rem 0;color:var(--muted)}.settings-card-wide{max-width:820px;margin-inline:auto}.settings-card-wide .check-row{margin:.65rem 0}
@media(max-width:980px){.continuity-kpis{grid-template-columns:repeat(6,minmax(150px,1fr))}.continuity-grid{grid-template-columns:1fr}.backup-card{align-items:flex-start;flex-wrap:wrap}.backup-actions{width:100%;justify-content:flex-start}}
@media(max-width:640px){.continuity-hero{grid-template-columns:1fr;text-align:center}.continuity-copy .governance-actions{justify-content:center}.security-event{align-items:flex-start;flex-wrap:wrap}.security-event .grow{min-width:calc(100% - 60px)}.security-event>button{width:100%}.backup-card .grow{min-width:calc(100% - 60px)}.backup-actions>*{flex:1}.continuity-kpis{grid-template-columns:repeat(6,minmax(145px,1fr))}}

/* v12.2 — backup lifecycle and decluttered recovery workspace */
.backup-head-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.backup-stats{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:.7rem;margin-bottom:.8rem}.backup-stats article{padding:.9rem 1rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel2),var(--panel));display:flex;align-items:center;justify-content:space-between;gap:.75rem}.backup-stats small{color:var(--muted)}.backup-stats strong{font-size:1.15rem}.backup-filter-row{overflow:auto;white-space:nowrap;padding-bottom:.35rem}.backup-filter-row .chip{display:inline-flex;gap:.45rem;align-items:center}.backup-filter-row .chip b{min-width:22px;height:22px;padding:0 .35rem;border-radius:999px;display:inline-grid;place-items:center;background:rgba(255,255,255,.08);font-size:.78rem}.backup-filter-row .chip.active b{background:rgba(212,180,94,.18)}.backup-filter-note{margin:.15rem 0 .8rem;padding:.65rem .8rem;border-radius:12px;background:rgba(255,255,255,.035);color:var(--muted);font-size:.9rem}.backup-card.status-deleted,.backup-card.status-expired{opacity:.72}.backup-card.status-deleted .backup-symbol,.backup-card.status-expired .backup-symbol{background:rgba(255,255,255,.06);color:var(--muted)}
@media(max-width:760px){.backup-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-head-actions{width:100%}.backup-head-actions>*{flex:1}.backup-filter-note{font-size:.82rem}}

/* v13.0 — Observability, data quality and webhook recovery */
.observability-head{align-items:flex-start;gap:18px}.observability-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 16px}.obs-hero{display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,var(--panel),var(--panel-2));margin-bottom:16px}.obs-hero.obs-healthy{box-shadow:inset 4px 0 0 #34c77b}.obs-hero.obs-warning{box-shadow:inset 4px 0 0 #d9aa37}.obs-hero.obs-critical{box-shadow:inset 4px 0 0 #e46f6f}.obs-health-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-weight:900;font-size:26px;background:var(--soft);border:1px solid var(--border)}.obs-hero h3{font-size:26px;margin:3px 0}.obs-hero p,.obs-hero span{color:var(--muted)}.obs-score-ring{min-width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;border:8px solid color-mix(in srgb,var(--gold) 55%,var(--border));background:var(--panel)}.obs-score-ring strong{font-size:28px}.obs-score-ring small{font-size:11px;color:var(--muted)}
.obs-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.obs-metrics-grid article{padding:17px;border:1px solid var(--border);background:var(--panel);border-radius:18px;min-width:0}.obs-metrics-grid span,.obs-metrics-grid small{display:block;color:var(--muted)}.obs-metrics-grid strong{display:block;font-size:21px;margin:7px 0;overflow-wrap:anywhere}.obs-metrics-grid small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.obs-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.obs-panel{padding:18px;border:1px solid var(--border);background:var(--panel);border-radius:20px;min-width:0}.obs-recommendations{display:grid;gap:9px}.obs-recommend{display:flex;gap:11px;align-items:flex-start;padding:12px;border-radius:15px;background:var(--soft);border-inline-start:3px solid var(--border)}.obs-recommend.severity-critical,.obs-recommend.severity-high{border-inline-start-color:#e46f6f}.obs-recommend.severity-medium{border-inline-start-color:#d9aa37}.obs-recommend.severity-low{border-inline-start-color:#34c77b}.obs-recommend>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--panel)}.obs-recommend p{margin:4px 0 0;color:var(--muted);font-size:13px}.obs-bars{height:180px;display:flex;align-items:flex-end;gap:4px;padding-top:12px}.obs-bars i{flex:1;min-width:3px;border-radius:5px 5px 2px 2px;background:#34c77b;opacity:.8}.obs-bars i.bar-warning{background:#d9aa37}.obs-bars i.bar-critical{background:#e46f6f}.obs-mini-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.obs-mini-row:last-child{border-bottom:0}.obs-mini-row small{display:block;color:var(--muted);margin-top:4px}.obs-mini-row>div{min-width:0}.obs-mini-row b,.obs-mini-row small{overflow:hidden;text-overflow:ellipsis}
.quality-issue{padding:18px;border:1px solid var(--border);background:var(--panel);border-radius:20px;margin-bottom:12px;border-inline-start-width:4px}.quality-issue.severity-critical,.quality-issue.severity-high{border-inline-start-color:#e46f6f}.quality-issue.severity-medium{border-inline-start-color:#d9aa37}.quality-issue.severity-low{border-inline-start-color:#4d8fd8}.quality-issue-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.quality-issue-head h4{font-size:17px;margin:4px 0}.quality-issue-head p{margin:0;color:var(--muted)}.quality-issue details{margin-top:13px;padding:10px 12px;background:var(--soft);border-radius:14px}.quality-issue summary{cursor:pointer;font-weight:700}.quality-samples{display:grid;gap:7px;margin-top:10px}.quality-samples>div{padding:9px;border-radius:10px;background:var(--panel);font-size:12px;overflow-wrap:anywhere}.quality-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.obs-webhook-row{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:var(--panel);margin-bottom:10px}.webhook-topic{min-width:180px}.webhook-topic small,.obs-webhook-row small{display:block;color:var(--muted);margin-top:4px}.obs-webhook-row p{margin:0;overflow-wrap:anywhere}.obs-history-table{border:1px solid var(--border);border-radius:18px;overflow:auto;background:var(--panel)}.obs-history-row{display:grid;grid-template-columns:1.6fr .8fr .7fr .8fr .7fr .7fr;gap:10px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);min-width:720px}.obs-history-row:last-child{border-bottom:0}.obs-history-row.header{position:sticky;top:0;background:var(--panel-2);z-index:1}.compact-field{min-width:150px}.compact-field select{min-width:140px}
@media(max-width:900px){.obs-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.obs-two-col{grid-template-columns:1fr}.obs-webhook-row{align-items:flex-start;flex-wrap:wrap}.webhook-topic{min-width:0;width:100%}}
@media(max-width:560px){.observability-head{display:block}.observability-head .page-head-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.obs-hero{padding:16px;align-items:flex-start;flex-wrap:wrap}.obs-score-ring{min-width:88px;height:88px;margin-inline-start:auto}.obs-metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.obs-metrics-grid article{padding:13px}.obs-metrics-grid strong{font-size:17px}.quality-issue-head{display:block}.quality-issue-head>div:last-child{margin-top:9px}.obs-webhook-row{padding:13px}.observability-tabs{margin-inline:-2px}}

/* v14.0 — Executive intelligence, forecasting and decision support */
.intelligence-head{align-items:flex-start}.intelligence-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.intel-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}.intel-metric{background:linear-gradient(145deg,var(--surface),var(--surface-2));border:1px solid var(--line);border-radius:18px;padding:16px;min-height:116px;display:flex;flex-direction:column;justify-content:center}.intel-metric small{color:var(--muted);font-weight:700}.intel-metric strong{font-size:clamp(1.3rem,2vw,2rem);margin:8px 0;line-height:1.1}.intel-metric p{margin:0;color:var(--muted);font-size:.82rem}.intel-metric .positive,.positive{color:#77d99a}.intel-metric .negative,.negative{color:#f08a8a}.intel-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-bottom:16px}.intel-forecast{overflow:hidden}.forecast-range{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:18px 0}.forecast-range>div{height:8px;background:var(--surface-3);border-radius:20px;overflow:hidden}.forecast-range i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:20px}.intel-chart{height:170px;display:flex;align-items:flex-end;gap:4px;padding:18px 8px 0;border-top:1px solid var(--line);margin-top:18px}.intel-bar-wrap{flex:1;min-width:4px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.intel-bar{width:100%;max-width:18px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 45%,transparent));min-height:3px}.intel-bar-wrap small{font-size:.58rem;color:var(--muted);height:14px}.intel-insights{display:grid;gap:10px}.intel-insight{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.intel-insight>span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--surface-3);font-weight:900}.intel-insight b{display:block;margin-bottom:3px}.intel-insight p{margin:0;color:var(--muted);font-size:.84rem}.intel-insight.ok{border-inline-start:3px solid #63c987}.intel-insight.danger{border-inline-start:3px solid #e87979}.intel-insight.warn{border-inline-start:3px solid #d8ae53}.intel-insight.info{border-inline-start:3px solid #6fa6d9}.intel-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.intel-mini-stats>div{padding:14px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;text-align:center}.intel-mini-stats b{display:block;font-size:1.5rem}.intel-mini-stats span{font-size:.78rem;color:var(--muted)}.scenario-panel{margin-bottom:16px}.scenario-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.scenario-form label{display:grid;gap:6px;color:var(--muted);font-size:.82rem}.scenario-form input{width:100%}.scenario-result>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.intel-table{display:grid;overflow:auto}.intel-row{display:grid;grid-template-columns:minmax(250px,2fr) 70px minmax(140px,1fr) 90px 100px 100px;gap:12px;align-items:center;padding:12px;border-bottom:1px solid var(--line);min-width:850px}.intel-row.header{position:sticky;top:0;background:var(--surface);z-index:1;color:var(--muted);font-size:.78rem}.intel-row>div:first-child{display:grid;gap:3px}.intel-row small{color:var(--muted);font-size:.75rem}.abc{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:900}.abc-A{background:rgba(99,201,135,.15);color:#77d99a}.abc-B{background:rgba(216,174,83,.15);color:#e0bd6e}.abc-C{background:var(--surface-3);color:var(--muted)}.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.target-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}.target-card.met{border-color:rgba(99,201,135,.45)}.target-card.behind{border-color:rgba(232,121,121,.45)}.target-progress{height:8px;background:var(--surface-3);border-radius:10px;overflow:hidden;margin:12px 0}.target-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:10px}.target-card p{color:var(--muted)}
@media(max-width:1050px){.intel-metrics{grid-template-columns:repeat(3,1fr)}.intel-grid{grid-template-columns:1fr}.target-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.intel-metrics{grid-template-columns:repeat(2,1fr)}.intel-metric{min-height:100px;padding:13px}.intel-mini-stats{grid-template-columns:repeat(2,1fr)}.scenario-form{grid-template-columns:1fr 1fr}.scenario-form button{grid-column:1/-1}.scenario-result>div{grid-template-columns:1fr}.target-grid{grid-template-columns:1fr}.intelligence-head .page-head-actions{width:100%}.intelligence-head .compact-field{flex:1}.intel-chart{height:140px}.intel-bar-wrap:nth-child(odd) small{visibility:hidden}}

/* v15.5 — communications, Meta templates, live chat and delivery-state synchronization */
.communications-head{align-items:flex-start}.communication-tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 16px;scrollbar-width:none}.communication-tabs::-webkit-scrollbar{display:none}.comm-metrics{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:16px}.comm-metric{border:1px solid var(--line);background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--card) 88%,var(--gold) 12%));border-radius:18px;padding:16px;min-height:112px;display:flex;flex-direction:column;gap:6px}.comm-metric small,.comm-metric span{color:var(--muted)}.comm-metric b{font-size:1.65rem}.comm-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-bottom:18px}.provider-mini-list,.comm-list,.rule-list,.suppression-list{display:grid;gap:10px}.provider-mini{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:14px}.provider-mini>span{font-size:1.1rem}.provider-mini.enabled>span{color:#58c487}.provider-mini.disabled{opacity:.72}.provider-mini div{display:grid;gap:2px}.provider-mini small{color:var(--muted)}.comm-readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.comm-readiness>div{padding:14px;border:1px solid var(--line);border-radius:14px;display:grid;gap:4px;text-align:center}.comm-readiness b{font-size:1.25rem}.comm-readiness span{font-size:.78rem;color:var(--muted)}.comm-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line);background:var(--card);border-radius:18px;padding:14px}.comm-channel{min-width:92px;padding:9px 10px;border:1px solid var(--line);border-radius:12px;text-align:center;font-size:.82rem;font-weight:800}.channel-whatsapp{background:color-mix(in srgb,#25d366 12%,transparent)}.channel-sms{background:color-mix(in srgb,#4e8cff 12%,transparent)}.channel-email{background:color-mix(in srgb,#b36cff 12%,transparent)}.channel-webhook{background:color-mix(in srgb,var(--gold) 13%,transparent)}.comm-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comm-row p{margin:6px 0;color:var(--text);line-height:1.65}.comm-row small{color:var(--muted)}.comm-actions,.card-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-error{margin-top:8px;padding:7px 9px;border-radius:9px;background:color-mix(in srgb,#d74b4b 12%,transparent);color:#ef9b9b;font-size:.78rem}.comm-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) 180px 160px;gap:10px;margin-bottom:14px}.comm-toolbar select{min-height:46px}.template-grid,.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:14px}.template-card,.provider-card,.rule-card,.suppression-card{border:1px solid var(--line);background:var(--card);border-radius:18px;padding:16px}.template-card{display:grid;gap:12px}.template-card p{color:var(--muted);line-height:1.7;min-height:72px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;display:block;color:var(--muted)}.rule-card,.suppression-card{display:flex;align-items:center;gap:14px}.rule-event{min-width:130px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,transparent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:center}.rule-card p,.suppression-card p{margin:5px 0;color:var(--muted)}.provider-card{display:grid;gap:12px}.provider-card.disabled{opacity:.72}.provider-card p{overflow-wrap:anywhere;color:var(--muted)}.provider-meta{display:flex;gap:7px;flex-wrap:wrap}.provider-meta span{font-size:.76rem;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:var(--muted)}.secret-box{display:grid;gap:10px}.secret-box code{display:block;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);direction:ltr;text-align:left;overflow-wrap:anywhere}.suppression-card .comm-channel{min-width:100px}
@media(max-width:1050px){.comm-metrics{grid-template-columns:repeat(3,1fr)}.template-grid,.provider-grid{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media(max-width:720px){.comm-metrics{grid-template-columns:repeat(2,1fr)}.comm-grid{grid-template-columns:1fr}.comm-toolbar{grid-template-columns:1fr}.template-grid,.provider-grid{grid-template-columns:1fr}.comm-row,.rule-card,.suppression-card{align-items:flex-start;flex-wrap:wrap}.comm-channel,.rule-event{min-width:auto}.comm-actions{width:100%;justify-content:flex-end}.comm-readiness{grid-template-columns:1fr 1fr 1fr}.communication-tabs{margin-inline:-4px}}

/* v15.1 Resend webhook setup */
.webhook-event-codes{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 14px}.webhook-event-codes code{padding:6px 9px;border-radius:9px;background:#0b1220;border:1px solid #2f405f;color:#b9cdf8;font-size:11px}.provider-card .provider-meta span:last-child{max-width:100%}

/* v15.4 live chat refresh fixes */
.support-layout aside{min-width:0;overflow:hidden}.chat-list{min-width:0;overflow-x:hidden}.chat-item{min-width:0;max-width:100%;overflow:hidden}.chat-item .grow{min-width:0;overflow:hidden}.chat-item.active{border-color:color-mix(in srgb,var(--gold) 70%,var(--line));box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 12%,transparent)}.chat-live-hint{color:var(--muted);font-size:9px;white-space:nowrap}#refreshChat[disabled]{opacity:.65;cursor:wait}.bubble small{min-height:1em}

/* v15.4 — real-time chat event stream status */
.chat-live-hint[data-mode="online"]{color:#8ee6ad}
.chat-live-hint[data-mode="connecting"]{color:#f2c96d}
.chat-live-hint[data-mode="fallback"]{color:#ffb2ad}

/* v15.5 — WhatsApp Meta utility-template synchronization and testing */
.template-sync-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,#25d366 35%,var(--line));background:color-mix(in srgb,#25d366 7%,var(--card));border-radius:15px}.template-sync-summary b{color:var(--text)}.template-sync-summary span{color:var(--muted);font-size:.78rem}.template-sync-summary em{color:#ef9b9b;font-style:normal;font-size:.78rem}.template-card.meta-linked{border-color:color-mix(in srgb,#25d366 45%,var(--line));box-shadow:inset 0 0 0 1px color-mix(in srgb,#25d366 8%,transparent)}.template-mode{width:max-content;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800}.template-mode.mode-meta{color:#86e7a7;background:color-mix(in srgb,#25d366 12%,transparent);border-color:color-mix(in srgb,#25d366 35%,var(--line))}.template-mode.mode-text{color:var(--muted);background:var(--surface-2)}.meta-template-info{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.meta-template-info b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;text-align:left;color:var(--gold2)}.meta-template-info span{color:var(--muted);font-size:.76rem}.meta-template-info em{color:#ef9b9b;font-style:normal;font-size:.74rem}.template-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.template-actions button{flex:1;min-width:110px}
@media(max-width:720px){.template-sync-summary{align-items:flex-start;display:grid}.template-actions{width:100%}.template-actions button{min-height:42px}.template-card p{min-height:auto}}

/* v15.8 — Digital provider API hub */
.provider-api-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:12px;scrollbar-width:none}.provider-api-tabs::-webkit-scrollbar{display:none}
.provider-api-stats{grid-template-columns:repeat(6,minmax(130px,1fr));overflow:auto;margin-bottom:18px}.provider-api-stats .stat{min-width:130px}
.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.provider-card{display:flex;flex-direction:column;gap:13px;min-width:0}.provider-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.provider-card-head h4{margin:4px 0}.provider-card-head p{margin:0;color:var(--muted)}
.provider-balance{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}.provider-balance small,.provider-balance span{color:var(--muted)}.provider-balance span{grid-column:1/-1;font-size:.74rem}.provider-balance strong{direction:ltr;text-align:left}
.provider-flags{display:flex;gap:7px;flex-wrap:wrap}.provider-flags span{padding:6px 9px;border-radius:999px;border:1px solid var(--line);font-size:.72rem;color:var(--muted);background:var(--surface-2)}.provider-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.provider-actions button{flex:1;min-width:95px}
.provider-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.provider-switches .check-row{margin:0;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
#providerForm details{border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:10px 0;background:var(--surface-2)}#providerForm details summary{cursor:pointer;font-weight:800;color:var(--gold2);padding:4px}#providerForm details textarea{margin-top:9px;min-height:130px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;direction:ltr;text-align:left}
.provider-catalog{display:grid;gap:11px}.provider-product-card{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(150px,.35fr) auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--card);min-width:0}.provider-product-card.available{border-inline-start:3px solid #58c487}.provider-product-card.unavailable{opacity:.7;border-inline-start:3px solid #d86b6b}.provider-product-card .product-thumb{width:58px;height:58px}.provider-product-card h4{margin:4px 0}.provider-product-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}.provider-product-card small{color:var(--muted)}.provider-product-price{display:grid;gap:5px;text-align:end}.provider-product-price strong{direction:ltr}.provider-product-price span{font-size:.76rem;color:var(--muted)}.provider-product-actions{display:flex;gap:7px;flex-direction:column;min-width:112px}
.provider-order-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);border-radius:18px;padding:15px;background:var(--card)}.provider-order-card>div:first-child{min-width:0;flex:1}.provider-order-card>div:last-child{display:grid;justify-items:end;gap:7px}.provider-order-card h4{margin:5px 0}.provider-order-card p{margin:0;color:var(--muted);overflow-wrap:anywhere}.provider-order-card small{color:var(--muted)}.provider-order-card .error-line,.provider-card .error-line{margin-top:8px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#d74b4b 13%,transparent);color:#ef9b9b;font-size:.76rem;overflow-wrap:anywhere}
.provider-secret-result{display:grid;gap:9px}.provider-secret-result code{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface);direction:ltr;text-align:left;overflow-wrap:anywhere;user-select:all}
@media(max-width:1100px){.provider-api-stats{grid-template-columns:repeat(3,1fr)}.provider-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.provider-product-card{grid-template-columns:58px minmax(0,1fr) minmax(140px,.4fr)}.provider-product-actions{grid-column:2/-1;flex-direction:row}.provider-product-actions button{flex:1}}
@media(max-width:720px){.provider-api-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}.provider-grid{grid-template-columns:1fr}.provider-switches{grid-template-columns:1fr}.provider-product-card{grid-template-columns:50px minmax(0,1fr);align-items:start}.provider-product-card .product-thumb{width:48px;height:48px}.provider-product-price{grid-column:1/-1;grid-template-columns:1fr auto auto;align-items:center;text-align:start}.provider-product-actions{grid-column:1/-1}.provider-order-card{align-items:flex-start;flex-direction:column}.provider-order-card>div:last-child{width:100%;grid-template-columns:1fr auto auto;align-items:center;justify-items:start}.provider-order-card>div:last-child button{width:100%;grid-column:1/-1}.advanced-toolbar:has(#providerProductSearch){grid-template-columns:1fr}.provider-actions button{min-height:42px}}


/* v15.9.0 — Role-based staff workspaces */
.role-hero{align-items:center}.role-guide{margin:14px 0 4px;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(215,176,91,.10),rgba(17,17,17,.88));display:grid;grid-template-columns:minmax(190px,.7fr) 1.3fr;gap:18px;align-items:center}.role-guide span{font-size:11px;color:var(--gold2)}.role-guide h3{margin:5px 0 0;font-size:20px}.role-guide ul{margin:0;padding:0 20px 0 0;display:grid;gap:7px;color:#ddd6ca;font-size:13px;line-height:1.6}.workspace-title>div p{margin:4px 0 0;color:var(--muted);font-size:12px}.workspace-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workspace-task{width:100%;min-height:92px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:14px;display:flex;align-items:center;gap:12px;text-align:right;position:relative;overflow:hidden}.workspace-task:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--info)}.workspace-task.priority-critical:before,.workspace-task.priority-high:before{background:var(--danger)}.workspace-task.priority-medium:before{background:var(--warn)}.workspace-task.priority-normal:before{background:var(--gold)}.workspace-task:hover{border-color:#665334;transform:translateY(-1px)}.workspace-task-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#1d1a14;border:1px solid #4a3d28;font-size:20px;flex:0 0 auto}.workspace-task b{display:block;font-size:14px;margin-bottom:5px}.workspace-task small{display:block;color:var(--muted);font-size:11px;line-height:1.5}.workspace-task strong{font-size:23px;color:var(--gold2);min-width:32px;text-align:center}.workspace-task i{font-style:normal;color:var(--muted)}.workspace-clear{grid-column:1/-1;border:1px dashed #3c493e;border-radius:18px;background:rgba(91,199,145,.06);padding:18px;display:flex;gap:12px;align-items:center}.workspace-clear>span{width:42px;height:42px;border-radius:50%;background:rgba(91,199,145,.14);display:grid;place-items:center;color:var(--ok);font-weight:900}.workspace-clear b,.workspace-clear small{display:block}.workspace-clear small{color:var(--muted);margin-top:5px}.role-menu{display:grid;gap:18px}.menu-section h4{margin:0 0 9px;color:var(--gold2);font-size:13px}.menu-link small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.role-stats{margin-top:0}.recent-role-orders{margin-bottom:8px}
@media(max-width:700px){.role-guide{grid-template-columns:1fr;gap:10px}.role-guide ul{padding-right:17px}.workspace-tasks{grid-template-columns:1fr}.workspace-task{min-height:82px}.workspace-task strong{font-size:20px}.role-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.role-actions .action{min-height:84px}.hero.role-hero{align-items:flex-start}.hero-meta{width:100%}}
@media(min-width:900px){.workspace-tasks{grid-template-columns:repeat(3,minmax(0,1fr))}.role-actions{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* v15.9.1 — customer data quality and international contact inputs */
.contact-phone-grid{display:grid;grid-template-columns:minmax(190px,.85fr) minmax(240px,1.35fr);gap:12px;align-items:start}
.phone-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden;min-height:48px}
.phone-input>span{direction:ltr;padding:0 13px;color:var(--gold2);font-weight:800;border-inline-end:1px solid var(--line);white-space:nowrap}
.phone-input input{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0;flex:1}
.field small[data-phone-example],.field small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:6px}
.quality-panel{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:14px;margin:8px 0 14px;border:1px solid var(--line);background:var(--panel)}
.quality-panel.needs-review{border-color:rgba(239,68,68,.45);background:rgba(127,29,29,.14)}
.quality-panel.valid{border-color:rgba(34,197,94,.35);background:rgba(20,83,45,.13)}
.quality-panel small{color:var(--muted)}
.contact-correction{padding:14px;border:1px solid var(--line);border-radius:18px;margin:14px 0;background:rgba(255,255,255,.018)}
.tag.danger{background:rgba(239,68,68,.15);color:#fecaca;border-color:rgba(239,68,68,.34)}
.quality-chip{border-color:rgba(245,158,11,.35)!important}
@media(max-width:700px){.contact-phone-grid{grid-template-columns:1fr}.phone-input{min-height:52px}.contact-correction{padding:11px}}

/* v15.9.2 — unified support inbox */
.support-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.support-summary>button{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));color:var(--text);border-radius:16px;padding:12px;text-align:right}.support-summary strong,.support-summary span{display:block}.support-summary strong{font-size:22px;color:var(--gold2)}.support-summary span{font-size:9px;color:var(--muted);margin-top:4px}.support-scope-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:9px;scrollbar-width:none}.support-scope-tabs .chip{white-space:nowrap}.support-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}.support-filters select,.support-workflow-bar select{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:10px;padding:8px}.chat-item.sla-breached{border-inline-start:4px solid var(--danger)}.chat-meta{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:5px 0}.chat-meta>span:not(.status){font-size:8px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 6px}.status.muted{background:var(--panel2);color:var(--muted)}.support-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:10px;min-height:66dvh}.support-thread{min-width:0}.support-context{border-inline-start:1px solid var(--line);padding-inline-start:10px;display:grid;align-content:start;gap:10px;max-height:70dvh;overflow:auto}.support-context section{border:1px solid var(--line);background:var(--panel2);border-radius:15px;padding:11px}.support-context h4{margin:0 0 9px}.support-context dl{display:grid;grid-template-columns:auto 1fr;gap:6px 9px;margin:0;font-size:9px}.support-context dt{color:var(--muted)}.support-context dd{margin:0;min-width:0;word-break:break-word}.context-title{display:flex;justify-content:space-between;align-items:center;gap:7px}.context-actions{display:grid;gap:6px}.support-workflow-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 0;border-bottom:1px solid var(--line)}.support-workflow-bar label{font-size:8px;color:var(--muted)}.support-actions{display:flex;gap:6px;align-items:center}.support-order-list{display:grid;gap:6px}.support-order-card{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:9px;text-align:right}.support-order-card b,.support-order-card span,.support-order-card small,.support-order-card em{display:block}.support-order-card span{color:var(--gold2);margin:4px 0}.support-order-card small{font-size:8px;color:var(--muted)}.support-order-card em{font-size:8px;color:var(--danger);font-style:normal;margin-top:4px}.bubble.internal{align-self:center;max-width:92%;background:color-mix(in srgb,var(--warn) 11%,var(--panel2));border:1px dashed color-mix(in srgb,var(--warn) 55%,var(--line))}.internal-note-composer{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:7px;padding-top:7px;border-top:1px dashed var(--line)}.internal-note-composer textarea{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:13px;padding:9px;resize:none}.service-window-closed{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px solid color-mix(in srgb,var(--warn) 50%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--panel));border-radius:14px;padding:10px;margin-top:8px}.service-window-closed span{font-size:9px;color:var(--muted);flex:1}.support-target-groups{display:grid;gap:7px;margin-top:9px}.support-target-groups h4{margin:8px 0 2px}.support-target{width:100%;display:grid;grid-template-columns:1fr auto;gap:3px 9px;text-align:right;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:13px;padding:10px}.support-target span{direction:ltr}.support-target small{grid-column:1/-1;color:var(--muted);font-size:8px}.selected-support-target{display:grid;grid-template-columns:1fr auto;gap:5px 9px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel));border-radius:15px;padding:12px;margin-bottom:10px}.selected-support-target small{grid-column:1/-1;color:var(--muted)}.selected-support-target .link{grid-column:1/-1;justify-self:start;border:0;background:transparent;color:var(--gold2);padding:0}.unified-support .chat-workspace{padding:10px}
@media(max-width:980px){.support-workspace-grid{grid-template-columns:1fr}.support-context{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:10px;max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.support-context section:last-child{grid-column:1/-1}}
@media(max-width:650px){.support-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.support-workflow-bar{grid-template-columns:1fr 1fr}.support-workflow-bar label:last-child{grid-column:1/-1}.support-context{grid-template-columns:1fr}.support-context section:last-child{grid-column:auto}.internal-note-composer{grid-template-columns:1fr}.unified-support .chat-workspace{padding:8px}.support-actions{width:100%;justify-content:flex-end}.chat-head{flex-wrap:wrap}}


/* v15.10.0 — simplified support desk */
.support-page-head .eyebrow{display:block;color:var(--gold2);font-size:9px;margin-bottom:4px}.notification-setup.ready{border-color:color-mix(in srgb,var(--ok) 55%,var(--line));color:var(--ok)}.notification-setup.blocked{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));color:var(--danger)}
.support-inbox-title{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:0 2px 10px}.support-inbox-title b{font-size:13px}.support-inbox-title small{color:var(--muted);font-size:8px}.support-summary-v2 .support-kpi{position:relative;overflow:hidden}.support-summary-v2 .support-kpi:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--line)}.support-summary-v2 .support-kpi.incoming:before{background:var(--gold)}.support-summary-v2 .support-kpi.mine:before{background:var(--ok)}.support-summary-v2 .support-kpi.urgent:before,.support-summary-v2 .support-kpi.late:before{background:var(--danger)}.support-summary-v2 .support-kpi small{display:block;color:var(--muted);font-size:8px;margin-bottom:3px}.support-summary-v2 .support-kpi strong{font-size:26px}.support-item-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.support-item-head h4{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-intake-badge{font-size:7px;border-radius:999px;padding:3px 6px;white-space:nowrap;border:1px solid var(--line)}.support-intake-badge.new{color:var(--gold2);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--panel))}.support-intake-badge.mine{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--panel))}.support-intake-badge.assigned{color:var(--muted)}.late-tag{color:var(--danger)!important;border-color:color-mix(in srgb,var(--danger) 50%,var(--line))!important}.support-chat-item{padding:11px}.support-chat-item.unread{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent)}
.support-chat-head{align-items:flex-start}.conversation-state{margin-bottom:5px}.conversation-owner{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:3px 7px;font-size:8px}.conversation-owner.new{color:var(--gold2);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 8%,var(--panel))}.conversation-owner.mine{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--panel))}.conversation-owner.assigned{color:var(--muted)}
.support-admin-tools,.support-secondary-tools,.quick-replies{border:1px solid var(--line);background:var(--panel2);border-radius:12px;margin-top:8px}.support-admin-tools>summary,.support-secondary-tools>summary,.quick-replies>summary{cursor:pointer;list-style:none;padding:8px 10px;color:var(--muted);font-size:9px}.support-admin-tools>summary::-webkit-details-marker,.support-secondary-tools>summary::-webkit-details-marker,.quick-replies>summary::-webkit-details-marker{display:none}.support-admin-tools>summary small,.quick-replies>summary small{opacity:.75;margin-inline-start:5px}.support-admin-tools[open]>summary,.support-secondary-tools[open]>summary,.quick-replies[open]>summary{color:var(--text);border-bottom:1px solid var(--line)}.support-admin-tools .support-workflow-bar{padding:9px;border-bottom:0}.support-secondary-tools .internal-note-composer{margin:0;padding:9px;border-top:0}.quick-replies{margin:0;min-width:180px}.quick-replies select{width:100%;border:0;background:transparent;color:var(--text);padding:8px}
.chat-composer-v2{position:sticky;bottom:0;z-index:4;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 70%,transparent),var(--panel) 25%);padding-top:8px}.chat-compose-main{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.chat-compose-main textarea{min-height:48px;max-height:150px;border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));background:var(--panel2);color:var(--text);border-radius:16px;padding:12px;resize:vertical;font:inherit}.chat-compose-main textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 10%,transparent)}.chat-compose-main .primary{min-width:86px;height:48px}.chat-compose-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.chat-compose-foot>small{color:var(--muted);font-size:8px}.support-workspace-v2 .live-messages{height:49dvh}
@media(max-width:650px){.support-page-head .page-head-actions{width:100%}.support-inbox-title{align-items:flex-start;flex-direction:column}.support-item-head{align-items:flex-start}.support-intake-badge{font-size:7px}.chat-compose-foot{align-items:stretch;flex-direction:column}.quick-replies{width:100%}.chat-compose-main .primary{min-width:72px}.support-workspace-v2 .live-messages{height:46dvh}}


/* v15.10.1 — conversation-first support desk */
.support-workspace-v3{display:block!important;min-height:66dvh}
.support-workspace-v3 .support-thread{width:100%;min-width:0}
.support-context-drawer{margin:8px 0;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 72%,transparent);overflow:hidden}
.support-context-drawer>summary{cursor:pointer;padding:9px 11px;font-weight:700;display:flex;gap:8px;align-items:center;justify-content:space-between}
.support-context-drawer>summary small{color:var(--muted);font-size:8px;font-weight:400}
.support-context-inline{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:8px;padding:0 9px 9px}
.support-context-inline section{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:9px;min-width:0}
.support-context-inline h4{margin:0 0 7px}
.support-context-inline dl{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;margin:0;font-size:9px}
.support-context-inline dt{color:var(--muted)}.support-context-inline dd{margin:0;word-break:break-word}
.reply-window-badge{font-size:7px;border-radius:999px;padding:3px 6px;border:1px solid var(--line);white-space:nowrap}
.reply-window-badge.direct{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 48%,var(--line));background:color-mix(in srgb,var(--ok) 8%,var(--panel))}
.reply-window-badge.template{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--panel))}
.reply-window-badge.big{font-size:8px;padding:4px 8px}
.conversation-state{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.support-item-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.support-item-foot>span{font-size:8px;color:var(--gold2)}
.composer-closed{display:block;padding:12px}.closed-window-copy{display:grid;gap:4px;margin-bottom:9px}.closed-window-copy span{font-size:9px;color:var(--muted)}
.closed-composer-preview{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.closed-composer-preview textarea{min-height:48px;border:1px dashed var(--line);background:var(--panel2);color:var(--muted);border-radius:16px;padding:12px;resize:none}.closed-composer-preview .primary{min-width:140px;height:48px}
.existing-support-thread{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;padding:11px;margin:10px 0;background:var(--panel2)}
.existing-support-thread>div{display:grid;gap:3px}.existing-support-thread span,.existing-support-thread small{font-size:9px;color:var(--muted)}.existing-support-thread.direct{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.existing-support-thread.template{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}
.template-start-section{margin-top:10px}.template-start-section>h4{margin:0 0 8px}
@media(max-width:900px){.support-context-inline{grid-template-columns:1fr 1fr}.support-context-inline section:last-child{grid-column:1/-1}}
@media(max-width:650px){.support-context-inline{grid-template-columns:1fr}.support-context-inline section:last-child{grid-column:auto}.closed-composer-preview{grid-template-columns:1fr}.closed-composer-preview .primary{width:100%}.existing-support-thread{align-items:stretch;flex-direction:column}}


/* v15.11.0 — clear daily work desk, separate orders/messages and persistent alerts */
.global-work-alerts{width:min(1040px,calc(100% - 20px));margin:8px auto 0;display:flex;gap:8px;overflow-x:auto;padding:0 4px;scrollbar-width:none}.global-work-alerts[hidden]{display:none}.global-work-alerts::-webkit-scrollbar{display:none}.global-work-alerts button{flex:0 0 auto;display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:center;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--gold) 9%,var(--panel)),var(--panel));color:var(--text);border-radius:14px;padding:8px 11px;text-align:right}.global-work-alerts button>span{grid-row:1/3;font-size:18px}.global-work-alerts button b{font-size:10px}.global-work-alerts button small{font-size:8px;color:var(--gold2)}

.workdesk-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--gold) 18%,transparent),transparent 44%),var(--panel);border-radius:24px;padding:18px;margin-bottom:12px}.workdesk-hero h2{margin:0 0 6px;font-size:22px}.workdesk-hero p{margin:0;color:var(--muted);line-height:1.7;font-size:11px}.workdesk-notification-state{min-width:260px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:16px;padding:10px;text-align:right}.workdesk-notification-state>span{font-size:22px}.workdesk-notification-state div{display:grid;gap:3px}.workdesk-notification-state b{font-size:10px}.workdesk-notification-state small{font-size:8px;color:var(--muted);line-height:1.5}.workdesk-notification-state.ready{border-color:color-mix(in srgb,var(--ok) 55%,var(--line));background:color-mix(in srgb,var(--ok) 7%,var(--panel2))}.workdesk-notification-state.blocked{border-color:color-mix(in srgb,var(--danger) 55%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--panel2))}.workdesk-notification-state.needs-setup{border-color:color-mix(in srgb,var(--gold) 55%,var(--line))}

.workdesk-primary-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}.workdesk-action{min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:13px;text-align:right;display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:start}.workdesk-action>span{font-size:24px}.workdesk-action>div{min-width:0}.workdesk-action small{display:block;color:var(--muted);font-size:9px}.workdesk-action strong{display:block;font-size:28px;line-height:1.1;margin:4px 0}.workdesk-action p{margin:0;color:var(--muted);font-size:8px}.workdesk-action em{grid-column:1/-1;font-size:9px;color:var(--gold2);font-style:normal;border-top:1px solid var(--line);padding-top:7px}.workdesk-action.orders{border-color:color-mix(in srgb,var(--gold) 48%,var(--line))}.workdesk-action.messages{border-color:color-mix(in srgb,#5aa7ff 44%,var(--line))}.workdesk-action.payments{border-color:color-mix(in srgb,var(--ok) 42%,var(--line))}.workdesk-action.followups{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}

.workdesk-queues{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.workdesk-queue{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:11px;min-width:0}.workdesk-queue>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px;border-bottom:1px solid var(--line);margin-bottom:9px}.workdesk-queue>header>div{display:flex;align-items:center;gap:7px}.workdesk-queue h3{margin:0;font-size:13px}.workdesk-queue>header button{border:0;background:transparent;color:var(--gold2);font-size:9px}.workdesk-list{display:grid;gap:7px;max-height:520px;overflow:auto}.workdesk-item{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:14px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;text-align:right;align-items:start}.workdesk-item:hover{border-color:color-mix(in srgb,var(--gold) 40%,var(--line))}.workdesk-item-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--panel);font-size:17px}.workdesk-item .grow{min-width:0}.workdesk-item-title{display:flex;align-items:center;gap:6px;justify-content:space-between}.workdesk-item-title b{font-size:10px}.workdesk-item-title span{font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workdesk-item p{margin:4px 0;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workdesk-item-state{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:5px}.workdesk-item-state .status,.workdesk-item-state .tag{font-size:7px;padding:3px 5px}.workdesk-item strong{font-size:8px;color:var(--gold2);font-weight:600}.workdesk-item>em{font-size:8px;color:var(--gold2);font-style:normal;white-space:nowrap;align-self:center}.workdesk-unread{background:color-mix(in srgb,var(--gold) 15%,transparent);color:var(--gold2)!important;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));border-radius:999px;padding:2px 6px}.tag.warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--panel))}.compact-role-actions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}

.orders-guidance{display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--gold) 6%,var(--panel));border-radius:16px;padding:11px;margin-bottom:10px}.orders-guidance>span{font-size:22px}.orders-guidance div{display:grid;gap:3px}.orders-guidance b{font-size:11px}.orders-guidance small{font-size:9px;color:var(--muted)}.order-list-card{align-items:flex-start}.order-card-next{margin-top:7px;border-top:1px dashed var(--line);padding-top:6px;display:flex;gap:7px;align-items:center}.order-card-next small{font-size:8px;color:var(--muted)}.order-card-next b{font-size:9px;color:var(--gold2)}.order-card-open{font-size:9px;color:var(--gold2);white-space:nowrap;align-self:center}

@media(max-width:900px){.workdesk-primary-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.workdesk-queues{grid-template-columns:1fr}.workdesk-hero{align-items:stretch;flex-direction:column}.workdesk-notification-state{min-width:0;width:100%}}
@media(max-width:560px){.global-work-alerts{width:calc(100% - 12px);margin-top:6px}.workdesk-primary-actions{grid-template-columns:1fr 1fr}.workdesk-action{padding:10px}.workdesk-action strong{font-size:23px}.workdesk-item{grid-template-columns:auto 1fr}.workdesk-item>em{grid-column:2;justify-self:start}.workdesk-hero{padding:14px}.order-list-card{display:grid;grid-template-columns:auto 1fr}.order-card-open{grid-column:2;justify-self:start}.compact-role-actions{grid-template-columns:repeat(2,1fr)}}


/* v16.0.0 — Simple Operations UI: orders first, direct actions, advanced tools out of the way */
.main{width:min(1180px,calc(100% - 20px));margin:0 auto;padding-bottom:96px}
.topbar .brand-row{max-width:1180px}
.bottom-inner{max-width:760px}
.simple-bell{margin-inline-start:auto}

.v16-home{display:grid;gap:14px}
.v16-home-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--gold) 42%,var(--line));border-radius:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--panel)),var(--panel))}
.v16-home-head h2{font-size:30px;margin:3px 0 7px;letter-spacing:-.02em}
.v16-home-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}
.v16-notify{min-width:210px;border:1px solid var(--line);border-radius:16px;background:var(--panel2);color:var(--text);padding:11px 13px;display:grid;grid-template-columns:auto 1fr;gap:2px 9px;text-align:right;align-items:center}
.v16-notify>span{grid-row:1/3;font-size:24px}.v16-notify b{font-size:11px}.v16-notify small{font-size:8px;color:var(--muted)}.v16-notify.ready{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}

.v16-now-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.v16-now-card{border:1px solid var(--line);border-radius:20px;background:var(--panel);color:var(--text);padding:16px;text-align:right;display:grid;grid-template-columns:auto 1fr;gap:10px;min-height:138px;align-content:start}
.v16-now-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gold) 48%,var(--line))}
.v16-now-icon{width:46px;height:46px;border-radius:15px;background:var(--panel2);display:grid;place-items:center;font-size:23px}
.v16-now-card small{display:block;color:var(--muted);font-size:10px}.v16-now-card strong{display:block;font-size:36px;line-height:1;margin:5px 0 7px}.v16-now-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.v16-now-card em{grid-column:1/-1;margin-top:7px;padding-top:9px;border-top:1px solid var(--line);font-size:10px;color:var(--gold2);font-style:normal}
.v16-now-card.orders{border-color:color-mix(in srgb,var(--gold) 48%,var(--line))}.v16-now-card.chat{border-color:color-mix(in srgb,#5aa7ff 44%,var(--line))}.v16-now-card.payments{border-color:color-mix(in srgb,var(--ok) 42%,var(--line))}.v16-now-card.alerts{border-color:color-mix(in srgb,var(--warn) 48%,var(--line))}

.v16-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.v16-focus-panel{border:1px solid var(--line);border-radius:20px;background:var(--panel);padding:13px;min-width:0}
.v16-focus-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 4px 12px;border-bottom:1px solid var(--line)}
.v16-focus-panel>header>div{display:flex;align-items:center;gap:9px}.v16-focus-panel>header>div>span{font-size:24px}.v16-focus-panel h3{margin:0 0 2px;font-size:13px}.v16-focus-panel header p{margin:0;color:var(--muted);font-size:8px}.v16-focus-panel header button{border:0;background:transparent;color:var(--gold2);font-size:9px}
.v16-focus-list{display:grid;gap:7px;padding-top:9px}
.v16-focus-order,.v16-focus-chat{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--panel2);color:var(--text);padding:11px;text-align:right;display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center}
.v16-focus-order:hover,.v16-focus-chat:hover{border-color:color-mix(in srgb,var(--gold) 42%,var(--line))}
.v16-focus-order>div,.v16-focus-chat>div{display:flex;gap:7px;align-items:center;min-width:0}.v16-focus-order>div span{color:var(--muted);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v16-focus-order b,.v16-focus-chat b{font-size:10px}
.v16-focus-order p,.v16-focus-chat p{margin:0;color:var(--muted);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v16-focus-order strong,.v16-focus-chat strong{font-size:8px;color:var(--gold2);font-weight:600}.v16-focus-order em,.v16-focus-chat em{grid-row:1/4;grid-column:2;font-size:8px;color:var(--gold2);font-style:normal}.v16-focus-chat i{font-style:normal;background:var(--gold);color:#111;border-radius:999px;padding:2px 6px;font-size:8px}

.v16-more-box{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px dashed var(--line);border-radius:18px;padding:13px 15px;background:color-mix(in srgb,var(--panel) 80%,transparent)}
.v16-more-box>div{display:flex;align-items:center;gap:10px}.v16-more-box>div>span{font-size:24px;color:var(--muted)}.v16-more-box b{display:block;font-size:10px}.v16-more-box p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.6}.v16-more-box button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:9px 13px;white-space:nowrap}

.v16-page-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.v16-page-head h2{margin:2px 0 4px;font-size:28px}.v16-page-head p{margin:0;color:var(--muted);font-size:10px}
.v16-order-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:10px;scrollbar-width:none}.v16-order-tabs::-webkit-scrollbar{display:none}.v16-order-tabs button{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:999px;padding:9px 13px;white-space:nowrap}.v16-order-tabs button.active{background:color-mix(in srgb,var(--gold) 13%,var(--panel));border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--gold2)}
.v16-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:0 12px;margin-bottom:12px}.v16-search input{flex:1;border:0;background:transparent;color:var(--text);min-height:46px;outline:0}
.v16-orders-list{display:grid;gap:9px}
.v16-order-card{width:100%;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:15px;display:grid;grid-template-columns:1fr auto;gap:14px;text-align:right;align-items:center}
.v16-order-card:hover{border-color:color-mix(in srgb,var(--gold) 48%,var(--line));transform:translateY(-1px)}
.v16-order-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.v16-order-title>b{font-size:13px;color:var(--gold2)}.v16-order-title>span{font-size:12px}.v16-order-title i{font-style:normal}.v16-order-main>p{margin:5px 0 10px;color:var(--muted);font-size:9px}
.v16-order-lines{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v16-order-lines>span{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);padding:8px 10px}.v16-order-lines small{color:var(--muted);font-size:8px}.v16-order-lines b{font-size:9px}.ok-text{color:var(--ok)!important}.warn-text{color:var(--warn)!important}
.v16-order-next{margin-top:8px;border:1px solid color-mix(in srgb,var(--gold) 38%,var(--line));background:color-mix(in srgb,var(--gold) 6%,var(--panel2));border-radius:12px;padding:9px 10px;display:flex;align-items:center;gap:9px}.v16-order-next small{color:var(--muted);font-size:8px}.v16-order-next strong{font-size:10px;color:var(--gold2)}
.v16-order-card>em{font-style:normal;color:var(--gold2);font-size:9px;white-space:nowrap}

.v16-order-action-panel{border:1px solid color-mix(in srgb,var(--gold) 48%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--gold) 10%,var(--panel)),var(--panel));border-radius:18px;padding:15px;margin-bottom:14px}.v16-order-action-panel>span{font-size:9px;color:var(--muted)}.v16-order-action-panel h2{margin:5px 0 12px;font-size:20px}.v16-order-action-panel>div{display:flex;gap:8px;flex-wrap:wrap}
.v16-chat-head{margin-bottom:8px}

@media(max-width:900px){
  .v16-now-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v16-focus-grid{grid-template-columns:1fr}
  .v16-home-head{align-items:stretch;flex-direction:column}
  .v16-notify{width:100%;min-width:0}
}
@media(max-width:600px){
  .main{width:calc(100% - 12px)}
  .v16-home-head{padding:15px}.v16-home-head h2{font-size:24px}
  .v16-now-card{padding:12px;min-height:120px}.v16-now-card strong{font-size:30px}
  .v16-order-card{grid-template-columns:1fr}.v16-order-card>em{justify-self:start}
  .v16-order-lines{grid-template-columns:1fr}
  .v16-more-box{align-items:stretch;flex-direction:column}.v16-more-box button{width:100%}
}

/* ==========================================================
   v17.0.0 — Shopify structure + Gorgias inbox + Tabler shell
   ========================================================== */
.v17-shell{--v17-bg:#f5f7fb;--v17-card:#fff;--v17-line:#e5e9f0;--v17-text:#172033;--v17-muted:#687386;--v17-primary:#5f4bdb;--v17-primary-soft:#f0edff;--v17-sidebar:#121826;--v17-sidebar-muted:#9ba7ba;min-height:100dvh;background:var(--v17-bg);color:var(--v17-text);display:grid;grid-template-columns:272px minmax(0,1fr);direction:rtl}
.v17-shell *{box-sizing:border-box}.v17-shell button{font:inherit}.v17-shell .primary{width:auto;min-height:42px;border-radius:10px;background:var(--v17-primary);color:#fff;padding:0 16px}.v17-shell .secondary{width:auto;min-height:42px;margin:0;border-radius:10px;border:1px solid var(--v17-line);background:#fff;color:var(--v17-text)}
.v17-sidebar{grid-column:1;position:sticky;top:0;height:100dvh;background:var(--v17-sidebar);color:#fff;padding:18px 14px;display:flex;flex-direction:column;gap:18px;border-left:1px solid rgba(255,255,255,.06);z-index:40}.v17-brand{display:flex;align-items:center;gap:11px;padding:4px 8px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.v17-brand img{width:42px;height:42px;border-radius:12px;background:#fff;padding:4px}.v17-brand b{display:block;font-size:15px}.v17-brand small{display:block;color:var(--v17-sidebar-muted);margin-top:3px;font-size:11px}.v17-sidebar-nav{display:grid;gap:5px;overflow:auto;padding-left:2px}.v17-nav-item{position:relative;width:100%;border:0;background:transparent;color:#c5cedb;border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:11px;text-align:right;font-size:13px;font-weight:700}.v17-nav-item:hover{background:rgba(255,255,255,.06);color:#fff}.v17-nav-item.active{background:#fff;color:#121826;box-shadow:0 7px 18px rgba(0,0,0,.16)}.v17-nav-icon{width:28px;height:28px;display:grid;place-items:center;font-size:17px;position:relative}.v17-nav-item .count-badge{position:absolute;top:-7px;left:-8px}.v17-sidebar-user{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.v17-sidebar-user button{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:right;padding:7px;border-radius:10px}.v17-sidebar-user button:hover{background:rgba(255,255,255,.06)}.v17-sidebar-user b,.v17-sidebar-user small{display:block}.v17-sidebar-user small{color:var(--v17-sidebar-muted);font-size:10px;margin-top:2px}.v17-sidebar-user i{color:#8894a6;font-style:normal}
.v17-workspace{grid-column:2;min-width:0;min-height:100dvh}.v17-topbar{position:sticky;top:0;z-index:35;height:72px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--v17-line);padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.v17-page-identity{display:flex;align-items:center;gap:10px}.v17-page-identity small{display:block;color:var(--v17-muted);font-size:10px}.v17-page-identity h1{font-size:19px;margin:2px 0 0}.v17-mobile-menu{display:none}.v17-top-actions{display:flex;align-items:center;gap:9px}.v17-global-search{width:min(420px,34vw);height:42px;border:1px solid var(--v17-line);background:#f8fafc;border-radius:10px;display:flex;align-items:center;gap:8px;padding:0 11px}.v17-global-search span{font-size:18px;color:#748094}.v17-global-search input{flex:1;border:0;outline:0;background:transparent;color:var(--v17-text);min-width:0}.v17-global-search kbd{font-size:9px;color:#7d8798;background:#fff;border:1px solid var(--v17-line);border-radius:6px;padding:3px 5px}.v17-icon-btn,.v17-avatar{border:1px solid var(--v17-line);background:#fff;color:var(--v17-text);width:40px;height:40px;border-radius:10px;display:grid;place-items:center;position:relative}.v17-avatar{border:0;background:#ece9ff;color:#4f3ec3;font-weight:900}.v17-avatar.top{cursor:pointer}.v17-avatar.large{width:58px;height:58px;border-radius:16px;font-size:20px;margin:auto}.v17-main{padding:24px;max-width:1540px;margin:0 auto;color:var(--v17-text)}.v17-main .eyebrow{color:var(--v17-primary);font-weight:800;letter-spacing:.02em}.v17-main .empty,.v17-main .loading-card,.v17-main .error-card{background:#fff;color:var(--v17-text);border-color:var(--v17-line)}.v17-main .empty p,.v17-main .loading-card,.v17-main .error-card p{color:var(--v17-muted)}
.v17-alert-strip{max-width:1540px;margin:14px auto 0;padding:0 24px;background:transparent;border:0;display:flex;gap:8px;overflow:auto}.v17-alert-strip[hidden]{display:none}.v17-alert-strip button{background:#fff!important;color:var(--v17-text)!important;border:1px solid #eadfba!important;border-radius:10px!important;box-shadow:none!important;min-width:210px}.v17-alert-strip button small{color:var(--v17-muted)!important}
.v17-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#191f2e,#242c3e);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:16px;box-shadow:0 8px 28px rgba(23,32,51,.12)}.v17-welcome h2{margin:0 0 6px;font-size:24px}.v17-welcome p{margin:0;color:#cbd3df;line-height:1.7}.v17-welcome .eyebrow{color:#c9c2ff}.v17-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.v17-task-card{border:1px solid var(--v17-line);background:#fff;border-radius:14px;padding:16px;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;text-align:right;color:var(--v17-text);box-shadow:0 4px 16px rgba(30,41,59,.04)}.v17-task-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(30,41,59,.07)}.v17-task-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#eef3ff;font-size:20px}.v17-task-card.violet .v17-task-icon{background:#f3efff}.v17-task-card.amber .v17-task-icon{background:#fff4d9}.v17-task-card.red .v17-task-icon{background:#fff0f0}.v17-task-card small{display:block;color:var(--v17-muted);font-size:10px}.v17-task-card strong{font-size:24px;display:block;margin:2px 0}.v17-task-card b{font-size:12px}.v17-task-card em{font-style:normal;color:var(--v17-primary);font-size:11px}.v17-home-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.v17-panel{background:#fff;border:1px solid var(--v17-line);border-radius:14px;overflow:hidden}.v17-panel-head{padding:16px 17px;border-bottom:1px solid var(--v17-line);display:flex;justify-content:space-between;align-items:center}.v17-panel-head h3{margin:0;font-size:15px}.v17-panel-head p{margin:3px 0 0;color:var(--v17-muted);font-size:10px}.v17-panel-head button{border:0;background:transparent;color:var(--v17-primary);font-weight:800}.v17-mini-list{display:grid}.v17-mini-row{width:100%;border:0;border-bottom:1px solid #eef1f5;background:#fff;color:var(--v17-text);display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;padding:12px 16px;text-align:right}.v17-mini-row:last-child{border-bottom:0}.v17-mini-row:hover{background:#fafbfe}.v17-mini-icon{width:34px;height:34px;border-radius:9px;background:#f2f5fa;display:grid;place-items:center}.v17-mini-row b,.v17-mini-row small{display:block}.v17-mini-row small{color:var(--v17-muted);margin-top:3px;font-size:10px}.v17-mini-row i{font-style:normal;color:#e35d6a;font-size:9px}.v17-mini-row strong{font-size:12px}.v17-mini-row em{font-style:normal;color:var(--v17-muted);font-size:10px}
.v17-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.v17-section-head h2{font-size:24px;margin:0 0 4px}.v17-section-head p{margin:0;color:var(--v17-muted);font-size:12px}.v17-head-actions{display:flex;gap:8px;align-items:center}.v17-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.v17-filter-tabs{display:flex;gap:4px;background:#e9edf4;padding:4px;border-radius:10px;overflow:auto}.v17-filter-tabs button,.v17-inbox-tabs button{border:0;background:transparent;color:#637085;padding:8px 11px;border-radius:8px;white-space:nowrap;font-size:11px;font-weight:700}.v17-filter-tabs button.active,.v17-inbox-tabs button.active{background:#fff;color:var(--v17-text);box-shadow:0 2px 7px rgba(30,41,59,.08)}.v17-search{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--v17-line);background:#fff;border-radius:10px;padding:0 11px;min-width:280px}.v17-search.wide{width:100%;margin-bottom:12px}.v17-search input{border:0;outline:0;background:transparent;color:var(--v17-text);width:100%}.v17-search span{color:#7b8799;font-size:17px}
.v17-orders-table,.v17-simple-table{border:1px solid var(--v17-line);background:#fff;border-radius:14px;overflow:hidden}.v17-orders-table>header,.v17-order-row{display:grid;grid-template-columns:150px minmax(190px,1.2fr) 120px 120px minmax(180px,1fr) 120px 24px;gap:12px;align-items:center}.v17-orders-table>header{padding:11px 16px;background:#f8fafc;border-bottom:1px solid var(--v17-line);color:#758195;font-size:10px;font-weight:800}.v17-order-row{width:100%;border:0;border-bottom:1px solid #edf0f4;background:#fff;color:var(--v17-text);padding:13px 16px;text-align:right}.v17-order-row:last-child{border-bottom:0}.v17-order-row:hover{background:#fbfcff}.v17-order-row small{display:block;color:var(--v17-muted);font-size:9px;margin-top:3px}.v17-order-row strong{font-size:12px}.v17-order-row em{font-style:normal;font-size:24px;color:#a1aaba}.v17-next-action{font-weight:800;font-size:11px;color:#44516a}.v17-orders-table .status{font-size:9px;padding:5px 7px}.v17-simple-table>header,.v17-simple-table>div>article,.v17-simple-table>div>button{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 140px;gap:12px;align-items:center;padding:12px 16px}.v17-simple-table.products>header,.v17-simple-table.products>div>button{grid-template-columns:1.6fr 1fr 100px 90px 120px}.v17-simple-table>header{background:#f8fafc;border-bottom:1px solid var(--v17-line);font-size:10px;color:#748094;font-weight:800}.v17-simple-table>div>article,.v17-simple-table>div>button{border:0;border-bottom:1px solid #edf0f4;background:#fff;color:var(--v17-text);text-align:right}.v17-simple-table>div>button:hover{background:#fbfcff}.v17-simple-table b,.v17-simple-table small{display:block}.v17-simple-table small{color:var(--v17-muted);font-size:9px;margin-top:3px}
.v17-gorgias{height:calc(100dvh - 150px);min-height:620px;display:grid;grid-template-columns:330px minmax(0,1fr) 280px;border:1px solid var(--v17-line);border-radius:14px;background:#fff;overflow:hidden}.v17-inbox{border-left:1px solid var(--v17-line);padding:12px;overflow:hidden;display:flex;flex-direction:column;gap:10px}.v17-inbox-tabs{display:flex;gap:4px;background:#eef2f7;padding:4px;border-radius:10px}.v17-inbox .v17-search{min-width:0;width:100%}.v17-conversation-list{overflow:auto;display:grid;align-content:start}.v17-conversation{width:100%;border:0;border-bottom:1px solid #eef1f5;background:#fff;color:var(--v17-text);padding:11px 8px;display:grid;grid-template-columns:38px 1fr;gap:9px;text-align:right}.v17-conversation:hover,.v17-conversation.active{background:#f4f2ff}.v17-conversation.unread{background:#fbfaff}.v17-conversation .grow>div{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center}.v17-conversation b{font-size:11px}.v17-conversation i{font-style:normal;background:#5f4bdb;color:#fff;border-radius:999px;padding:2px 6px;font-size:8px}.v17-conversation time{font-size:8px;color:#8a95a5}.v17-conversation p{margin:4px 0 3px;color:#556177;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.v17-conversation small{color:#8994a5;font-size:8px}.v17-thread{min-width:0;overflow:hidden;background:#fff;display:flex;flex-direction:column}.v17-thread .support-workspace-grid{display:block!important;height:100%}.v17-thread .support-thread{height:100%;display:flex;flex-direction:column;min-width:0}.v17-thread .support-context-drawer{display:none!important}.v17-thread .support-admin-tools{margin:0 14px 8px}.v17-thread .chat-head{border-bottom:1px solid var(--v17-line);padding:13px 16px;background:#fff}.v17-thread .live-messages{flex:1!important;max-height:none!important;background:#f8fafc;padding:16px}.v17-thread .chat-composer-v2,.v17-thread .service-window-closed{margin:0;border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important}.v17-thread .bubble{max-width:72%}.v17-context{border-right:1px solid var(--v17-line);background:#fbfcfe;padding:16px;overflow:auto}.v17-context-empty{height:100%;display:grid;place-content:center;text-align:center;color:var(--v17-muted);gap:6px}.v17-context-empty span{font-size:30px}.v17-context-head{text-align:center;padding-bottom:15px;border-bottom:1px solid var(--v17-line)}.v17-context-head h3{margin:9px 0 3px}.v17-context-head p{margin:0;color:var(--v17-muted)}.v17-context-section{padding:15px 0;border-bottom:1px solid var(--v17-line)}.v17-context-section h4{margin:0 0 10px;font-size:12px}.v17-context-section dl{margin:0;display:grid;grid-template-columns:70px 1fr;gap:8px;font-size:10px}.v17-context-section dt{color:var(--v17-muted)}.v17-context-section dd{margin:0;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.v17-context-title{display:flex;align-items:center;justify-content:space-between}.v17-context-title span{background:#edf0f6;padding:3px 7px;border-radius:999px;font-size:9px}.v17-context-section>button{width:100%;border:1px solid var(--v17-line);background:#fff;color:var(--v17-text);border-radius:9px;padding:9px;text-align:right;margin-bottom:6px}.v17-context-section>button b,.v17-context-section>button small{display:block}.v17-context-section>button small{color:var(--v17-muted);margin-top:3px}
.v17-more-menu{display:grid;gap:18px}.v17-more-group h4{margin:0 0 9px;color:#6d788a}.v17-more-group>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.v17-more-group button{border:1px solid var(--v17-line);background:#fff;color:var(--v17-text);border-radius:11px;padding:13px;display:grid;grid-template-columns:30px 1fr;gap:4px 8px;text-align:right}.v17-more-group button>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;background:#f1f3f8;border-radius:8px}.v17-more-group button b{font-size:11px}.v17-more-group button small{font-size:9px;color:var(--v17-muted)}
.v17-order-drawer{position:fixed!important;right:auto!important;left:0!important;top:0!important;bottom:0!important;height:100dvh!important;max-height:none!important;width:min(720px,92vw)!important;max-width:none!important;border-radius:0!important;margin:0!important;overflow:auto!important;background:#fff!important;color:var(--v17-text)!important;border-right:1px solid var(--v17-line)!important;box-shadow:0 0 50px rgba(17,24,39,.16)!important}.v17-order-drawer .modal-head{position:sticky;top:0;background:#fff;z-index:5;border-bottom:1px solid var(--v17-line);padding-bottom:12px}.v17-order-drawer .detail-grid>div,.v17-order-drawer .detail-list,.v17-order-drawer .order-items article,.v17-order-drawer .contact-correction,.v17-order-drawer form{background:#fff;color:var(--v17-text);border-color:var(--v17-line)}
.v17-mobile-nav{display:none}
@media(max-width:1180px){.v17-task-grid{grid-template-columns:repeat(2,1fr)}.v17-home-columns{grid-template-columns:1fr}.v17-gorgias{grid-template-columns:300px minmax(0,1fr)}.v17-context{display:none}.v17-orders-table>header,.v17-order-row{grid-template-columns:135px minmax(170px,1.3fr) 105px 105px minmax(160px,1fr) 105px 18px}.v17-global-search{width:300px}}
@media(max-width:900px){.v17-shell{display:block;padding-bottom:76px}.v17-sidebar{display:none}.v17-workspace{display:block}.v17-topbar{height:64px;padding:0 13px}.v17-mobile-menu{display:grid;width:38px;height:38px;border:1px solid var(--v17-line);background:#fff;border-radius:9px;place-items:center}.v17-global-search{display:none}.v17-page-identity h1{font-size:16px}.v17-main{padding:14px 12px 24px}.v17-mobile-nav{position:fixed;z-index:50;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--v17-line);padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))}.v17-nav-item.mobile{display:flex;flex-direction:column;gap:2px;padding:6px 2px;color:#778397;background:transparent;font-size:9px}.v17-nav-item.mobile.active{color:var(--v17-primary);box-shadow:none;background:#f4f1ff}.v17-nav-item.mobile .v17-nav-icon{height:24px}.v17-task-grid{grid-template-columns:repeat(2,1fr)}.v17-gorgias{height:auto;min-height:calc(100dvh - 180px);grid-template-columns:290px minmax(0,1fr)}.v17-orders-table>header{display:none}.v17-order-row{grid-template-columns:1fr auto;gap:7px;padding:13px}.v17-order-row>.v17-order-number,.v17-order-row>.v17-order-customer,.v17-order-row>.v17-next-action{grid-column:1}.v17-order-row>span:nth-child(3),.v17-order-row>span:nth-child(4){display:inline-block;grid-row:auto}.v17-order-row>strong{grid-column:2;grid-row:1}.v17-order-row>em{grid-column:2;grid-row:2/5}.v17-toolbar{align-items:stretch;flex-direction:column}.v17-search{width:100%;min-width:0}.v17-simple-table>header{display:none}.v17-simple-table>div>article,.v17-simple-table>div>button,.v17-simple-table.products>div>button{grid-template-columns:1fr 1fr}.v17-simple-table>div>article span:first-child,.v17-simple-table>div>button span:first-child{grid-column:1/-1}}
@media(max-width:640px){.v17-welcome{align-items:flex-start;flex-direction:column;padding:18px}.v17-welcome h2{font-size:20px}.v17-task-grid{grid-template-columns:1fr 1fr;gap:8px}.v17-task-card{grid-template-columns:38px 1fr;padding:12px}.v17-task-card em{display:none}.v17-task-icon{width:38px;height:38px}.v17-home-columns{gap:10px}.v17-section-head{align-items:flex-start;flex-direction:column}.v17-section-head .primary,.v17-head-actions{width:100%}.v17-head-actions>*{flex:1}.v17-gorgias{display:block;border:0;background:transparent;overflow:visible}.v17-inbox{border:1px solid var(--v17-line);border-radius:12px;background:#fff;max-height:340px;margin-bottom:10px}.v17-thread{border:1px solid var(--v17-line);border-radius:12px;min-height:500px}.v17-more-group>div{grid-template-columns:1fr 1fr}.v17-alert-strip{padding:0 12px}.v17-filter-tabs{width:100%}.v17-order-drawer{width:100vw!important}.v17-top-actions .v17-icon-btn:nth-last-child(2){display:none}}


/* ============================================================
   v18.0.0 — Nawasi Operations OS
   ============================================================ */
.v18-shell{--v18-accent:#5b4ad1;--v18-green:#0f9f6e;--v18-amber:#c98508;--v18-red:#d14343}
.v18-sidebar .v17-brand small{color:#7e8798}
.v18-sidebar-shortcut{padding:10px 11px 14px;border-top:1px solid var(--v17-line)}
.v18-sidebar-shortcut button{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border:1px solid var(--v17-line);background:#fafbfe;border-radius:10px;padding:10px;color:var(--v17-text);text-align:right}
.v18-sidebar-shortcut button>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#efedff;color:var(--v18-accent);font-size:18px}
.v18-sidebar-shortcut b,.v18-sidebar-shortcut small{display:block}.v18-sidebar-shortcut small{color:var(--v17-muted);margin-top:2px;font-size:8px}.v18-sidebar-shortcut kbd,.v18-command-trigger kbd{border:1px solid #dce1e9;background:#fff;border-radius:6px;padding:3px 6px;color:#778196;font-size:8px}
.v18-topbar{gap:20px}.v18-command-trigger{min-width:360px;max-width:520px;display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;gap:0 8px;align-items:center;border:1px solid var(--v17-line);background:#f8fafc;border-radius:10px;padding:7px 9px;color:var(--v17-text);text-align:right}
.v18-command-trigger>span{grid-row:1/3;font-size:18px;color:#7c8799}.v18-command-trigger b{font-size:10px}.v18-command-trigger small{font-size:8px;color:var(--v17-muted)}.v18-command-trigger kbd{grid-column:3;grid-row:1/3}
.v18-main{max-width:1680px;width:100%;margin:0 auto}
.v18-home-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(135deg,#19152d,#2d245d);color:#fff;border-radius:16px;padding:22px 24px;margin-bottom:12px}.v18-home-hero h2{margin:4px 0 7px;font-size:24px}.v18-home-hero p{margin:0;color:#d8d4ea;max-width:720px}
.v18-notify-state{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;min-width:330px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:10px}.v18-notify-state>span{font-size:22px}.v18-notify-state b,.v18-notify-state small{display:block}.v18-notify-state small{color:#d7d3e8;font-size:8px;margin-top:2px}.v18-notify-state button{border:0;border-radius:8px;background:#fff;color:#211a45;padding:7px 10px;font-weight:800}.v18-notify-state.on{box-shadow:inset 3px 0 0 #4bd3a4}.v18-notify-state.blocked{box-shadow:inset 3px 0 0 #ff7474}
.v18-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.v18-kpis .v17-task-card{min-height:112px}
.v18-home-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);gap:12px}.v18-priority-panel,.v18-quick-panel{border:1px solid var(--v17-line);background:#fff;border-radius:14px;overflow:hidden}.v18-priority-panel>header,.v18-quick-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--v17-line)}.v18-priority-panel h3,.v18-quick-panel h3{margin:2px 0 3px}.v18-priority-panel p,.v18-quick-panel p{margin:0;color:var(--v17-muted);font-size:9px}.v18-priority-panel>header button{border:1px solid var(--v17-line);background:#fff;border-radius:8px;padding:7px 10px;color:var(--v17-text)}
.v18-priority-list{display:grid}.v18-priority-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid #edf0f4;border-right:3px solid transparent}.v18-priority-item:last-child{border-bottom:0}.v18-priority-item.critical{border-right-color:var(--v18-red);background:#fffafa}.v18-priority-item.high{border-right-color:var(--v18-amber)}.v18-priority-item.medium{border-right-color:#6689df}.v18-priority-item.message{border-right-color:#7c62dc}.v18-priority-rank{width:26px;height:26px;border-radius:8px;background:#f0f2f6;display:grid;place-items:center;font-weight:900;color:#657084}.v18-priority-title{display:flex;align-items:center;gap:7px}.v18-priority-title b{font-size:11px}.v18-priority-title span{font-size:8px;background:#f1f3f7;border-radius:999px;padding:3px 7px;color:#697487}.v18-priority-item p{margin:3px 0;color:#505c70;font-weight:700;font-size:10px}.v18-priority-item small{color:var(--v17-muted);font-size:8px}.v18-priority-item>strong{font-size:11px}.v18-priority-item>button{border:1px solid #dedbea;background:#f7f5ff;color:#4f3eb8;border-radius:8px;padding:8px 10px;font-weight:800;white-space:nowrap}
.v18-quick-panel{padding-bottom:6px}.v18-quick-panel>header{display:block}.v18-quick-panel>button{width:calc(100% - 18px);margin:8px 9px 0;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;border:1px solid var(--v17-line);background:#fff;color:var(--v17-text);border-radius:10px;padding:10px;text-align:right}.v18-quick-panel>button>span{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f2f4f8;font-size:17px}.v18-quick-panel b,.v18-quick-panel small{display:block}.v18-quick-panel small{font-size:8px;color:var(--v17-muted);margin-top:2px}.v18-quick-panel em{font-style:normal;color:#8b94a3;font-size:18px}.v18-quick-panel kbd{font-size:8px}
.v18-order-filters{display:flex;gap:5px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--v17-line);border-radius:12px;padding:7px;margin-bottom:8px}.v18-order-filters>button{border:0;background:transparent;color:#687386;border-radius:8px;padding:8px 10px;font-weight:700}.v18-order-filters>button.active{background:#ece9ff;color:#4b3bb6}.v18-order-filters .v17-search{margin-right:auto;min-width:260px}
.v18-order-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.v18-order-summary span{border:1px solid var(--v17-line);background:#fff;border-radius:9px;padding:7px 10px;color:#6f798a;font-size:9px}.v18-order-summary b{color:var(--v17-text);font-size:12px;margin-left:4px}
.v18-order-list{display:grid;gap:7px}.v18-order-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch;border:1px solid var(--v17-line);background:#fff;border-radius:12px;overflow:hidden;border-right:4px solid #c8ced8}.v18-order-row.critical{border-right-color:var(--v18-red)}.v18-order-row.high{border-right-color:var(--v18-amber)}.v18-order-row.medium{border-right-color:#6689df}.v18-order-open{display:grid;grid-template-columns:115px 135px minmax(180px,1.1fr) 105px 105px minmax(180px,1.3fr) 110px;gap:11px;align-items:center;border:0;background:#fff;color:var(--v17-text);padding:12px;text-align:right}.v18-order-open:hover{background:#fbfcff}.v18-order-open b,.v18-order-open small{display:block}.v18-order-open small{font-size:8px;color:var(--v17-muted);margin-top:2px}.v18-order-priority i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8d97a6;margin-left:5px}.critical .v18-order-priority i{background:var(--v18-red)}.high .v18-order-priority i{background:var(--v18-amber)}.medium .v18-order-priority i{background:#6689df}.v18-next b{font-size:10px}.v18-row-action{margin:8px 8px 8px 0;border:1px solid #dedbea;background:#f6f4ff;color:#4d3db2;border-radius:9px;padding:8px 11px;font-weight:800;white-space:nowrap}
.v18-order-drawer{width:min(820px,94vw)!important}.v18-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:12px 18px;background:#f8fafc;border-bottom:1px solid var(--v17-line)}.v18-workflow>div{display:flex;align-items:center;gap:6px;color:#8b95a5;position:relative}.v18-workflow>div:not(:last-child):after{content:'';position:absolute;height:2px;background:#dde2ea;right:27px;left:-4px;top:14px}.v18-workflow span{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e9edf3;font-weight:900}.v18-workflow .done,.v18-workflow .active{color:#354056}.v18-workflow .done span{background:#dcf6eb;color:#0a8c61}.v18-workflow .active span{background:#5d4bd1;color:#fff}.v18-workflow b{font-size:9px}.v18-order-action-panel{position:sticky;top:67px;z-index:4;border-radius:0!important;border-left:0!important;border-right:0!important;margin:0!important;background:#fff!important;border-bottom:1px solid var(--v17-line)!important}.v18-action-explainer{margin:5px 0 10px;color:#687487;font-size:9px}.v18-action-primary{border:0;background:#5b4ad1;color:#fff;border-radius:9px;padding:9px 12px;font-weight:900}
.v18-chat-head{margin-bottom:8px}.v18-inbox-tabs{overflow:auto}.v18-inbox-tabs button{white-space:nowrap}.v18-gorgias{box-shadow:0 8px 24px rgba(28,33,44,.04)}
.v18-command{width:min(760px,92vw);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 90px rgba(17,24,39,.28)}.v18-command>header{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--v17-line)}.v18-command>header span{font-size:20px;color:#7f899a}.v18-command>header input{border:0;outline:0;font-size:15px;background:transparent;color:var(--v17-text);width:100%}.v18-command>header kbd{border:1px solid var(--v17-line);background:#f7f8fb;border-radius:6px;padding:4px 7px;color:#7a8596}.v18-command-results{max-height:65vh;overflow:auto;padding:8px}.v18-command-results>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;border:0;background:#fff;color:var(--v17-text);border-radius:9px;padding:10px;text-align:right}.v18-command-results>button:hover,.v18-command-result.selected{background:#f4f2ff}.v18-command-results>button>span{width:38px;height:38px;border-radius:9px;background:#f0f2f6;display:grid;place-items:center;font-size:17px}.v18-command-results b,.v18-command-results small{display:block}.v18-command-results small{color:var(--v17-muted);font-size:8px;margin-top:3px}.v18-command-results i{font-style:normal;color:#7a8596;font-size:8px;background:#f1f3f6;border-radius:999px;padding:4px 7px}.v18-command-hint{padding:8px 10px}.v18-command-hint b,.v18-command-hint small{display:block}.v18-command-hint small{color:var(--v17-muted);margin-top:2px}.v18-command-loading{padding:25px;text-align:center;color:var(--v17-muted)}
@media(max-width:1250px){.v18-command-trigger{min-width:280px}.v18-home-grid{grid-template-columns:1fr}.v18-quick-panel{display:grid;grid-template-columns:repeat(2,1fr);padding:8px}.v18-quick-panel>header{grid-column:1/-1}.v18-quick-panel>button{width:auto;margin:0}.v18-order-open{grid-template-columns:100px 120px minmax(150px,1fr) 95px 95px minmax(150px,1fr);}.v18-order-open>strong{display:none}}
@media(max-width:900px){.v18-command-trigger{min-width:0;width:42px;height:38px;padding:0;display:grid;place-items:center}.v18-command-trigger b,.v18-command-trigger small,.v18-command-trigger kbd{display:none}.v18-command-trigger>span{grid-row:auto}.v18-home-hero{align-items:flex-start;flex-direction:column}.v18-notify-state{min-width:0;width:100%}.v18-kpis{grid-template-columns:repeat(2,1fr)}.v18-order-open{grid-template-columns:1fr auto;gap:7px}.v18-order-open>*{grid-column:1}.v18-order-open>span:nth-child(4),.v18-order-open>span:nth-child(5){display:inline-block}.v18-order-open>strong{display:block;grid-column:2;grid-row:1}.v18-row-action{margin:7px}.v18-order-row{grid-template-columns:1fr}.v18-order-filters .v17-search{margin:0;width:100%}}
@media(max-width:640px){.v18-home-hero{padding:18px}.v18-home-hero h2{font-size:20px}.v18-kpis{grid-template-columns:1fr 1fr}.v18-priority-item{grid-template-columns:24px 1fr auto}.v18-priority-item>strong{display:none}.v18-priority-item>button{grid-column:2/4;width:100%}.v18-quick-panel{grid-template-columns:1fr}.v18-workflow{padding:10px;}.v18-workflow b{display:none}.v18-order-filters>button{flex:1 0 auto}.v18-order-summary{display:grid;grid-template-columns:1fr 1fr}.v18-order-drawer{width:100vw!important}}


/* v18.1.0 — functional appearance modes + owner superuser */
.owner-super-badge,.owner-direct-note{display:inline-flex;align-items:center;gap:6px;border:1px solid #ccb768;background:#fff7d8;color:#68520d;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900}
.owner-direct-note{display:block;border-radius:10px;margin:10px 0;padding:10px 12px}
.v181-sort{height:40px;border:1px solid var(--v17-line);border-radius:9px;background:var(--v17-card);color:var(--v17-text);padding:0 9px;min-width:130px}
.theme-preview.system{background:linear-gradient(90deg,#f5f7fb 50%,#111827 50%)}
.theme-preview.light{background:#f5f7fb}
.theme-preview.dark{background:#111827}
html[data-theme="dark"]{--bg:#070b12;--panel:#111827;--panel2:#172033;--text:#eef2f8;--muted:#9aa6b8;--line:#283448}
html[data-theme="dark"] .v17-shell{--v17-bg:#0b1120;--v17-card:#111827;--v17-line:#273246;--v17-text:#edf2f8;--v17-muted:#9ba7b8;--v17-primary:#8b7cf6;--v17-primary-soft:#211d45;--v17-sidebar:#080d17;--v17-sidebar-muted:#8996a9;color-scheme:dark}
html[data-theme="light"] .v17-shell{color-scheme:light}
html[data-theme="dark"] .v17-topbar{background:rgba(17,24,39,.94)}
html[data-theme="dark"] :is(.v17-global-search,.v17-icon-btn,.v17-task-card,.v17-panel,.v17-mini-row,.v17-orders-table,.v17-order-row,.v17-simple-table,.v17-search,.v17-inbox,.v17-thread,.v17-context,.v18-priority-panel,.v18-quick-panel,.v18-priority-panel>header,.v18-quick-panel>header,.v18-order-filters,.v18-order-summary span,.v18-order-row,.v18-order-open,.v18-command,.v18-command-results>button,.v17-shell .secondary,.v181-sort){background:var(--v17-card)!important;color:var(--v17-text)!important;border-color:var(--v17-line)!important}
html[data-theme="dark"] :is(.v17-filter-tabs,.v17-orders-table>header,.v18-workflow,.v18-command>header,.v18-command-trigger,.v18-sidebar-shortcut button){background:#151e2d!important;color:var(--v17-text)!important;border-color:var(--v17-line)!important}
html[data-theme="dark"] :is(.v17-mini-row:hover,.v17-order-row:hover,.v18-order-open:hover,.v18-command-results>button:hover,.v18-command-result.selected){background:#182234!important}
html[data-theme="dark"] .v17-filter-tabs button.active,html[data-theme="dark"] .v17-inbox-tabs button.active{background:#26324a;color:#fff}
html[data-theme="dark"] :is(.v17-global-search input,.v17-search input,.v18-command>header input){color:var(--v17-text)}
html[data-theme="dark"] .v18-order-filters>button.active{background:#28234f;color:#c8c0ff}
html[data-theme="dark"] .modal{background:#101827;color:#edf2f8;border-color:#2b364b}
html[data-theme="dark"] .field :is(input,select,textarea){background:#0d1523;color:#edf2f8;border-color:#2c384c}
html[data-theme="dark"] .theme-choice{background:#111827;color:#edf2f8;border-color:#2c384c}
html[data-theme="dark"] .theme-choice.selected{border-color:#8b7cf6;box-shadow:0 0 0 2px rgba(139,124,246,.15)}
html[data-theme="dark"] .info-box{background:#151e2d;border-color:#2c384c;color:#cbd5e1}

/* v18.2 WhatsApp service-window guidance */
.closed-window-copy small{display:block;margin-top:8px;color:var(--muted);font-weight:700}.closed-composer-preview{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:end}.closed-composer-preview .secondary{white-space:nowrap}.reply-window-badge.direct.big{display:inline-flex;gap:5px;align-items:center}
@media(max-width:760px){.closed-composer-preview{grid-template-columns:1fr}.closed-composer-preview button{width:100%}}

/* v18.4.1 — richer alert tones + full theme gallery */
.alert-settings-section{margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent)}
.alert-settings-section h4{margin:0 0 10px;font-size:13px}.alert-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.alert-section-head h4{margin:0 0 3px}.alert-section-head p{margin:0;color:var(--muted);font-size:10px}.tone-count{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--gold2);white-space:nowrap}.tone-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tone-select-grid .field{margin:0}.tone-test{margin-top:7px!important;min-height:36px!important}.custom-tone-card{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 84%,transparent)}.custom-tone-card>div:first-child{display:grid;gap:4px}.custom-tone-card b{font-size:12px}.custom-tone-card small,.field-hint{color:var(--muted);font-size:9px;line-height:1.55}.custom-tone-card>div:last-child{display:flex;gap:7px;align-items:center}.custom-tone-card .secondary{width:auto!important;min-height:36px!important;margin:0!important;padding:0 12px}.custom-tone-card .small-danger{min-height:36px;padding:0 12px}
.theme-preview.violet{background:linear-gradient(135deg,#160d25,#8b5cf6)}.theme-preview.sand{background:linear-gradient(135deg,#f7f0e3,#c6944f)}
html[data-theme="obsidian"]{--bg:#050506;--panel:#0d0e10;--panel2:#15161a;--gold:#d6a94d;--gold2:#ffd98a;--text:#f8f4eb;--muted:#a6a094;--line:#292820;--shadow:0 18px 45px rgba(0,0,0,.48)}
html[data-theme="midnight"]{--bg:#06111f;--panel:#0c192b;--panel2:#13253d;--gold:#4f9cff;--gold2:#a6ccff;--text:#f3f8ff;--muted:#91a5bf;--line:#213c5d;--shadow:0 18px 45px rgba(0,15,35,.45)}
html[data-theme="emerald"]{--bg:#06120e;--panel:#0c1c16;--panel2:#12281f;--gold:#39c985;--gold2:#a1f0ca;--text:#f2fff8;--muted:#8eaf9f;--line:#244a39;--shadow:0 18px 45px rgba(0,22,14,.45)}
html[data-theme="violet"]{--bg:#0e0818;--panel:#171025;--panel2:#221638;--gold:#9b6cff;--gold2:#d4bdff;--text:#faf7ff;--muted:#aa9dbd;--line:#392a52;--shadow:0 18px 45px rgba(20,7,42,.45)}
html[data-theme="sand"]{--bg:#f5efe5;--panel:#fffaf2;--panel2:#f3e7d6;--gold:#a9752f;--gold2:#7f5520;--text:#2b241b;--muted:#796c5b;--line:#dfd0bb;--shadow:0 16px 40px rgba(86,62,27,.13)}
html[data-theme="obsidian"] .v17-shell{--v17-bg:#07080a;--v17-card:#101114;--v17-line:#2b2922;--v17-text:#f7f4ee;--v17-muted:#a59e91;--v17-primary:#c99a42;--v17-primary-soft:#2b2112;--v17-sidebar:#050506;--v17-sidebar-muted:#a89f8d;color-scheme:dark}
html[data-theme="midnight"] .v17-shell{--v17-bg:#081322;--v17-card:#0e1b2e;--v17-line:#223d5d;--v17-text:#f3f8ff;--v17-muted:#91a4bd;--v17-primary:#4f9cff;--v17-primary-soft:#102b4a;--v17-sidebar:#06101d;--v17-sidebar-muted:#8fa4bd;color-scheme:dark}
html[data-theme="emerald"] .v17-shell{--v17-bg:#07130f;--v17-card:#0d1e17;--v17-line:#234638;--v17-text:#f1fff8;--v17-muted:#8fab9d;--v17-primary:#36c685;--v17-primary-soft:#113727;--v17-sidebar:#06100d;--v17-sidebar-muted:#8ba596;color-scheme:dark}
html[data-theme="violet"] .v17-shell{--v17-bg:#100a1b;--v17-card:#181025;--v17-line:#392b50;--v17-text:#faf7ff;--v17-muted:#aa9dbd;--v17-primary:#9666ff;--v17-primary-soft:#2d1d50;--v17-sidebar:#0b0712;--v17-sidebar-muted:#a69ab8;color-scheme:dark}
html[data-theme="sand"] .v17-shell{--v17-bg:#f4eee4;--v17-card:#fffaf2;--v17-line:#dfd0ba;--v17-text:#2c241b;--v17-muted:#776a59;--v17-primary:#a87531;--v17-primary-soft:#efe0c9;--v17-sidebar:#3a2b1d;--v17-sidebar-muted:#d8c5ad;color-scheme:light}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .v17-topbar{background:color-mix(in srgb,var(--v17-card) 94%,transparent)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) :is(.v17-global-search,.v17-icon-btn,.v17-task-card,.v17-panel,.v17-mini-row,.v17-orders-table,.v17-order-row,.v17-simple-table,.v17-search,.v17-inbox,.v17-thread,.v17-context,.v18-priority-panel,.v18-quick-panel,.v18-priority-panel>header,.v18-quick-panel>header,.v18-order-filters,.v18-order-summary span,.v18-order-row,.v18-order-open,.v18-command,.v18-command-results>button,.v17-shell .secondary,.v181-sort){background:var(--v17-card)!important;color:var(--v17-text)!important;border-color:var(--v17-line)!important}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) :is(.v17-filter-tabs,.v17-orders-table>header,.v18-workflow,.v18-command>header,.v18-command-trigger,.v18-sidebar-shortcut button){background:color-mix(in srgb,var(--v17-card) 82%,#fff 3%)!important;color:var(--v17-text)!important;border-color:var(--v17-line)!important}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) :is(.v17-mini-row:hover,.v17-order-row:hover,.v18-order-open:hover,.v18-command-results>button:hover,.v18-command-result.selected){background:color-mix(in srgb,var(--v17-card) 88%,var(--v17-primary) 12%)!important}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .v17-filter-tabs button.active,:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .v17-inbox-tabs button.active{background:var(--v17-primary-soft);color:var(--v17-text)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) :is(.v17-global-search input,.v17-search input,.v18-command>header input){color:var(--v17-text)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .v18-order-filters>button.active{background:var(--v17-primary-soft);color:var(--gold2)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .modal{background:var(--panel);color:var(--text);border-color:var(--line)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .field :is(input,select,textarea){background:var(--panel2);color:var(--text);border-color:var(--line)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .theme-choice{background:var(--panel);color:var(--text);border-color:var(--line)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .theme-choice.selected{border-color:var(--v17-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--v17-primary) 22%,transparent)}
:is(html[data-theme="obsidian"],html[data-theme="midnight"],html[data-theme="emerald"],html[data-theme="violet"]) .info-box{background:var(--panel2);border-color:var(--line);color:var(--text)}
html[data-theme="sand"] .v17-topbar{background:rgba(255,250,242,.94)}html[data-theme="sand"] .modal{background:#fffaf2;color:#2b241b;border-color:#dfd0bb}html[data-theme="sand"] .field :is(input,select,textarea){background:#fffdf9;color:#2b241b;border-color:#dfd0bb}html[data-theme="sand"] .theme-choice{background:#fffaf2;color:#2b241b;border-color:#dfd0bb}
@media(max-width:760px){.tone-select-grid{grid-template-columns:1fr}.custom-tone-card{align-items:stretch;flex-direction:column}.custom-tone-card>div:last-child{width:100%}.custom-tone-card .secondary{flex:1}.theme-picker{grid-template-columns:1fr 1fr}}

/* ==========================================================
   v18.4.3 — Mobile UX + Android/PWA back navigation
   ========================================================== */
.v1843-mobile-back{display:none}
.v1843-mobile-primary,.v1843-mobile-tools{display:none}

@media(max-width:900px){
  html,body{overscroll-behavior-y:contain}
  body{touch-action:manipulation}
  .v17-shell{padding-bottom:82px}
  .v17-topbar.v18-topbar{height:60px;padding:0 10px;gap:8px}
  .v17-page-identity{gap:7px;min-width:0}
  .v17-page-identity>div{min-width:0}
  .v17-page-identity h1{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
  .v17-page-identity small{font-size:9px}
  .v1843-mobile-back,.v17-mobile-menu{display:grid;width:40px;height:40px;min-width:40px;border:1px solid var(--v17-line);background:#fff;color:var(--v17-text);border-radius:11px;place-items:center;font-size:24px;line-height:1}
  .v1843-mobile-back.is-home{visibility:hidden;width:0;min-width:0;border:0;padding:0;margin:0}
  .v17-mobile-menu{font-size:18px}
  .v18-topbar .v18-command-trigger,.v18-topbar #appearanceBtn,.v18-topbar #profileBtn{display:none}
  .v17-top-actions{gap:6px;margin-inline-start:auto}
  .v17-top-actions #operationsAlertBtn{width:40px;height:40px}
  .v17-main.v18-main{padding:10px 9px 22px}

  .v17-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px rgba(15,23,42,.08)}
  .v17-nav-item.mobile{min-height:56px;border-radius:11px;padding:5px 2px;font-size:9px;justify-content:center}
  .v17-nav-item.mobile .v17-nav-icon{width:30px;height:24px;font-size:18px}
  .v17-nav-item.mobile>span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;padding:14px 12px calc(18px + env(safe-area-inset-bottom,0px))}
  .modal-head{position:sticky;top:-14px;z-index:4;background:inherit;padding:12px 2px 10px;margin-bottom:10px}
  .modal-head>button{width:42px;height:42px;min-width:42px}
  .v1843-mobile-primary,.v1843-mobile-tools{display:block}
  .v1843-mobile-primary h4,.v17-more-group h4{margin:12px 2px 8px;font-size:12px}
  .v1843-mobile-primary>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v1843-mobile-primary button,.v1843-mobile-tools button{min-height:64px;border:1px solid var(--v17-line);background:var(--v17-card,#fff);color:var(--v17-text);border-radius:14px;display:flex;align-items:center;gap:10px;padding:12px;text-align:right}
  .v1843-mobile-primary button span,.v1843-mobile-tools button span{font-size:20px;width:26px;text-align:center}
  .v1843-mobile-primary button b,.v1843-mobile-tools button b{font-size:12px}
  .v1843-mobile-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}
  .v1843-mobile-tools button{min-height:58px;flex-direction:column;justify-content:center;gap:3px;text-align:center;padding:8px 4px}
  .v17-more-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .v17-more-group button{min-height:72px;padding:10px}

  .v17-search input,.v18-command input,input,select,textarea{font-size:16px}
  button,.primary,.secondary{min-height:42px}
  .v18-order-filters,.v17-filter-tabs,.v17-inbox-tabs,.v18-inbox-tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding-bottom:3px}
  .v18-order-filters::-webkit-scrollbar,.v17-filter-tabs::-webkit-scrollbar,.v17-inbox-tabs::-webkit-scrollbar,.v18-inbox-tabs::-webkit-scrollbar{display:none}
  .v18-order-filters>button,.v17-filter-tabs>button,.v17-inbox-tabs>button,.v18-inbox-tabs>button{flex:0 0 auto;white-space:nowrap}

  .v18-home-hero{border-radius:14px;padding:14px}
  .v18-kpis{gap:7px}
  .v17-task-card{min-height:92px}
  .v18-priority-item{padding:11px 9px}

  .v18-gorgias.v1843-chat-open .v17-inbox{display:none}
  .v18-gorgias.v1843-chat-open .v17-thread{display:block;min-height:calc(100dvh - 150px);margin:0}
  .v18-gorgias.v1843-chat-open{display:block}
  .v18-gorgias:not(.v1843-chat-open) .v17-thread{min-height:360px}
}

@media(max-width:430px){
  .v1843-mobile-primary>div{grid-template-columns:1fr 1fr}
  .v1843-mobile-tools{grid-template-columns:repeat(3,1fr)}
  .v17-page-identity h1{max-width:42vw}
  .v17-mobile-nav{padding-inline:3px}
  .v17-nav-item.mobile{font-size:8.5px}
}

/* v18.5.1 — Currency-aware WooCommerce orders */
.currency-equivalent{display:block;margin-top:3px;color:var(--v17-muted,#667085);font-size:11px;font-weight:700;white-space:nowrap}
.item-money{text-align:left;min-width:118px}.item-money strong{display:block}.gift-wallet-credit{display:block;margin-top:4px;color:#725b13;font-weight:700}
@media(max-width:700px){.item-money{min-width:96px}.currency-equivalent{font-size:10px}}

/* v18.5.4 currency display */
.v18-order-money{display:flex;flex-direction:column;align-items:flex-start;gap:2px;white-space:nowrap}
.v18-order-money>strong{font-size:1rem}
.v18-order-money .currency-equivalent{font-size:.72rem;opacity:.68;font-weight:600}