:root{
  --green:#25D366;
  --green-dark:#128C4A;
  --green-soft:#eafaf0;
  --ink:#17201b;
  --muted:#6b756f;
  --line:#e6ebe8;
  --bg:#f5f7f6;
  --card:#ffffff;
  --danger:#d64545;
  --warn:#e49a24;
  --shadow:0 12px 34px rgba(20,38,28,.08);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--ink)}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:13px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}
input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(37,211,102,.12)}
textarea{min-height:96px;resize:vertical}
label{display:block;font-size:13px;color:#435047;margin:12px 0 6px;font-weight:650}
.primary,.ghost,.outline-btn,.done-btn,.text-btn,.small,.language-btn,.logout-btn{border:0;border-radius:12px;padding:10px 14px}
.primary{background:var(--green-dark);color:#fff;font-weight:700}
.primary:hover{filter:brightness(.96)}
.ghost{background:#eff3f0;color:var(--ink)}
.outline-btn{background:#fff;color:var(--green-dark);border:1px solid #b7eacb}
.done-btn{background:#e8f7ee;color:#34714c;border:1px solid #cdebd8}
.text-btn{background:transparent;color:var(--green-dark);padding:6px 8px}
.wide{width:100%;margin-top:12px}
.small{padding:8px 11px}
.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#eafff1 0,#f5f7f6 50%,#eef3f0 100%)}
.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);text-align:center}
.login-logo{width:84px;height:84px;border-radius:24px;object-fit:cover;box-shadow:0 12px 30px rgba(37,211,102,.2)}
.login-card h1{font-size:32px;margin:16px 0 4px}.login-card p{color:var(--muted);line-height:1.7}.login-card label{text-align:start}.login-note{font-size:12px;color:var(--muted);margin-top:18px}
.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{background:#fff;border-inline-end:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}
.brand{display:flex;align-items:center;gap:11px;padding:15px 14px;border-bottom:1px solid var(--line)}
.brand img{width:45px;height:45px;border-radius:14px;object-fit:cover}.brand b{font-size:19px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.sidebar nav{padding:10px;display:grid;gap:4px;overflow:auto}
.nav-btn{border:0;background:transparent;border-radius:12px;padding:11px 12px;display:flex;align-items:center;gap:10px;color:#344139;text-align:start}
.nav-btn:hover,.nav-btn.active{background:var(--green-soft);color:var(--green-dark)}.nav-btn span{width:22px;text-align:center}
.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:10px;display:grid;gap:8px}.language-btn,.logout-btn{background:#f4f6f5;color:#334039;border:0;text-align:start}
.main-area{min-width:0}.topbar{min-height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;position:sticky;top:0;z-index:10}
.topbar h2{margin:0;font-size:21px}.topbar small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.top-pills{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.top-pills span{font-size:11px;padding:6px 9px;border-radius:999px;background:#edf9f1;color:#16733e;border:1px solid #d4efdd}.top-pills .privacy{background:#f4f6f5;color:#59645e;border-color:var(--line)}
.content{padding:18px;max-width:1550px;margin:auto}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:17px;box-shadow:0 8px 24px rgba(20,38,28,.04)}.metric-card small{color:var(--muted)}.metric-card strong{display:block;font-size:25px;margin:7px 0 3px}.metric-card span{font-size:11px;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 8px 26px rgba(20,38,28,.045);min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.card h3{margin:0;font-size:17px}
.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}.section-gap{margin-top:14px}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick-grid button{border:1px solid var(--line);background:#fbfcfb;border-radius:14px;padding:15px 8px;display:grid;gap:6px;place-items:center;color:#334039}.quick-grid button:hover{border-color:#bdeacd;background:#f2fff7}.quick-grid span{font-size:20px;color:var(--green-dark)}
.invoice-cards{display:grid;gap:9px}.invoice-row{border:1px solid var(--line);border-radius:14px;padding:11px;display:flex;align-items:center;justify-content:space-between;gap:10px}.invoice-row small,.simple-list small{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.simple-list{display:grid}.simple-list button{border:0;background:transparent;padding:10px 4px;display:flex;align-items:center;gap:10px;text-align:start;border-bottom:1px solid #f1f3f2}.simple-list button:last-child{border-bottom:0}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#25D366,#128C4A);display:grid;place-items:center;color:#fff;font-weight:800;flex:0 0 auto}
.notice-card{background:#effaf3;border:1px solid #ccebd7;border-radius:var(--radius);padding:15px;display:flex;gap:8px;flex-direction:column}.notice-card span{font-size:13px;color:#466251}
.chat-layout{height:calc(100vh - 110px);display:grid;grid-template-columns:330px minmax(0,1fr);gap:12px}.conversation-list,.chat-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.conversation-list{overflow:auto}.chat-search{padding:10px;border-bottom:1px solid var(--line)}.conversation{width:100%;border:0;background:#fff;display:flex;gap:10px;padding:11px;border-bottom:1px solid #f0f2f1;text-align:start}.conversation:hover,.conversation.active{background:#edf9f1}.conversation b{display:block}.conversation small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;margin-top:3px}.chat-panel{display:flex;flex-direction:column}.chat-panel>header{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line)}.chat-panel>header small{display:block;color:var(--muted);font-size:11px}.message-area{flex:1;overflow:auto;padding:16px;background-color:#f7faf8;background-image:radial-gradient(#e5eee8 1px,transparent 1px);background-size:18px 18px}.message{max-width:72%;background:#fff;border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 11px;margin:8px 0;box-shadow:0 4px 12px rgba(20,38,28,.04)}.message.mine{margin-inline-start:auto;background:#dcf8e7;border-color:#c3efd2;border-radius:14px 14px 4px 14px}.message small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.voice-note{background:#eff6f1;border-radius:999px;padding:7px 12px;color:var(--green-dark);min-width:130px}.composer{display:flex;gap:7px;padding:10px;border-top:1px solid var(--line)}.composer input{border-radius:999px}.composer button{border-radius:999px;border:0}.composer button[type=button]{background:#eff3f0;width:42px}
.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px}.pos-products{min-height:calc(100vh - 115px)}.pos-search{display:flex;gap:8px;margin-bottom:13px}.pos-search input{flex:1}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px}.product-tile{border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;text-align:start;display:grid;gap:7px;min-height:125px}.product-tile:hover{border-color:#9fe2b8;box-shadow:0 8px 18px rgba(37,211,102,.09)}.product-tile small{color:var(--muted);line-height:1.5}.product-icon{font-size:24px;color:var(--green-dark)}.cart-panel{position:sticky;top:90px;height:max-content}.cart-lines{display:grid;gap:7px;max-height:260px;overflow:auto}.cart-line{border-bottom:1px solid #f0f2f1;padding:8px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}.cart-line small{display:block;color:var(--muted)}.qty{display:flex;align-items:center;gap:7px}.qty button{border:0;background:#edf3ef;border-radius:9px;width:28px;height:28px}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line);margin-top:8px}.cart-total strong{font-size:22px}.payment-tabs{display:flex;gap:6px;margin:8px 0}.payment-tabs label{margin:0;flex:1;border:1px solid var(--line);border-radius:10px;padding:8px;text-align:center;font-size:12px}.payment-tabs input{width:auto}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th{font-size:11px;color:var(--muted);font-weight:650;text-align:start;padding:9px;border-bottom:1px solid var(--line)}td{padding:11px 9px;border-bottom:1px solid #f0f2f1;font-size:13px}td small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.status{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;background:#eef2ef;color:#526059}.status.ok{background:#e5f8ec;color:#14763e}.status.warn{background:#fff3df;color:#9a5c00}.status.danger{background:#fee8e8;color:#a72727}
.privacy-box{background:#f5f7f6;border-radius:13px;padding:11px;color:var(--muted);font-size:12px;margin-top:12px}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:15px;padding:11px}.customer-card small{display:block;color:var(--muted);font-size:11px}.customer-balance{text-align:end}.customer-balance strong{display:block;margin-top:2px}
.check-list{display:grid;gap:6px;border:1px solid var(--line);border-radius:13px;padding:9px;max-height:220px;overflow:auto}.check-list label,.inline-check{margin:0;display:flex;align-items:center;gap:8px;padding:5px}.check-list input,.inline-check input{width:auto}.showcase-preview{background:linear-gradient(160deg,#fff,#f2faf5);border:1px solid var(--line);border-top:5px solid var(--theme);border-radius:18px;padding:18px;text-align:center}.showcase-preview>img{width:66px;height:66px;object-fit:cover;border-radius:18px}.showcase-preview h2{margin:8px 0 2px}.showcase-preview p{margin:0 0 12px;color:var(--muted)}.preview-product{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:start;background:#fff;border:1px solid var(--line);border-radius:12px;padding:9px;margin-top:7px}.preview-product span{color:var(--theme)}.preview-product small{color:var(--muted)}.public-link{display:grid;gap:7px;margin-top:12px}.public-link code{direction:ltr;text-align:left;background:#f4f6f5;padding:9px;border-radius:10px;overflow:auto}
.audit-list{display:grid}.audit-list>div{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f1}.audit-dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:6px;flex:0 0 auto}.audit-list section{display:grid;gap:3px}.audit-list small{color:var(--muted);font-size:10px}.audit-list code{font-size:10px;color:#66736b}
.empty{padding:26px;text-align:center;color:var(--muted);font-size:13px}.modal-layer{position:fixed;inset:0;background:rgba(8,20,13,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:10000;display:grid;place-items:center;padding:18px}.modal{position:relative;z-index:10001;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.25)}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.modal h3{margin:0}.modal>header button{border:0;background:#eff3f0;border-radius:10px;width:34px;height:34px;font-size:20px}.modal-body{padding:17px}.receipt{display:grid;gap:8px;padding:17px;background:#f2fbf5;border:1px dashed #94d9ad;border-radius:16px;text-align:center}.receipt b{font-size:20px}.receipt hr{width:100%;border:0;border-top:1px solid #cce8d6}.toast{position:fixed;bottom:20px;left:20px;z-index:200;background:#15231a;color:#fff;padding:11px 15px;border-radius:13px;box-shadow:var(--shadow);max-width:min(360px,calc(100vw - 40px))}.toast.error{background:#8f2727}
.public-page{min-height:100vh;background:#f7faf8;padding:30px;--theme:#25D366}.public-page>header{max-width:1100px;margin:auto;background:#fff;border:1px solid var(--line);border-top:6px solid var(--theme);border-radius:24px;padding:20px;display:flex;align-items:center;gap:16px}.public-page>header img{width:82px;height:82px;border-radius:22px;object-fit:cover}.public-page h1{margin:0}.public-page p{color:var(--muted)}.public-products{max-width:1100px;margin:18px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.public-products article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:8px}.public-products h3{margin:0}.public-products button{background:var(--theme);color:#fff;border:0;border-radius:11px;padding:10px}.public-product-icon{height:100px;border-radius:15px;background:#edf9f1;display:grid;place-items:center;font-size:34px;color:var(--theme)}.public-page footer{text-align:center;color:var(--muted);font-size:12px;padding:20px}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.public-products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:fixed;bottom:0;top:auto;left:0;right:0;z-index:30;border-top:1px solid var(--line);border-inline-end:0}.brand,.sidebar-foot{display:none}.sidebar nav{display:flex;padding:6px;overflow:auto}.nav-btn{min-width:78px;flex-direction:column;gap:2px;padding:7px;font-size:10px}.nav-btn span{font-size:17px}.main-area{padding-bottom:75px}.topbar{position:sticky;padding:11px 13px}.top-pills .privacy{display:none}.content{padding:11px}.two-col,.pos-layout,.chat-layout{grid-template-columns:1fr}.chat-layout{height:auto}.conversation-list{max-height:260px}.chat-panel{height:560px}.cart-panel{position:static}.pos-products{min-height:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.customer-grid{grid-template-columns:1fr}.customer-card{grid-template-columns:auto 1fr auto}.customer-card .outline-btn{grid-column:1/-1}.public-page{padding:12px}.public-products{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.metric-grid{grid-template-columns:1fr 1fr}.metric-card{padding:13px}.metric-card strong{font-size:18px}.product-grid{grid-template-columns:1fr 1fr}.product-tile{min-height:110px;padding:10px}.topbar h2{font-size:17px}.top-pills span{display:none}.public-page>header{align-items:flex-start}.public-page>header img{width:60px;height:60px}}

/* Phase 2B — commercial authority, agent lifecycle and document actions */
.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#f2f6f4;border-radius:12px;padding:5px;margin:8px 0 15px}.login-tabs button{border:0;background:transparent;padding:10px;border-radius:9px;font-weight:800;color:var(--muted);cursor:pointer}.login-tabs button.active{background:white;color:var(--green-dark);box-shadow:0 3px 12px #0001}.form-hint{font-size:12px;color:var(--muted);line-height:1.7}.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.feature-list{display:flex;flex-wrap:wrap;gap:7px}.feature-list span,.permission-pill{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf9f2;border:1px solid #c8ecd6;color:#08713f;font-size:11px}.permission-pill.deny{background:#fff0f0;border-color:#f3caca;color:#a92f2f}.org-grid,.agent-grid,.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:13px}.org-card,.agent-card,.plan-grid>section{border:1px solid var(--line);border-radius:16px;padding:15px;background:#fff}.org-card>div:first-child,.agent-card>div:nth-child(2){display:grid;gap:4px}.org-card small,.agent-card small{color:var(--muted)}.agent-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.agent-card .row-actions,.agent-card .invite-code{grid-column:2/4}.invite-code{display:block;background:#101c17;color:#c9ff5d;padding:8px;border-radius:8px;font-size:18px;letter-spacing:4px;text-align:center}.activation-card{display:grid;gap:8px;text-align:center;background:#ecfaf2;border:1px solid #bae8cd;border-radius:16px;padding:20px}.activation-card strong{font-size:38px;letter-spacing:8px;color:#08713f}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{margin:0}.branding-panel{background:#f5faf7;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px}.branding-panel h4{margin:0 0 10px}.document-link{display:inline-flex;align-items:center;gap:5px}.top-pills{max-width:55%;justify-content:flex-end}.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.agent-card{grid-template-columns:auto 1fr}.agent-card>span,.agent-card .row-actions,.agent-card .invite-code{grid-column:2}.top-pills{display:none}.org-grid,.agent-grid,.plan-grid{grid-template-columns:1fr}}


/* Phase 2C — WhatsApp-like simplicity layer */
:root{--radius:14px;--shadow:0 4px 16px rgba(20,38,28,.05);--bg:#f3f5f4}
.card,.metric-card{box-shadow:none}
.app-shell{grid-template-columns:228px minmax(0,1fr)}
.sidebar nav{padding:8px}
.nav-btn{padding:10px;border-radius:10px}
.nav-btn b{font-size:13px}
.topbar{min-height:64px;padding:10px 18px}
.topbar-title h2{font-size:19px}
.topbar-actions{display:flex;align-items:center;gap:9px}
.save-state{font-size:11px;color:#388153;background:#eef8f1;border-radius:999px;padding:6px 9px}
.top-action{padding:8px 13px}
.content{padding:14px;max-width:1280px}
.home-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:12px}
.home-hero h2{margin:4px 0;font-size:22px}.home-hero p,.home-hero small{color:var(--muted);margin:0}.hero-action{white-space:nowrap}
.simple-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.simple-card{padding:14px}
.home-columns{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}
.quiet-note{font-size:12px;color:var(--muted);text-align:center;margin:14px 0}
.profile-strip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:12px}
.profile-strip img{width:48px;height:48px;border-radius:14px;object-fit:cover}.profile-strip small{display:block;color:var(--muted);margin-top:3px}
.more-page{max-width:760px;margin:auto}.more-page .card{margin-bottom:12px}
.more-list{display:grid}.more-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:0;background:#fff;padding:13px 2px;text-align:start;border-bottom:1px solid #f0f2f1;color:var(--ink)}
.more-item:last-child{border-bottom:0}.more-item:hover{background:#f7fbf8}.more-item b{display:block;font-size:14px}.more-item small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.more-item i{font-style:normal;color:#9aa49e;font-size:22px}.more-icon{width:39px;height:39px;border-radius:12px;background:#eaf8ef;color:var(--green-dark);display:grid;place-items:center;font-size:18px}.danger-row b{color:#a62c2c}.danger-row .more-icon{background:#fff0f0;color:#a62c2c}
.chat-layout{height:calc(100vh - 92px);gap:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.conversation-list,.chat-panel{border:0;border-radius:0}.conversation-list{border-inline-end:1px solid var(--line)}
.chat-search{background:#fff}.chat-search input{background:#f0f2f1;border:0;border-radius:9px;padding:9px 12px}
.conversation{padding:12px}.conversation.active{background:#f0f7f2}.conversation small{font-size:12px}
.chat-panel>header{min-height:61px;background:#f7f9f8}.chat-back{display:none;border:0;background:transparent;font-size:28px;color:var(--green-dark);padding:0 4px}
.message-area{background-color:#efeae2;background-image:radial-gradient(rgba(111,126,117,.12) 1px,transparent 1px)}
.message{border:0;box-shadow:0 1px 2px rgba(0,0,0,.08)}.message.mine{background:#d9fdd3;border:0}
.composer{background:#f0f2f1;border-top:0;align-items:center}.composer input{border:0;background:#fff;padding:10px 14px}.composer button{width:40px;height:40px;padding:0}.composer .send-btn{display:grid;place-items:center}.attach-btn{background:transparent!important;color:#5d6861;font-size:22px}
.invoice-row{border-radius:11px;padding:10px}.table-wrap table{min-width:620px}
@media(max-width:820px){
  .sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:2px;padding:5px}
  .nav-btn{min-width:0;padding:6px 3px;font-size:10px;overflow:hidden}.nav-btn b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.nav-btn span{font-size:18px}
  .topbar{min-height:58px;padding:8px 12px}.topbar-title small{font-size:10px}.save-state{display:none}.top-action{padding:7px 10px;font-size:12px}
  .content{padding:8px}.home-hero{padding:14px}.home-hero h2{font-size:19px}.home-hero p{display:none}.hero-action{padding:9px 11px}
  .simple-metrics{grid-template-columns:repeat(3,1fr);gap:7px}.simple-metrics .metric-card{padding:11px}.simple-metrics .metric-card strong{font-size:16px}.simple-metrics .metric-card span{display:none}
  .home-columns{grid-template-columns:1fr}
  .chat-layout{height:calc(100vh - 132px);display:block;border-radius:0;border-inline:0}
  .chat-layout .conversation-list{display:block;height:100%;max-height:none;border:0}.chat-layout .chat-panel{display:none;height:100%}
  .chat-layout.mobile-chat-open .conversation-list{display:none}.chat-layout.mobile-chat-open .chat-panel{display:flex}
  .chat-back{display:block}.chat-panel>header{padding:8px 10px}.message-area{padding:12px}.message{max-width:84%}
  .more-page{max-width:none}.more-page .simple-card{padding:10px 13px}
}
@media(max-width:480px){
  .simple-metrics{grid-template-columns:repeat(3,1fr)}.metric-card small{font-size:10px}.metric-card strong{font-size:14px}
  .home-hero{align-items:flex-end}.home-hero small{font-size:10px}.home-hero h2{font-size:17px}
}

/* Phase 2D — visible commerce tools: subscribers, scanner, client PDF and flexible invitations */
.subscriber-hero{margin-bottom:10px}.subscriber-filters{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.subscriber-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 13px;color:var(--muted)}.subscriber-filters button.active{background:var(--green-soft);color:var(--green-dark);border-color:#bde8cd}.subscriber-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px}.subscriber-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;gap:12px}.subscriber-head{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.subscriber-head img{width:48px;height:48px;border-radius:14px;object-fit:cover;border:1px solid var(--line)}.subscriber-head h3{margin:0}.subscriber-head small{display:block;color:var(--muted);margin-top:3px}.subscriber-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.subscriber-meta span{background:#f7f9f8;border-radius:10px;padding:9px;font-size:11px;color:var(--muted)}.subscriber-meta b{display:block;color:var(--ink);margin-top:3px}.quota-box{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.quota-box label{margin:0;font-size:11px}.quota-progress{height:7px;border-radius:999px;background:#edf1ef;overflow:hidden}.quota-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--green-dark))}.quota-box small{font-size:9px;color:var(--muted)}.subscriber-detail{text-align:center}.subscriber-detail>img{width:72px;height:72px;border-radius:18px;object-fit:cover}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:14px 0}.detail-grid span{background:#f5f8f6;padding:10px;border-radius:10px;font-size:11px;color:var(--muted)}.detail-grid b{display:block;color:var(--ink);margin-top:4px}.mini-users{display:grid;gap:5px;text-align:start}.mini-users span{padding:8px;border-bottom:1px solid var(--line);font-size:12px}
.smart-form-note{display:flex;flex-direction:column;gap:4px;background:#effaf3;border:1px solid #c9ebd6;border-radius:13px;padding:12px;margin-bottom:13px}.smart-form-note span{font-size:12px;color:#52665b}.invite-result{text-align:center}.invite-qr{width:200px;height:200px;object-fit:contain;margin:10px auto;border:1px solid var(--line);border-radius:14px}.activation-card em{font-style:normal;color:#406b52;font-size:11px}.copy-field{display:flex;gap:7px;align-items:center}.copy-field input{flex:1}.invite-actions{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.scan-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:8px;margin-bottom:12px;align-items:center}.scan-toolbar.standalone{margin:0}.scan-input-wrap{display:flex;align-items:center;gap:8px;border:1px solid #bfe6ce;background:#f7fff9;border-radius:12px;padding-inline:11px}.scan-input-wrap span{font-size:21px;color:var(--green-dark)}.scan-input-wrap input{border:0;box-shadow:none;background:transparent;padding-inline:0}.scanner-shell{position:relative}.scanner-shell video{width:100%;max-height:360px;background:#111;border-radius:14px;object-fit:cover}.scanner-frame{position:absolute;top:55px;left:12%;right:12%;height:160px;border:3px solid #68f19d;border-radius:18px;box-shadow:0 0 0 9999px rgba(0,0,0,.18);pointer-events:none}.scanner-shell p{text-align:center;color:var(--muted)}.code-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-top:12px}.code-product-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid;gap:10px}.code-product-main{display:flex;gap:11px;align-items:center}.code-product-main h3{margin:0 0 4px}.code-product-main code{display:block;direction:ltr;text-align:left}.code-product-main small{display:block;color:var(--muted);margin-top:3px}.product-code-icon{width:46px;height:46px;border-radius:14px;background:#e9faef;color:var(--green-dark);display:grid;place-items:center;font-size:24px}.code-tags{display:flex;gap:5px;flex-wrap:wrap}.code-tags span{font-size:9px;background:#f1f5f2;padding:5px 7px;border-radius:999px;color:#53625a}.code-tags .danger-tag{background:#fff0e5;color:#a95b00}.product-code-modal{text-align:center}.product-code-modal svg{width:100%;max-height:110px}.product-qr{width:190px;height:190px;display:block;margin:8px auto}.product-code-modal>code{display:block;font-size:18px;direction:ltr;margin:8px}
.verify-page{min-height:100vh;background:#eef4f0;display:grid;place-items:center;padding:20px}.verify-card{width:min(560px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow);text-align:center}.verify-card>img{width:72px;height:72px;border-radius:18px}.valid-badge{display:inline-block;background:#e5f8ec;color:#14763e;border:1px solid #b9e8cc;border-radius:999px;padding:8px 14px;font-weight:800;margin:10px}.verify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0;text-align:start}.verify-grid span{background:#f6f9f7;border-radius:10px;padding:11px;color:var(--muted);font-size:11px}.verify-grid b{display:block;color:var(--ink);margin-top:4px}.verify-card>code{display:block;direction:ltr;text-align:left;background:#f2f4f3;border-radius:9px;padding:8px;word-break:break-all}
@media(max-width:900px){.scan-toolbar{grid-template-columns:1fr 1fr}.scan-input-wrap{grid-column:1/-1}.subscriber-grid{grid-template-columns:1fr}.quota-box{grid-template-columns:1fr}.quota-box small{text-align:end}.subscriber-meta{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.scan-toolbar{grid-template-columns:1fr}.scan-input-wrap{grid-column:auto}.subscriber-meta,.detail-grid,.verify-grid{grid-template-columns:1fr}.subscriber-head{grid-template-columns:auto 1fr}.subscriber-head>.status{grid-column:2}.copy-field{flex-direction:column}.copy-field button{width:100%}}


/* Phase 2E — install once, open the same Nova icon, automatic updates without URL filters */
.install-nova-btn{border:1px solid #b7eacb;border-radius:12px;padding:11px 14px;background:#effaf3;color:var(--green-dark);font-weight:800}
.install-nova-btn[hidden]{display:none!important}
.pwa-icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green-dark);display:grid;place-items:center;font-weight:900;padding:0}
.pwa-icon-btn:hover{background:var(--green-soft)}
.pwa-icon-btn[hidden]{display:none!important}
.build-badge{font-size:10px;padding:5px 8px;border-radius:999px;background:#eff3f0;color:#627068;direction:ltr;white-space:nowrap}
.pwa-status-card{border-color:#ccebd8;background:linear-gradient(180deg,#fff,#f7fff9)}
@media(max-width:820px){.build-badge{display:none}.pwa-icon-btn{width:32px;height:32px}.topbar-actions{gap:6px}}

.recovery-card{max-width:620px;margin:28px auto;border-color:#f0c6c6;background:#fffafa}.recovery-card p{color:#7d3b3b;line-height:1.7;word-break:break-word}

/* Phase 2F — resilient invoice/PDF and printable-document fallbacks */
.document-fallback{display:grid;gap:12px}.document-fallback>p{margin:0;color:var(--muted);font-size:12px}.document-fallback iframe{width:100%;height:min(72vh,760px);border:1px solid var(--line);border-radius:14px;background:#fff}.recovery-card{max-width:720px;margin:auto}.invoice-row .row-actions,.table-wrap .row-actions{flex-wrap:wrap}
@media(max-width:700px){.document-fallback iframe{height:65vh}.invoice-row{align-items:flex-start;flex-direction:column}.invoice-row .row-actions{width:100%}.invoice-row .row-actions button{flex:1}}

/* Phase 3C — production authentication, device sessions and security center */
.auth-card{width:min(500px,100%);text-align:start}
.auth-card>h1,.auth-card>p,.auth-card>.login-logo,.auth-card>.login-note{display:block;text-align:center;margin-inline:auto}
.auth-card .login-tabs{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}
.auth-card label{display:block;margin:11px 0 6px;font-size:12px;font-weight:800;color:#35463d}
.auth-card input,.auth-card select{width:100%}
.setup-card{width:min(560px,100%)}
.auth-state{display:block;margin:0 auto 12px;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;background:#eaf8ef;color:#08713f;border:1px solid #c2e9d1}
.auth-state.warn{background:#fff7df;color:#8c6500;border-color:#f0dfa3}.auth-state.danger{background:#fff0f0;color:#a42f2f;border-color:#efc8c8}
.check-line{display:flex!important;align-items:center;gap:8px;font-weight:600!important;color:var(--muted)!important;cursor:pointer}
.check-line input{width:auto!important;margin:0}
.loading-state{padding:28px;text-align:center;color:var(--muted)}
.security-page{display:grid;gap:0}.security-form{display:grid;gap:8px}.security-form label{font-size:12px;font-weight:800;margin-top:4px}.security-form p{color:var(--muted);line-height:1.7}
.session-list{display:grid}.session-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.session-row:last-child{border-bottom:0}.session-row.current{background:#f5fcf7;border-radius:12px;padding-inline:10px}.session-row b{display:block}.session-row small{display:block;color:var(--muted);margin-top:3px}.session-icon{width:34px;height:34px;border-radius:11px;background:#edf8f1;color:var(--green-dark);display:grid;place-items:center}.session-row.current .session-icon{background:#d9f6e4}
.security-page .table-wrap button+button{margin-inline-start:5px}
@media(max-width:720px){.auth-card{border-radius:20px;padding:21px}.session-row{grid-template-columns:auto 1fr auto}.session-row>button{grid-column:2/4;width:max-content}.security-page .metric-grid{grid-template-columns:1fr 1fr}.security-page .two-col{grid-template-columns:1fr}}
@media(max-width:460px){.security-page .metric-grid{grid-template-columns:1fr}.auth-card .login-tabs{grid-template-columns:1fr 1fr}}

/* Nova Phase 3D — field operations, maps and scorecards */
.field-page{display:flex;flex-direction:column;gap:16px}.field-hero{background:linear-gradient(135deg,#f1fff7,#e8f8f0);border:1px solid #bde8cf}.field-metrics{margin:0}.field-privacy-banner{display:flex;gap:14px;align-items:center;background:#fff8df;border:1px solid #f0d883;border-radius:16px;padding:14px 18px}.field-privacy-banner b{color:#725600;white-space:nowrap}.field-privacy-banner span{color:#625b3d}.field-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:16px}.field-map-card{min-width:0}.field-map{height:480px;border-radius:16px;overflow:hidden;background:#edf3ef;border:1px solid var(--line)}.field-map .leaflet-control-container{direction:ltr}.field-map-fallback,.map-loading{min-height:180px;display:grid;place-items:center;background:#f7faf8;color:var(--muted);border-radius:14px;padding:30px}.field-map-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:12px}.field-map-legend span{display:flex;align-items:center;gap:6px}.field-map-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.field-map-legend i.online{background:#25D366}.field-map-legend i.stale{background:#9ca8a3}.field-map-legend i.task{background:#3478f6}.field-tracking-card{align-self:start}.field-current-location{display:flex;flex-direction:column;gap:4px;background:#f7faf8;border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0}.field-current-location b{direction:ltr;text-align:right}.field-current-location small,.muted{color:var(--muted)}.field-action-row{flex-wrap:wrap}.tracking-indicator{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--muted);font-size:12px}.tracking-indicator span{width:10px;height:10px;border-radius:50%;background:#9ba7a2}.tracking-indicator.active span{background:#25D366;box-shadow:0 0 0 5px #25d36622;animation:novaPulse 1.6s infinite}@keyframes novaPulse{50%{box-shadow:0 0 0 10px #25d36605}}.field-live-list{display:flex;flex-direction:column;gap:8px}.field-live-row{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px}.field-live-row div{display:flex;flex-direction:column}.field-live-row small{color:var(--muted)}.field-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e9f9ef;color:#12834a;font-weight:900}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.delivery-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff}.delivery-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.delivery-card-head div{display:flex;flex-direction:column}.delivery-card-head small{color:var(--muted);margin-top:4px}.delivery-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.delivery-meta span{background:#f7faf8;border-radius:10px;padding:8px;color:var(--muted);font-size:11px}.delivery-meta b{display:block;color:var(--ink);margin-top:4px}.scorecard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.scorecard-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.scorecard-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.scorecard-head h3{margin:0}.scorecard-head small{color:var(--muted)}.score-ring{width:82px;height:82px;border-radius:50%;background:#ecfbf2;border:8px solid #b9eccb;display:grid;place-items:center;align-content:center}.score-ring b{font-size:22px;color:#08713f}.score-ring small{font-size:9px;text-align:center}.coverage-line{display:flex;justify-content:space-between;gap:10px;margin:12px 0;padding:8px 10px;background:#f7faf8;border-radius:10px;font-size:11px}.coverage-line b{color:#855d00}.score-metric{margin:10px 0}.score-metric>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.score-track{height:7px;background:#edf2ef;border-radius:999px;overflow:hidden;margin:5px 0}.score-track span{display:block;height:100%;background:linear-gradient(90deg,#19a65b,#25D366);border-radius:999px}.score-metric small{color:var(--muted);font-size:10px}.score-metric.unavailable{opacity:.58}.score-metric.unavailable .score-track span{background:#aeb7b3}.field-architecture-note{border-style:dashed;background:#fbfdfc}.danger-btn{border:0;background:#ffe8e6;color:#a8332a;border-radius:10px;padding:10px 14px;font-weight:800;cursor:pointer}.two-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1050px){.field-layout{grid-template-columns:1fr}.field-map{height:420px}.scorecard-grid{grid-template-columns:1fr}}@media(max-width:680px){.field-map{height:340px}.field-privacy-banner{align-items:flex-start;flex-direction:column}.delivery-meta{grid-template-columns:1fr}.scorecard-grid{grid-template-columns:1fr}.field-live-row{grid-template-columns:38px 1fr}.field-live-row button{grid-column:1/-1}.two-inputs{grid-template-columns:1fr}}

/* Phase 3E.0 — complete bilingual direction and typography */
html[dir="ltr"] .toast{left:auto;right:20px}
html[dir="rtl"] .toast{right:auto;left:20px}
html[dir="ltr"] .field-current-location b{text-align:left}
html[dir="rtl"] .field-current-location b{text-align:right}
html[dir="ltr"] input[type="tel"],html[dir="ltr"] input[inputmode="numeric"],html[dir="ltr"] input[inputmode="decimal"],html[dir="ltr"] code,html[dir="ltr"] .invite-code{direction:ltr;text-align:left}
html[dir="rtl"] input[type="tel"],html[dir="rtl"] input[inputmode="numeric"],html[dir="rtl"] input[inputmode="decimal"],html[dir="rtl"] code,html[dir="rtl"] .invite-code{direction:ltr}
html[dir="ltr"] .sidebar-foot button,html[dir="ltr"] .nav-btn,html[dir="ltr"] .conversation,html[dir="ltr"] .product-tile{text-align:left}
html[dir="rtl"] .sidebar-foot button,html[dir="rtl"] .nav-btn,html[dir="rtl"] .conversation,html[dir="rtl"] .product-tile{text-align:right}
html[dir="ltr"] .customer-balance{text-align:right}
html[dir="rtl"] .customer-balance{text-align:left}


/* Phase 3E.1 — Professional Field Operations */
body.modal-open{overflow:hidden}.modal-medium{width:min(620px,calc(100vw - 28px))}.modal-wide{width:min(1180px,calc(100vw - 28px));height:min(860px,calc(100vh - 28px));max-height:none;overflow:hidden;display:flex;flex-direction:column}.modal-wide>header{flex:0 0 auto}.modal-wide>.modal-body{padding:0;min-height:0;overflow:hidden;flex:1}.delivery-dispatch-modal{border-radius:24px}.dispatch-workspace{direction:ltr;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);height:100%;min-height:0}.dispatch-map-pane{direction:ltr;background:#eef4f0;border-inline-end:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.dispatch-map-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.dispatch-map-toolbar h4{margin:3px 0 4px;font-size:20px}.dispatch-map-toolbar small{color:var(--muted)}.dispatch-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dcf8e7;color:#08713f;font-size:10px;font-weight:900}.dispatch-map{flex:1;min-height:390px;border-radius:18px;overflow:hidden;border:1px solid #c8d8ce;background:#e8efeb;box-shadow:inset 0 0 0 1px #fff}.dispatch-map-hint{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}.dispatch-map-hint>span{width:36px;height:36px;border-radius:11px;background:#e7f8ed;color:#08713f;display:grid;place-items:center;font-size:20px}.dispatch-map-hint div{display:flex;flex-direction:column}.dispatch-map-hint small{color:var(--muted)}.dispatch-form-pane{direction:rtl;display:flex;flex-direction:column;min-height:0;background:#fff}.lang-en .dispatch-form-pane{direction:ltr}.dispatch-stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fbfdfc}.dispatch-stepper span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800}.dispatch-stepper b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#edf2ef;color:#657169}.dispatch-stepper span.active{color:#08713f}.dispatch-stepper span.active b{background:#19a65b;color:#fff}.dispatch-form-scroll{padding:18px;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:14px}.dispatch-section{border:1px solid var(--line);border-radius:17px;padding:14px;background:#fff}.dispatch-section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.dispatch-section-title>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eaf8ef;color:#08713f;font-weight:900}.dispatch-section-title h4{margin:0;font-size:15px}.dispatch-section-title small{color:var(--muted)}.dispatch-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dispatch-grid label{margin:0;font-size:11px;color:#4e5d55}.dispatch-grid label.field-full{grid-column:1/-1}.dispatch-grid input,.dispatch-grid select{margin-top:5px;background:#fbfdfc}.priority-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:5px}.priority-choice button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px;font-weight:800;color:var(--muted);cursor:pointer}.priority-choice button.active{border-color:#62ca88;background:#eaf9ef;color:#08713f;box-shadow:0 0 0 3px #25d36614}.dispatch-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 18px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -10px 28px #0c2c1710}.dispatch-summary{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;flex:1}.dispatch-summary span{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:11px;background:#f5f8f6;min-width:0}.dispatch-summary small{color:var(--muted);font-size:9px}.dispatch-summary b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-summary span.ready{background:#eaf9ef;color:#08713f}.dispatch-summary span.missing{background:#fff4e8;color:#9b5a00}.form-error{padding:10px 12px;border-radius:11px;background:#fff0ef;border:1px solid #f0c7c3;color:#9d332b;font-size:12px}.proof-dialog{display:flex;flex-direction:column;gap:12px}.proof-dialog label{margin:0}.field-command-center{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0f3f29,#107647 65%,#1b9b5a);color:#fff;box-shadow:0 18px 45px #0c6b3830}.field-command-center h2{margin:5px 0 7px;font-size:28px}.field-command-center p{margin:0;color:#dff8e9;max-width:760px}.field-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#bff2d2}.live-dot{width:9px;height:9px;border-radius:50%;background:#ffb84d}.live-dot.online{background:#6aff9b;box-shadow:0 0 0 6px #6aff9b20}.field-command-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.field-command-meta span{padding:6px 9px;border-radius:999px;background:#ffffff16;border:1px solid #ffffff24;font-size:10px}.field-command-actions{display:flex;gap:8px;flex-wrap:wrap}.field-command-center .outline-btn{background:#ffffff12;border-color:#ffffff45;color:#fff}.field-command-center .primary{background:#fff;color:#08713f}.field-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.75fr);gap:16px;align-items:start}.field-ops-rail{display:flex;flex-direction:column;gap:16px}.field-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.field-map-toolbar h3{margin:0}.field-map-toolbar small{color:var(--muted)}.field-exception-card .card-head small{color:var(--muted)}.exception-list{display:grid;gap:8px}.exception-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.exception-row b{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#eff4f1}.exception-row.warn{border-color:#f2d995;background:#fffaf0}.exception-row.danger{border-color:#f0c6c2;background:#fff4f3}.exception-row.ok{color:#4f6257}.field-avatar.online{box-shadow:0 0 0 4px #25d36622}.delivery-section-head small{color:var(--muted)}.task-filter-bar{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 14px}.task-filter-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;color:var(--muted);cursor:pointer}.task-filter-bar button span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-inline-start:6px;border-radius:999px;background:#edf2ef;font-size:9px}.task-filter-bar button.active{border-color:#65c98a;background:#eaf9ef;color:#08713f}.delivery-card{position:relative;overflow:hidden;box-shadow:0 8px 22px #0d3f2210}.delivery-card.urgent{border-color:#edb65d}.delivery-card.urgent:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:#f3a61f}.delivery-task-id{font-size:9px;color:var(--muted);direction:ltr}.delivery-status-stack{display:flex;align-items:flex-end;gap:5px;flex-direction:column}.priority-badge{padding:4px 7px;border-radius:999px;font-size:9px;background:#eff3f1;color:#66746c}.priority-badge.high{background:#fff4dd;color:#9b6500}.priority-badge.urgent{background:#ffe9e6;color:#a73b30}.delivery-progress{margin:14px 0 11px}.delivery-progress-track{height:4px;border-radius:999px;background:#e8efeb;overflow:hidden}.delivery-progress-track span{display:block;height:100%;background:linear-gradient(90deg,#0f8b4d,#25D366);border-radius:999px}.delivery-progress.failed .delivery-progress-track span{background:#c84a3f}.delivery-progress-steps{display:grid;grid-template-columns:repeat(6,1fr);margin-top:-7px}.delivery-progress-steps span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a19a;font-size:8px}.delivery-progress-steps i{width:11px;height:11px;border-radius:50%;background:#dce5df;border:2px solid #fff;box-shadow:0 0 0 1px #dce5df}.delivery-progress-steps span.done{color:#08713f}.delivery-progress-steps span.done i{background:#25D366;box-shadow:0 0 0 1px #25D366}.delivery-meta b.overdue{color:#b33d32}.delivery-actions{border-top:1px solid #edf1ee;padding-top:11px}
@media(max-width:1080px){.field-workspace{grid-template-columns:1fr}.field-ops-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dispatch-workspace{grid-template-columns:1fr}.dispatch-map-pane{min-height:330px}.dispatch-map{min-height:250px}.modal-wide{height:min(940px,calc(100vh - 20px))}.dispatch-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.modal-layer{padding:0;align-items:stretch}.modal-wide{width:100%;height:100%;border-radius:0}.delivery-dispatch-modal{border-radius:0}.dispatch-map-pane{padding:12px;min-height:300px}.dispatch-map-toolbar{flex-direction:column}.dispatch-form-scroll{padding:12px}.dispatch-footer{align-items:stretch;flex-direction:column}.dispatch-summary{width:100%}.dispatch-footer>.row-actions{width:100%}.dispatch-footer button{flex:1}.dispatch-stepper{padding:10px 12px}.dispatch-stepper span{font-size:9px}.field-command-center{align-items:flex-start;flex-direction:column}.field-command-actions{width:100%}.field-command-actions button{flex:1}.field-ops-rail{grid-template-columns:1fr}.dispatch-grid{grid-template-columns:1fr}.dispatch-grid label.field-full{grid-column:auto}.delivery-progress-steps small{display:none}}

/* Nova 3E.2 — Smart Dispatch, notifications, invoice-linked delivery */
.notification-bell{position:relative;border:1px solid var(--line);background:#fff;color:#08713f;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;cursor:pointer;font-size:16px;box-shadow:0 4px 14px #0d3f2210}.notification-bell:hover{background:#effaf3}.notification-bell b{position:absolute;inset-block-start:-6px;inset-inline-end:-6px;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#d83b35;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:9px}.notification-modal{width:min(680px,calc(100vw - 28px))}.notification-drawer{display:flex;flex-direction:column;gap:12px}.notification-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f5f9f6;border:1px solid var(--line);border-radius:14px}.notification-tools>span{font-size:12px;color:var(--muted);font-weight:800}.notification-list{display:flex;flex-direction:column;gap:8px;max-height:62vh;overflow:auto}.notification-row{display:grid;grid-template-columns:12px 1fr 18px;gap:10px;align-items:start;width:100%;border:1px solid var(--line);background:#fff;border-radius:15px;padding:12px;text-align:start;cursor:pointer}.notification-row:hover{border-color:#8fd2aa;background:#fbfefc}.notification-row.unread{background:#eefbf3;border-color:#b9e7ca}.notification-row .notification-dot{width:9px;height:9px;border-radius:50%;background:#c5cec9;margin-top:5px}.notification-row.unread .notification-dot{background:#25D366;box-shadow:0 0 0 4px #25d36618}.notification-row div{min-width:0}.notification-row b{display:block;font-size:13px}.notification-row p{margin:4px 0;color:#4f5d55;font-size:12px;line-height:1.55}.notification-row small{color:var(--muted);font-size:10px}.notification-row i{font-style:normal;color:#9aa69f;font-size:22px}

.delivery-dispatch-modal{overflow:hidden}.dispatch-workspace-v2{grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);height:100%;min-height:0}.dispatch-workspace-v2 .dispatch-map-pane{overflow:hidden}.dispatch-workspace-v2 .dispatch-form-pane{overflow:hidden}.dispatch-workspace-v2 .dispatch-form-scroll{padding:16px;gap:10px}.dispatch-mobile-title{display:flex;flex-direction:column;gap:3px;padding:2px 2px 7px}.dispatch-mobile-title span{font-size:10px;font-weight:900;color:#128C55}.dispatch-mobile-title h3{margin:0;font-size:21px}.dispatch-mobile-title p{margin:0;color:var(--muted);font-size:11px}.dispatch-section.compact{padding:12px}.dispatch-section.compact .dispatch-section-title{margin-bottom:9px}.dispatch-section.compact .dispatch-section-title>span{width:30px;height:30px;border-radius:10px}.dispatch-section.compact .dispatch-section-title h4{font-size:14px}.dispatch-map{min-height:0}.dispatch-summary-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dispatch-summary-v2>div{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;border:1px solid var(--line);background:#f7faf8;border-radius:12px;padding:9px 10px;min-width:0}.dispatch-summary-v2>div>span{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:#e8f7ed;color:#08713f;display:grid;place-items:center;font-weight:900}.dispatch-summary-v2 small{color:var(--muted);font-size:9px}.dispatch-summary-v2 b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dispatch-summary-v2 .ready{border-color:#8dd3a7;background:#effbf3}.dispatch-summary-v2 .missing{border-color:#efc978;background:#fff9ed}.dispatch-action-dock{position:relative;z-index:4;display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;padding:12px 16px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -10px 24px #0a2e1910;flex:0 0 auto}.dispatch-action-dock button{height:44px;white-space:nowrap}.dispatch-action-dock .primary{font-size:13px}.dispatch-map-pane .leaflet-control-container{z-index:400}.delivery-dispatch-modal .leaflet-pane{z-index:200}.delivery-dispatch-modal .leaflet-top,.delivery-dispatch-modal .leaflet-bottom{z-index:350}

.route-choice{display:flex;flex-direction:column;gap:10px}.route-destination{display:flex;align-items:center;gap:11px;padding:12px;border-radius:14px;background:#f4f8f5;border:1px solid var(--line)}.route-destination>span{width:40px;height:40px;border-radius:13px;background:#e8f7ed;color:#08713f;display:grid;place-items:center;font-size:22px}.route-destination div{min-width:0;display:flex;flex-direction:column}.route-destination small{direction:ltr;text-align:start;color:var(--muted)}.route-provider{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;border-radius:15px;padding:14px 16px;cursor:pointer;text-align:start}.route-provider b{font-size:16px}.route-provider span{font-size:11px;opacity:.82}.route-provider.waze{background:#ddf7ff;color:#075b70}.route-provider.google{background:#edf4ff;color:#174c8d}

.delivery-invoice-strip{width:100%;display:grid;grid-template-columns:38px 1fr 18px;align-items:center;gap:10px;border:1px solid #bee3cd;background:#f0fbf4;border-radius:13px;padding:10px 11px;text-align:start;cursor:pointer;margin:10px 0}.delivery-invoice-strip:hover{background:#e7f8ed}.delivery-invoice-strip>span{width:38px;height:38px;border-radius:12px;background:#d8f4e3;color:#08713f;display:grid;place-items:center;font-size:18px}.delivery-invoice-strip div{min-width:0;display:flex;flex-direction:column}.delivery-invoice-strip small{color:var(--muted);font-size:9px}.delivery-invoice-strip b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delivery-invoice-strip i{font-style:normal;font-size:20px;color:#7d8d84}.delivery-code-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.delivery-code-card h3{font-size:22px;margin:0;direction:ltr}.delivery-code-card p{margin:0;color:var(--muted)}.delivery-code-card svg{width:100%;height:66px}.delivery-code-card img{width:210px;height:210px;border:1px solid var(--line);border-radius:16px;padding:8px}.delivery-code-card code{direction:ltr;font-size:10px;background:#f5f8f6;padding:8px 10px;border-radius:9px}.delivery-detail-sheet{display:flex;flex-direction:column;gap:12px}.detail-hero{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.detail-hero small{direction:ltr;color:var(--muted)}.detail-hero h3{margin:3px 0 4px;font-size:20px}.detail-hero p{margin:0;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid span{padding:10px;border:1px solid var(--line);border-radius:12px;background:#f8faf9;color:var(--muted);font-size:10px}.detail-grid b{display:block;color:var(--ink);font-size:11px;margin-top:3px}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}

@media(max-width:1040px){.dispatch-workspace-v2{grid-template-columns:1fr}.dispatch-workspace-v2 .dispatch-map-pane{min-height:44vh;border-inline-end:0;border-bottom:1px solid var(--line)}.dispatch-workspace-v2 .dispatch-form-pane{min-height:50vh}.modal-wide{height:calc(100vh - 18px)}.dispatch-map{min-height:360px}.dispatch-action-dock{position:sticky;bottom:0}.notification-tools{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.dispatch-workspace-v2 .dispatch-map-pane{min-height:38vh}.dispatch-map{min-height:300px}.dispatch-summary-v2{grid-template-columns:1fr}.dispatch-action-dock{grid-template-columns:92px 1fr;padding:10px}.dispatch-action-dock button{font-size:11px}.detail-grid,.detail-actions{grid-template-columns:1fr}.notification-row{grid-template-columns:10px 1fr 14px}.topbar-actions .notification-bell{order:-2}}


/* =========================================================
   Nova 3F — Commercial Conversation Hub
   WhatsApp-like interaction with commercial context
   ========================================================= */
.nav-btn{position:relative}.nav-badge{position:absolute;inset-inline-end:8px;top:7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e53935;color:#fff;font-style:normal;font-size:10px;font-weight:900;display:grid;place-items:center;border:2px solid #fff}
.commercial-chat{height:calc(100dvh - 94px);min-height:580px;background:#fff}.commercial-chat .conversation-list{display:flex;flex-direction:column;overflow:hidden;background:#fff}.chat-list-top{min-height:64px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;background:#f0f2f1;border-bottom:1px solid #e4e8e5}.chat-list-top>div{display:flex;align-items:center;gap:9px}.chat-list-top img{width:39px;height:39px;border-radius:12px}.chat-list-top b,.chat-list-top small{display:block}.chat-list-top small{color:var(--muted);font-size:11px}.chat-new-btn{width:39px;height:39px;border:0;border-radius:50%;background:#fff;color:#0b6b41;font-size:24px;box-shadow:0 1px 4px #0001}.commercial-chat .chat-search{margin:8px 10px;padding:0 12px;border:0;border-radius:9px;background:#f0f2f1;display:flex;align-items:center;gap:8px}.commercial-chat .chat-search input{border:0;background:transparent;padding:10px 0;outline:0}.commercial-chat .chat-search span{color:#64716a;font-size:20px}.chat-filters{display:flex;gap:6px;padding:0 10px 8px;overflow:auto}.chat-filters button{border:0;background:#f0f2f1;color:#52615a;padding:6px 11px;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:700}.chat-filters button.active{background:#d9fdd3;color:#0a5b37}.conversation-items{overflow:auto;flex:1}.chat-conversation{align-items:center;padding:11px 12px;gap:11px}.chat-conversation.unread{background:#fbfffc}.chat-avatar{flex:0 0 46px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d7f5e0,#b9eaca);color:#0b5f3a;font-weight:900;overflow:hidden}.chat-avatar img{width:100%;height:100%;object-fit:cover}.conversation-copy{min-width:0;flex:1}.conversation-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-line b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-line time{font-size:10px;color:#7e8a84;white-space:nowrap}.conversation-line.preview{margin-top:4px}.conversation-line.preview small{margin:0;max-width:none;min-width:0;flex:1}.conversation-line.preview i{display:flex;align-items:center;gap:4px;font-style:normal;color:#7c8a82}.conversation-line.preview em{font-style:normal;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#25d366;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.chat-header{background:#f0f2f1!important}.chat-header-copy{min-width:0;flex:1}.chat-header-copy b,.chat-header-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-actions{display:flex;gap:4px}.chat-header-actions button{width:38px;height:38px;border:0;background:transparent;border-radius:50%;font-size:20px;color:#53615a}.chat-header-actions button:hover{background:#e2e7e4}.chat-context-bar{display:flex;gap:7px;padding:7px 11px;background:#fff;border-bottom:1px solid #e6ebe7;overflow:auto}.chat-context-bar button,.chat-context-bar span{border:1px solid #d8e6dc;background:#f8fcf9;color:#23553e;border-radius:999px;padding:6px 10px;font-size:11px;white-space:nowrap}.commercial-chat .message-area{scroll-behavior:auto;position:relative}.load-older{display:block;margin:0 auto 12px;border:0;border-radius:999px;background:#fff;color:#286044;padding:7px 13px;box-shadow:0 1px 5px #0002}.chat-inline-loading{text-align:center;color:#607069;padding:18px}.chat-day{display:flex;justify-content:center;margin:10px 0}.chat-day span{background:#fff;border-radius:8px;padding:5px 10px;font-size:10px;color:#607069;box-shadow:0 1px 2px #0002}.chat-system-message{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px auto;color:#5b6962;font-size:10px}.chat-system-message span{background:#ffeecd;border-radius:7px;padding:6px 9px;box-shadow:0 1px 2px #0001}.message{min-width:90px}.message.pending{opacity:.72}.message.failed{outline:1px solid #e06a6a}.message-sender{display:block;color:#0c7b4b;font-size:11px;margin-bottom:4px}.message p{margin:7px 0 0}.message>small{display:flex;justify-content:flex-end;align-items:center;gap:5px}.message-state{font-style:normal;font-size:12px;color:#6b7972}.message-state.read{color:#2b8fd9}.chat-text{white-space:normal;word-break:break-word;line-height:1.55}.chat-voice-card{min-width:220px;display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#345449;padding:2px}.chat-voice-card>span{width:32px;height:32px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center}.chat-voice-card>i{height:3px;background:linear-gradient(90deg,#21a960 65%,#aac7b5 65%);border-radius:99px;flex:1}.chat-voice-card>b{font-size:10px}.chat-file-card,.chat-entity-card,.chat-location-card{width:100%;min-width:250px;border:0;border-radius:10px;background:#f1f5f2;padding:9px;display:flex;align-items:center;gap:10px;text-align:start;color:#263f34}.chat-file-card>span,.chat-entity-card>span,.chat-location-card>span{width:39px;height:39px;border-radius:9px;background:#fff;display:grid;place-items:center;font-size:20px;color:#0b7044}.chat-file-card div,.chat-entity-card div,.chat-location-card div{min-width:0;flex:1}.chat-file-card b,.chat-file-card small,.chat-entity-card b,.chat-entity-card small,.chat-location-card b,.chat-location-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-file-card small,.chat-entity-card small,.chat-location-card small{color:#6b7972;font-size:10px;margin-top:2px}.chat-recording{display:flex;align-items:center;gap:9px;padding:8px 14px;background:#fff4f4;color:#8a2525;border-top:1px solid #f0d5d5}.chat-recording small{flex:1}.chat-recording button{border:0;background:transparent;font-size:22px}.recording-dot{width:10px;height:10px;border-radius:50%;background:#e53935;animation:novaPulse 1s infinite}.chat-composer-status{padding:5px 12px;background:#eef8f1;color:#17633d;font-size:10px}.chat-composer-status.error{background:#fff0f0;color:#9b2929}.commercial-composer textarea{flex:1;resize:none;border:0;border-radius:22px;background:#fff;padding:10px 14px;min-height:42px;max-height:120px;outline:0;font:inherit}.chat-welcome{height:100%;display:grid;place-content:center;text-align:center;padding:40px;background:#f7f9f8;border-bottom:6px solid #25d366}.chat-welcome img{width:130px;margin:0 auto 18px;opacity:.88}.chat-welcome h2{margin:0 0 8px}.chat-welcome p{max-width:540px;color:#617068;line-height:1.7}.chat-welcome span{font-size:11px;color:#64716a}.chat-candidate-list{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:12px}.chat-candidate{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #edf0ee}.chat-candidate:last-child{border-bottom:0}.chat-candidate input{width:18px;height:18px}.chat-candidate .avatar{width:38px;height:38px}.chat-candidate span:last-child{min-width:0}.chat-candidate b,.chat-candidate small{display:block}.chat-candidate small{color:var(--muted);font-size:10px}.chat-option-list{display:grid;gap:5px}.chat-option-list>button{border:0;background:#fff;border-radius:10px;padding:11px;display:flex;align-items:center;gap:11px;text-align:start}.chat-option-list>button:hover{background:#f1f7f3}.chat-option-list>button>span{width:40px;height:40px;border-radius:50%;background:#eaf7ee;display:grid;place-items:center;font-size:20px}.chat-option-list b,.chat-option-list small{display:block}.chat-option-list small{color:var(--muted);font-size:10px}.chat-attachment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.chat-attachment-grid button{border:0;background:#f7faf8;border-radius:14px;padding:14px 7px;display:grid;gap:7px;place-items:center}.chat-attachment-grid span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#d9fdd3;color:#0a673d;font-size:23px}.chat-entity-picker{display:grid;gap:5px;max-height:480px;overflow:auto}.chat-entity-picker button{border:0;background:#f8faf9;border-radius:10px;padding:10px;display:flex;align-items:center;gap:10px;text-align:start}.chat-entity-picker button>span{width:40px;height:40px;border-radius:10px;background:#e6f7eb;display:grid;place-items:center}.chat-entity-picker button>div{min-width:0;flex:1}.chat-entity-picker b,.chat-entity-picker small{display:block}.chat-entity-picker small{color:var(--muted)}.chat-media-preview{display:block;max-width:100%;max-height:75vh;margin:auto;border-radius:12px}.chat-customer-card{text-align:center}.chat-customer-card>.avatar{width:72px;height:72px;margin:auto;font-size:25px}.chat-customer-card>div{display:flex;justify-content:space-between;padding:10px;border-top:1px solid var(--line)}
@keyframes novaPulse{50%{opacity:.35;transform:scale(.8)}}
@media(max-width:820px){.commercial-chat{height:calc(100dvh - 126px);min-height:0}.chat-list-top{position:sticky;top:0;z-index:2}.commercial-chat .chat-panel{height:100%}.commercial-chat .message-area{padding-bottom:20px}.chat-file-card,.chat-entity-card,.chat-location-card{min-width:210px}.chat-attachment-grid{grid-template-columns:repeat(3,1fr)}.nav-badge{inset-inline-end:10px;top:3px}}

.chat-load-more{width:calc(100% - 20px);margin:9px 10px 14px;border:0;border-radius:10px;background:#edf7f0;color:#17663d;padding:10px;font-weight:800}.chat-load-more:hover{background:#dff3e5}


/* Phase 3G — R2 media deferred without disabling business chat */
.chat-media-deferred-note{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 16px -2px;padding:5px 10px;border:1px solid rgba(18,140,126,.16);border-radius:10px;background:rgba(37,211,102,.07);color:#527067;font-size:11px;font-weight:700}
.commercial-composer .media-deferred{opacity:.55;filter:grayscale(.35);cursor:help}
.chat-attachment-grid button.deferred{position:relative;opacity:.58;cursor:help}
.chat-attachment-grid button.deferred small{position:absolute;inset-inline-end:7px;top:7px;padding:2px 6px;border-radius:999px;background:#eef3f1;color:#60726c;font-size:9px;font-weight:800}


/* Phase 3G — conversation-first commercial messenger */
.app-shell.chat-focus .topbar{display:none}
.app-shell.chat-focus .main-area{height:100dvh;overflow:hidden}
.app-shell.chat-focus .chat-content-focus{padding:0;max-width:none;height:100dvh}
.app-shell.chat-focus .commercial-chat{height:100dvh;min-height:0;border:0;border-radius:0}
.app-shell.chat-focus .chat-layout{border:0;border-radius:0;height:100dvh}
.chat-header-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1;border:0;background:transparent;text-align:start;padding:0}
.chat-avatar{position:relative;overflow:visible}
.chat-avatar img{border-radius:50%;overflow:hidden}
.chat-presence-dot{position:absolute;inset-inline-end:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:#25d366;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.chat-header-copy small.typing,.conversation-line.preview small.typing{color:#128c4a;font-weight:800}
.mini-receipt{color:#7d8983;font-weight:900}.mini-receipt.read{color:#2b8fd9}
.message{position:relative}
.message-reply-action{position:static;width:30px;height:30px;border:0;border-radius:50%;background:#fff;color:#557067;box-shadow:0 2px 8px #0002;opacity:1;transition:.15s}
.chat-reply-quote{border-inline-start:3px solid #128c4a;background:rgba(18,140,74,.08);border-radius:7px;padding:6px 8px;margin:0 0 7px;display:grid;gap:2px;max-width:100%}
.chat-reply-quote b{font-size:10px;color:#0b7143}.chat-reply-quote span{font-size:11px;color:#53645c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-reply-composer{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:7px;padding:7px 13px;background:#f6faf7;border-top:1px solid #e0e8e3}
.chat-reply-composer .chat-reply-quote{margin:0}.chat-reply-composer button{border:0;background:transparent;font-size:22px;color:#68776f}
.message-state.delivered{color:#6f8278}.message-state.read{color:#2b8fd9}
.message.search-hit{animation:novaSearchHit 2.6s ease;outline:3px solid rgba(255,193,7,.62)}
@keyframes novaSearchHit{0%,35%{transform:scale(1.025);background:#fff0b9}100%{transform:none}}
.chat-message-search{display:grid;gap:10px}.chat-message-search .chat-search{margin:0}
.chat-search-result{width:100%;border:0;border-bottom:1px solid #edf1ee;background:#fff;padding:11px;text-align:start;display:grid;grid-template-columns:1fr auto;gap:3px 10px}
.chat-search-result:hover{background:#f1faf4}.chat-search-result>span{color:#128c4a;font-size:10px;font-weight:800}.chat-search-result>b{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-search-result>small{grid-column:2;grid-row:1/3;color:#738079;font-size:10px;align-self:center}
.chat-info-card{text-align:center;padding:5px 0 14px}.chat-info-avatar{width:78px;height:78px;margin:auto;font-size:28px}.chat-info-card h3{margin:9px 0 3px}.chat-info-card>small{color:var(--muted)}
.chat-info-members{display:grid;border:1px solid var(--line);border-radius:13px;overflow:hidden}.chat-info-member{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #edf1ee}.chat-info-member:last-child{border-bottom:0}.chat-info-member .avatar{position:relative;width:40px;height:40px}.chat-info-member b,.chat-info-member small{display:block}.chat-info-member small{color:var(--muted);font-size:10px}.chat-remove-member{margin:0;font-size:10px;color:#9b3232;display:flex;align-items:center;gap:5px}.chat-remove-member input{width:auto}
.chat-candidate.compact{padding:8px}.compact-list{max-height:240px}
@media(max-width:820px){
  .app-shell.chat-focus .main-area{height:calc(100dvh - 72px);padding-bottom:0}.app-shell.chat-focus .chat-content-focus{height:calc(100dvh - 72px)}.app-shell.chat-focus .commercial-chat,.app-shell.chat-focus .chat-layout{height:calc(100dvh - 72px)}
  .message-reply-action{opacity:1}
  .chat-header-actions button{width:34px;height:34px}.chat-header-copy small{max-width:190px}
}


/* Phase 3H — unified commercial action center */
.notification-filters{display:flex;gap:7px;overflow:auto;padding:2px}.notification-filters button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;white-space:nowrap;color:#53645c}.notification-filters button.active{background:#d9fdd3;color:#075f37;border-color:#a7dfb9}.notification-row{display:block;padding:0;overflow:hidden}.notification-main{display:grid;grid-template-columns:12px 1fr 18px;gap:10px;align-items:start;width:100%;border:0;background:transparent;padding:12px;text-align:start}.notification-row-actions{display:flex;justify-content:flex-end;gap:4px;padding:0 10px 9px}.notification-row-actions button{border:0;background:transparent;color:#45735b;font-size:10px;padding:4px 7px;border-radius:7px}.notification-row-actions button:hover{background:#e8f5ec}.priority-urgent{border-inline-start:4px solid #d83b35!important}.priority-high{border-inline-start:4px solid #ef9d25!important}.action-center-list{display:grid;gap:9px;max-height:64vh;overflow:auto}.action-center-row{border:1px solid var(--line);border-radius:15px;padding:12px;background:#fff}.action-center-head{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.action-center-head span{font-weight:900}.action-center-row>b{display:block;margin-top:6px;font-size:14px}.action-center-row>p{margin:5px 0 10px;color:#526159;line-height:1.55;font-size:12px}.action-center-actions{display:flex;flex-wrap:wrap;gap:6px}.chat-entity-wrap{min-width:250px}.chat-entity-actions{display:flex;justify-content:flex-end;margin-top:5px}.chat-entity-actions button{border:0;background:transparent;color:#0b7544;font-size:10px;font-weight:900;padding:4px 6px}.commercial-action-modal .modal-body{display:grid;gap:12px}.commercial-summary{display:grid;gap:8px;background:#f6faf7;border:1px solid var(--line);border-radius:15px;padding:14px}.commercial-summary h3{margin:0}.commercial-summary>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e2ebe5;padding-top:8px}.commercial-summary section{border-top:1px solid #e2ebe5;padding-top:8px}.commercial-summary section p{margin:5px 0;color:#58675f}.commercial-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.commercial-quick-actions button{min-height:42px}.commercial-quick-actions .danger{color:#a52a2a;border-color:#e7b2b2}
@media(max-width:720px){.notification-modal{width:100vw;height:100dvh;max-width:none;border-radius:0}.notification-list,.action-center-list{max-height:calc(100dvh - 210px)}.commercial-quick-actions{grid-template-columns:1fr}}


/* Phase 3H — unified action hub sections */
.action-hub-section{display:grid;gap:10px;margin:8px 0 18px}.action-hub-section+.action-hub-section{padding-top:14px;border-top:1px solid var(--line,#e6e9e7)}.action-hub-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px}.action-hub-section-title h4{margin:0;font-size:14px;font-weight:800}.action-hub-section-title span{min-width:25px;height:25px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,211,102,.12);color:#087f3f;font-size:12px;font-weight:800}

/* Nova Phase 3I — shared business inbox inside conversations */
.chat-filters{scrollbar-width:none}.chat-filters::-webkit-scrollbar{display:none}
.chat-business-mini{display:inline-flex;align-items:center;gap:2px;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#edf3ef;color:#5f7168;font-size:10px;font-style:normal;flex:0 0 auto}.chat-business-mini.pending{background:#fff4cf;color:#805e00}.chat-business-mini.resolved{background:#e4f7ea;color:#08723e}.chat-business-mini.priority-urgent{background:#ffe7e5;color:#b3261e;border-inline-start:0!important}.chat-business-mini i{width:13px;height:13px;border-radius:50%;background:#d83b35;color:#fff;display:grid;place-items:center;font-size:8px;font-style:normal}
.chat-business-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 13px;background:#f8fbf9;border-bottom:1px solid #e2e9e5}.business-state{border:1px solid #dbe5df;background:#fff;border-radius:11px;padding:7px 10px;text-align:start;display:grid;gap:2px;min-width:130px}.business-state b{font-size:11px}.business-state small{font-size:9px;color:#718078}.business-state.status-pending{background:#fffaf0;border-color:#ebd79e}.business-state.status-resolved{background:#f0fbf4;border-color:#bee6cc}.business-state.priority-urgent{box-shadow:inset 3px 0 #d83b35}.business-state.priority-high{box-shadow:inset 3px 0 #ef9d25}.business-label-strip{display:flex;gap:5px;overflow:auto;align-items:center;color:#63736b;font-size:10px;scrollbar-width:none}.business-label-strip::-webkit-scrollbar{display:none}
.business-label{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 8px;background:#edf1ef;color:#55665d;font-size:10px;font-weight:800;white-space:nowrap}.business-label.color-blue,.business-label-choice.color-blue{background:#e5f0ff;color:#285f9f}.business-label.color-green,.business-label-choice.color-green{background:#e1f7e8;color:#147244}.business-label.color-amber,.business-label-choice.color-amber{background:#fff3cf;color:#805d00}.business-label.color-red,.business-label-choice.color-red{background:#ffe7e5;color:#a82b25}.business-label.color-violet,.business-label-choice.color-violet{background:#f0e8ff;color:#6940a5}.business-label.removable button{border:0;background:transparent;color:inherit;font-size:14px;line-height:1;padding:0;cursor:pointer}
.chat-pinned-message{border:0;border-bottom:1px solid #e5e9e7;background:#fffdf3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:8px 14px;text-align:start}.chat-pinned-message>span{color:#967000;font-size:18px}.chat-pinned-message b,.chat-pinned-message small{display:block}.chat-pinned-message b{font-size:10px;color:#7d650e}.chat-pinned-message small{max-width:620px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6c6a5a}.chat-pinned-message>i{font-style:normal;color:#7d8b84}.business-header-btn{color:#0d7846!important;background:#e3f8ea!important}.saved-reply-trigger{width:39px;height:39px;border:0;border-radius:50%;background:#eaf5ed;color:#0b7544;font-size:21px;font-weight:900;cursor:pointer}
.message-business-actions{position:static;display:flex;gap:4px;opacity:1}.message-business-actions button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;color:#65746d;box-shadow:0 2px 8px #0002;cursor:pointer}.message-business-actions button.active{background:#fff3c4;color:#8e6900}
.business-inbox-panel{display:grid;gap:15px}.business-inbox-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:linear-gradient(135deg,#edf9f1,#f8fcf9);border:1px solid #cfe9d8;border-radius:17px;padding:16px}.business-inbox-summary h3{margin:4px 0}.business-inbox-summary p{margin:0;max-width:680px;color:#5f6f67;line-height:1.65;font-size:11px}.business-kicker{color:#0d7a47;font-size:10px;font-weight:900}.business-priority{border-radius:999px;padding:7px 10px;background:#edf1ef;color:#5d6b64;font-size:10px;font-weight:900;white-space:nowrap}.business-priority.priority-urgent{background:#ffe6e3;color:#a72a23;border-inline-start:0!important}.business-priority.priority-high{background:#fff0d7;color:#8d5a00;border-inline-start:0!important}.business-inbox-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.business-inbox-grid label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#5e6e66}.business-inbox-grid select,.business-inbox-grid input{width:100%;min-width:0}.business-actions{display:flex;gap:8px;flex-wrap:wrap}.business-section{display:grid;gap:9px;padding-top:13px;border-top:1px solid var(--line)}.business-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.business-section-head h4{margin:0}.business-section-head small{color:var(--muted)}.business-labels,.business-label-choices{display:flex;gap:6px;flex-wrap:wrap}.business-label-choice{border:0;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}.business-label-create{display:grid;grid-template-columns:minmax(0,1fr) 110px 40px;gap:7px}.business-label-create button{border:0;border-radius:10px;background:#dff5e7;color:#0a7041;font-size:18px}.business-note-compose{display:grid;gap:7px}.business-note-compose textarea,.saved-reply-create textarea{resize:vertical}.business-note-list{display:grid;gap:7px;max-height:240px;overflow:auto}.business-note{margin:0;border:1px solid #e2e9e5;border-radius:12px;padding:10px;background:#fbfdfc}.business-note p{margin:0 0 6px;line-height:1.6;font-size:11px}.business-note small{color:#78857f;font-size:9px}.saved-replies-list,.saved-reply-picker{display:grid;gap:7px}.saved-reply-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.saved-reply-row>button:first-child,.saved-reply-choice{border:1px solid #e1e8e4;background:#fff;border-radius:11px;padding:9px;text-align:start;display:grid;gap:4px}.saved-reply-row b,.saved-reply-choice b{font-size:11px;color:#0c7042}.saved-reply-row small,.saved-reply-choice span{color:#64736b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.danger-text{border:0;background:#fff0ef;color:#a3312b;border-radius:9px;padding:0 10px}.saved-reply-create{display:grid;grid-template-columns:150px minmax(0,1fr);gap:7px}.saved-reply-create textarea,.saved-reply-create button{grid-column:1/-1}.saved-reply-picker{max-height:480px;overflow:auto}.saved-reply-choice{width:100%;cursor:pointer}.saved-reply-choice:hover{background:#f0faf4}
@media(max-width:900px){.business-inbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-business-bar{grid-template-columns:minmax(0,1fr) auto}.business-label-strip{grid-column:1/-1;order:3}.message-business-actions{opacity:1}}
@media(max-width:560px){.business-inbox-summary{flex-direction:column}.business-inbox-grid{grid-template-columns:1fr}.business-label-create,.saved-reply-create{grid-template-columns:1fr}.business-label-create button,.saved-reply-create textarea,.saved-reply-create button{grid-column:1}.chat-business-bar{padding:7px 9px}.business-state{min-width:0}.chat-pinned-message small{max-width:240px}}
.modal-large{width:min(920px,calc(100vw - 28px));max-height:min(900px,calc(100dvh - 28px));overflow:auto}

/* Nova Phase 3J — smart SLA, routing, team operations and Customer 360 */
.chat-list-actions{display:flex;align-items:center;gap:6px}.chat-ops-btn{width:35px;height:35px;border:0;border-radius:50%;background:#e8f4ff;color:#24618f;font-size:16px;font-weight:900;cursor:pointer}.chat-ops-btn:hover{background:#d9ecfb}
.chat-sla-mini{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#e9f7ef;color:#0c7442;font-size:10px;flex:0 0 auto}.chat-sla-mini.sla-warning{background:#fff3cf;color:#895f00}.chat-sla-mini.sla-breached{background:#ffe5e2;color:#b22820}.chat-sla-mini.sla-completed{background:#e5f2ff;color:#2a6094}.chat-sla-mini b{line-height:1}
.chat-business-bar{grid-template-columns:auto auto minmax(0,1fr) auto}.chat-sla-chip{border:1px solid #cfe4d7;background:#f3fbf6;border-radius:11px;padding:6px 9px;display:grid;gap:2px;text-align:start;min-width:105px}.chat-sla-chip b{font-size:10px}.chat-sla-chip small{font-size:9px;color:#5d7066}.chat-sla-chip.sla-warning{background:#fff9e9;border-color:#edd79d;color:#805b00}.chat-sla-chip.sla-breached{background:#fff0ee;border-color:#efbbb6;color:#a92720}.chat-sla-chip.sla-completed{background:#eef7ff;border-color:#c7def3;color:#285f91}
.chat-sla-section{background:#fbfdfc;border:1px solid #dfe9e3;border-radius:16px;padding:14px!important}.sla-panel-status{border-radius:999px;padding:6px 10px;font-size:10px;font-weight:900;background:#e4f6eb;color:#0d7443;white-space:nowrap}.sla-panel-status.sla-warning{background:#fff2c9;color:#7f5b00}.sla-panel-status.sla-breached{background:#ffe4e1;color:#ad2922}.sla-panel-status.sla-completed{background:#e6f2ff;color:#2b6092}.sla-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sla-summary-grid article{border:1px solid #e0e8e3;background:#fff;border-radius:12px;padding:10px;display:grid;gap:4px}.sla-summary-grid small{font-size:9px;color:#738078}.sla-summary-grid b{font-size:12px}.sla-summary-grid span{font-size:10px;color:#4e6258}.sla-policy-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sla-policy-grid label{display:grid;gap:5px;font-size:10px;font-weight:800;color:#5d6e65}.sla-policy-grid input,.sla-policy-grid select{width:100%;min-width:0}.sla-quick-actions{padding-top:2px}
.chat-operations-panel,.customer-360-panel{display:grid;gap:15px}.chat-ops-hero,.customer-360-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;border-radius:17px;background:linear-gradient(135deg,#edf7ff,#f6fbff);border:1px solid #cfe2f2}.chat-ops-hero span,.customer-360-hero span{font-size:10px;font-weight:900;color:#29658e}.chat-ops-hero h3,.customer-360-hero h3{margin:3px 0}.chat-ops-hero p,.customer-360-hero p{margin:0;color:#5d6d75;line-height:1.55;font-size:11px}.chat-ops-metrics,.customer-360-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.chat-ops-metric,.customer-360-metrics>article{border:1px solid #e0e8e4;border-radius:13px;padding:11px;background:#fff;display:grid;gap:4px}.chat-ops-metric small,.customer-360-metrics small{font-size:9px;color:#748179}.chat-ops-metric b,.customer-360-metrics b{font-size:18px}.chat-ops-metric.warning{background:#fffaf0;border-color:#ecd79e}.chat-ops-metric.breached{background:#fff0ee;border-color:#efbbb7;color:#a72922}.chat-ops-section{display:grid;gap:9px;border-top:1px solid var(--line);padding-top:13px}.chat-workload-list,.chat-ops-due-list{display:grid;gap:7px;max-height:330px;overflow:auto}.chat-workload-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e9e5;border-radius:12px;padding:10px;background:#fff}.chat-workload-row>span{display:grid;gap:2px}.chat-workload-row small{font-size:9px;color:#77837d}.chat-workload-row>div{display:flex;gap:7px;flex-wrap:wrap}.chat-workload-row i{font-style:normal;border-radius:999px;background:#eef3f0;padding:4px 7px;font-size:9px}.chat-workload-row i.warning{background:#fff3d1;color:#805c00}.chat-workload-row i.breached{background:#ffe6e3;color:#a82c24}.chat-ops-due-row{width:100%;border:1px solid #dfe7e2;background:#fff;border-radius:12px;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:start}.chat-ops-due-row span{display:grid;gap:3px}.chat-ops-due-row small{font-size:9px;color:#748078}.chat-ops-due-row i{font-style:normal;font-size:9px;font-weight:900;border-radius:999px;padding:5px 8px;background:#eaf7ef;color:#0d7342}.chat-ops-due-row.sla-warning{background:#fffbf0;border-color:#ecdba7}.chat-ops-due-row.sla-warning i{background:#fff0c5;color:#805c00}.chat-ops-due-row.sla-breached{background:#fff3f1;border-color:#edc2bd}.chat-ops-due-row.sla-breached i{background:#ffe1dd;color:#a52a23}.chat-ops-averages{display:flex;gap:9px;flex-wrap:wrap}.chat-ops-averages span{border-radius:999px;background:#edf4f0;padding:7px 10px;font-size:10px}
.customer-360-hero{background:linear-gradient(135deg,#f3f9f5,#fbfdfc);align-items:center}.customer-360-hero>.avatar{width:54px;height:54px;border-radius:17px;background:#dff4e7;color:#0b7342;display:grid;place-items:center;font-size:21px;font-weight:900;flex:0 0 auto}.customer-360-hero>div:nth-child(2){flex:1}.customer-360-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.customer-360-metrics>article b{font-size:15px}.customer-360-ownership{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.customer-360-ownership span{display:grid;gap:3px;padding:9px;border:1px solid #e3e9e6;border-radius:11px;color:#65746c;font-size:9px}.customer-360-ownership b{font-size:11px;color:#24332b}.customer-360-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.customer-360-columns>section,.customer-360-timeline{display:grid;gap:7px;border-top:1px solid var(--line);padding-top:12px}.customer-360-record{border:1px solid #e2e9e5;background:#fff;border-radius:11px;padding:9px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:start}.customer-360-record span{display:grid;gap:2px}.customer-360-record small{font-size:9px;color:#75827b}.customer-360-record i{font-style:normal;font-size:10px;font-weight:900;color:#0c7342}.customer-360-timeline{max-height:420px;overflow:auto}.customer-timeline-row{border:0;border-bottom:1px solid #edf1ef;background:transparent;padding:9px 3px;width:100%;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;text-align:start}.customer-timeline-row>span{width:27px;height:27px;border-radius:9px;background:#edf4f0;display:grid;place-items:center;color:#0b7442}.customer-timeline-row>div{display:grid;gap:2px}.customer-timeline-row small{font-size:9px;color:#748078}
@media(max-width:900px){.chat-business-bar{grid-template-columns:minmax(0,1fr) auto}.chat-sla-chip{grid-column:2}.business-label-strip{grid-column:1/-1}.sla-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-360-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-360-ownership{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sla-summary-grid,.sla-policy-grid{grid-template-columns:1fr}.chat-ops-hero,.customer-360-hero{flex-wrap:wrap}.chat-ops-metrics,.customer-360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-workload-row{align-items:flex-start;flex-direction:column}.customer-360-columns{grid-template-columns:1fr}.customer-360-ownership{grid-template-columns:1fr 1fr}.chat-sla-chip{min-width:0}.chat-business-bar{grid-template-columns:1fr auto}.business-state{grid-column:1}.chat-sla-chip{grid-column:2}}
.chat-sla-mini.sla-paused,.chat-sla-chip.sla-paused,.sla-panel-status.sla-paused{background:#eef1ef;border-color:#d9dfdc;color:#68756e}
.chat-ops-due-row.sla-paused{background:#f7f9f8;border-color:#e1e6e3}.chat-ops-due-row.sla-paused i{background:#e9eeeb;color:#68756e}
.chat-ops-sample-notice{border:1px solid #dce8e1;background:#f6faf8;color:#52665b;border-radius:12px;padding:9px 11px;font-size:10px;line-height:1.6}

/* =========================================================
   Nova Phase 3K — Conversation Workspace V2
   Stable WhatsApp-style shell, anchored chat rendering,
   non-blocking business tools, and edge-safe message actions.
   ========================================================= */
:root{
  --chat-rail:#075e54;
  --chat-rail-deep:#064c45;
  --chat-list-width:382px;
  --chat-header-h:74px;
  --chat-composer-h:70px;
  --chat-wall:#efeae2;
  --chat-out:#d9fdd3;
  --chat-in:#fff;
}
body:has(.app-shell.chat-focus){overflow:hidden;background:#dfe4e1}
.app-shell.chat-focus{grid-template-columns:76px minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden;background:#dfe4e1}
.chat-focus .sidebar{position:relative;top:auto;height:100dvh;min-height:0;background:linear-gradient(180deg,var(--chat-rail),var(--chat-rail-deep));border:0;color:#fff;overflow:hidden;z-index:70}
.chat-focus .brand{height:76px;justify-content:center;padding:10px;border-bottom:1px solid rgba(255,255,255,.12)}
.chat-focus .brand img{width:48px;height:48px;border-radius:15px;border:2px solid rgba(255,255,255,.8);box-shadow:0 6px 18px rgba(0,0,0,.2)}
.chat-focus .brand>div{display:none}
.chat-focus .sidebar nav{padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:7px;overflow-y:auto;overflow-x:hidden}
.chat-focus .nav-btn{position:relative;width:54px;height:54px;min-height:54px;padding:0;justify-content:center;border-radius:15px;color:#e5f4ee;background:transparent;overflow:visible;text-align:center!important}
.chat-focus .nav-btn span{width:auto;font-size:21px;line-height:1}
.chat-focus .nav-btn b{position:absolute;inset-inline-start:64px;top:50%;transform:translateY(-50%);z-index:100;display:none;min-width:max-content;padding:7px 10px;border-radius:9px;background:#112c28;color:#fff;font-size:11px;font-weight:700;box-shadow:0 8px 22px rgba(0,0,0,.22);pointer-events:none}
html[dir="rtl"] .chat-focus .nav-btn b{inset-inline-start:auto;inset-inline-end:64px}
.chat-focus .nav-btn:hover b,.chat-focus .nav-btn:focus-visible b{display:block}
.chat-focus .nav-btn:hover,.chat-focus .nav-btn.active{background:rgba(37,211,102,.25);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.chat-focus .nav-badge{inset-inline-end:-2px;top:2px;border-color:var(--chat-rail);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.chat-focus .sidebar-foot{padding:9px 8px 12px;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:7px}
.chat-focus .sidebar-foot button{width:54px;min-height:42px;padding:5px;border-radius:13px;background:rgba(255,255,255,.08);color:#eff9f4;text-align:center!important;font-size:10px;overflow:hidden}
.chat-focus .main-area{height:100dvh;min-height:0;overflow:hidden}
.chat-focus .topbar{display:none}
.chat-focus .content.chat-content-focus{height:100dvh;min-height:0;max-width:none;margin:0;padding:0;overflow:hidden}

.chat-focus .chat-layout,.commercial-chat{position:relative;display:grid;grid-template-columns:var(--chat-list-width) minmax(0,1fr);gap:0;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;background:#fff;overflow:hidden;isolation:isolate}
.commercial-chat .conversation-list{min-width:0;min-height:0;display:flex;flex-direction:column;background:#fff;border:0;border-inline-end:1px solid #dfe5e1;overflow:hidden}
.chat-list-top{height:var(--chat-header-h);min-height:var(--chat-header-h);padding:11px 14px;background:#f7f9f8;border-bottom:1px solid #e3e8e5}
.chat-list-top img{width:43px;height:43px;border-radius:14px}
.chat-list-top b{font-size:18px;line-height:1.2}.chat-list-top small{margin-top:3px;font-size:10px}
.chat-list-actions button{transition:transform .15s ease,background .15s ease}.chat-list-actions button:hover{transform:translateY(-1px)}
.chat-new-btn,.chat-ops-btn{width:38px;height:38px;border-radius:12px;box-shadow:none}
.chat-new-btn{background:#e1f7e8;color:#087242}.chat-ops-btn{background:#e7f1f8;color:#285e86}
.commercial-chat .chat-search{height:44px;min-height:44px;margin:9px 12px 7px;padding:0 13px;border:1px solid transparent;border-radius:12px;background:#f0f2f1}
.commercial-chat .chat-search:focus-within{border-color:#a9ddbc;background:#fff;box-shadow:0 0 0 3px rgba(37,211,102,.09)}
.commercial-chat .chat-search input{height:100%;padding:0;background:transparent;box-shadow:none}
.chat-filters{padding:0 12px 9px;gap:6px;scroll-snap-type:x proximity}.chat-filters button{scroll-snap-align:start;padding:7px 11px;border:1px solid transparent}.chat-filters button.active{border-color:#b8e9c8;background:#d9fdd3;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.conversation-items{min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain}
.chat-conversation{position:relative;min-height:72px;padding:11px 13px;gap:11px;border-bottom:1px solid #edf1ef;transition:background .12s ease}
.chat-conversation:hover{background:#f6faf7}.chat-conversation.active{background:#eaf5ef}.chat-conversation.active:after{content:"";position:absolute;inset-block:9px;inset-inline-start:0;width:3px;border-radius:3px;background:#19a85c}
.chat-conversation .chat-avatar{width:49px;height:49px;flex-basis:49px}
.conversation-line b{font-size:14px}.conversation-line time{font-size:10px}.conversation-line.preview{min-height:22px}.conversation-line.preview small{font-size:11px;line-height:1.4}.conversation-line.preview i{min-width:max-content}
.mini-receipt{font-weight:900;color:#6f7e76}.mini-receipt.read{color:#2589d6}

.commercial-chat .chat-panel{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;border:0;background:var(--chat-wall);overflow:hidden}
.chat-header{height:var(--chat-header-h);min-height:var(--chat-header-h);padding:9px 14px!important;background:#f7f9f8!important;border-bottom:1px solid #e0e5e2!important;z-index:8}
.chat-header-identity{min-width:0}.chat-header-copy b{font-size:15px}.chat-header-copy small{font-size:10px;line-height:1.4}
.chat-header-actions{gap:3px;flex-wrap:nowrap}.chat-header-actions button{width:38px;height:38px;min-width:38px;border-radius:12px;font-size:17px}.chat-header-actions button:hover{background:#e6ece8}
.business-header-btn{background:#e1f7e8!important;color:#087243!important}
.chat-meta-strip{height:45px;min-height:45px;display:flex;align-items:center;gap:7px;padding:6px 12px;background:rgba(255,255,255,.95);border-bottom:1px solid #e4e9e6;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;z-index:6}
.chat-meta-strip::-webkit-scrollbar{display:none}.chat-meta-strip>button,.chat-meta-strip>span{height:31px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:0 10px;border:1px solid #dce6df;border-radius:999px;background:#fff;color:#355248;font-size:10px;white-space:nowrap}.chat-meta-strip>button:hover{background:#f1faf4;border-color:#bfe4cc}.chat-meta-strip>button span,.chat-meta-strip>span i{font-style:normal;color:#0d7745}.chat-meta-strip .meta-sla{min-width:126px;justify-content:center}.chat-meta-strip .meta-sla small{font-size:9px;color:inherit;min-width:42px;text-align:center}.chat-meta-strip .meta-sla.sla-warning{background:#fff9e8;border-color:#ead28e;color:#7a5900}.chat-meta-strip .meta-sla.sla-breached{background:#fff0ee;border-color:#e9b8b4;color:#a42b25}.chat-meta-strip .meta-business.priority-urgent{box-shadow:inset 3px 0 #d83b35}.chat-meta-strip .business-label{height:27px;padding-inline:9px;border:0}
.chat-pinned-message{min-height:39px;max-height:44px;padding:6px 13px;background:#fffaf0}.chat-pinned-message small{max-width:min(56vw,680px)}

.commercial-chat .message-area{position:relative;flex:1;min-height:0;padding:18px clamp(16px,3vw,48px) 24px;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;scroll-behavior:auto;background-color:var(--chat-wall);background-image:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),radial-gradient(rgba(84,103,92,.12) 1px,transparent 1px);background-size:auto,19px 19px;contain:layout paint;overflow-anchor:none}
.chat-day{position:sticky;top:4px;z-index:3;pointer-events:none}.chat-day span{backdrop-filter:blur(8px);background:rgba(255,255,255,.9);border:1px solid rgba(217,224,220,.9)}
.message{position:relative;display:block;inline-size:fit-content;width:fit-content;min-width:76px;max-width:min(74%,720px);margin:7px 0;padding:8px 10px 6px;border:0;border-radius:11px 11px 11px 4px;background:var(--chat-in);box-shadow:0 1px 2px rgba(0,0,0,.15);overflow:visible;overflow-wrap:anywhere;word-break:break-word;transform:translateZ(0)}
.message.mine{margin-inline-start:auto;margin-inline-end:0;background:var(--chat-out);border-radius:11px 11px 4px 11px}
.message.has-toolbar{padding-top:35px}.message.search-hit{outline-offset:2px}
.message-toolbar{position:absolute;top:4px;inset-inline-end:5px;display:flex;align-items:center;gap:4px;z-index:2;opacity:.5;transform:none;transition:opacity .12s ease}
.message:hover .message-toolbar,.message:focus-within .message-toolbar{opacity:1}
.message-reply-action,.message-business-actions button{position:static!important;width:27px!important;height:27px!important;display:grid;place-items:center;border:0;border-radius:9px!important;background:rgba(255,255,255,.82)!important;color:#53665d!important;box-shadow:0 1px 5px rgba(0,0,0,.12)!important;opacity:1!important;transition:background .12s ease,transform .12s ease}
.message-reply-action:hover,.message-business-actions button:hover{background:#fff!important;transform:translateY(-1px)}
.message-business-actions{position:static!important;display:flex!important;gap:4px!important;opacity:1!important;transition:none!important}
.message-business-actions button.active{background:#fff1b8!important;color:#896500!important}
.message-sender{padding-inline-end:2px}.chat-text{font-size:14px;line-height:1.55}
.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-height:16px;margin-top:4px;color:#68766f;font-size:9px;line-height:1;white-space:nowrap}.message-meta time{direction:ltr;unicode-bidi:isolate}.message-meta .message-state{display:inline-flex;align-items:center;min-width:17px;font-size:12px;font-weight:800}.message-meta .message-state.read{color:#168de2}.message-meta .message-state.delivered{color:#697a71}
.chat-voice-card{width:min(310px,62vw);min-width:220px;max-width:100%;padding:3px 0}.chat-voice-card>i{min-width:90px}.chat-file-card,.chat-entity-card,.chat-location-card{min-width:min(300px,60vw);max-width:100%}.chat-entity-wrap{min-width:0}.chat-entity-actions{margin-top:3px}

.chat-recording{min-height:50px;padding:7px 13px;border-top:1px solid #ead6d4;background:#fff7f6;gap:8px;z-index:9}.chat-recording button{order:-1;width:34px;height:34px;border-radius:50%;background:#fff;color:#a23a34}.chat-recording i{height:3px;flex:1;border-radius:999px;background:linear-gradient(90deg,#20ae62 42%,#cfd8d2 42%)}
.chat-composer-status{min-height:25px;padding:5px 14px;text-align:center;z-index:9}
.chat-reply-composer{z-index:9;padding:7px 14px;background:#f7faf8}
.commercial-composer{position:relative;min-height:var(--chat-composer-h);padding:10px 13px;gap:7px;align-items:flex-end;background:#f0f2f1;border:0;z-index:10;box-shadow:0 -1px 0 #dde3df}
.commercial-composer textarea{min-height:44px;max-height:126px;padding:11px 15px;border:1px solid transparent;border-radius:15px;background:#fff;line-height:1.45;scrollbar-width:thin}.commercial-composer textarea:focus{border-color:#b9dfc7;box-shadow:0 0 0 3px rgba(37,211,102,.08)}
.commercial-composer>button{width:43px;height:43px;min-width:43px;border-radius:13px!important;display:grid;place-items:center}.commercial-composer .attach-btn,.commercial-composer .saved-reply-trigger,.commercial-composer #voiceBtn{background:#fff!important;color:#54645c;box-shadow:0 1px 2px rgba(0,0,0,.05)}.commercial-composer .send-btn{border-radius:50%!important;background:#16a65a;color:#fff;font-size:20px;box-shadow:0 5px 14px rgba(15,143,75,.22)}.commercial-composer .media-deferred{opacity:.48}
.chat-media-deferred-note{display:none!important}

.chat-dock-scrim{position:absolute;z-index:40;inset-block:0;inset-inline-start:var(--chat-list-width);inset-inline-end:0;border:0;background:rgba(11,32,25,.18);backdrop-filter:blur(1px);cursor:default}
.chat-tool-dock{position:absolute;z-index:50;inset-block:0;inset-inline-end:0;width:min(480px,calc(100% - var(--chat-list-width)));min-width:360px;display:flex;flex-direction:column;background:#fff;border-inline-start:1px solid #dbe3de;box-shadow:0 0 34px rgba(8,35,25,.18);animation:novaDockIn .18s ease-out}
@keyframes novaDockIn{from{transform:translateX(calc(var(--dock-direction,1)*18px));opacity:.35}to{transform:none;opacity:1}}
.chat-tool-dock>header{height:72px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e1e7e3;background:#f8faf9}.chat-tool-dock>header span{display:block;color:#0d7745;font-size:9px;font-weight:900}.chat-tool-dock>header h3{margin:3px 0 0;font-size:17px}.chat-tool-dock>header button{width:38px;height:38px;border:0;border-radius:12px;background:#eef2f0;color:#53625a;font-size:23px}
.chat-dock-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:7px 9px;border-bottom:1px solid #e5eae7;background:#fff}.chat-dock-tabs button{min-width:0;border:0;border-radius:10px;padding:7px 3px;background:transparent;color:#607067;display:grid;place-items:center;gap:3px}.chat-dock-tabs button span{font-size:15px}.chat-dock-tabs button b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.chat-dock-tabs button.active,.chat-dock-tabs button:hover{background:#e7f7ec;color:#087242}
.chat-tool-dock-body{min-height:0;flex:1;overflow:auto;padding:14px;overscroll-behavior:contain}.chat-tool-dock .business-inbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tool-dock .sla-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tool-dock .chat-ops-metrics,.chat-tool-dock .customer-360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tool-dock .customer-360-columns{grid-template-columns:1fr}.chat-tool-dock .customer-360-ownership{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tool-dock .business-inbox-summary,.chat-tool-dock .chat-ops-hero,.chat-tool-dock .customer-360-hero{padding:13px;border-radius:14px}.chat-tool-dock .business-note-list,.chat-tool-dock .chat-workload-list,.chat-tool-dock .chat-ops-due-list{max-height:none}

@media(min-width:1600px){:root{--chat-list-width:410px}.chat-tool-dock{width:min(520px,calc(100% - var(--chat-list-width)))}.message{max-width:min(68%,760px)}}
@media(max-width:1180px){:root{--chat-list-width:340px}.app-shell.chat-focus{grid-template-columns:68px minmax(0,1fr)}.chat-focus .nav-btn,.chat-focus .sidebar-foot button{width:48px}.chat-tool-dock{width:min(440px,calc(100% - var(--chat-list-width)));min-width:330px}.chat-header-actions button{width:35px;height:35px;min-width:35px}.message{max-width:78%}}
@media(max-width:900px){
  .app-shell.chat-focus{grid-template-columns:1fr;height:100dvh}
  .chat-focus .sidebar{position:fixed;display:flex;inset-inline:0;inset-block-start:auto;bottom:0;width:100%;height:64px;min-height:64px;z-index:90;background:linear-gradient(90deg,var(--chat-rail-deep),var(--chat-rail));border-top:1px solid rgba(255,255,255,.14);overflow:hidden}
  .chat-focus .brand,.chat-focus .sidebar-foot{display:none}
  .chat-focus .sidebar nav{width:100%;height:64px;padding:5px 8px;display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:2px;overflow:hidden}
  .chat-focus .nav-btn{width:min(72px,18vw);height:54px;min-height:54px;display:flex;flex-direction:column;gap:3px;border-radius:13px}
  .chat-focus .nav-btn span{font-size:18px}.chat-focus .nav-btn b,.chat-focus .nav-btn:hover b,.chat-focus .nav-btn:focus-visible b{position:static;display:block;min-width:0;max-width:100%;padding:0;transform:none;background:transparent;box-shadow:none;color:inherit;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-focus .nav-badge{inset-inline-end:8px;top:1px}
  .chat-focus .main-area,.chat-focus .content.chat-content-focus{height:calc(100dvh - 64px)}
  .chat-focus .chat-layout,.commercial-chat{display:block;height:calc(100dvh - 64px);border:0}.commercial-chat .conversation-list,.commercial-chat .chat-panel{height:100%}.chat-layout .conversation-list{display:block}.chat-layout .chat-panel{display:none}.chat-layout.mobile-chat-open .conversation-list{display:none}.chat-layout.mobile-chat-open .chat-panel{display:flex}
  body:has(.chat-layout.mobile-chat-open) .chat-focus .sidebar{display:none}
  body:has(.chat-layout.mobile-chat-open) .chat-focus .main-area,body:has(.chat-layout.mobile-chat-open) .chat-focus .content.chat-content-focus,body:has(.chat-layout.mobile-chat-open) .chat-focus .chat-layout,body:has(.chat-layout.mobile-chat-open) .commercial-chat{height:100dvh}
  .chat-list-top,.chat-header{height:64px;min-height:64px}.chat-meta-strip{height:42px;min-height:42px}.chat-header-actions button{width:34px;height:34px;min-width:34px}.chat-header-actions button:nth-last-child(2){display:none}
  .commercial-chat .message-area{padding:14px 12px 18px}.message{max-width:86%}.message-toolbar{opacity:.92}.message.has-toolbar{padding-top:34px}.chat-voice-card{width:min(285px,70vw)}
  .chat-dock-scrim{inset:0}.chat-tool-dock{inset:0;width:100%;min-width:0;border:0;animation:none}.chat-tool-dock>header{height:64px;min-height:64px}.chat-tool-dock-body{padding:11px}
  .commercial-composer{padding:8px 9px;gap:5px}.commercial-composer>button{width:40px;height:40px;min-width:40px}.commercial-composer textarea{min-height:40px;padding:9px 12px}
}
@media(max-width:560px){
  .chat-list-top>div>span small{display:none}.chat-filters{padding-bottom:7px}.chat-conversation{min-height:68px;padding:9px 11px}.chat-conversation .chat-avatar{width:45px;height:45px;flex-basis:45px}
  .chat-header{padding:7px 8px!important}.chat-header-copy b{font-size:13px}.chat-header-actions{gap:1px}.chat-header-actions button{width:31px;height:31px;min-width:31px;font-size:15px}.chat-header-actions .business-header-btn{display:none}
  .chat-meta-strip{padding-inline:8px}.chat-meta-strip>button,.chat-meta-strip>span{padding-inline:8px;font-size:9px}.chat-pinned-message{padding-inline:9px}.chat-pinned-message small{max-width:65vw}
  .message{max-width:90%;font-size:13px}.chat-text{font-size:13px}.message-meta{font-size:8px}.chat-file-card,.chat-entity-card,.chat-location-card{min-width:min(245px,72vw)}
  .commercial-composer .saved-reply-trigger{display:none}.commercial-composer>button{width:38px;height:38px;min-width:38px}.commercial-composer .send-btn{font-size:18px}
  .chat-dock-tabs button b{display:none}.chat-dock-tabs button{padding:8px}.chat-dock-tabs button span{font-size:18px}.chat-tool-dock .business-inbox-grid,.chat-tool-dock .sla-policy-grid,.chat-tool-dock .chat-ops-metrics,.chat-tool-dock .customer-360-metrics,.chat-tool-dock .customer-360-ownership{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.chat-tool-dock,.message-toolbar,.chat-list-actions button{animation:none!important;transition:none!important}}

/* Phase 3K SVG icon normalization */
.ui-icon{display:block;flex:0 0 auto;overflow:visible;pointer-events:none;shape-rendering:geometricPrecision}
.nav-btn .ui-icon,.chat-header-actions .ui-icon,.chat-list-actions .ui-icon,.commercial-composer .ui-icon,.chat-back .ui-icon{width:1em;height:1em}

/* Phase 3K precision alignment: every actionable icon has a stable box. */
.chat-list-actions button,.chat-header-actions button,.chat-back,.chat-new-btn,.chat-ops-btn,.chat-tool-dock>header button{display:grid;place-items:center;line-height:1;padding:0}
.chat-dock-tabs button span{display:grid;place-items:center;line-height:1}
.chat-dock-tabs .ui-icon{width:18px;height:18px}
.chat-search>span{display:grid;place-items:center;width:22px;height:22px;color:#64736b}

/* Nova Phase 3L — accessible command workspace, keyboard flow and scale polish */
:root{--nova-visual-height:100dvh;--nova-focus:#087a43;--nova-command-width:680px}
html,body,#app{min-height:100%;height:100%}
.skip-link{position:fixed;z-index:10000;inset-block-start:8px;inset-inline-start:12px;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:#071d14;color:#fff;font-weight:900;text-decoration:none;box-shadow:0 8px 30px #0005;transition:transform .15s ease}
.skip-link:focus{transform:translateY(0)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.keyboard-navigation :focus-visible,.command-palette :focus-visible{outline:3px solid color-mix(in srgb,var(--nova-focus) 72%,#fff);outline-offset:2px}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 3px rgba(8,122,67,.16)}

/* Command palette stays above the workspace without changing column widths. */
.command-palette-layer{position:fixed;z-index:9990;inset:0;display:grid;place-items:start center;padding:clamp(36px,10vh,110px) 16px 16px;direction:inherit}
.command-palette-scrim{position:absolute;inset:0;border:0;background:rgba(8,25,18,.52);backdrop-filter:blur(5px)}
.command-palette{position:relative;width:min(var(--nova-command-width),calc(100vw - 24px));max-height:min(680px,calc(var(--nova-visual-height) - 56px));display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.5);border-radius:20px;background:#fff;box-shadow:0 28px 90px rgba(2,24,15,.32);overflow:hidden}
.command-palette>header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid #e3e9e5;background:linear-gradient(135deg,#f6fbf8,#fff)}
.command-palette>header>div{display:flex;align-items:center;gap:11px;min-width:0}.command-palette>header>div>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#e3f7ea;color:#087442}.command-palette h2{margin:0;font-size:17px}.command-palette header small{display:block;margin-top:3px;color:#68776f;font-size:10px}.command-palette kbd,.command-item kbd{border:1px solid #d8dfdb;border-bottom-width:2px;border-radius:7px;background:#f7f9f8;color:#5b6861;padding:4px 7px;font-size:9px;font-family:inherit;white-space:nowrap}
.command-search{display:flex;align-items:center;gap:9px;margin:12px 14px 8px;padding:0 12px;border:1px solid #dce4df;border-radius:13px;background:#f8faf9}.command-search>span{display:grid;place-items:center;color:#627168}.command-search input{height:48px;border:0!important;background:transparent!important;box-shadow:none!important;padding:0}
.command-results{min-height:0;overflow:auto;padding:5px 9px 12px;overscroll-behavior:contain;scrollbar-gutter:stable}.command-item{width:100%;min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;padding:8px 10px;text-align:start;color:#1b2a22}.command-item>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf5f0;color:#296b49}.command-item div{min-width:0}.command-item b,.command-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-item b{font-size:12px}.command-item small{margin-top:3px;color:#6a7870;font-size:9px}.command-item.active,.command-item:hover{background:#e9f8ee}.command-item.active>span{background:#16a65a;color:#fff}.command-empty{padding:36px 18px;text-align:center;color:#6d7a73}.command-palette>footer{display:flex;align-items:center;gap:15px;justify-content:center;flex-wrap:wrap;padding:8px 12px;border-top:1px solid #e5ebe7;background:#f8faf9;color:#6a7770;font-size:9px}
body.command-open{overflow:hidden}

/* Resizable chat list. The separator is an overlay, so the chat grid never gains a third column. */
.chat-resizer{position:absolute;z-index:35;inset-block:0;inset-inline-start:calc(var(--chat-list-width) - 5px);width:10px;border:0;background:transparent;cursor:col-resize;padding:0;touch-action:none}
.chat-resizer::after{content:"";position:absolute;inset-block:0;inset-inline-start:4px;width:2px;background:transparent;transition:background .14s ease,box-shadow .14s ease}
.chat-resizer:hover::after,.chat-resizer:focus-visible::after,body.chat-resizing .chat-resizer::after{background:#25d366;box-shadow:0 0 0 2px rgba(37,211,102,.14)}
body.chat-resizing{cursor:col-resize!important;user-select:none}.chat-resizing *{cursor:col-resize!important}
.chat-command-btn{width:35px;height:35px;border:0;border-radius:50%;display:grid;place-items:center;background:#edf6f0;color:#17613d}.chat-command-btn:hover{background:#ddf1e4}
.command-launch{display:grid!important;place-items:center!important}

/* Connection state and new-message affordance. */
.chat-connection-status{font-style:normal;font-weight:800}.chat-connection-status.online{color:#087542}.chat-connection-status.offline{color:#a45d16}
.chat-jump-latest{position:absolute;z-index:18;inset-inline-start:50%;bottom:calc(var(--chat-composer-h) + 15px);transform:translateX(-50%);min-height:38px;display:flex;align-items:center;gap:7px;border:1px solid #cfe4d7;border-radius:999px;background:#fff;color:#17613d;padding:7px 11px;box-shadow:0 8px 24px rgba(14,68,40,.18);font-size:10px;font-weight:900}.chat-jump-latest[hidden]{display:none}.chat-jump-latest>span{display:grid;place-items:center}.chat-jump-latest em{min-width:20px;height:20px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#16a65a;color:#fff;font-size:9px;font-style:normal}

/* User-selectable density without changing data or functionality. */
body.nova-density-compact .chat-conversation{min-height:62px;padding-block:7px}body.nova-density-compact .chat-conversation .chat-avatar{width:43px;height:43px;flex-basis:43px}body.nova-density-compact .conversation-line.preview{margin-top:2px}body.nova-density-compact .commercial-chat .message-area{padding-block:10px}body.nova-density-compact .message{padding:7px 9px;margin-block:3px}body.nova-density-compact .chat-meta-strip{height:38px;min-height:38px}
body.nova-high-contrast{--ink:#07140d;--muted:#45534b;--line:#b9c7bf;--bg:#eef2ef;--card:#fff;--green-dark:#086b38}.nova-high-contrast .conversation,.nova-high-contrast .message,.nova-high-contrast .chat-tool-dock,.nova-high-contrast .commercial-composer textarea{border-color:#aabbb1!important}.nova-high-contrast .conversation.active{box-shadow:inset 4px 0 #087a43}.nova-high-contrast .message-state.read{color:#006bc7}.nova-high-contrast .chat-connection-status.offline{color:#8b3d00}

/* Rendering containment keeps large commercial lists responsive. */
.chat-conversation{content-visibility:auto;contain-intrinsic-size:auto 76px}.message{contain:layout paint style}.chat-tool-dock-body>*,.notification-row,.action-center-row{contain:layout paint style}

/* Visual viewport and safe-area stability for the mobile keyboard and installed PWA. */
.app-shell.chat-focus,.app-shell.chat-focus .main-area,.app-shell.chat-focus .chat-content-focus,.app-shell.chat-focus .commercial-chat,.app-shell.chat-focus .chat-layout{height:var(--nova-visual-height,100dvh)}
.commercial-composer{padding-bottom:max(8px,env(safe-area-inset-bottom));padding-inline-start:max(9px,env(safe-area-inset-left));padding-inline-end:max(9px,env(safe-area-inset-right))}
.chat-list-top,.chat-header{padding-top:max(0px,env(safe-area-inset-top))}
@media(max-width:900px){
  .chat-resizer{display:none}.command-palette-layer{padding:10px;align-items:end}.command-palette{width:100%;max-height:min(78vh,calc(var(--nova-visual-height) - 20px));border-radius:20px 20px 12px 12px}.command-palette>header{min-height:64px}.command-palette>footer{display:none}
  .app-shell.chat-focus{height:var(--nova-visual-height,100dvh)}
  .chat-focus .main-area,.chat-focus .content.chat-content-focus,.chat-focus .chat-layout,.commercial-chat{height:calc(var(--nova-visual-height,100dvh) - 64px - env(safe-area-inset-bottom))}
  .chat-focus .sidebar{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  body:has(.chat-layout.mobile-chat-open) .chat-focus .main-area,body:has(.chat-layout.mobile-chat-open) .chat-focus .content.chat-content-focus,body:has(.chat-layout.mobile-chat-open) .chat-focus .chat-layout,body:has(.chat-layout.mobile-chat-open) .commercial-chat{height:var(--nova-visual-height,100dvh)}
  .chat-jump-latest{bottom:calc(var(--chat-composer-h) + env(safe-area-inset-bottom) + 11px)}
}
@media(max-width:560px){.chat-command-btn{width:32px;height:32px}.chat-list-actions{gap:3px}.command-item{grid-template-columns:39px minmax(0,1fr)}.command-item kbd{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.skip-link{transition:none}.command-palette-scrim{backdrop-filter:none}}
@media(forced-colors:active){.command-palette,.command-item,.chat-jump-latest,.chat-resizer::after{forced-color-adjust:auto}.chat-presence-dot,.recording-dot{border:1px solid CanvasText}}


/* ========================================================================== */
/* Nova 4.0 Commercial Operations OS                                         */
/* ========================================================================== */
.workforce-topbar{height:36px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #d7e4dc;border-radius:11px;background:#fff;color:#1d5c3d}.workforce-topbar>i{width:8px;height:8px;border-radius:50%;background:#89978f;box-shadow:0 0 0 3px rgba(137,151,143,.13)}.workforce-topbar.state-available>i{background:#16a65a}.workforce-topbar.state-focus>i{background:#1677d2}.workforce-topbar.state-away>i{background:#dd9a17}.workforce-topbar.state-absent>i{background:#d64a45}.workforce-topbar select{max-width:105px;border:0;background:transparent;color:inherit;font:inherit;font-size:10px;font-weight:900;outline:0}.workforce-topbar small{padding-inline-start:6px;border-inline-start:1px solid #e2e8e4;color:#67756d;font-size:9px}
.operations-os{display:flex;flex-direction:column;gap:14px;max-width:1500px;margin:0 auto}.operations-hero{min-height:150px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px;border-radius:22px;background:linear-gradient(135deg,#073c27,#0c7546 58%,#18a660);color:#fff;box-shadow:0 18px 46px rgba(4,75,43,.18)}.operations-hero span{display:block;font-size:10px;font-weight:900;letter-spacing:.08em;opacity:.75}.operations-hero h2{margin:5px 0 8px;font-size:clamp(22px,3vw,34px)}.operations-hero p{max-width:720px;margin:0;line-height:1.75;opacity:.86}.operations-hero .outline-btn{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.12);color:#fff}.operations-tabs{display:flex;gap:8px;padding:6px;border:1px solid #dfe7e2;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(13,57,35,.05)}.operations-tabs button{min-height:48px;display:flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:0 16px;background:transparent;color:#52645a}.operations-tabs button.active{background:#e5f7eb;color:#087442;box-shadow:inset 0 0 0 1px #bde4ca}.operations-body{min-height:430px;padding:18px;border:1px solid #dfe7e2;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(18,56,38,.06)}.ops-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.ops-summary-grid>article,.ops-health-grid>article{border:1px solid #e1e8e4;border-radius:15px;padding:15px;background:linear-gradient(180deg,#fff,#f8fbf9)}.ops-summary-grid small,.ops-health-grid small{display:block;color:#68776f;font-size:10px}.ops-summary-grid b,.ops-health-grid b{display:block;margin-top:6px;font-size:24px}.workforce-list{display:grid;gap:9px}.workforce-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.8fr) minmax(170px,.9fr) auto;align-items:center;gap:13px;border:1px solid #e0e7e3;border-radius:16px;padding:12px 14px;background:#fbfdfc}.workforce-identity{display:flex;align-items:center;gap:10px;min-width:0}.workforce-identity .avatar{width:42px;height:42px;flex:0 0 42px}.workforce-identity div{min-width:0}.workforce-identity b,.workforce-identity small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workforce-identity small{margin-top:3px;color:#6a7870;font-size:9px}.workforce-state>span{display:flex;align-items:center;gap:6px;font-weight:900}.workforce-state i{width:8px;height:8px;border-radius:50%;background:#8c9992}.state-available .workforce-state i{background:#16a65a}.state-focus .workforce-state i{background:#1677d2}.state-away .workforce-state i{background:#dda018}.state-absent .workforce-state i{background:#d74d48}.workforce-state small{display:block;margin-top:4px;color:#718078;font-size:9px}.workforce-capacity{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;align-items:center;gap:8px}.workforce-capacity>div{height:7px;border-radius:999px;background:#e4eae6;overflow:hidden}.workforce-capacity>div i{display:block;height:100%;border-radius:inherit;background:#16a65a}.workforce-capacity.warning>div i{background:#dc9b17}.workforce-capacity.danger>div i{background:#d84943}.workforce-capacity small{font-size:9px}.workforce-inline-editor{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px;padding:14px;border-radius:14px;background:#eff7f2;border:1px solid #d5e7da}.workforce-inline-editor label,.retention-grid label{display:grid;gap:5px;color:#52635a;font-size:9px;font-weight:900}.workforce-inline-editor input,.workforce-inline-editor select,.retention-grid input{min-height:38px;border:1px solid #cddbd2;border-radius:10px;background:#fff;padding:8px 10px;font:inherit}.workforce-schedule-toggle{display:flex!important;align-items:center;gap:7px}.workforce-editor-actions{align-self:end}.ops-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-metric.good{border-color:#bce3ca;background:#f0fbf4}.ops-metric.danger{border-color:#efc3c0;background:#fff6f5}.ops-metric.muted{opacity:.7}.ops-metric span{display:block;margin-top:6px;color:#6c7a73;font-size:9px}.ops-footnote{margin:14px 0 0;color:#6a7870;font-size:10px}.lifecycle-card{margin-bottom:12px;padding:18px;border:1px solid #dfe7e2;border-radius:17px;background:#fbfdfc}.lifecycle-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.lifecycle-card header span{color:#0b7545;font-size:9px;font-weight:900}.lifecycle-card h3{margin:3px 0 0}.lifecycle-card header>b{font-size:22px}.lifecycle-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:13px}.lifecycle-check{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 11px;border:1px solid #e0e7e3;border-radius:11px;background:#fff}.retention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.lifecycle-card.closure{border-inline-start:5px solid #d8a117}.lifecycle-card.closure.status-requested{border-inline-start-color:#d64c45}.ops-empty{padding:40px;text-align:center;color:#68776f}.nova-undo-bar{position:fixed;z-index:10020;left:50%;right:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);min-width:min(520px,calc(100vw - 24px));display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #cfe1d6;border-radius:16px;background:#102d20;color:#fff;box-shadow:0 18px 50px rgba(4,31,18,.35)}.nova-undo-bar>div{min-width:0;flex:1}.nova-undo-bar b,.nova-undo-bar small{display:block}.nova-undo-bar small{margin-top:3px;color:#b9d7c6}.nova-undo-bar button{min-height:36px}.nova-undo-bar .ghost{color:#fff;border-color:rgba(255,255,255,.25)}.undo-delay-control{height:42px;min-width:62px;display:flex;align-items:center;gap:3px;padding:0 5px;border-radius:12px;background:#fff;color:#52645a}.undo-delay-control span{font-size:16px}.undo-delay-control select{width:43px;border:0;background:transparent;font-size:9px;font-weight:900;color:inherit;outline:0}.message.undo-pending{outline:1px dashed #d8a117}.chat-bulk-toggle.active{background:#e3f6ea!important;color:#087442!important}.chat-bulk-toolbar{display:grid;gap:8px;padding:8px 10px;border-block:1px solid #dce7e0;background:#eff8f2}.chat-bulk-toolbar>div{display:flex;align-items:center;gap:6px;overflow:auto}.chat-bulk-toolbar button{min-height:30px;border:1px solid #cfe1d6;border-radius:9px;background:#fff;color:#1a6240;padding:5px 9px;font-size:9px;white-space:nowrap}.chat-bulk-toolbar button:disabled{opacity:.45}.chat-bulk-toolbar b{min-width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:#16a65a;color:#fff}.chat-conversation.bulk-selected{background:#e8f7ed!important;box-shadow:inset 4px 0 #16a65a}.bulk-check{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border:2px solid #9bb9a8;border-radius:7px;background:#fff;color:#087442;font-weight:900}.bulk-selected .bulk-check{border-color:#16a65a;background:#d9f7e3}
@media(max-width:1000px){.ops-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workforce-row{grid-template-columns:minmax(180px,1fr) minmax(120px,.7fr);}.workforce-capacity,.workforce-row-actions{grid-column:auto}.workforce-inline-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.operations-hero{padding:18px;align-items:flex-start;flex-direction:column}.operations-tabs{overflow:auto}.operations-tabs button{flex:0 0 auto}.operations-body{padding:10px;border-radius:14px}.ops-summary-grid,.ops-health-grid,.retention-grid,.lifecycle-checks{grid-template-columns:1fr 1fr}.workforce-row{grid-template-columns:1fr;gap:8px}.workforce-inline-editor{grid-template-columns:1fr}.workforce-row-actions{justify-self:stretch}.workforce-row-actions button{width:100%}.nova-undo-bar{bottom:max(8px,env(safe-area-inset-bottom));min-width:calc(100vw - 16px);padding:8px}.nova-undo-bar b{font-size:11px}.nova-undo-bar button{padding:6px 8px;font-size:9px}.undo-delay-control{min-width:50px}.undo-delay-control span{display:none}}

/* Nova 5 — unified commerce network */
.commerce-tabs{margin:0 0 14px;overflow:auto;scrollbar-width:none;justify-content:flex-start;padding:5px;background:var(--panel-soft,#f4f7f6);border:1px solid var(--border)}
.commerce-tabs button{white-space:nowrap;min-height:38px;padding:0 16px;border-radius:11px}
.commerce-plan-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:22px;background:linear-gradient(135deg,#075e54,#128c7e);color:white;box-shadow:0 18px 42px rgba(7,94,84,.18)}
.commerce-plan-hero h2{margin:4px 0 12px;font-size:clamp(24px,3vw,38px)}
.subscription-clock{display:grid;place-items:center;min-width:130px;min-height:130px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);text-align:center}
.subscription-clock b{font-size:40px;line-height:1}.subscription-clock span{font-size:12px;margin-top:4px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.info-grid>div{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--panel-soft,#f8faf9);display:grid;gap:5px}.info-grid span{font-size:12px;color:var(--muted)}
.section-title{margin:20px 0 10px}.chip-cloud{display:flex;gap:8px;flex-wrap:wrap}.mini-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:#eef3f2;color:#344;font-size:12px;border:1px solid #dfe8e5}.mini-chip.success{background:#e9f8ef;color:#087443;border-color:#cdebd7}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:0 0 16px}.plan-card{padding:18px;border:1px solid var(--border);border-radius:18px;background:var(--panel);box-shadow:0 8px 24px rgba(24,50,45,.06)}.plan-card small{display:block;color:var(--muted);margin-top:3px}.plan-price{font-size:26px;font-weight:800;margin:20px 0 8px;color:var(--brand)}.plan-price small{display:inline;font-size:12px;font-weight:500}
.commerce-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.commerce-kpi{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel);display:grid;gap:6px}.commerce-kpi span{font-size:12px;color:var(--muted)}.commerce-kpi b{font-size:22px}
.storefront-preview-card{overflow:hidden}.preview-cover{display:flex;align-items:center;gap:16px;padding:24px;border-radius:18px;margin-bottom:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--store-color) 18%,white),white)}.preview-cover img{width:76px;height:76px;border-radius:20px;object-fit:cover;background:white;border:1px solid rgba(0,0,0,.06)}.preview-cover h2{margin:0 0 7px}.preview-cover p{margin:0;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:span 2}
.product-publish-list,.compact-list{display:grid;gap:8px;max-height:62vh;overflow:auto;padding-inline-end:4px}.product-publish-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel-soft,#fafcfb)}.product-publish-row .grow{min-width:0;display:grid;gap:4px}.product-publish-row small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-publish-row>.small-input,.product-publish-row>input[type=number]{width:120px}.inline-check{display:flex!important;align-items:center;gap:5px!important;white-space:nowrap}.inline-check input{width:auto!important}
.upgrade-card{padding:34px;border-radius:22px;background:linear-gradient(135deg,#fff8e8,#f5fbf8);border:1px solid #ecd9a8;text-align:center}.upgrade-card h2{margin-top:0}.upgrade-card p{color:var(--muted);max-width:650px;margin:0 auto 18px}
.catalog-card{margin-bottom:18px}.suggestion-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:15px;margin:9px 0;background:var(--panel-soft,#fafcfb)}.suggestion-card.warning{border-color:#e8ca7a;background:#fffaf0}.suggestion-card.danger{border-color:#efb5b5;background:#fff5f5}.suggestion-card p{margin:5px 0 0;color:var(--muted)}
.invitation-code{font-size:36px;font-weight:900;letter-spacing:6px;text-align:center;padding:22px;border-radius:18px;background:#e9f8ef;color:#087443;margin:12px 0}.small-input{min-height:38px;padding:7px 9px!important}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;background:#edf7f1;color:#087443}.status-badge.status-warning{background:#fff5d8;color:#8b5d00}.status-badge.status-danger{background:#ffe8e8;color:#a52626}
@media(max-width:900px){.commerce-kpi-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-plan-hero{padding:20px}.subscription-clock{min-width:104px;min-height:104px}.subscription-clock b{font-size:32px}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.product-publish-row{align-items:flex-start;flex-wrap:wrap}.product-publish-row>.small-input,.product-publish-row>input[type=number]{width:100%}}
@media(max-width:540px){.commerce-kpi-grid,.info-grid{grid-template-columns:1fr 1fr}.commerce-plan-hero{align-items:flex-start}.subscription-clock{min-width:86px;min-height:86px}.subscription-clock b{font-size:26px}.preview-cover{padding:18px}.preview-cover img{width:60px;height:60px}.plan-grid{grid-template-columns:1fr}}
/* Nova 5 Commerce Foundation R1 — operational surfaces */
.commerce-page{display:flex;flex-direction:column;gap:14px;max-width:1500px;margin:0 auto}.commerce-store-hero{background:linear-gradient(135deg,#073c27,#087b4a 52%,#25b86d)}.commerce-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.commerce-usage{padding:14px;border:1px solid var(--border);border-radius:15px;background:var(--panel-soft,#f8faf9)}.commerce-usage header{display:flex;align-items:center;justify-content:space-between;gap:12px}.commerce-usage header span,.commerce-usage small{color:var(--muted);font-size:11px}.commerce-usage>div{height:8px;margin:12px 0 8px;border-radius:999px;background:#e2e9e5;overflow:hidden}.commerce-usage>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#128c7e,#25d366)}.capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.capability-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel-soft,#fafcfb)}.capability-row>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e6f6ec;color:#087443}.capability-row small{display:block;margin-top:3px;color:var(--muted)}.capability-row>i{font-style:normal;font-size:18px;font-weight:900;color:#0a8750}.capability-row.locked{opacity:.68}.capability-row.locked>span{background:#f0f1f1;color:#7c8782}.capability-row.locked>i{color:#8a928e}.plan-card header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.network-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.relationship-card{display:grid;gap:14px}.relationship-card>header,.commerce-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.network-brand{display:flex;align-items:center;gap:10px}.network-brand .avatar{width:44px;height:44px}.relationship-path{display:flex;align-items:center;justify-content:center;gap:11px;padding:11px;border-radius:13px;background:#eff7f2;color:#24533c;font-weight:750}.relationship-path i{font-style:normal;color:#19a55d}.network-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--panel-soft,#fafcfb)}.network-row .grow{min-width:0}.network-row b,.network-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.network-row small{color:var(--muted)}.commerce-order-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:12px}.commerce-order-card{display:grid;gap:12px;padding:15px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#fff,#fafcfb)}.commerce-order-card header small{display:block;margin-top:4px;color:var(--muted)}.info-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.info-grid.compact>div{padding:10px}.order-lines-mini{display:flex;gap:7px;flex-wrap:wrap}.order-lines-mini span{padding:6px 9px;border-radius:999px;background:#edf5f0;color:#315e46;font-size:11px}.commerce-order-card .row-actions{border-top:1px solid var(--border);padding-top:10px}.commerce-store-hero .row-actions{flex-wrap:wrap}.commerce-store-hero button:disabled{opacity:.55}.public-url-code{direction:ltr;text-align:left}.product-publish-row input[type=number]{direction:ltr}.platform-subscriptions table small{display:block;margin-top:3px;color:var(--muted)}
@media(max-width:760px){.commerce-plan-hero{flex-direction:column;align-items:flex-start}.subscription-clock{align-self:flex-end;margin-top:-70px}.network-grid,.commerce-order-list{grid-template-columns:1fr}.network-row{grid-template-columns:40px minmax(0,1fr) auto}.network-row>small{grid-column:2/-1}.commerce-store-hero .row-actions{width:100%}.commerce-store-hero .row-actions button{flex:1}.commerce-tabs{position:sticky;top:0;z-index:6}.relationship-path{font-size:12px}.info-grid.compact{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.subscription-clock{align-self:flex-start;margin-top:0}.commerce-plan-hero{padding:18px}.commerce-plan-hero h2{font-size:24px}.info-grid,.info-grid.compact{grid-template-columns:1fr}.capability-grid,.commerce-usage-grid{grid-template-columns:1fr}.network-grid{grid-template-columns:minmax(0,1fr)}.relationship-path{align-items:flex-start;flex-direction:column}.relationship-path i{transform:rotate(90deg);align-self:center}.commerce-order-card{padding:12px}.product-publish-row{display:grid;grid-template-columns:1fr}.product-publish-row .grow{order:-1}.commerce-store-hero .row-actions{display:grid;grid-template-columns:1fr}}

/* Nova 5.1 — inventory, procurement and double-entry accounting workspace */
.nova51-workspace{display:grid;gap:16px;min-width:0}.nova51-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border:1px solid rgba(15,118,110,.18);border-radius:24px;background:linear-gradient(135deg,rgba(236,253,245,.96),rgba(255,255,255,.98));box-shadow:0 14px 40px rgba(15,23,42,.06)}.nova51-hero.accounting{background:linear-gradient(135deg,rgba(239,246,255,.98),rgba(255,255,255,.98));border-color:rgba(37,99,235,.16)}.nova51-hero>div:first-child{min-width:0}.nova51-hero>div:first-child>span{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(15,118,110,.1);color:#0f766e;font-size:11px;font-weight:800;letter-spacing:.08em}.nova51-hero h2{margin:8px 0 4px;font-size:clamp(22px,3vw,34px);line-height:1.2}.nova51-hero p{margin:0;max-width:760px;color:var(--muted,#64748b);line-height:1.75}.nova51-tabs{display:flex;gap:7px;overflow:auto;padding:5px;border-radius:17px;background:rgba(226,232,240,.62);scrollbar-width:none}.nova51-tabs::-webkit-scrollbar{display:none}.nova51-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 14px;border:0;border-radius:13px;background:transparent;color:var(--muted,#64748b);white-space:nowrap;font:inherit;cursor:pointer}.nova51-tabs button.active{background:#fff;color:#0f766e;box-shadow:0 5px 18px rgba(15,23,42,.08)}.nova51-workspace-body{display:grid;gap:16px;min-width:0}.nova51-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.nova51-stat{display:grid;align-content:start;gap:5px;padding:17px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:#fff;min-width:0;box-shadow:0 8px 24px rgba(15,23,42,.04)}.nova51-stat small{color:var(--muted,#64748b)}.nova51-stat b{font-size:21px;overflow:hidden;text-overflow:ellipsis}.nova51-stat span{font-size:11px;color:var(--muted,#64748b)}.nova51-stat.ok{border-color:rgba(16,185,129,.25)}.nova51-stat.warn{border-color:rgba(245,158,11,.35);background:rgba(255,251,235,.82)}.nova51-stat.danger{border-color:rgba(239,68,68,.3);background:rgba(254,242,242,.84)}.nova51-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.nova51-scan{display:flex;align-items:center;gap:8px;flex:1;min-width:220px}.nova51-scan>span{display:grid;place-items:center;color:#0f766e}.nova51-scan input{flex:1;min-width:0}.nova51-table-card{overflow:hidden}.nova51-table-card>.card-head{padding:18px 20px}.nova51-table-wrap{overflow:auto;max-width:100%;border-top:1px solid rgba(148,163,184,.18)}.nova51-table{width:100%;border-collapse:collapse;min-width:760px}.nova51-table th,.nova51-table td{padding:13px 15px;text-align:start;vertical-align:middle;border-bottom:1px solid rgba(148,163,184,.16)}.nova51-table th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#475569;font-size:12px}.nova51-table td>b,.nova51-table td>small{display:block}.nova51-table td>small{margin-top:3px;color:#64748b;font-size:11px}.nova51-table tr.low-stock td{background:rgba(255,251,235,.55)}.nova51-table tr.expiry-danger td{background:rgba(254,242,242,.78)}.nova51-table tr.expiry-warn td{background:rgba(255,251,235,.7)}.nova51-qty-chips{display:flex;flex-wrap:wrap;gap:5px;max-width:420px}.nova51-qty-chips>span{display:inline-flex;gap:4px;padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px}.nova51-qty-chips>span.available{background:#dcfce7;color:#166534}.nova51-qty-chips>span.danger{background:#fee2e2;color:#991b1b}.nova51-tag{display:inline-flex;padding:4px 7px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:700}.nova51-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.nova51-section-head h3{margin:0}.nova51-section-head p{margin:4px 0 0;color:#64748b}.nova51-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:13px}.nova51-document-card{display:grid;gap:13px;padding:17px;border:1px solid rgba(148,163,184,.22);border-radius:19px;background:#fff;box-shadow:0 8px 26px rgba(15,23,42,.04)}.nova51-document-card>header,.nova51-document-card>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.nova51-document-card>header div{display:grid;gap:3px}.nova51-document-card>header small{color:#64748b}.nova51-document-card>footer{justify-content:flex-end;flex-wrap:wrap}.nova51-document-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nova51-document-meta span{display:grid;gap:4px;padding:9px;border-radius:12px;background:#f8fafc;font-size:11px;color:#64748b}.nova51-document-meta b{font-size:13px;color:#0f172a}.nova51-lines-mini{display:grid;gap:5px;padding:10px;border-radius:13px;background:#f8fafc}.nova51-lines-mini span{font-size:12px;color:#475569}.nova51-suggestions{display:grid;gap:8px}.nova51-suggestions>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:14px}.nova51-suggestions section,.nova51-suggestions>div>div{display:grid;gap:3px}.nova51-suggestions small{color:#64748b}.nova51-loading{min-height:320px;display:grid;place-items:center;align-content:center;gap:12px;color:#475569}.nova51-scan-result{display:flex;align-items:center;gap:13px;margin-bottom:14px}.nova51-product-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#dcfce7;color:#166534;font-weight:900;font-size:22px}.nova51-scan-result h3,.nova51-scan-result p{margin:0}.nova51-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.nova51-detail-grid>div{display:grid;gap:4px;padding:11px;border-radius:14px;background:#f8fafc}.nova51-detail-grid small,.nova51-detail-grid span{color:#64748b}.nova51-config-head{margin-bottom:13px}.nova51-config-head h3,.nova51-config-head small{display:block;margin:0}.nova51-unit-editor,.nova51-line-editor,.nova51-receipt-editor,.nova51-adjustment-editor,.nova51-journal-editor{display:grid;gap:7px;max-height:min(52vh,560px);overflow:auto;padding:6px 2px 12px}.nova51-unit-editor>div{display:grid;grid-template-columns:90px minmax(120px,1fr) 100px minmax(120px,1fr) auto auto;align-items:center;gap:7px;padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:13px}.nova51-unit-editor label{display:flex;align-items:center;gap:4px;margin:0;white-space:nowrap}.nova51-line-head,.nova51-line-row{display:grid;grid-template-columns:minmax(180px,1.8fr) minmax(90px,.7fr) minmax(120px,.9fr) minmax(110px,.8fr);gap:8px;align-items:center}.nova51-line-head,.nova51-receipt-head,.nova51-journal-head{padding:0 8px;color:#64748b;font-size:11px;font-weight:700}.nova51-line-row,.nova51-receipt-row,.nova51-adjustment-row,.nova51-journal-editor>div:not(.nova51-journal-head){padding:8px;border:1px solid rgba(148,163,184,.18);border-radius:13px;background:#fff}.nova51-line-row>div,.nova51-receipt-row>div,.nova51-adjustment-row>div{display:grid;gap:3px}.nova51-line-row small,.nova51-receipt-row small,.nova51-adjustment-row small{color:#64748b}.nova51-receipt-head,.nova51-receipt-row{display:grid;grid-template-columns:minmax(180px,1.7fr) repeat(3,minmax(78px,.55fr)) minmax(95px,.7fr) minmax(100px,.75fr) minmax(120px,.85fr);gap:7px;align-items:center}.nova51-adjustment-row,.nova51-adjustment-editor .nova51-line-head{grid-template-columns:minmax(200px,1fr) 120px 140px}.nova51-journal-head,.nova51-journal-editor>div:not(.nova51-journal-head){display:grid;grid-template-columns:minmax(170px,1.2fr) minmax(180px,1.4fr) 110px 110px;gap:8px;align-items:center}.nova51-hint{margin:0;padding:10px;border-radius:12px;background:#eff6ff;color:#1e40af;font-size:12px}.nova51-journal-summary{display:grid;gap:7px;margin-bottom:13px;padding:13px;border-radius:15px;background:#f8fafc}.nova51-journal-summary code{overflow-wrap:anywhere;color:#64748b}.modal-xl .modal-card{width:min(1180px,calc(100vw - 28px))}.nova51-workspace .status{font-size:11px}.nova51-table tfoot th{background:#f8fafc}
@media(max-width:1180px){.nova51-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.nova51-receipt-head,.nova51-receipt-row{grid-template-columns:minmax(160px,1.5fr) repeat(3,85px) 95px 110px 125px}}
@media(max-width:820px){.nova51-hero,.nova51-toolbar,.nova51-section-head{align-items:stretch;flex-direction:column}.nova51-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.nova51-scan{min-width:0}.nova51-document-meta{grid-template-columns:1fr}.nova51-detail-grid{grid-template-columns:1fr}.nova51-unit-editor>div{grid-template-columns:1fr 1fr}.nova51-line-head{display:none}.nova51-line-row{grid-template-columns:1fr 1fr}.nova51-line-row>div{grid-column:1/-1}.nova51-receipt-head{display:none}.nova51-receipt-row{grid-template-columns:repeat(2,minmax(0,1fr))}.nova51-receipt-row>div{grid-column:1/-1}.nova51-adjustment-editor .nova51-line-head{display:none}.nova51-adjustment-row{grid-template-columns:1fr 1fr}.nova51-adjustment-row>div{grid-column:1/-1}.nova51-journal-head{display:none}.nova51-journal-editor>div:not(.nova51-journal-head){grid-template-columns:1fr 1fr}.nova51-journal-editor select,.nova51-journal-editor input[data-field="description"]{grid-column:1/-1}}
@media(max-width:520px){.nova51-stats{grid-template-columns:1fr}.nova51-hero{padding:18px;border-radius:19px}.nova51-tabs button{padding-inline:11px}.nova51-table{min-width:680px}.nova51-card-grid{grid-template-columns:1fr}.nova51-unit-editor>div,.nova51-line-row,.nova51-receipt-row,.nova51-adjustment-row,.nova51-journal-editor>div:not(.nova51-journal-head){grid-template-columns:1fr}.nova51-unit-editor>div>*{min-width:0}.nova51-document-card{padding:14px}.nova51-scan{display:grid;grid-template-columns:auto minmax(0,1fr)}.nova51-scan button{grid-column:1/-1}}

/* Nova 5.2 — sales, delivery and governance workspace */
.nova52-page{display:grid;gap:16px}.nova52-page .page-hero.compact{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--panel),var(--surface));box-shadow:var(--shadow)}.nova52-page .page-hero h3{margin:4px 0 6px;font-size:clamp(1.25rem,2vw,1.75rem)}.nova52-page .page-hero p{margin:0;max-width:760px;color:var(--muted);line-height:1.75}.eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.08em;color:var(--primary)}.data-table td small{display:block;color:var(--muted);margin-top:3px}.status-pill{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem}.mini-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:6px 10px;cursor:pointer}.form-grid .span-2{grid-column:1/-1}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}.check-grid label{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--border);border-radius:12px}.success-panel{padding:18px;border-radius:16px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border))}.empty-cell{text-align:center;color:var(--muted);padding:24px!important}@media(max-width:760px){.nova52-page .page-hero.compact{align-items:stretch;flex-direction:column}.nova52-page .page-hero .row-actions{display:grid;grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}

/* ========================================================================== */
/* Nova 5.3 — Field Intelligence, B2B Reconciliation & Storefront Pro        */
/* ========================================================================== */
.nova53-hero{background:linear-gradient(135deg,#063f35 0%,#0a795b 55%,#18ad70 100%);box-shadow:0 18px 48px rgba(5,80,58,.18)}
.nova53-hero .row-actions{flex-wrap:wrap}.nova53-tabs{position:sticky;top:0;z-index:12;backdrop-filter:blur(14px);background:color-mix(in srgb,var(--panel-soft,#f4f7f6) 88%,transparent)}
.nova53-tabs button{display:inline-flex;align-items:center;gap:7px}.nova53-kpi-text{font-size:17px!important;text-transform:capitalize}
.nova53-empty{grid-column:1/-1;min-height:190px;padding:30px;border:1px dashed var(--border);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-soft,#fafcfb));display:grid;place-items:center;text-align:center;color:var(--muted)}
.nova53-empty span{width:52px;height:52px;border-radius:18px;background:#e6f7ee;color:#08754a;display:grid;place-items:center}.nova53-empty h3{margin:8px 0 0;color:var(--text)}.nova53-empty p{max-width:580px;margin:0}
.nova53-route-grid,.nova53-recon-grid,.nova53-settlement-grid,.nova53-review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}
.nova53-route-card,.nova53-recon-card,.nova53-settlement-card,.nova53-exception-card{display:grid;gap:14px;overflow:hidden}.nova53-route-card header,.nova53-recon-card header,.nova53-settlement-card header,.nova53-exception-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.nova53-route-card h3,.nova53-recon-card h3,.nova53-settlement-card h3,.nova53-exception-card h3{margin:3px 0 0}.nova53-route-card header small,.nova53-recon-card header small{color:var(--muted)}
.nova53-route-line{display:flex;gap:8px;flex-wrap:wrap}.nova53-route-line span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--border);border-radius:999px;background:var(--panel-soft,#f8faf9);font-size:11px}.nova53-route-progress{height:7px;background:#e6ede9;border-radius:999px;overflow:hidden}.nova53-route-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#128c7e,#25d366)}.nova53-route-card footer,.nova53-recon-card footer,.nova53-settlement-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:11px}.nova53-route-card footer small{color:var(--muted)}
.nova53-form-note{padding:12px 14px;margin-bottom:14px;border-radius:13px;background:#eef8f2;color:#285943;font-size:12px;border:1px solid #d7ecdf}
.nova53-route-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#eefaf3,#f9fcfa)}.nova53-route-detail-head h3{margin:7px 0 3px}.nova53-stop-timeline{display:grid;gap:0;margin-top:16px}.nova53-stop{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:14px 0}.nova53-stop:not(:last-child)::after{content:"";position:absolute;top:42px;bottom:-5px;inset-inline-start:16px;width:2px;background:#dde8e1}.nova53-stop>i{position:relative;z-index:1;width:34px;height:34px;border-radius:50%;background:#edf3ef;color:#466153;display:grid;place-items:center;font-style:normal;font-weight:900}.nova53-stop.ok>i{background:#dff6e8;color:#08713f}.nova53-stop.danger>i{background:#ffe8e5;color:#a73b30}.nova53-stop header{display:flex;align-items:center;justify-content:space-between;gap:10px}.nova53-stop small,.nova53-stop em{display:block;margin-top:5px;color:var(--muted);font-size:11px}.nova53-stop em{font-style:normal;color:#8b5c00}
.nova53-geofence-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.nova53-geofence-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center}.nova53-geo-icon,.nova53-domain-icon{width:50px;height:50px;border-radius:16px;background:#e4f7eb;color:#087546;display:grid;place-items:center}.nova53-geofence-card h3{margin:0 0 4px}.nova53-geofence-card p,.nova53-geofence-card small{margin:0;color:var(--muted)}
.nova53-exception-list{display:grid;gap:13px}.nova53-exception-card p{margin:0;color:var(--muted)}.nova53-exception-card footer{text-align:end}.danger-btn{border:1px solid #f0c6c1;background:#fff0ee;color:#a23b31;border-radius:10px;padding:9px 12px;font-weight:750;cursor:pointer}.danger-btn:hover{background:#ffe5e1}
.nova53-money-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;padding:14px;border-radius:14px;background:#f6faf8}.nova53-money-row>b{font-size:24px;color:#0a6d45}.nova53-money-row span,.nova53-money-row em{font-size:11px;font-style:normal}.nova53-money-row em{grid-column:1/-1}.nova53-money-row em.ok{color:#08713f}.nova53-money-row em.danger{color:#b13d34}
.nova53-custody-picker{display:grid;gap:8px;max-height:420px;overflow:auto;margin-bottom:14px}.nova53-custody-picker label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--panel-soft,#fafcfb);cursor:pointer}.nova53-custody-picker label:has(input:checked){border-color:#4ac47d;background:#eefbf3}.nova53-custody-picker small{display:block;margin-top:3px;color:var(--muted)}
.nova53-recon-ledgers{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:11px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#f0f8f3,#f9fbfa)}.nova53-recon-ledgers>div{display:grid;gap:4px}.nova53-recon-ledgers>div:last-child{text-align:end}.nova53-recon-ledgers span{font-size:11px;color:var(--muted)}.nova53-recon-ledgers b{font-size:20px;color:#174f39}.nova53-recon-ledgers i{font-style:normal;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #d7e6dd;color:#0b8652}.nova53-recon-summary{display:flex;gap:8px;flex-wrap:wrap}.nova53-recon-summary span{padding:7px 9px;border-radius:10px;background:#f4f7f5;font-size:11px}.nova53-recon-summary span.ok{color:#08713f;background:#eaf8ef}.nova53-recon-summary span.danger{color:#a73b30;background:#fff0ee}.nova53-recon-actions{margin:14px 0;flex-wrap:wrap}.nova53-doc-list{display:grid;gap:8px}.nova53-doc-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--border);border-radius:13px}.nova53-doc-list>div small{display:block;color:var(--muted);grid-column:2}.nova53-dispute-list{display:grid;gap:8px}.nova53-dispute-list article{padding:12px;border-radius:13px;background:#fff4f2;border:1px solid #f1d2cd}.nova53-dispute-list p{margin:6px 0 0}
.nova53-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.nova53-theme-card{display:grid;gap:13px}.nova53-theme-card.selected{border:2px solid #1aad66;box-shadow:0 14px 34px rgba(18,140,126,.13)}.nova53-theme-preview{height:155px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary) 22%,white),white);padding:18px;position:relative;overflow:hidden}.nova53-theme-preview::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--theme-accent) 30%,transparent),transparent 38%)}.nova53-theme-preview i{display:block;width:40%;height:14px;border-radius:999px;background:var(--theme-primary);position:relative}.nova53-theme-preview span{display:block;width:70%;height:45px;border-radius:13px;background:white;box-shadow:0 8px 22px #0001;margin-top:18px;position:relative}.nova53-theme-preview b{display:block;width:100%;height:45px;border-radius:13px;background:linear-gradient(90deg,var(--theme-primary),var(--theme-accent));margin-top:10px;position:relative}.nova53-theme-card header{display:flex;justify-content:space-between;gap:12px}.nova53-theme-card h3{margin:2px 0 0}.nova53-theme-card p{margin:0;color:var(--muted)}
.nova53-section-actions,.nova53-growth-actions,.nova53-domain-actions{justify-content:flex-end;margin-bottom:12px}.nova53-collection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.nova53-collection-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px}.nova53-collection-image{width:92px;height:92px;border-radius:16px;background:linear-gradient(135deg,#e4f6eb,#f7fbf8);display:grid;place-items:center;color:#08713f;overflow:hidden}.nova53-collection-image img{width:100%;height:100%;object-fit:cover}.nova53-collection-card h3{margin:3px 0}.nova53-collection-card p{color:var(--muted);margin:5px 0}.nova53-product-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:340px;overflow:auto;margin:14px 0}.nova53-product-picker label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:9px;border:1px solid var(--border);border-radius:10px}.nova53-product-picker small{grid-column:2;color:var(--muted)}
.nova53-growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.nova53-promo-list{display:grid;gap:8px}.nova53-promo-list>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.nova53-promo-list small{grid-column:2;color:var(--muted)}
.nova53-review-card header{display:flex;justify-content:space-between;gap:10px}.nova53-stars{letter-spacing:2px;color:#f4a900;font-size:19px}.nova53-review-card h3{margin:0}.nova53-review-card p{color:var(--muted);min-height:42px}.nova53-review-card footer{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:10px}
.nova53-domain-list{display:grid;gap:10px}.nova53-domain-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px}.nova53-domain-list h3{margin:0 0 4px;direction:ltr;text-align:start}.nova53-domain-list p,.nova53-domain-list small{margin:0;color:var(--muted)}.nova53-dns-record{display:grid;gap:10px;padding:15px;border:1px solid var(--border);border-radius:15px}.nova53-dns-record code{padding:10px;border-radius:10px;background:#f3f6f4;direction:ltr;text-align:left;word-break:break-all}.nova53-dns-record>span{width:max-content;padding:5px 9px;border-radius:8px;background:#e4f7eb;color:#08713f;font-weight:900}
.nova53-analytics-card{min-height:330px}.nova53-bars{height:250px;display:flex;align-items:flex-end;gap:4px;padding-top:20px;overflow-x:auto}.nova53-bars>div{min-width:17px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.nova53-bars i{display:block;width:100%;max-width:28px;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#25d366,#128c7e)}.nova53-bars small{font-size:8px;transform:rotate(-45deg);white-space:nowrap;color:var(--muted);height:24px}
@media(max-width:920px){.nova53-growth-grid{grid-template-columns:1fr}.nova53-route-grid,.nova53-recon-grid,.nova53-settlement-grid,.nova53-review-grid{grid-template-columns:1fr}.nova53-product-picker{grid-template-columns:1fr}.nova53-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.nova53-tabs{margin-inline:-12px;border-radius:0;border-inline:0}.nova53-hero{padding:18px}.nova53-hero .row-actions{width:100%}.nova53-hero .row-actions button{flex:1}.nova53-theme-grid{grid-template-columns:1fr}.nova53-geofence-card,.nova53-domain-list article{grid-template-columns:46px minmax(0,1fr)}.nova53-geofence-card>button,.nova53-domain-list article>.status{grid-column:2}.nova53-stop{grid-template-columns:32px minmax(0,1fr)}.nova53-stop>.row-actions{grid-column:2}.nova53-recon-ledgers{grid-template-columns:1fr}.nova53-recon-ledgers i{transform:rotate(90deg);justify-self:center}.nova53-recon-ledgers>div:last-child{text-align:start}.nova53-collection-card{grid-template-columns:72px minmax(0,1fr)}.nova53-collection-image{width:72px;height:72px}.nova53-route-card footer,.nova53-recon-card footer,.nova53-settlement-card footer{align-items:flex-start;flex-direction:column}.nova53-route-card footer .row-actions,.nova53-settlement-card footer .row-actions{width:100%}.nova53-route-card footer button,.nova53-settlement-card footer button{flex:1}}
@media(prefers-reduced-motion:reduce){.nova53-route-progress i,.nova53-bars i{transition:none!important;animation:none!important}}

/* Nova 6 secure stable shell */
#novaStableShell .nav-btn.active{background:color-mix(in srgb,var(--primary,#25d366) 18%,transparent);color:var(--primary,#128c7e);border-inline-start:3px solid currentColor}
#novaStableShell .nav-btn[aria-current="page"] b{font-weight:800}
.security-model-page .workflow-list{display:grid;gap:10px;counter-reset:nova-step;list-style:none;padding:0;margin:0}
.security-model-page .workflow-list li{counter-increment:nova-step;padding:12px 48px 12px 14px;border:1px solid var(--border,#e6e9ec);border-radius:14px;position:relative;background:var(--surface,#fff)}
.security-model-page .workflow-list li:before{content:counter(nova-step);position:absolute;inset-inline-start:12px;top:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--primary,#128c7e);color:#fff;font-weight:800}
.credential-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.credential-grid article{display:grid;gap:6px;border:1px solid var(--border,#e6e9ec);border-radius:14px;padding:14px;background:var(--surface,#fff)}
.credential-grid code{direction:ltr;text-align:left;padding:8px;border-radius:8px;background:#f4f6f8;overflow:auto}
.security-boundary-card{border-inline-start:4px solid var(--primary,#128c7e)}

/* Nova 6.1 — Account & Permission Center */
.identity-context-chip{display:grid;grid-template-columns:auto auto;grid-template-areas:"icon title" "icon role";align-items:center;gap:0 8px;min-width:150px;max-width:250px;padding:7px 11px;border:1px solid var(--line,#dbe7e2);border-radius:14px;background:var(--surface,#fff);color:var(--text,#10211b);cursor:pointer;text-align:start;box-shadow:0 3px 12px rgba(18,140,126,.07)}
.identity-context-chip:hover,.identity-context-chip:focus-visible{border-color:#128c7e;box-shadow:0 0 0 3px rgba(18,140,126,.12)}
.identity-context-chip>span{grid-area:icon;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e8f8f2;color:#0b7569;font-weight:800}.identity-context-chip>b{grid-area:title;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.identity-context-chip>small{grid-area:role;color:var(--muted,#6b7d76);font-size:.68rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-center-page{display:grid;gap:16px}.identity-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:24px;border-radius:22px;background:linear-gradient(135deg,#0b5f57,#128c7e 58%,#25a56d);color:#fff;box-shadow:0 18px 44px rgba(11,95,87,.18)}.identity-hero>div:first-child{max-width:780px}.identity-hero span{font-size:.72rem;letter-spacing:.14em;opacity:.82}.identity-hero h2{margin:7px 0 9px;font-size:clamp(1.35rem,2.5vw,2rem)}.identity-hero p{margin:0;line-height:1.75;color:rgba(255,255,255,.88)}.identity-hero-actions{display:grid;gap:10px;min-width:250px}.identity-scope-select{display:grid;gap:5px}.identity-scope-select span{font-size:.72rem;letter-spacing:0;opacity:.85}.identity-scope-select select{width:100%;background:#fff;color:#14241e;border:0;border-radius:12px;padding:11px}.identity-scope-readonly{display:block;padding:10px 12px;border:1px solid rgba(255,255,255,.32);border-radius:12px;background:rgba(255,255,255,.12);font-weight:700;letter-spacing:0}
.identity-boundary{display:flex;align-items:flex-start;gap:8px;padding:12px 15px;border:1px solid #cce8df;background:#f1fbf7;border-radius:15px;color:#245349;line-height:1.65}.identity-boundary b{white-space:nowrap;color:#0b7569}.identity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.identity-metrics article{padding:15px 17px;border:1px solid var(--line,#e2ebe7);background:var(--surface,#fff);border-radius:17px;display:grid;gap:6px}.identity-metrics span{font-size:.78rem;color:var(--muted,#6d7c76)}.identity-metrics strong{font-size:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.identity-tabs{display:flex;gap:7px;padding:5px;border:1px solid var(--line,#e2ebe7);border-radius:15px;background:var(--surface,#fff);overflow:auto}.identity-tabs button{display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:10px 14px;border-radius:11px;color:var(--muted,#66756f);font-weight:700;white-space:nowrap;cursor:pointer}.identity-tabs button em{min-width:22px;padding:2px 6px;border-radius:20px;background:#edf3f0;font-style:normal;font-size:.7rem}.identity-tabs button.active{background:#128c7e;color:#fff;box-shadow:0 5px 14px rgba(18,140,126,.18)}.identity-tabs button.active em{background:rgba(255,255,255,.2)}.identity-tab-content{min-width:0}.identity-card{overflow:hidden}.identity-card .card-head p{margin:5px 0 0;color:var(--muted,#66756f);line-height:1.55}.identity-table td{vertical-align:middle}.identity-name{display:grid;gap:3px;padding:0;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.identity-name b{color:#0b7569}.identity-name small,.identity-table td small{display:block;color:var(--muted,#6a7973);margin-top:3px}.row-actions.compact{gap:5px;flex-wrap:nowrap}
.identity-role-grid,.identity-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.identity-role-card,.identity-template-grid>article{border:1px solid var(--line,#dfe9e5);border-radius:17px;padding:17px;background:var(--surface,#fff);display:grid;gap:12px;align-content:start}.identity-role-card h3,.identity-template-grid h3{margin:8px 0 4px}.identity-role-card p,.identity-template-grid p{margin:0;color:var(--muted,#697871)}.permission-counts{display:flex;gap:8px;flex-wrap:wrap}.permission-counts span{padding:5px 9px;border-radius:20px;background:#f0f7f4;font-size:.75rem}.identity-template-grid>article>span{justify-self:start;padding:5px 9px;border-radius:20px;background:#e8f8f2;color:#0b7569;font-size:.72rem;font-weight:700}.identity-template-grid ol{margin:0;padding-inline-start:22px;line-height:1.9}.identity-sod-card .sod-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sod-grid span{padding:12px;border:1px solid #f0d8a8;background:#fff9eb;border-radius:12px;color:#795314;text-align:center;font-weight:700}.error-text{color:#a03838}.identity-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:17px}.identity-form label{display:grid;gap:6px;font-weight:700}.identity-form input,.identity-form select,.identity-form textarea{width:100%;font:inherit}.identity-form select[multiple]{min-height:220px}.identity-wide{grid-column:1/-1}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important}.check-row input{width:auto}.identity-warning{padding:12px 14px;border:1px solid #f1d299;background:#fff8e7;border-radius:13px;color:#74531a;margin:13px 0;line-height:1.65}.template-confirm{border:1px solid #d8e8e1;border-radius:15px;padding:14px;margin-bottom:14px;background:#f7fbf9}.template-confirm h3{margin:0 0 8px}.template-confirm ol{margin:0;padding-inline-start:22px;line-height:1.8}.identity-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.identity-detail-head h3{margin:0}.identity-detail-head p{margin:5px 0;color:var(--muted,#6a7973)}.identity-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:17px 0}.identity-detail-grid article{padding:12px;border:1px solid var(--line,#e1e9e5);border-radius:13px;display:grid;gap:6px}.identity-detail-grid span{font-size:.75rem;color:var(--muted,#67766f)}.permission-chip-list{display:flex;gap:6px;flex-wrap:wrap;max-height:260px;overflow:auto;padding:6px 0}.permission-chip-list span{padding:5px 8px;border-radius:9px;background:#edf6f2;border:1px solid #dae9e3;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.identity-detail-actions{margin-top:18px}.context-switcher{display:grid;gap:8px}.context-switcher>p{margin:0 0 8px;color:var(--muted,#63736c);line-height:1.6}.context-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line,#dfe8e4);background:var(--surface,#fff);border-radius:13px;text-align:start;color:inherit;cursor:pointer}.context-option:hover{border-color:#128c7e}.context-option.active{border-color:#128c7e;background:#effaf6;box-shadow:0 0 0 2px rgba(18,140,126,.1)}.context-option span{display:grid;gap:3px}.context-option small{color:var(--muted,#6a7973)}.context-option em{font-style:normal;color:#0b7569;font-size:.75rem;font-weight:700}.status.pending{background:#fff4d8;color:#76530d}.danger-btn{border:1px solid #c94b4b;background:#fff;color:#a52d2d;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}.danger-btn:hover{background:#fff0f0}.identity-loading{text-align:center;padding:35px}
@media(max-width:1000px){.identity-hero{align-items:stretch;flex-direction:column}.identity-hero-actions{min-width:0}.identity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-sod-card .sod-grid{grid-template-columns:1fr}.identity-context-chip{min-width:120px;max-width:180px}}
@media(max-width:680px){.identity-hero{padding:18px;border-radius:17px}.identity-metrics{grid-template-columns:1fr 1fr}.identity-tabs{position:sticky;top:0;z-index:3}.identity-form{grid-template-columns:1fr}.identity-wide{grid-column:auto}.identity-detail-grid{grid-template-columns:1fr 1fr}.identity-context-chip{min-width:42px;width:42px;padding:6px}.identity-context-chip>b,.identity-context-chip>small{display:none}.identity-context-chip>span{width:28px}.identity-boundary{display:grid}.identity-role-grid,.identity-template-grid{grid-template-columns:1fr}}