/* v0.3 — visual parity with the approved horizontal-nav dashboard concept. */
:root,[data-theme="dark"]{
  --bg:#081620;--surface:#102330;--surface-raised:#152b3b;--sidebar:#0c1e2b;
  --top:#0b1a27;--line:#29485a;--ink:#f0f7fa;--muted:#91b0c2;
  --green:#42e0ac;--input:#102333;--input-text:#e3f5fc;--hover:#1a3547;
  --shadow:0 4px 20px #020e1880;--tt-blue:#167dfa;--tt-cyan:#16d6ef;
}
[data-theme="light"]{
  --bg:#edf5f7;--surface:#fff;--surface-raised:#f1f8fb;--sidebar:#f4f9fc;
  --top:#fff;--line:#c7dce8;--ink:#1a3040;--muted:#617b8f;
  --green:#048b68;--input:#f8fcfe;--input-text:#1b3346;--hover:#e9f6fa;
  --shadow:0 5px 22px #1d52701a;--tt-blue:#1765d5;--tt-cyan:#0093ac;
}
.tt-shell{display:block;min-height:100vh;background:var(--bg)}
.tt-shell .main-column{width:100%;min-height:calc(100vh - 69px);display:flex;flex-direction:column}
.tt-shell .content{max-width:none;width:100%;padding:18px 20px 36px;margin:0 auto}
.tt-header{height:70px;position:sticky;top:0;z-index:50;background:var(--top);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:19px;padding:0 21px;color:var(--ink);box-shadow:0 3px 18px #06121d3c}
.tt-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;white-space:nowrap}
.tt-leaf{color:var(--green);width:49px;height:49px;flex-shrink:0}
.tt-brand>strong{font-size:26px;letter-spacing:-1.6px;font-weight:850;color:var(--ink)}
.tt-brand-rule{width:1px;height:32px;background:var(--line);margin:0 4px}
.tt-brand-caption{font-size:10px;line-height:1.45;letter-spacing:2px;font-weight:750;color:#bed4e6}
.tt-nav{display:flex;align-items:center;gap:2px;height:100%;min-width:0}
.tt-nav .nav-link{height:37px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;padding:8px 11px;border:1px solid transparent;background:transparent;color:#d5e4ee;border-radius:11px;box-shadow:none}
.tt-nav .nav-link svg{height:17px;width:17px}
.tt-nav .nav-link.active{border-color:#268b72;background:linear-gradient(120deg,#123d38,#0d322e);color:#76ffd0;box-shadow:0 0 0 1px #092b26 inset}
.tt-nav .nav-link:hover{background:var(--hover);color:var(--ink)}
.tt-nav .nav-count{margin-left:0;background:#174b43;color:#7effd5}
.tt-more-menu{position:relative;flex-shrink:0}
.tt-more-menu summary{list-style:none;display:flex;align-items:center;gap:5px;color:#c3d4e0;font-size:12px;font-weight:700;padding:10px 8px;cursor:pointer}
.tt-more-menu summary::-webkit-details-marker{display:none}
.tt-menu-popover{position:absolute;top:37px;right:0;width:243px;padding:8px;display:grid;gap:3px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 15px 45px #0009;z-index:60}
.tt-menu-popover .nav-link{width:100%;justify-content:start;color:var(--ink);height:38px}
.tt-header-tools{display:flex;align-items:center;gap:9px;flex:1;min-width:0;justify-content:flex-end}
.tt-search{display:flex;align-items:center;gap:9px;min-width:120px;max-width:245px;flex:1;height:39px;padding:0 10px;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.tt-search svg{width:16px;height:16px;flex:0 0 auto}
.tt-search input{border:0!important;outline:none!important;box-shadow:none!important;min-width:0;width:100%;background:transparent!important;color:var(--ink);font-size:11px;padding:0}
.tt-search input::placeholder{color:var(--muted)}
.tt-due-badge,.tt-demo-toggle,.tt-theme-toggle,.tt-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);border:1px solid var(--line);color:var(--ink);height:37px;border-radius:8px;font-size:11px;font-weight:750;white-space:nowrap;padding:0 10px}
.tt-due-badge{border-color:#966526;color:#f5c268;background:#271f1b}
.tt-demo-toggle{border-color:#7c4149;color:#f28d96;background:#291d27;text-transform:uppercase;letter-spacing:.6px;font-size:10px}
.tt-demo-toggle.active{background:#64303b;color:#fff4f4}
.tt-theme-toggle{border-color:#3a596b}
.tt-logout{width:35px;padding:0;color:var(--muted)}
.tt-header button:hover{filter:brightness(1.17)}
.tt-menu-btn{display:none!important}
.tt-mobile-drawer{display:none;position:fixed;top:70px;bottom:0;left:0;z-index:55;width:min(310px,85vw);background:var(--surface);border-right:1px solid var(--line);padding:20px;box-shadow:15px 0 45px #0008;overflow-y:auto}
.tt-mobile-drawer.open{display:block}
.tt-drawer-title{font-size:11px;letter-spacing:2px;color:var(--muted);margin-bottom:14px}
.tt-mobile-drawer nav{display:grid;gap:7px}
.tt-mobile-drawer .nav-link{width:100%;color:var(--ink)}
.tt-shell .mobile-overlay{z-index:54}
.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;white-space:nowrap}
.tt-dashboard{display:grid;gap:12px}
.tt-hero{display:grid;grid-template-columns:minmax(345px,.94fr) minmax(0,2.36fr);gap:21px;align-items:center;min-height:185px}
.tt-hero-copy{padding:12px 7px 12px 3px}
.tt-hero-copy p{font-size:11px;font-weight:750;letter-spacing:3px;color:#c3d8e6;margin:0 0 9px}
.tt-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,2.55vw,44px);line-height:1.06;letter-spacing:-1.8px;font-weight:800;margin:0 0 14px;color:var(--ink)}
.tt-hero-copy h1 em{font-style:normal;color:var(--green)}
.tt-hero-copy>span{display:block;font-size:14px;line-height:1.5;color:#a7c3d8;max-width:450px}
.tt-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.tt-kpi{border:1px solid #2e5269;min-width:0;text-align:left;color:var(--ink);background:linear-gradient(146deg,#18384c 0%,#132a3c 53%,#112536 100%);border-radius:8px;min-height:176px;padding:16px 15px 14px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;box-shadow:0 5px 18px #020b1444}
.tt-kpi:hover{transform:translateY(-2px);border-color:#3a826c}
.tt-kpi-top{width:100%;display:flex;justify-content:space-between;align-items:start;margin-bottom:9px}
.tt-kpi-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid #23896e;background:#174b45;color:#6af6c1;box-shadow:0 0 15px #29d8a41b}
.tt-kpi-gold .tt-kpi-icon{background:#493b21;border-color:#ac8633;color:#f2bf66}
.tt-kpi-blue .tt-kpi-icon{background:#123e4b;border-color:#3c8b9d;color:#54d8ec}
.tt-kpi-arrow{font-size:19px;color:#d5e9f5;opacity:.85}
.tt-kpi-title{font-size:14px;line-height:1.2;color:#c5dcee}
.tt-kpi strong{font-family:Georgia,"Times New Roman",serif;font-size:36px;letter-spacing:-1px;margin:2px 0 2px;color:#fff}
.tt-kpi small{font-size:10px;color:#a3c1d1;margin-top:auto}
.tt-onboarding,.tt-demo-warning{display:flex;gap:8px;align-items:center;border:1px solid #2f6558;border-radius:7px;background:#102a2a;color:#b6e2d7;font-size:11px;padding:9px 13px}
.tt-onboarding button,.tt-demo-warning button{border:0;padding:0;background:transparent;color:var(--green);font-weight:800;text-decoration:underline}
.tt-demo-warning{background:#2d2028;border-color:#884f61;color:#ffd1d9}
.tt-top-widgets{display:grid;grid-template-columns:minmax(310px,2.08fr) minmax(215px,1fr) minmax(260px,1.23fr) minmax(240px,1.2fr);gap:11px}
.tt-bottom-widgets{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:11px}
.tt-panel{background:linear-gradient(140deg,#10283a,#0d2231 70%,#0b1d2c);border:1px solid #2d5067;border-radius:8px;color:#edf7fc;min-width:0;box-shadow:0 5px 22px #06121e35;overflow:hidden;padding:12px 13px}
.tt-panel-head{display:flex;align-items:center;gap:9px;min-height:25px;margin-bottom:9px}
.tt-panel-head h2{font-size:15px;letter-spacing:-.35px;font-weight:790;margin:0;display:flex;align-items:center;gap:7px;white-space:nowrap;color:#edf7fb}
.tt-panel-head h2 svg{color:#62ecc5;flex-shrink:0}
.tt-panel-count,.tt-control-chip{margin-left:auto;color:#b1cbdf;font-size:10px;white-space:nowrap}
.tt-control-chip{border:1px solid #35576a;border-radius:6px;padding:6px 9px}
.tt-panel-caption{font-size:11px;line-height:1.35;color:#a6c4d5;margin:0 0 11px}
.tt-panel-caption.inline{margin:0;white-space:nowrap}
.tt-trend,.tt-channel-panel,.tt-connections,.tt-fleet{min-height:262px}
.tt-big-number{font-family:Georgia,"Times New Roman",serif;font-size:35px;letter-spacing:-1.3px;font-weight:800;color:#fff;margin:9px 0 14px}
.tt-label-sub{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:500;font-size:11px;letter-spacing:0;color:#a0c0d2;margin-left:8px}
.tt-chart-area{height:145px;display:flex;gap:9px}
.tt-chart-guides{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#a9c2d2;font-size:10px;text-align:right;padding-bottom:20px}
.tt-bar-plot{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;min-width:0;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.33% - 1px),#244358 calc(33.33% - 1px),#244358 33.33%);background-size:100% calc(100% - 20px);background-repeat:no-repeat}
.tt-bar-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}
.tt-bar-rail{display:flex;align-items:flex-end;height:calc(100% - 20px);width:min(100%,40px)}
.tt-bar{width:100%;background:linear-gradient(180deg,#19dcef 0%,#147afe 100%);border:1px solid #2cd9f6;box-shadow:0 0 14px #1684ef23;border-radius:3px 3px 0 0;min-height:2px}
.tt-bar-column small{height:20px;display:flex;align-items:end;justify-content:center;color:#b2cbdb;font-size:10px;white-space:nowrap}
.tt-channel-layout{display:flex;align-items:center;gap:13px;height:182px;justify-content:center}
.tt-donut{width:158px;height:158px;min-width:0;flex:0 1 158px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid #3b7894;box-shadow:0 0 18px #0a284a5c}
.tt-donut-hole{width:65%;height:65%;border-radius:50%;background:#13283a;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #264860}
.tt-donut-hole strong{font-size:28px;line-height:1;color:#fff}.tt-donut-hole span{font-size:13px}.tt-donut-hole small{font-size:10px;color:#9bb9cf}
.tt-channel-legend{display:grid;gap:13px;min-width:83px}
.tt-channel-legend>div{display:grid;grid-template-columns:12px auto;column-gap:7px;align-items:center;font-size:12px}
.tt-legend-dot{width:11px;height:11px;border-radius:50%}.tt-channel-legend strong{font-size:12px}.tt-channel-legend small{grid-column:2;color:#b4cbdb;font-size:10px;white-space:nowrap}
.tt-connections .tt-panel-head,.tt-fleet .tt-panel-head{margin-bottom:6px}
.tt-connect-list{display:grid;gap:5px}
.tt-connect-row{display:flex;align-items:center;gap:8px;border:1px solid #24465a;border-radius:7px;padding:5px 6px;background:#0d2030;min-width:0}
.tt-market-logo{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:6px;font-size:24px;font-weight:900;color:#fff}
.tt-market-etsy{background:linear-gradient(#ff7d26,#e94d0a);font-family:Georgia,serif}.tt-market-ebay{background:linear-gradient(#1b3961,#10253b);color:#59baff}.tt-market-shopify{background:linear-gradient(#a4d444,#4d9e24);font-style:italic}
.tt-connect-row>div{display:flex;flex-direction:column;min-width:0;flex:1}
.tt-connect-row strong{font-size:12px}.tt-connect-row small{font-size:9px;color:#99bed2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-disconnected{font-size:9px;border-radius:99px;padding:5px 6px;background:#3c2835;color:#ed979d;white-space:nowrap}
.tt-connect-row button{border-radius:5px;background:#132f41;color:#d9effc;border:1px solid #41667b;font-size:10px;font-weight:700;padding:6px 8px}
.tt-subtle-link{display:flex;align-items:center;gap:5px;color:#61edc1;font-size:10px;font-weight:750;border:0;background:transparent;margin-top:7px;padding:2px}
.tt-printer-lines{display:grid;gap:2px}
.tt-printer-row{display:grid;grid-template-columns:24px 56px 67px minmax(30px,1fr) 40px;gap:6px;align-items:center;border-bottom:1px solid #274459;padding:5px 0;font-size:10px}
.tt-printer-row:last-child{border-bottom:0}
.tt-mini-printer{display:grid;place-items:center;color:#98b9c9}.tt-printer-row strong{font-size:11px;color:#d9ebf5}
.tt-printer-status{display:flex;gap:5px;align-items:center;color:#8eb1d0;font-size:10px;white-space:nowrap}
.tt-printer-status i{width:8px;height:8px;background:#207af0;border-radius:50%;display:block;flex:0 0 auto}
.tt-printer-status.active{color:#59e9b0}.tt-printer-status.active i,.tt-printer-status.ready i{background:#38dca4}
.tt-printer-meter{height:7px;border-radius:20px;background:#294357;overflow:hidden}.tt-printer-meter>div{height:100%;border-radius:20px;background:linear-gradient(90deg,#23dca0,#55f0b3)}
.tt-printer-row small{color:#c2d7e5;text-align:right;font-size:10px}
.tt-fleet-foot{font-size:9px;color:#83a8bd;margin-top:7px;text-align:right}
.tt-orders-panel,.tt-production-panel{min-height:348px;padding:11px 12px}
.tt-orders-panel .tt-panel-head,.tt-production-panel .tt-panel-head{margin-bottom:8px}
.tt-outline-action{margin-left:auto;border:1px solid #2b867b;color:#63f1c4;background:#112d38;padding:6px 11px;font-size:10px;font-weight:750;border-radius:6px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.tt-production-panel .tt-outline-action{border-color:#3b5c72;color:#d1e4ef}
.tt-order-tabs{display:flex;gap:6px;margin-bottom:7px;overflow-x:auto}
.tt-order-tabs button{color:#a4c1d2;background:#142c3d;border:1px solid #26465c;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap}
.tt-order-tabs button.selected{background:#12483d;color:#7cffcd;border-color:#238f76}
.tt-order-tabs span{margin-left:6px;background:#2a435a;padding:2px 6px;border-radius:99px;color:#c4d7e7}
.tt-orders-scroll{overflow-x:auto}
.tt-orders-table{width:100%;border-spacing:0;border-collapse:separate;border:1px solid #21475d;border-radius:6px;overflow:hidden;font-size:10px;white-space:nowrap}
.tt-orders-table th{color:#a7c3d9;background:#102e40;text-align:left;font-weight:600;padding:8px 7px;font-size:10px}
.tt-orders-table td{border-top:1px solid #274458;padding:5px 7px;color:#bed5e5;font-size:10px}
.tt-orders-table td strong{color:#f1f6fb;font-weight:750}
.tt-orders-table td small{display:block;color:#8eafc2;margin-top:3px;max-width:155px;overflow:hidden;text-overflow:ellipsis}
.tt-orders-table tbody tr:hover{background:#173146}
.tt-orders-table .tt-thumb-col{padding:4px 2px 4px 5px;width:46px}
.tt-orders-table .channel-pill{font-size:9px;padding:4px 6px}
.tt-orders-table .status-pill{font-size:9px;padding:5px 8px}
.tt-product-thumb{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;overflow:hidden;border:1px solid #36586c;border-radius:7px;background:radial-gradient(circle at 40% 20%,#436275,#132c3e 80%);font-size:27px;line-height:1;text-shadow:0 2px 7px #0008}
.tt-product-thumb{background-image:url('/product-thumbnails.png');background-size:300% 300%;background-repeat:no-repeat;font-size:0;text-shadow:none}
.tt-thumb-clicker{background-position:0% 0%}.tt-thumb-car{background-position:50% 0%}.tt-thumb-card{background-position:100% 0%}
.tt-thumb-dragon{background-position:0% 50%}.tt-thumb-octopus{background-position:50% 50%}.tt-thumb-stand{background-position:100% 50%}
.tt-thumb-chain,.tt-thumb-clip{background-position:0% 100%}.tt-thumb-pot{background-position:50% 100%}.tt-thumb-slug{background-position:100% 100%}
.tt-table-empty{text-align:center;padding:44px 10px!important;color:#9cc1d6!important}
.tt-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.tt-board-column{background:#0d2030;border:1px solid #2a475d;border-radius:7px;padding:7px;min-width:0}
.tt-board-head{display:flex;align-items:center;gap:6px;font-size:11px;color:#d6e8f4;margin-bottom:7px}
.tt-board-head svg{flex:0 0 auto;color:#269cf8}
.tt-board-head.tt-teal svg,.tt-board-head.tt-mint svg{color:#55e8bb}
.tt-board-head strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-board-head span{margin-left:auto;background:#263f54;border-radius:20px;padding:2px 6px;color:#d4e8f2}
.tt-board-jobs{display:grid;gap:6px}
.tt-mini-job{display:flex;align-items:flex-start;gap:7px;background:#142b3d;border:1px solid #28465b;border-radius:6px;padding:6px;min-width:0;position:relative}
.tt-mini-job .tt-product-thumb{width:47px;height:55px;font-size:29px}
.tt-mini-job-detail{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.tt-mini-job-detail strong{font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e8f3fa}
.tt-mini-job-detail small{font-size:9px;color:#b9d1df;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-mini-job-detail span{font-size:9px;color:#a5c0d1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-job-progress{width:100%;height:6px;border-radius:7px;background:#264458;overflow:hidden}
.tt-job-progress div{background:linear-gradient(90deg,#189a9a,#5af8ca);height:100%;border-radius:7px}
.tt-job-priority,.tt-job-done{display:none;font-size:8px;padding:3px 5px;border-radius:4px;background:#47323b;color:#f4a8a8}
.tt-job-done{background:#1e4d3a;color:#86f6b6}
.tt-board-empty{text-align:center;font-size:10px;color:#8eafc2;padding:40px 5px 45px;line-height:1.6}
.tt-dashboard-foot{display:flex;justify-content:space-between;color:#83aebf;font-size:10px;align-items:center;padding:1px 2px}
.tt-dashboard-foot button{background:transparent;border:0;color:#64e4bd;font-size:10px;display:flex;align-items:center;gap:5px;padding:2px}
.tt-shell .page-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:37px;letter-spacing:-1.5px}
.tt-shell .kpi,.tt-shell .panel{border-color:var(--line);box-shadow:var(--shadow);background:var(--surface)}
.tt-shell .kpi-value{font-family:Georgia,"Times New Roman",serif}
.tt-shell .btn-primary{border-radius:7px}
.tt-shell .main-footer{padding:15px 22px}
[data-theme="light"] .tt-header{color:var(--ink)}
[data-theme="light"] .tt-brand-caption,[data-theme="light"] .tt-nav .nav-link,[data-theme="light"] .tt-hero-copy p,[data-theme="light"] .tt-hero-copy>span{color:#4f6a7a}
[data-theme="light"] .tt-nav .nav-link.active{color:#037551;background:#dcf6ec}
[data-theme="light"] .tt-due-badge{background:#fff7e6;color:#8f5a0a;border-color:#e8c583}
[data-theme="light"] .tt-demo-toggle{background:#fff0f0;color:#a45563}
[data-theme="light"] .tt-panel,[data-theme="light"] .tt-kpi{background:linear-gradient(145deg,#fff,#f1f9fd);border-color:#c2dce8;color:var(--ink)}
[data-theme="light"] .tt-panel-head h2,[data-theme="light"] .tt-kpi strong,[data-theme="light"] .tt-big-number,[data-theme="light"] .tt-orders-table td strong{color:#162f43}
[data-theme="light"] .tt-panel-caption,[data-theme="light"] .tt-kpi-title,[data-theme="light"] .tt-kpi small,[data-theme="light"] .tt-label-sub{color:#66869a}
[data-theme="light"] .tt-chart-guides,[data-theme="light"] .tt-bar-column small,[data-theme="light"] .tt-panel-count,[data-theme="light"] .tt-channel-legend small{color:#607d90}
[data-theme="light"] .tt-donut-hole{background:#eaf4f8;border-color:#bed9e6;color:#1c3549}
[data-theme="light"] .tt-donut-hole strong{color:#1c3549}
[data-theme="light"] .tt-connect-row,[data-theme="light"] .tt-board-column{background:#edf6fa;border-color:#d0e2e9}
[data-theme="light"] .tt-connect-row strong,[data-theme="light"] .tt-board-head,[data-theme="light"] .tt-printer-row strong{color:#1d3a4d}
[data-theme="light"] .tt-connect-row small,[data-theme="light"] .tt-printer-row small{color:#627e90}
[data-theme="light"] .tt-mini-job{background:#fff;border-color:#d0e2e9}
[data-theme="light"] .tt-mini-job-detail strong{color:#1e3b4f}
[data-theme="light"] .tt-mini-job-detail small,[data-theme="light"] .tt-mini-job-detail span{color:#698498}
[data-theme="light"] .tt-orders-table th{background:#e8f4f9;color:#54788b}
[data-theme="light"] .tt-orders-table td{color:#536c7c;border-color:#d6e5ed}
[data-theme="light"] .tt-orders-table{border-color:#d6e5ed}
[data-theme="light"] .tt-order-tabs button{background:#e8f3f8;color:#57778a;border-color:#cbdfe8}
[data-theme="light"] .tt-order-tabs button.selected{background:#d7f5e9;color:#0a8864}
[data-theme="light"] .tt-mini-job .tt-product-thumb{border-color:#b8d0dc}
[data-theme="light"] .tt-onboarding{background:#e2f5ee;color:#266a52}
[data-theme="light"] .tt-demo-warning{background:#ffedf1;color:#9c5466}
[data-theme="light"] .tt-outline-action{background:#e9fbf4;color:#0c8969}
[data-theme="light"] .tt-menu-popover{background:#fff}
@media(max-width:1620px){.tt-header{gap:12px;padding:0 15px}.tt-brand>strong{font-size:23px}.tt-brand-caption{font-size:9px;letter-spacing:1.7px}.tt-leaf{width:42px}.tt-nav .nav-link{font-size:11px;padding:8px 7px}.tt-search{max-width:200px}.tt-panel-caption.inline{display:none}}
@media(max-width:1450px){.tt-donut{width:124px;flex:0 1 124px}.tt-channel-layout{gap:8px}.tt-channel-legend{gap:9px}.tt-connect-row{gap:5px}.tt-market-logo{flex-basis:30px;height:33px;font-size:21px}.tt-disconnected{font-size:8px;padding:4px}.tt-connect-row button{font-size:9px;padding:5px}}
@media(max-width:1390px){.tt-due-badge span{display:none}.tt-search{max-width:176px}.tt-hero{grid-template-columns:minmax(290px,.85fr) minmax(0,2.4fr)}.tt-top-widgets{grid-template-columns:minmax(280px,2.08fr) minmax(205px,1fr) minmax(250px,1.23fr) minmax(240px,1.2fr)}.tt-bottom-widgets{grid-template-columns:1fr 1fr}}
@media(max-width:1250px){.tt-top-widgets{grid-template-columns:minmax(270px,1.5fr) minmax(200px,1fr) minmax(250px,1.2fr)}.tt-fleet{grid-column:1/-1;min-height:0}.tt-printer-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:0 15px}}
@media(max-width:1160px){.tt-menu-btn{display:inline-flex!important;margin-right:0;color:var(--ink)}.tt-nav{display:none}.tt-header-tools{margin-left:auto}.tt-search{max-width:300px}.tt-hero{grid-template-columns:1fr}.tt-hero-copy{padding:10px 0}.tt-kpi{min-height:165px}.tt-top-widgets{grid-template-columns:1.5fr 1fr}.tt-fleet{grid-column:auto}.tt-printer-lines{display:grid;grid-template-columns:1fr}.tt-bottom-widgets{grid-template-columns:1fr}.tt-fleet{min-height:262px}}
@media(max-width:730px){.tt-header{gap:8px;padding:0 12px;height:62px}.tt-leaf{width:33px;height:37px}.tt-brand>strong{font-size:20px}.tt-brand-rule,.tt-brand-caption{display:none}.tt-header-tools{gap:5px}.tt-search{max-width:40px;min-width:40px;width:40px;flex:0 0 40px;padding:0 10px}.tt-search:focus-within{position:absolute;left:65px;right:110px;max-width:none;width:auto;z-index:75;background:var(--surface)}.tt-search input{width:100%;min-width:0}.tt-search:not(:focus-within) input{opacity:0}.tt-due-badge,.tt-demo-toggle{display:none}.tt-theme-toggle{padding:0 9px}.tt-theme-toggle span{display:none}.tt-mobile-drawer{top:62px}.tt-shell .content{padding:15px 12px}.tt-hero{gap:10px}.tt-hero-copy h1{font-size:34px}.tt-hero-copy>span{font-size:13px}.tt-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-kpi{min-height:153px}.tt-kpi strong{font-size:29px}.tt-top-widgets{grid-template-columns:1fr}.tt-bottom-widgets{grid-template-columns:1fr}.tt-chart-area{height:170px}.tt-trend,.tt-channel-panel,.tt-connections,.tt-fleet{min-height:0}.tt-printer-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.tt-board{grid-template-columns:1fr}.tt-panel-head h2{font-size:14px}.tt-demo-warning{flex-wrap:wrap}.tt-dashboard-foot span{display:none}}
@media(max-width:450px){.tt-brand>strong{font-size:18px}.tt-kpi{padding:12px}.tt-kpi-title{font-size:12px}.tt-kpi-icon{width:36px;height:36px}.tt-product-thumb{width:37px;height:37px}.tt-printer-lines{grid-template-columns:1fr}.tt-channel-layout{height:180px}.tt-orders-panel,.tt-production-panel{padding:9px}.tt-orders-table{min-width:630px}}