/* RTV Hub — shared visual system */
:root{
 color-scheme:dark;
 --bg:#081c2c;--panel:#0e283c;--panel-light:#123247;--border:#244054;
 --ink:#eff5fa;--muted:#9ab0c1;--teal:#48d7c5;--green:#8bdfb8;--warn:#efc27d;
 --surface-raised:#143147;--line-soft:#1c374b;--navy:#051522;
 --font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
 --radius:16px;--radius-sm:10px;--shadow:0 6px 22px #020d1622;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:104px}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;color:inherit;line-height:1.4;touch-action:manipulation;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
a{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #70e5d2;outline-offset:4px}
input,textarea,select{min-width:0}button svg{flex-shrink:0}.icon{display:block;flex-shrink:0;width:20px;height:20px}.hidden{display:none!important}
.app{container:app / inline-size;width:100%;min-height:100vh;background:var(--bg)}
.shell{display:grid;grid-template-columns:minmax(0,248px) minmax(0,1fr);min-height:100vh;align-items:start}
.main-shell{min-width:0}.content{max-width:1540px;margin:auto;padding:24px 36px 28px}
.view{animation:view-enter .25s ease-out}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;line-height:1.5;color:#85a7bb}.accent{color:var(--teal)}
/* Navigation */
.sidebar{position:sticky;top:0;height:100dvh;min-height:0;min-width:0;overflow-y:auto;padding:32px 20px 24px;background:var(--navy);border-right:1px solid #193245;display:flex;flex-direction:column;z-index:25}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:29px;line-height:1;font-weight:720;letter-spacing:-1.1px;padding:0 10px;min-width:0}
.brand>span:last-child{min-width:0}.brand-light{font-weight:350;color:#d0e0ec}.brand small{display:block;white-space:nowrap;margin-top:9px;font-size:12px;font-weight:550;letter-spacing:1.8px;line-height:1.2;color:#7797ac}
.brand-icon{display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:41px;height:44px;border-radius:12px;background:#39c9b8;color:#05312d;font-size:30px;font-weight:750;letter-spacing:-2px;padding-right:3px;box-shadow:0 4px 16px #1fc8b215}
.brand-icon>span{position:absolute;right:8px;bottom:9px;width:4px;height:4px;border-radius:50%;background:#dbfff4}
.workspace{display:flex;align-items:center;gap:11px;padding:15px 12px;margin:33px 0 26px;background:#0a2232;border:1px solid #19384a;border-radius:12px;font-size:14px;font-weight:550;line-height:1.45;min-width:0}
.workspace>span:last-child{min-width:0}.workspace small{display:block;color:#7f9fb3;font-size:12px;font-weight:400;margin-top:3px}
.workspace-icon{display:grid;place-content:center;flex-shrink:0;color:#5ccbb8}.workspace-icon .icon{width:21px;height:21px}
.nav-label{font-size:12px;font-weight:550;letter-spacing:1.4px;color:#66899f;margin:0 14px 14px}
.main-nav{display:grid;gap:6px;min-width:0}.nav-item{display:flex;align-items:center;gap:12px;width:100%;min-width:0;padding:13px 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#93adc0;text-align:left;font-size:14px;font-weight:500;position:relative}
.nav-item>span:nth-child(2){flex:1;min-width:0;white-space:nowrap}.nav-item .icon{width:19px;height:19px;color:#6c94a9}.nav-item:hover{color:#d4e8f3;background:#102b3d}.nav-item.active{color:#86ead8;background:#103b40;border-color:#235552;font-weight:600}.nav-item.active .icon{color:#79dcca}.nav-item.active:before{content:'';position:absolute;left:-21px;top:14px;bottom:14px;width:3px;background:#4bd6c1;border-radius:0 3px 3px 0}
.nav-count{display:grid;place-content:center;flex-shrink:0;min-width:22px;height:22px;margin-left:auto;padding:0 5px;border-radius:6px;background:#1a3649;color:#aac4d2;font-size:12px;font-weight:550}
.sidebar-bottom{margin-top:auto;padding-top:34px;min-width:0}.nina-callout{position:relative;padding:18px 16px;border:1px solid #234052;border-radius:12px;background:#0d293a}.nina-symbol{display:inline-flex;margin-bottom:12px;color:#70dac9}.nina-symbol .icon{width:23px;height:23px}.nina-callout b{display:block;font-size:14px;font-weight:600}.nina-callout p{color:#8caabe;font-size:13px;line-height:1.6;margin:7px 0 15px}.nina-link{font-size:13px;font-weight:600;border:0;padding:0;background:none;color:#71daca;text-align:left}.nina-link:hover{color:#b3f7e8}
.sidebar-footer{display:flex;align-items:center;justify-content:space-between;padding:22px 9px 0;color:#68889e;font-size:12px;line-height:1.5}.nitro-word{font-size:20px;font-style:italic;letter-spacing:-.8px;font-weight:750;line-height:1.1;color:#8ca9bc}.nitro-word span{display:block;text-align:right;font-size:12px;letter-spacing:1px;font-style:normal;font-weight:400;margin-top:2px}
.topbar{height:80px;position:sticky;top:0;z-index:20;padding:0 36px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#081c2cf5;border-bottom:1px solid #1d384c;backdrop-filter:blur(18px)}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:13px;color:#789bae;min-width:0;white-space:nowrap}.breadcrumb .workspace-heading{color:#819fb2}.breadcrumb>span:not(.workspace-heading){color:#476b81}.breadcrumb b{color:#d2e2ed;font-weight:550}
.top-actions{display:flex;align-items:center;gap:16px;min-width:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:38px;min-height:38px;padding:8px;border-radius:9px;border:1px solid #2a475b;background:#0e2a3d;color:#b5cddd}.icon-button:hover{background:#17384d;border-color:#496778}
.mobile-toggle{padding:8px 11px;font-size:12px;white-space:nowrap;color:#a1b9c9;background:transparent;border-color:#284154}.mobile-toggle .icon{width:17px;height:17px}.mobile-toggle[aria-pressed=true]{color:#8de5d6;border-color:#447b78;background:#103d44}
.profile{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid #2b4154;font-size:13px;font-weight:550;white-space:nowrap}.profile small{display:block;font-size:12px;color:#7f9db1;font-weight:400;margin-top:2px}.user-avatar{display:grid;place-content:center;width:37px;height:37px;flex-shrink:0;border:1px solid #3e6371;background:#214653;color:#c4eee4;border-radius:50%;font-size:12px;font-weight:650}
/* Connection strip */
.connection-toggle{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:8px;border:1px solid #2d5b60;background:#0d343b;color:#a8e5da;padding:8px 11px;font-size:12px;white-space:nowrap}.connection-toggle:before{content:'';width:6px;height:6px;border-radius:50%;background:#63d8b8;flex-shrink:0}.connection-toggle:hover{background:#164750;border-color:#488581}.connection-toggle[aria-pressed=true]{background:#3c3020;border-color:#806139;color:#f0cd94}.connection-toggle[aria-pressed=true]:before{background:#efc27d}
.connection-banner{display:flex;align-items:center;gap:12px;padding:12px 15px;margin-bottom:30px;border:1px solid #254355;border-radius:10px;background:#0b2436;min-width:0}.connection-indicator{height:7px;width:7px;flex-shrink:0;align-self:flex-start;margin-top:6px;border-radius:50%;background:#66c5b0}.connection-copy{flex:1;min-width:0;display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;align-items:center}.connection-copy>b{font-size:13px;font-weight:600;color:#b3dacd}.connection-copy>span{font-size:12px;color:#93acbc;line-height:1.5}.connection-copy>small{font-size:12px;color:#6c91a7;grid-column:1/-1;line-height:1.5}.connection-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.connection-actions .text-button{font-size:12px;white-space:nowrap;padding:6px 0}.connection-actions .text-button span{display:inline-block;padding:1px 6px;margin-left:3px;min-width:21px;line-height:1.5;border:1px solid #355564;border-radius:5px;color:#9fd4cd;background:#153846}.connection-actions .secondary-button{font-size:12px;padding:8px 10px;min-height:34px}
.connection-banner.is-offline{background:#30291d;border-color:#705532}.connection-banner.is-offline .connection-indicator{background:#efc27d}.connection-banner.is-offline .connection-copy>b{color:#f0cd92}.connection-banner.is-offline .connection-copy>span{color:#c3b295}.connection-banner.is-offline .connection-copy>small{color:#a18e6b}.connection-banner.is-syncing .connection-indicator{animation:status-pulse 1.1s infinite}.storage-warning{background:#43282c;border:1px solid #815058;padding:15px 18px;margin-bottom:24px;border-radius:10px;color:#f7c8c8;font-size:14px;line-height:1.6}
/* Dashboard and shared panels */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:27px}.page-heading h1{font-size:32px;font-weight:620;letter-spacing:-1px;line-height:1.25;margin:7px 0 9px}.page-heading p{font-size:15px;line-height:1.6;margin:0;color:#96afc0}
.snapshot{display:flex;align-items:center;gap:12px;background:#0c2639;border:1px solid #2b465b;border-radius:10px;padding:11px 14px;color:#bbd0df;font-size:13px;white-space:nowrap}.snapshot>[data-icon]{color:#6f96aa}.snapshot .icon{height:18px;width:18px}.snapshot small{display:block;color:#7497ad;font-size:12px;margin-top:3px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}.metric{display:flex;flex-direction:column;min-width:0;padding:20px 21px 18px;border:1px solid #294355;border-radius:14px;background:#0e293d;box-shadow:var(--shadow)}.metric:first-child{border-color:#386964;background:linear-gradient(110deg,#12434b,#102e42)}.metric-label{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:#b0c2d1;font-size:14px;font-weight:450;line-height:1.5;min-height:42px}.metric-icon{display:grid;place-content:center;flex-shrink:0;width:30px;height:30px;border:1px solid #2b4b5d;background:#15394b;color:#8bacba;border-radius:9px}.metric:first-child .metric-icon{background:#1c5157;border-color:#3d6e6d;color:#87dfcd}.metric-icon .icon{height:16px;width:16px}.metric-value{font-variant-numeric:tabular-nums;font-size:32px;line-height:1.3;letter-spacing:-.85px;font-weight:620;color:#f1f7fb;margin-top:8px;white-space:nowrap}.metric:first-child .metric-value{color:#e7fff7;font-size:30px}.metric:first-child .metric-unit{display:none}.metric-unit{font-size:20px;font-weight:400;color:#89a7ba;margin-left:2px}.metric-note{font-size:12px;font-weight:450;letter-spacing:0;color:#7ca7b5;margin-left:9px}.metric-foot{font-size:12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;line-height:1.6;min-height:38px;margin-top:10px;color:#8faabd}.positive{color:#91e1be;font-weight:600}.warning-text{color:#e7be80}.mini-progress{height:5px;background:#2b475c;border-radius:5px;overflow:hidden;width:72px}.mini-progress i{display:block;height:100%;background:#43cbbb;border-radius:5px}
.panel{min-width:0;border:1px solid #294254;background:#0e283c;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px 22px}.panel h2{font-size:19px;font-weight:560;line-height:1.4;letter-spacing:-.4px;margin:0}.panel-heading .eyebrow{display:block;margin-bottom:7px;color:#77a6b6;font-size:12px}.panel-heading p{font-size:14px;color:#8eabbd;line-height:1.6;margin:5px 0 0}.period-chip{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid #325064;border-radius:7px;background:#143147;color:#b0c6d6;font-size:12px;font-weight:450;white-space:nowrap}
.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:24px;margin-bottom:26px}.chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 26px 8px}.chart-head>b{font-size:28px;font-weight:580;letter-spacing:-.7px;line-height:1.2}.chart-head small{font-size:12px;display:block;color:#789caf;margin-top:6px;font-weight:400;letter-spacing:0}.chart-legend{font-size:12px;color:#83a7b9;display:flex;align-items:center;gap:7px}.chart-legend span{height:7px;width:7px;border-radius:2px;background:#4cd7c6}.sales-chart{padding:18px 20px 2px}.sales-chart svg{display:block;width:100%;height:auto;overflow:visible;max-height:218px}.sales-chart text{font:16px var(--font);fill:#8aa7b8}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 26px;border-top:1px solid #234154;background:#0c2538;color:#8facbd;font-size:12px;line-height:1.6}.chart-footer b{font-weight:550;color:#c5e1e4}.chart-footer>span:last-child{color:#6d90a6;font-size:12px;white-space:nowrap}
.shortcuts{padding:26px;background:linear-gradient(135deg,#153948,#0e293c);display:flex;flex-direction:column}.shortcuts>.eyebrow{color:#79b7b5;font-size:12px;letter-spacing:1.5px}.shortcuts h2{font-size:24px;line-height:1.3;letter-spacing:-.6px;margin:11px 0 8px;max-width:270px;font-weight:550}.shortcuts>p{font-size:14px;line-height:1.65;color:#92b2c1;margin:0 0 19px}.shortcut{display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;background:transparent;border:0;border-top:1px solid #2e4b5b;color:#dfedf3;text-align:left;font-size:14px;font-weight:500}.shortcut:last-child{padding-bottom:0}.shortcut small{display:block;font-size:12px;line-height:1.5;margin-top:3px;color:#84a9ba;font-weight:400}.shortcut-icon{display:grid;place-content:center;width:36px;height:36px;flex-shrink:0;color:#7dd9c9;background:#1c4553;border:1px solid #315a64;border-radius:10px}.shortcut-icon .icon{width:18px;height:18px}.shortcut-plus{margin-left:auto;font-weight:350;color:#7babb4;font-size:22px;flex-shrink:0}.shortcut:hover .shortcut-icon{background:#235964;color:#b7f6e8}.shortcut:hover{color:#9af1df}
.text-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:8px 0;color:#79dcca;font-size:14px;font-weight:500;white-space:nowrap}.text-button:hover{color:#b2f6e7}.primary-button,.prototype button.primary{border:1px solid #5bdccc;background:#4bd4c0;color:#05362f;font-size:14px;line-height:1.5;font-weight:650;border-radius:9px;padding:11px 16px;min-height:42px;box-shadow:0 3px 8px #00b39714}.primary-button:hover,.prototype button.primary:hover{background:#76e5d2;border-color:#8cecd9}.secondary-button{border:1px solid #36576b;background:#173649;color:#c7e1ec;font-size:14px;line-height:1.5;border-radius:9px;padding:10px 15px;min-height:42px}.secondary-button:hover{background:#214a60;border-color:#567b8d}
/* Deliveries */
.deliveries-panel{margin-bottom:26px}.section-title{display:flex;align-items:center;gap:13px}.section-icon{width:41px;height:41px;display:grid;place-content:center;flex-shrink:0;border-radius:11px;border:1px solid #315368;background:#143a4d;color:#9ac6d6}.loogai-word{font-weight:750;letter-spacing:-.8px;color:#cce3ef}.panel-heading .loogai-word{font-size:16px;margin-left:5px}
.delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 26px 25px}.delivery-card{position:relative;min-width:0;padding:18px 17px;border:1px solid #315165;background:#102e43;border-radius:12px;color:inherit;text-align:left;box-shadow:0 2px 8px #00000009}.delivery-card:hover{background:#173c4f;border-color:#568e90;box-shadow:0 6px 18px #030f1920;transform:translateY(-2px)}.delivery-card.attention{border-color:#5b5240;background:#253334}.delivery-card.attention:hover{background:#303d3b;border-color:#918060}.delivery-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:12px;color:#8eaebf;margin-bottom:17px;font-variant-numeric:tabular-nums}.delivery-card h3{font-size:16px;line-height:1.5;font-weight:550;margin:0 0 3px;letter-spacing:-.2px}.delivery-card .destination{font-size:14px;color:#8aabbe;margin:0;line-height:1.5}.route-progress{display:flex;gap:5px;margin:22px 0 12px}.route-progress i{height:4px;flex:1;border-radius:4px;background:#2e4c60}.route-progress i.on{background:#52bcad}.delivery-card.attention .route-progress i.on{background:#c1a373}.delivery-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:#87a6b9;line-height:1.6}.delivery-bottom b{color:#d2e5ed;font-size:14px;font-weight:550;white-space:nowrap}
.status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:27px;font-size:12px;font-weight:500;line-height:1.4;padding:4px 9px;border:1px solid #38675e;border-radius:6px;background:#143e39;color:#a0dfcb;white-space:nowrap}.status-tag.attention{color:#e6c898;background:#433928;border-color:#78643f}.status-tag.blue{color:#adcee9;background:#1b3e58;border-color:#45637e}.status-tag.neutral{color:#a3c4d1;background:#173b4a;border-color:#345567}
.source-note{background:#0b2436;border-top:1px solid #234154;color:#82a0b4;font-size:12px;line-height:1.7;padding:14px 26px}.source-note.standalone-note{padding:20px 2px;background:transparent;border:0}.app-offline .source-note{color:#c0ad8d}.app-offline .source-note:before{content:'Última informação disponível · ';color:#d9bd89}.app-offline .device-requests .source-note:before{content:''}.app-offline .chart-legend{color:#c5b694}
.delivery-list{display:grid;gap:22px}.delivery-detail{padding:27px}.delivery-detail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.delivery-detail-top h2{font-size:23px;margin:7px 0 5px;line-height:1.4;font-weight:550}.delivery-detail-top p{font-size:15px;color:#8eacbf;margin:0;line-height:1.6}.delivery-detail-body{display:grid;grid-template-columns:1.35fr 1fr;gap:34px}.delivery-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.delivery-facts small{display:block;color:#86a8bb;font-size:12px;line-height:1.5;margin-bottom:5px}.delivery-facts b{font-size:15px;font-weight:500;line-height:1.5;color:#dcebf3;overflow-wrap:anywhere}.tracking{display:flex;padding:9px 0 25px}.tracking-step{flex:1;position:relative;padding:26px 8px 0 0;color:#839eb2;font-size:13px;line-height:1.5}.tracking-step:before{content:'';position:absolute;top:5px;left:0;width:100%;height:2px;background:#365061}.tracking-step:last-child:before{display:none}.tracking-step:after{content:'';position:absolute;top:0;left:0;height:12px;width:12px;border:2px solid #5b7587;border-radius:50%;background:#173348}.tracking-step.done{color:#add9d4}.tracking-step.done:before{background:#4d9c94}.tracking-step.done:after{background:#60c8b7;border-color:#60c8b7;box-shadow:0 0 0 4px #4bc9b110}.delivery-alert{padding:13px 16px;margin-top:23px;border:1px solid #6c5837;border-radius:9px;background:#332e23;color:#e1c79d;font-size:14px;line-height:1.65}.delivery-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b4559;margin-top:24px;padding-top:21px;color:#89aabc;font-size:13px;line-height:1.6}
/* Sales */
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:730px;text-align:left;font-size:14px}thead{background:#0c2436;color:#7da0b7;font-size:12px;letter-spacing:.2px}th{font-weight:500;white-space:nowrap;padding:14px 24px}td{padding:18px 24px;border-top:1px solid #223e52;white-space:nowrap;line-height:1.5}tbody tr{transition:background .15s}tbody tr:hover{background:#133146}.client-cell{display:flex;align-items:center;gap:12px}.client-initials{display:grid;place-content:center;width:36px;height:36px;flex-shrink:0;background:#193d51;border:1px solid #2d5368;color:#99c9d0;border-radius:10px;font-size:12px;font-weight:550}.client-cell b{display:block;font-size:14px;font-weight:550;color:#d8e8f1}.client-cell small{display:block;font-size:12px;color:#7ea0b6;margin-top:4px}.order-link{background:none;border:0;padding:6px 0;color:#8cd6d1;font-size:13px;font-weight:500;white-space:nowrap}.order-link:hover{color:#c2fff1;text-decoration:underline;text-underline-offset:4px}.date-cell{font-size:13px;color:#92b0c4;font-variant-numeric:tabular-nums}.value-cell{font-size:14px;font-weight:550;color:#dceaf1;font-variant-numeric:tabular-nums}td:nth-child(4),th:nth-child(4){text-align:right}
.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #274457}.search-field{display:flex;align-items:center;gap:11px;max-width:410px;width:100%;padding:11px 13px;background:#082235;border:1px solid #365366;border-radius:9px;color:#83a5b8}.search-field .icon{height:18px;width:18px}.search-field input{font-size:14px;min-width:0;width:100%;color:#e2eef5;background:transparent;border:0;outline-offset:8px;line-height:1.5}.search-field input::placeholder{color:#7d9eb3}.filter-field{display:flex;align-items:center;gap:11px;color:#9bb8ca;font-size:13px;white-space:nowrap}select{max-width:100%;font-size:14px;border:1px solid #365367;border-radius:9px;padding:10px 13px;color:#d3e4ef;background:#102c40}.empty{padding:54px 25px;text-align:center;font-size:15px;color:#9ab5c5;line-height:1.7}
/* Nina support panels */
.demo-controls{border:1px solid #294659;border-radius:10px;background:#0d283b;margin-bottom:19px}.demo-controls>summary{padding:12px 16px;font-size:13px;color:#9cbccc;cursor:pointer}.prototype .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:13px 16px;border-top:1px solid #294659}.prototype .pill{background:#153e3d;color:#90dcca;border:1px solid #35665d;border-radius:6px;font-size:12px;padding:6px 9px}.prototype .grow{flex:1}
.prototype button:not(.primary):not(.primary-button):not(.nina-choice):not(.wa-emoji-toggle):not(.wa-send){font-size:14px;border:1px solid #38586a;padding:9px 13px;border-radius:8px;background:#193a4f;color:#cee1ea}.prototype button:not(.primary):not(.primary-button):not(.nina-choice):not(.wa-emoji-toggle):not(.wa-send):hover{background:#234b60;border-color:#5a7d8d}.prototype .toolbar button{font-size:13px!important;padding:8px 11px!important}.prototype .banner{font-size:14px;line-height:1.65;padding:14px 18px;border:1px solid #715735;border-radius:10px;background:#3b3121;color:#edcfa0;margin:13px 0 19px}
.support-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:24px;align-items:start}.prototype aside{display:flex;flex-direction:column;gap:16px;min-width:0}.prototype .card{border:1px solid #2b465b;background:#102c40;border-radius:13px;padding:23px}.prototype .label{font-size:12px;font-weight:550;color:#80c5c0;letter-spacing:1.35px;text-transform:uppercase;line-height:1.5;margin-bottom:11px}.prototype h2{font-size:18px;font-weight:550;line-height:1.5;letter-spacing:-.3px;margin:0 0 10px}.prototype p{color:#a4bdce;font-size:15px;line-height:1.75;margin:10px 0}.prototype .kv{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:14px;color:#91afc3;padding:10px 0;border-bottom:1px solid #2b455a}.prototype .kv b{font-weight:500;color:#dceaf3;text-align:right}.prototype .status{padding:12px 14px;background:#173e38;border:1px solid #346656;border-left:3px solid #75c9a5;color:#c6e4d6;font-size:14px;border-radius:8px;margin-top:13px;line-height:1.6}.prototype .status.warn{background:#3b3123;border-color:#685638;border-left-color:#d2af75;color:#e1c8a2}.prototype .source{border-top:1px solid #2d4a5d;color:#86a7bc;font-size:12px;line-height:1.8;margin-top:15px;padding-top:12px;overflow-wrap:anywhere}.prototype .events{max-height:185px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.85;white-space:pre-wrap;color:#8eadc1;overflow-wrap:anywhere}.prototype .muted{color:#89a9bc}.prototype button.mini{font-size:12px!important;margin:10px 6px 0 0}.prototype footer{font-size:12px;color:#809fb4;line-height:1.9;padding:19px 22px;background:#0a2336;border:1px solid #213f53;border-radius:10px;margin-top:24px}
/* WhatsApp conversation */
.prototype .whatsapp-chat{background:#efeae2;border:1px solid #375651;border-radius:14px;box-shadow:0 10px 36px #0002;color:#111b21;overflow:hidden;isolation:isolate;position:sticky;top:104px;align-self:start;min-width:0}.prototype .chathead{display:flex;align-items:center;gap:12px;min-height:78px;padding:14px 18px;background:#075e54;color:white;position:relative;z-index:3}.prototype .avatar{height:43px;width:43px;flex-shrink:0;border-radius:50%;display:grid;place-content:center;background:#d9fdd3;color:#075e54;border:2px solid #ffffff25;font-size:24px;font-weight:650}.wa-contact{min-width:0;flex:1}.wa-contact b{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:600}.wa-contact small{display:block;color:#d4e8df;font-size:12px;line-height:1.5;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-verified{height:16px;width:16px;color:#b3e7d1;flex-shrink:0}.wa-simulation{padding:4px 7px;border:1px solid #ffffff3d;border-radius:4px;color:#d1e9e0;background:#ffffff08;font-size:12px;line-height:1.4;white-space:nowrap}.wa-menu{position:relative;flex-shrink:0}.wa-menu summary{display:flex;align-items:center;list-style:none;cursor:pointer;padding:7px;border-radius:50%;color:#dcebe5}.wa-menu summary::-webkit-details-marker{display:none}.wa-menu summary:hover{background:#ffffff18}.wa-menu-panel{position:absolute;top:44px;right:0;width:250px;padding:7px;border:1px solid #d4ded4;border-radius:7px;background:#fff;box-shadow:0 7px 24px #0004;color:#294239}.wa-menu-panel>span{display:block;padding:9px 10px 12px;border-bottom:1px solid #e4ece6;font-size:12px;color:#728277;margin-bottom:4px}.prototype .wa-menu-panel button:not(.primary){display:block;width:100%;text-align:left;background:white;color:#294239;border:0;font-size:14px;border-radius:4px;padding:11px 10px}.prototype .wa-menu-panel button:not(.primary):hover{background:#edf5ee;border:0}
.prototype .log{height:515px;display:flex;flex-direction:column;gap:12px;padding:19px 25px 24px;overflow-y:auto;scroll-behavior:smooth;background-color:#efeae2;background-image:radial-gradient(#c7c0b451 .8px,transparent .8px),radial-gradient(#c7c0b432 .8px,transparent .8px);background-size:29px 29px;background-position:0 0,14px 14px;scrollbar-color:#b5b7a9 transparent}.wa-date{align-self:center;background:#fffcf6;border-radius:6px;box-shadow:0 1px 2px #0002;padding:6px 11px;text-align:center;font-size:12px;color:#5d6c62;line-height:1.4;margin-bottom:2px}.wa-demo-notice{align-self:center;max-width:390px;background:#fbefcd;color:#7b6b4b;font-size:12px;line-height:1.55;padding:8px 12px;text-align:center;border-radius:7px;box-shadow:0 1px 2px #0001;margin-bottom:7px}
.prototype .msg{align-self:flex-start;position:relative;background:white;color:#17221c;max-width:88%;padding:9px 11px 5px;border-radius:0 8px 8px 8px;box-shadow:0 1px 1px #0c1e1a24;font-size:16px;line-height:1.55;overflow-wrap:anywhere}.prototype .msg:before{content:'';position:absolute;left:-7px;top:0;border-top:9px solid white;border-left:8px solid transparent}.prototype .msg.user{align-self:flex-end;border-radius:8px 0 8px 8px;background:#d9fdd3;max-width:85%}.prototype .msg.user:before{left:auto;right:-7px;border-left:0;border-right:8px solid transparent;border-top-color:#d9fdd3}.wa-message-text{white-space:pre-wrap;overflow-wrap:anywhere}.prototype .meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:12px;line-height:16px;color:#7a887c;margin:3px 0 0 17px;min-height:16px;white-space:nowrap}.wa-receipt{display:inline-flex;align-items:center;flex-shrink:0}.wa-receipt.read{color:#47b5e2}.wa-receipt.pending{color:#828d80}.prototype .msg.notice{align-self:center;background:#fff3c9;color:#726443;max-width:95%;font-size:14px;border-radius:7px;text-align:center}.prototype .msg.notice:before{display:none}
.wa-quick-replies{background:#efeae2;border-top:1px solid #d6d7ca;padding-top:11px}.wa-reply-label{display:block;padding:0 18px;font-size:12px;color:#7a867c;line-height:1.4}.prototype .actions{display:flex;flex-wrap:wrap;gap:8px;padding:8px 17px 14px}.prototype .whatsapp-chat .actions button:not(.primary),.prototype .whatsapp-chat .actions button.primary{background:#fffefb;border:1px solid #bdd1bf;color:#177855;border-radius:18px;box-shadow:0 1px 1px #00000008;padding:8px 12px;min-height:36px;font-size:13px;font-weight:500;line-height:1.45}.prototype .whatsapp-chat .actions button.primary{background:#e1f5df;border-color:#9ac7aa;color:#056147;font-weight:600}.prototype .whatsapp-chat .actions button:hover{background:#d3edd7;border-color:#8abc9a;color:#045c3e}
.wa-composer-area{position:relative;background:#f0f2f5}.prototype .compose{display:flex;align-items:center;gap:9px;padding:11px 13px;border-top:1px solid #dce1d9;background:#f0f2f5}.wa-input-wrap{display:flex;align-items:center;gap:5px;flex:1;min-width:0;border-radius:25px;background:white;padding-left:7px;box-shadow:0 1px 2px #0000000b}.prototype .compose input{flex:1;min-width:0;width:100%;border:0;border-radius:24px;background:transparent;color:#22302a;font-size:16px;padding:12px 10px 12px 2px;line-height:1.5;outline-offset:-2px}.prototype .compose input::placeholder{color:#8a958c}.prototype button.wa-emoji-toggle{display:grid;place-content:center;flex-shrink:0;width:35px;height:39px;padding:4px;border:0;border-radius:50%;background:transparent;color:#879387}.prototype button.wa-emoji-toggle:hover{background:#eef4ed}.prototype button.wa-send{display:grid;place-content:center;flex-shrink:0;border:0;border-radius:50%;width:47px;height:47px;min-height:47px;min-width:47px;background:#00a884;color:white;padding:11px;box-shadow:0 1px 2px #0002}.prototype button.wa-send:hover{background:#008f72}.prototype .footnote{padding:0 13px 10px;background:#f0f2f5;color:#7b877e;font-size:12px;text-align:center;line-height:1.55}.wa-emoji-picker{position:absolute;bottom:80px;left:14px;z-index:4;display:flex;gap:5px;padding:9px;background:white;border:1px solid #d3ddd1;border-radius:12px;box-shadow:0 4px 18px #0002}.prototype .wa-emoji-picker button:not(.primary){background:#f2f7ef;color:#23382b;border:0;padding:7px;font-size:25px;border-radius:8px;min-width:39px}.prototype .wa-emoji-picker button:not(.primary):hover{background:#d9fdd3;border:0}
.prototype .nina-choices{align-self:stretch;border-radius:9px;background:white;padding:15px;margin:3px 0 10px;box-shadow:0 1px 2px #0002}.nina-choice-heading{display:block;font-size:14px;font-weight:600;color:#315b46;line-height:1.5;margin-bottom:12px}.nina-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.prototype button.nina-choice{display:flex;align-items:flex-start;gap:9px;min-width:0;min-height:92px;background:#f2f8f0;border:1px solid #cce0c9;color:#136848;border-radius:8px;padding:12px 10px;text-align:left;line-height:1.45}.prototype button.nina-choice:hover{background:#e0f2dd;border-color:#96c093}.nina-choice-icon{display:grid;place-content:center;margin-top:1px;color:#548563;flex-shrink:0}.nina-choice-icon .icon{width:18px;height:18px}.nina-choice-copy{min-width:0}.nina-choice-title{display:block;font-size:14px;font-weight:600}.prototype button.nina-choice small{display:block;color:#71816d;font-size:12px;line-height:1.45;margin-top:4px}.nina-more{border-top:1px solid #e0e8dc;margin-top:12px;padding-top:8px}.nina-more>summary{font-size:13px;color:#247956;padding:6px 0;cursor:pointer}.nina-more .nina-choice-grid{padding-top:10px}
/* Device requests */
.device-requests{margin-top:27px;border:1px solid #2c495d;border-radius:15px;background:#0e2a3e;overflow:hidden;scroll-margin-top:100px}.device-requests-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px}.device-requests-heading>.primary-button{white-space:nowrap}.prototype .device-requests h2{font-size:23px;font-weight:550;margin:6px 0}.prototype .device-requests-heading p{font-size:14px;color:#8facbd;margin:3px 0}.queue-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0 26px 24px;border-bottom:1px solid #2a475b}.queue-summary>span{padding:12px 16px;border:1px solid #2d4c5e;background:#103145;color:#9eb9ca;font-size:13px;line-height:1.5}.queue-summary>span:first-child{border-radius:9px 0 0 9px}.queue-summary>span:not(:first-child){border-left:0}.queue-summary>span:last-child{border-radius:0 9px 9px 0}.queue-summary b{font-size:23px;font-variant-numeric:tabular-nums;font-weight:550;color:#dfedf3;margin-right:8px;vertical-align:middle}.prototype .sync-feedback{margin:0;padding:15px 26px;font-size:14px;line-height:1.65;background:#133548;color:#aad5d6}.prototype .sync-feedback:empty{display:none}.queue-empty{padding:36px 26px}.queue-empty>b{font-size:16px;font-weight:500;color:#c6dfe9}.prototype .queue-empty p{font-size:14px;line-height:1.8;color:#8fadc0;max-width:650px;margin-top:8px}
.device-request{padding:24px 26px;border-bottom:1px solid #2a475b;position:relative}.device-request:last-child{border:0}.device-request.synced{box-shadow:inset 3px 0 #4c9c82}.device-request.error,.device-request.blocked{box-shadow:inset 3px 0 #c08d6a}.request-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.local-reference{display:block;font-size:12px;color:#7b9db1;letter-spacing:.2px;line-height:1.5;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.device-request h3{font-size:18px;font-weight:550;color:#dcecf4;line-height:1.4;letter-spacing:-.2px;margin:0 0 5px}.prototype .request-row p{font-size:14px;margin:0;color:#93b3c6}.queue-status{display:inline-flex;align-items:center;flex-shrink:0;border:1px solid #786640;background:#3c3528;color:#e8c78e;border-radius:6px;padding:6px 9px;white-space:nowrap;font-size:12px;line-height:1.5}.queue-status.syncing{color:#abd4ed;background:#1b3d56;border-color:#406986}.queue-status.synced{color:#a3dfc6;background:#173e35;border-color:#3e7560}.queue-status.error,.queue-status.blocked{color:#eabfaa;background:#44312d;border-color:#8c6150}.prototype .request-description{font-size:15px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;margin:15px 0;color:#b4ccda}.request-result{padding:13px 15px;background:#0a2335;border:1px solid #2d4d61;border-radius:9px;font-size:13px;color:#a4bdcc;line-height:1.7}.request-result b{display:block;font-size:14px;color:#96d8c2;font-weight:550;overflow-wrap:anywhere}.request-result span{display:block}.request-timeline{margin-top:15px}.request-timeline summary{color:#9ec8d0;font-size:13px;cursor:pointer}.request-timeline ol{list-style:none;margin:0;padding:13px 0 0 6px}.request-timeline li{position:relative;display:flex;align-items:flex-start;gap:15px;color:#9ab5c6;font-size:13px;line-height:1.7;padding:5px 0 12px 15px;border-left:1px solid #39596b}.request-timeline li:before{content:'';width:5px;height:5px;border-radius:50%;background:#769dac;position:absolute;left:-3px;top:13px}.request-timeline time{font-size:12px;white-space:nowrap;color:#789aad;flex-shrink:0}.prototype .device-request>.secondary-button{margin-top:15px;font-size:13px}
/* Dialogs and forms */
dialog{color:var(--ink);width:calc(100% - 36px);max-width:590px;max-height:calc(100dvh - 56px);padding:28px;background:#102c40;border:1px solid #3b5d70;border-radius:18px;box-shadow:0 26px 110px #0008;overflow-y:auto}dialog::backdrop{background:#03111ce0;backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.dialog-header .eyebrow{font-size:12px;color:#8aacbc}.dialog-header .icon-button{font-size:24px;line-height:1;width:38px;height:38px}dialog h2{font-size:27px;font-weight:570;letter-spacing:-.7px;line-height:1.35;margin:6px 0}dialog .dialog-subtitle{font-size:14px;color:#8faec1;line-height:1.7;margin:5px 0 24px}.detail-amount{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px;background:#173d4a;border:1px solid #356267;border-radius:12px;margin:24px 0;font-size:14px;color:#9cc4c8}.detail-amount b{font-size:29px;font-weight:600;letter-spacing:-.6px;color:#e6fbf5;white-space:nowrap}.dialog-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px}.dialog-source{font-size:12px;color:#8eacbf;line-height:1.8;margin-top:21px}.intake-field{display:flex;flex-direction:column;gap:8px;margin-top:19px;font-size:14px;color:#c2d8e6;line-height:1.5}.intake-field>span{display:contents;color:#7f9eb4;font-size:12px}.intake-field input,.intake-field textarea{font:inherit;font-size:16px;line-height:1.6;width:100%;padding:11px 13px;border:1px solid #3b5b71;border-radius:9px;background:#092235;color:#e3eef5;resize:vertical}.intake-field input::placeholder,.intake-field textarea::placeholder{color:#7394aa}.intake-field input[readonly]{border-color:#356665;background:#153d44;color:#a6dcd0}.form-error{color:#eebdaf;font-size:14px;line-height:1.7}.form-error:empty{display:none}#offlineRequestForm>.primary-button{width:100%;margin-top:20px}#requestDialog .dialog-subtitle{margin-bottom:17px}
.app-footnote{display:flex;align-items:flex-start;gap:8px;color:#728fa5;font-size:12px;line-height:1.8;margin-top:24px}.footer-dot{height:5px;width:5px;flex-shrink:0;border:1px solid #728fa5;border-radius:50%;margin-top:8px}
/* Responsive workspace; container queries also power the mobile preview. */
.mobile-nav{display:none}.mobile-preview{background:#020f19}.mobile-preview .app{max-width:430px;margin:24px auto;border:1px solid #3b576b;border-radius:25px;overflow:clip;box-shadow:0 32px 100px #0006;min-height:calc(100vh - 48px)}
@container app (min-width:1600px){.content{padding:30px 44px 30px}.topbar{padding:0 44px}.metric{padding:23px}.metric-value{font-size:37px}.metric:first-child .metric-value{font-size:34px}.sales-chart svg{max-height:260px}.shortcuts{padding:29px}.shortcut{padding:18px 0}.sidebar{padding-top:36px}}
@container app (max-width:1360px){.shell{grid-template-columns:minmax(0,224px) minmax(0,1fr)}.sidebar{padding:30px 16px 22px}.brand{padding:0 7px;font-size:27px;gap:10px}.brand small{letter-spacing:1.4px;font-size:12px}.workspace{padding:14px 10px;gap:8px}.nav-item{padding:12px;gap:10px;font-size:13px}.nav-item.active:before{left:-17px}.content{padding:24px 28px 26px}.topbar{padding:0 28px}.profile>span:last-child{display:none}.profile{padding-left:15px}.top-actions{gap:12px}.metrics{gap:13px}.metric{padding:18px 17px 16px}.metric-value{font-size:30px}.metric:first-child .metric-value{font-size:27px}.metric-label{font-size:13px}.metric-icon{width:26px;height:26px}.overview-grid{gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr)}.panel-heading{padding:22px}.shortcuts{padding:22px}.chart-head{padding:0 22px 8px}.chart-legend{font-size:12px}.chart-footer{padding:15px 22px}.delivery-grid{padding:0 22px 23px;gap:13px}.delivery-card{padding:16px 14px}.delivery-card-head{font-size:12px}.source-note{padding:13px 22px}.connection-copy{display:block}.connection-copy>b{display:inline;font-size:13px}.connection-copy>span{margin-left:7px}.connection-copy>small{display:block;margin-top:3px}.connection-actions .text-button{font-size:12px}.support-grid{gap:20px;grid-template-columns:minmax(0,1.4fr) minmax(285px,1fr)}.prototype .card{padding:20px}.prototype .log{padding:18px 20px 23px}.nina-choice-grid{grid-template-columns:1fr}.prototype button.nina-choice{min-height:70px;padding:11px 13px;align-items:center}.nina-choice-icon{width:25px}.prototype .nina-choices{padding:13px}}
@container app (max-width:1150px){.shell{grid-template-columns:minmax(0,84px) minmax(0,1fr)}.sidebar{padding:27px 12px;min-height:0}.brand{padding:0;justify-content:center;margin-bottom:38px}.brand>span:last-child,.workspace,.nav-label,.nav-item>span:nth-child(2),.nav-count,.sidebar-bottom{display:none}.brand-icon{height:41px;width:40px}.main-nav{gap:12px}.nav-item{justify-content:center;width:100%;padding:14px 10px}.nav-item.active:before{left:-13px}.nav-item .icon{height:21px;width:21px}.profile>span:last-child{display:block}.topbar{height:74px}.content{padding:25px 28px}.connection-banner{margin-bottom:26px}.connection-copy>span{display:block;margin-left:0;margin-top:2px}.metric-label{font-size:14px;min-height:43px}.metric-icon{display:none}.metric-value{font-size:30px}.metric:first-child .metric-value{font-size:26px}.page-heading h1{font-size:30px}.overview-grid{grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr)}.chart-legend{display:none}.chart-footer>span:last-child{display:none}.shortcuts h2{font-size:23px}.delivery-grid{grid-template-columns:1fr;gap:10px}.delivery-card{display:grid;grid-template-columns:1fr 1.5fr 1.15fr;gap:6px 20px;padding:17px 18px;align-items:center}.delivery-card-head{grid-column:1;grid-row:1/3;margin:0;flex-direction:column;align-items:flex-start;gap:6px}.delivery-card h3{grid-column:2;grid-row:1;margin:0;font-size:15px}.delivery-card .destination{grid-column:2;grid-row:2;font-size:13px}.delivery-card .route-progress{grid-column:3;grid-row:1;margin:0}.delivery-card .delivery-bottom{grid-column:3;grid-row:2;font-size:12px}.support-grid{grid-template-columns:minmax(0,1fr)}.prototype .whatsapp-chat{position:relative;top:auto}.prototype aside{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:18px}.prototype .log{height:510px;padding:20px 30px}.prototype .nina-choices{max-width:610px;width:100%;align-self:flex-start;padding:16px}.nina-choice-grid{grid-template-columns:1fr 1fr}.prototype button.nina-choice{min-height:90px;align-items:flex-start}.prototype .msg{max-width:80%}.nina-choice-icon{width:auto}.device-requests-heading{padding:23px}.queue-summary{padding:0 23px 22px}}
@container app (max-width:950px){.topbar{padding:0 23px}.content{padding:23px}.profile>span:last-child{display:none}.profile{padding-left:12px}.mobile-toggle{font-size:12px}.metrics{grid-template-columns:1fr 1fr;gap:15px}.metric{padding:20px}.metric-label{min-height:30px;font-size:14px}.metric-icon{display:grid}.metric-value,.metric:first-child .metric-value{font-size:32px}.metric-foot{min-height:24px;font-size:12px}.overview-grid{grid-template-columns:1fr}.shortcuts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 18px;padding:22px}.shortcuts>.eyebrow,.shortcuts h2,.shortcuts>p{grid-column:1/-1;max-width:none}.shortcuts h2{font-size:23px;margin:8px 0}.shortcuts>p{margin-bottom:16px}.shortcut{align-items:flex-start;padding:15px 0 0;font-size:14px;gap:9px}.shortcut-icon{height:31px;width:31px;border-radius:8px}.shortcut-icon .icon{width:16px;height:16px}.shortcut-plus{display:none}.shortcut small{font-size:12px}.sales-chart svg{max-height:250px}.chart-legend{display:flex;font-size:12px}.connection-banner{align-items:flex-start}.connection-actions{flex-direction:column;align-items:flex-end;max-width:175px}.connection-actions .text-button{white-space:normal;text-align:right;line-height:1.6;font-size:12px}.connection-copy>span{font-size:12px}.page-heading{gap:20px}.page-heading h1{font-size:30px}.snapshot{font-size:12px;padding:10px 12px;gap:9px}.snapshot small{font-size:12px}.delivery-detail-body{grid-template-columns:1fr;gap:24px}.delivery-detail{padding:25px}.delivery-detail-actions{font-size:12px}.device-requests-heading{flex-wrap:wrap}.device-requests-heading>.primary-button{font-size:13px}.request-row{gap:15px}.queue-summary>span{font-size:12px;padding:10px}.queue-summary b{font-size:20px;margin-right:5px}.source-note{font-size:12px}}
@container app (max-width:760px){.shell{display:flex;flex-direction:column}.sidebar{display:none}.main-shell{width:100%}.topbar{height:67px;padding:0 20px}.breadcrumb{gap:8px;font-size:12px}.breadcrumb .workspace-heading,.breadcrumb>span:not(.workspace-heading){display:none}.breadcrumb:before{content:'RTVhub';color:#bcf0e4;font-size:20px;font-weight:650;letter-spacing:-.7px;margin-right:10px}.breadcrumb b{font-size:12px;font-weight:450;color:#829fae}.profile{display:none}.top-actions{gap:9px}.content{padding:22px 21px 26px}.page-heading{align-items:flex-start}.page-heading h1{font-size:30px}.page-heading .eyebrow{font-size:12px;letter-spacing:1.2px}.page-heading p{font-size:15px}.page-heading>.snapshot{display:none}.metrics{gap:13px}.metric{padding:18px}.metric:first-child .metric-value{font-size:29px}.shortcuts{display:block;padding:23px}.shortcuts h2{font-size:24px;max-width:400px}.shortcuts>p{font-size:14px;margin-bottom:13px}.shortcut{padding:14px 0;align-items:center;gap:12px}.shortcut:last-child{padding-bottom:0}.shortcut-icon{width:37px;height:37px;border-radius:10px}.shortcut-icon .icon{width:19px;height:19px}.shortcut-plus{display:block}.shortcut small{font-size:12px}.connection-banner{padding:12px 14px;gap:10px;margin-bottom:25px}.connection-copy>b{font-size:13px}.connection-copy>span,.connection-copy>small{font-size:12px}.connection-actions{max-width:140px}.connection-actions .text-button{font-size:12px}.delivery-detail-actions{flex-direction:column;align-items:stretch;gap:16px;font-size:13px}.delivery-detail-actions>.secondary-button{align-self:flex-start}.delivery-facts{gap:19px}.mobile-nav{display:flex;justify-content:space-around;gap:5px;width:100%;position:sticky;bottom:0;z-index:40;background:#0a2234f5;border-top:1px solid #355167;backdrop-filter:blur(18px);padding:9px 10px max(10px,env(safe-area-inset-bottom));margin-top:auto}.mobile-nav button{display:flex;flex:1;max-width:140px;align-items:center;flex-direction:column;gap:4px;min-height:49px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:10px;color:#82a4b9;font-size:12px;font-weight:450}.mobile-nav button.active{color:#85e4cf;background:#174047;border-color:#2c5a5d}.mobile-nav .icon{height:20px;width:20px}.list-toolbar{padding:21px;flex-wrap:wrap;gap:14px}.search-field{max-width:none}.filter-field{width:100%;justify-content:space-between;font-size:14px}.filter-field select{min-width:150px}.support-grid{gap:20px}.prototype aside{gap:15px}.prototype .card{padding:20px}.prototype h2{font-size:17px}.prototype p{font-size:14px}.prototype .log{padding:18px 23px;height:505px}.prototype .msg{max-width:88%}.device-requests-heading{padding:23px 21px}.queue-summary{padding:0 21px 22px}.device-request{padding:22px 21px}.request-row{flex-wrap:wrap;gap:12px}.prototype .sync-feedback{padding:14px 21px}.device-requests-heading>.primary-button{font-size:14px}.queue-empty{padding:30px 21px}.app-footnote{font-size:12px;line-height:1.7}.source-note{padding:14px 21px}}
@container app (max-width:540px){.topbar{padding:0 15px;height:64px;gap:8px}.breadcrumb:before{font-size:18px;margin-right:0}.breadcrumb b{display:none}.top-actions{gap:8px}.mobile-toggle{font-size:0;gap:0;padding:8px;width:36px;min-width:36px;height:36px}.mobile-toggle .icon{width:18px;height:18px}.connection-toggle{padding:8px 9px;font-size:12px;min-height:35px;gap:6px}.connection-toggle:before{width:5px;height:5px}.content{padding:19px 16px 23px}.connection-banner{flex-wrap:wrap;gap:8px 10px;border-radius:10px;padding:12px;margin-bottom:25px}.connection-indicator{margin-top:6px}.connection-copy{flex:1;min-width:220px}.connection-copy>b{font-size:13px}.connection-copy>span{font-size:12px;line-height:1.6;margin-top:4px}.connection-copy>small{font-size:12px;line-height:1.6}.connection-actions{max-width:none;width:100%;padding-left:17px;align-items:center;flex-direction:row;justify-content:space-between;gap:8px}.connection-actions .text-button{font-size:12px;text-align:left;padding:3px 0;justify-content:flex-start;gap:4px}.connection-actions .secondary-button{font-size:12px;padding:6px 8px;min-height:32px}.page-heading{margin-bottom:22px;gap:14px;flex-wrap:wrap}.page-heading h1{font-size:28px;line-height:1.25;letter-spacing:-.8px;margin:7px 0 9px}.page-heading p{font-size:14px;line-height:1.6}.page-heading .eyebrow{font-size:12px}.page-heading>.primary-button{font-size:13px;padding:9px 13px;min-height:39px}.metrics{gap:10px;margin-bottom:22px}.metric{padding:15px 13px 13px;border-radius:12px}.metric-label{font-size:13px;line-height:1.55;min-height:40px;gap:5px}.metric-icon{display:none}.metric-value{font-size:28px;margin-top:5px}.metric:first-child .metric-value{font-size:23px;letter-spacing:-.7px}.metric-unit{font-size:18px}.metric-note{font-size:12px;display:inline-block;margin-left:6px}.metric-foot{font-size:12px;line-height:1.55;min-height:35px;margin-top:8px;gap:4px}.mini-progress{width:48px;height:4px}.overview-grid{gap:20px;margin-bottom:22px}.panel{border-radius:13px}.panel-heading{padding:20px 17px 17px;gap:12px;align-items:flex-start;flex-wrap:wrap}.panel h2{font-size:18px}.panel-heading .eyebrow{font-size:12px;letter-spacing:1.3px;margin-bottom:6px}.panel-heading p{font-size:13px;line-height:1.65}.period-chip{font-size:12px;padding:5px 8px}.chart-head{padding:0 17px 5px;gap:10px}.chart-head>b{font-size:28px;line-height:1.2}.chart-head small{font-size:12px;margin-top:6px}.chart-legend{font-size:12px;max-width:85px;line-height:1.4;gap:5px}.chart-legend span{flex-shrink:0}.sales-chart{padding:18px 11px 2px}.sales-chart svg{max-height:none}.sales-chart text{font-size:24px}.chart-footer{padding:14px 17px;font-size:12px;line-height:1.6}.chart-footer>span:last-child{display:none}.shortcuts{padding:21px 18px}.shortcuts>.eyebrow{font-size:12px}.shortcuts h2{font-size:23px;line-height:1.3;margin:10px 0}.shortcuts>p{font-size:14px;margin-bottom:12px}.shortcut{font-size:14px;padding:14px 0}.shortcut small{font-size:12px}.shortcut-icon{width:35px;height:35px}.deliveries-panel{margin-bottom:22px}.section-icon{width:35px;height:35px;border-radius:9px}.section-icon .icon{width:18px;height:18px}.section-title{gap:10px}.section-title h2{font-size:17px}.text-button{font-size:13px}.delivery-grid{display:grid;grid-template-columns:1fr;gap:12px;padding:0 17px 20px}.delivery-card{display:block;padding:17px 16px;border-radius:11px}.delivery-card-head{flex-direction:row;align-items:center;margin-bottom:15px;font-size:12px;gap:8px}.delivery-card h3{font-size:16px;margin:0 0 4px}.delivery-card .destination{font-size:14px}.delivery-card .route-progress{margin:20px 0 11px}.delivery-card .delivery-bottom{font-size:12px;gap:6px}.delivery-bottom b{font-size:14px}.status-tag{font-size:12px;padding:4px 8px}.source-note{font-size:12px;padding:13px 17px;line-height:1.8}.source-note.standalone-note{padding:15px 1px}.table-wrap{overflow:visible}.table-wrap table,.table-wrap tbody{display:block;min-width:0;width:100%}.table-wrap thead{display:none}.table-wrap tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 14px;padding:18px 17px;border-top:1px solid #2a4659;min-width:0}.table-wrap td{display:block;padding:0;border:0;white-space:normal;min-width:0}.table-wrap td:first-child{grid-column:1;grid-row:1/3}.table-wrap td:nth-child(2){grid-column:1;grid-row:3}.table-wrap td:nth-child(3){display:none}.table-wrap td:nth-child(4){grid-column:2;grid-row:1;text-align:right;white-space:nowrap;font-size:14px}.table-wrap td:nth-child(5){grid-column:2;grid-row:2/4;text-align:right;align-self:start}.client-initials{display:none}.client-cell{display:block}.client-cell b{font-size:14px;line-height:1.5}.client-cell small{font-size:12px;line-height:1.5;margin-top:3px}.order-link{font-size:12px;padding:0}.table-wrap .status-tag{font-size:12px;padding:4px 6px}.list-toolbar{padding:17px;gap:14px}.search-field{padding:10px 11px}.search-field input{font-size:14px}.filter-field{font-size:13px}.filter-field select{font-size:13px;padding:9px 11px}.delivery-detail{padding:20px 18px}.delivery-detail-top{flex-wrap:wrap;gap:12px;margin-bottom:22px}.delivery-detail-top h2{font-size:21px;margin-top:7px}.delivery-detail-top p{font-size:14px}.delivery-detail-top .eyebrow{font-size:12px}.delivery-detail-body{gap:20px}.delivery-facts{gap:17px}.delivery-facts small{font-size:12px;margin-bottom:4px}.delivery-facts b{font-size:14px}.tracking{padding:6px 0 22px}.tracking-step{font-size:12px;padding-right:5px}.delivery-alert{font-size:14px;padding:12px 14px;margin-top:19px}.delivery-detail-actions{font-size:12px;margin-top:22px;padding-top:18px}.delivery-detail-actions>.secondary-button{font-size:13px;align-self:stretch}.demo-controls{margin-bottom:17px}.demo-controls>summary{font-size:12px;padding:11px 13px}.prototype .toolbar{padding:12px;gap:8px}.prototype .toolbar button{font-size:12px!important;flex:1}.prototype .toolbar .pill{width:100%;text-align:center}.prototype .banner{font-size:14px;padding:13px 15px}.support-grid{gap:20px}.prototype aside{display:flex;gap:16px}.prototype .card{padding:20px}.prototype .label{font-size:12px}.prototype h2{font-size:18px}.prototype p{font-size:15px;line-height:1.75}.prototype .kv{font-size:14px}.prototype .events,.prototype .source{font-size:12px}.prototype footer{font-size:12px;padding:16px 18px;margin-top:21px}.prototype .whatsapp-chat{border-radius:12px}.prototype .chathead{padding:12px 13px;min-height:73px;gap:10px}.prototype .avatar{height:38px;width:38px;font-size:22px}.wa-contact b{font-size:17px}.wa-contact small{font-size:12px}.wa-simulation{display:none}.wa-menu summary{padding:6px 2px}.wa-menu-panel{width:231px}.prototype .log{height:520px;padding:16px 15px 20px;gap:11px}.prototype .msg{max-width:92%;font-size:15px;line-height:1.55;padding:9px 10px 5px}.prototype .msg.user{max-width:89%}.prototype .meta{font-size:12px}.wa-date,.wa-demo-notice{font-size:12px}.wa-demo-notice{padding:8px 11px;line-height:1.6}.prototype .nina-choices{padding:12px;width:100%;max-width:none}.nina-choice-heading{font-size:14px;margin-bottom:10px}.nina-choice-grid{grid-template-columns:1fr;gap:7px}.prototype button.nina-choice{min-height:64px;padding:10px 11px;gap:10px;align-items:center}.nina-choice-icon{display:grid;place-content:center;height:30px;width:30px;border-radius:8px;background:#e2efdf}.nina-choice-icon .icon{height:18px;width:18px}.nina-choice-title{font-size:14px}.prototype button.nina-choice small{font-size:12px;margin-top:2px}.nina-more>summary{font-size:12px;padding:7px 0}.prototype .actions{padding:8px 12px 13px;gap:7px}.prototype .whatsapp-chat .actions button:not(.primary),.prototype .whatsapp-chat .actions button.primary{font-size:13px;padding:8px 11px}.wa-reply-label{font-size:12px;padding-left:13px}.prototype .compose{padding:10px 9px;gap:7px}.prototype .compose input{font-size:16px;padding:10px 8px 10px 2px}.prototype button.wa-send{height:45px;width:45px;min-width:45px;min-height:45px}.prototype .footnote{font-size:12px;line-height:1.6;padding:0 12px 9px}.prototype .msg.notice{font-size:14px}.device-requests{margin-top:23px;border-radius:13px;scroll-margin-top:82px}.device-requests-heading{padding:21px 17px;gap:15px}.prototype .device-requests h2{font-size:21px;line-height:1.35}.device-requests-heading .eyebrow{font-size:12px}.prototype .device-requests-heading p{font-size:14px}.device-requests-heading>.primary-button{width:100%;white-space:normal;font-size:14px}.queue-summary{padding:0 17px 21px;gap:0}.queue-summary>span{font-size:12px;padding:10px 8px;line-height:1.4}.queue-summary b{display:block;font-size:23px;line-height:1.4;margin:0 0 3px}.prototype .sync-feedback{padding:14px 17px;font-size:14px}.queue-empty{padding:27px 18px}.queue-empty>b{font-size:15px}.prototype .queue-empty p{font-size:14px}.device-request{padding:21px 17px}.request-row{gap:12px;flex-wrap:wrap}.local-reference{font-size:12px;line-height:1.6}.device-request h3{font-size:17px}.prototype .request-row p{font-size:14px}.queue-status{font-size:12px;white-space:normal;padding:5px 8px}.prototype .request-description{font-size:15px;margin:13px 0}.request-result{padding:12px;font-size:12px;line-height:1.75}.request-result b{font-size:13px}.request-timeline summary{font-size:13px}.request-timeline li{flex-direction:column;gap:3px;padding:5px 0 12px 14px;font-size:13px}.request-timeline time{font-size:12px}.prototype .device-request>.secondary-button{font-size:13px}.app-footnote{font-size:12px;line-height:1.8;margin-top:22px}dialog{max-height:calc(100dvh - 30px);width:calc(100% - 24px);padding:21px 18px;border-radius:15px}.dialog-header{gap:10px}.dialog-header .eyebrow{font-size:12px}dialog h2{font-size:24px;letter-spacing:-.5px}.dialog-header .icon-button{height:35px;width:35px;min-height:35px;min-width:35px}dialog .dialog-subtitle{font-size:14px;line-height:1.65;margin-bottom:21px}.detail-amount{padding:16px 14px;font-size:13px;margin:22px 0}.detail-amount b{font-size:25px}.dialog-actions{gap:10px;margin-top:24px}.dialog-actions>.primary-button{width:100%}.dialog-source{font-size:12px;line-height:1.8}.intake-field{font-size:14px;margin-top:17px}.intake-field input,.intake-field textarea{font-size:16px;padding:10px 12px}.mobile-nav{padding:8px 9px max(9px,env(safe-area-inset-bottom));gap:4px}.mobile-nav button{min-height:47px;padding:5px 8px;font-size:12px}.mobile-nav .icon{height:19px;width:19px}}
@container app (max-width:360px){.content{padding:18px 12px 22px}.topbar{padding:0 12px}.connection-copy{min-width:190px}.connection-actions{flex-direction:column;align-items:flex-start;gap:7px}.metric{padding:14px 11px}.metric:first-child .metric-value{font-size:20px}.metric-value{font-size:25px}.metric-label{font-size:12px}.metric-foot{font-size:12px}.table-wrap tr{padding:17px 13px;gap:9px}.table-wrap td:nth-child(4){font-size:13px}.table-wrap .status-tag{font-size:12px}.chart-head>b{font-size:25px}.chart-legend{font-size:12px}.section-title h2{font-size:16px}.primary-button{font-size:13px}.queue-summary>span{font-size:12px}}
@media(max-width:540px){.mobile-preview .app{margin:0 auto;min-height:100vh;border:0;border-radius:0}.mobile-preview{background:var(--bg)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@keyframes view-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes status-pulse{50%{opacity:.35}}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#38586d;border:1px solid transparent;border-radius:7px;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
/* Sales intake and team workspace */
.sales-sync-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #315255;background:#0e303a;border-radius:12px;padding:17px 21px;margin-bottom:22px}.sales-sync-bar b{font-size:15px;color:#bbecdc}.sales-sync-bar p{font-size:14px;margin:4px 0 0;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.intake-field select{width:100%;padding:12px;border:1px solid #385569;background:#0a2132;color:var(--ink);border-radius:9px;font-size:16px;min-height:46px}.sale-total{display:flex;justify-content:space-between;gap:16px;padding:18px 0;margin-top:12px;border-block:1px solid var(--border)}.sale-total strong{font-size:25px;color:#8de5ce}.sale-total span{align-self:center;color:var(--muted)}#saleDialog{width:min(700px,calc(100% - 28px))}#saleForm>.primary-button{width:100%;margin-top:10px}.team-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:26px}.team-card{display:flex;align-items:flex-start;gap:18px;padding:23px;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:14px;min-width:0}.team-card.selected{background:#103f44;border-color:#57b3a6}.team-card:hover{border-color:#69a79e}.team-icon{width:39px;height:39px;border-radius:10px;display:grid;place-content:center;background:#1a4650;color:#8ee5cd;flex-shrink:0}.team-card>span:last-child{font-size:15px;color:#c7dbe6}.team-card strong{display:block;font-size:36px;font-weight:600;line-height:1.5;color:#f0faf8}.team-card small{display:block;font-size:13px;color:var(--muted)}.team-toolbar{flex-wrap:wrap;gap:14px}.team-toolbar .search-field{flex:1;min-width:180px}.team-toolbar .filter-field{font-size:14px}.operation-feedback{margin:0;padding:0 25px 18px;color:var(--muted);font-size:14px}.operation-feedback:empty{display:none}.ticket-row{display:flex;justify-content:space-between;gap:24px;width:100%;padding:23px 26px;border:0;border-top:1px solid var(--border);background:none;text-align:left}.ticket-row:hover{background:#143449}.ticket-main{display:grid;gap:7px;min-width:0}.ticket-main>small{font-size:12px;color:#86b8c0;overflow-wrap:anywhere}.ticket-main>strong{font-size:17px;font-weight:600;color:#e1eff7}.ticket-main>span{font-size:14px;color:var(--muted)}.ticket-meta{display:flex;align-items:flex-end;flex-direction:column;justify-content:space-between;gap:10px;flex-shrink:0}.ticket-meta>small{font-size:12px;color:var(--muted)}.ticket-meta>span:last-child{font-size:13px;color:#8adfce}.ticket-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--border);margin-bottom:22px}.ticket-facts small{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.ticket-facts b{font-size:15px;font-weight:500;overflow-wrap:anywhere}#ticketDialog{width:min(720px,calc(100% - 28px))}#ticketDialog h3{font-size:16px;font-weight:600;margin:24px 0 12px}.ticket-description{font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#c6d9e4}.ticket-timeline{list-style:none;padding:0 0 0 14px;border-left:1px solid #3b6570;margin:18px 0}.ticket-timeline li{display:grid;gap:4px;padding:0 0 20px;font-size:14px;overflow-wrap:anywhere}.ticket-timeline time{color:#78b9b1;font-size:12px}.ticket-timeline li:last-child{padding-bottom:0}#ticketUpdateForm{border-top:1px solid var(--border);margin-top:25px;padding-top:5px}#ticketUpdateForm>.primary-button{margin-top:12px;width:100%}.mobile-nav button{min-width:0}
@container app (max-width:800px){.team-cards{gap:10px}.team-card{padding:17px;gap:12px}.team-icon{width:30px;height:30px}.team-toolbar .filter-field{width:auto;flex:1}.team-toolbar .search-field{flex-basis:100%}.sales-sync-bar{padding:17px}}
@container app (max-width:540px){.team-cards{grid-template-columns:1fr;gap:10px}.team-card{align-items:center;padding:14px 16px}.team-card>span:last-child{display:grid;grid-template-columns:1fr auto;flex:1;column-gap:15px;align-items:center}.team-card strong{grid-column:2;grid-row:1/3;font-size:30px}.team-card small{grid-column:1;font-size:12px}.team-icon{width:37px;height:37px}.sales-sync-bar{flex-direction:column;align-items:stretch;gap:12px}.sales-sync-bar .secondary-button{align-self:flex-start}.ticket-row{padding:19px 17px;gap:15px;flex-direction:column}.ticket-meta{flex-direction:row;align-items:center;flex-wrap:wrap}.ticket-main>small{font-size:12px}.team-toolbar .filter-field{width:100%;flex-basis:100%}.form-grid{gap:0 12px}.ticket-facts{gap:17px}.mobile-nav button{padding:5px 4px}.mobile-nav{gap:2px}.operation-feedback{padding-inline:17px}}
@media(max-width:420px){.form-grid{grid-template-columns:1fr}.ticket-facts{grid-template-columns:1fr 1fr}}

#ticketDialog .dialog-subtitle{overflow-wrap:anywhere}.ticket-row .queue-status{font-size:14px}