/*
 * TruckTitan Control Center V6.0 — Operations Design System
 * Reference direction: premium fleet/operations UI, adapted as an original TruckTitan system.
 * Layered on V5.0 to preserve all legacy module layouts and behavior.
 */
:root{
  --tt-bg:#0b0d0c;
  --tt-bg-2:#101311;
  --tt-surface:#151816;
  --tt-surface-2:#1b1e1b;
  --tt-surface-3:#222622;
  --tt-surface-soft:#121512;
  --tt-line:rgba(255,255,255,.075);
  --tt-line-strong:rgba(255,255,255,.13);
  --tt-text:#f3f5ef;
  --tt-text-2:#c6cbc2;
  --tt-muted:#7f877c;
  --tt-muted-2:#5d655c;
  --tt-accent:#ddff67;
  --tt-accent-2:#bfe94b;
  --tt-cyan:#65d9f4;
  --tt-violet:#8c73ff;
  --tt-amber:#f0bb4e;
  --tt-red:#ff6d69;
  --tt-green:#66d58b;
  --tt-radius-xs:8px;
  --tt-radius-sm:12px;
  --tt-radius:16px;
  --tt-radius-lg:22px;
  --tt-shadow:0 18px 50px rgba(0,0,0,.22);
  --tt-shadow-soft:0 8px 26px rgba(0,0,0,.15);
  --tt-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html{background:var(--tt-bg);color-scheme:dark;scrollbar-color:#363c35 #0d100e}
body{margin:0;background:
  radial-gradient(1000px 680px at 76% -10%,rgba(221,255,103,.045),transparent 60%),
  radial-gradient(900px 700px at 10% 45%,rgba(101,217,244,.025),transparent 70%),
  var(--tt-bg);color:var(--tt-text);font-family:var(--tt-font);font-size:14px;letter-spacing:-.006em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
::selection{background:rgba(221,255,103,.25);color:#fff}
*{scrollbar-width:thin}

/* Shell */
.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:transparent}
.shell>main{min-width:0;padding:0 28px 54px;background:transparent}
#primary-sidebar{width:248px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:18px 14px;background:linear-gradient(180deg,#0e110f 0%,#0a0c0b 100%);border-right:1px solid var(--tt-line);color:var(--tt-text);overflow:hidden;z-index:50}
#primary-sidebar:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(300px 300px at 5% 0%,rgba(221,255,103,.045),transparent 65%)}
.brand{position:relative;z-index:1;display:block;margin:0 8px 24px;text-decoration:none;color:#fff}
.brand img{display:block;width:174px;max-width:100%;height:48px;object-fit:contain;object-position:left center;filter:brightness(1.08)}
.brand span{display:flex;align-items:center;gap:7px;margin-top:7px;color:#777f75;font-size:9px;font-weight:800;letter-spacing:1.65px}
.brand span:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--tt-accent);box-shadow:0 0 14px rgba(221,255,103,.6)}
.section-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 5px 8px;padding:0;color:#a2aaa0}
.section-head span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px}
.section-head small{padding:3px 6px;border:1px solid var(--tt-line);border-radius:999px;color:#626a60;font-size:8px;letter-spacing:.65px}
.section-nav{position:relative;z-index:1;display:grid;gap:5px;overflow:auto;padding:0 1px 12px}
.section-nav a{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:48px;padding:7px 10px;border:1px solid transparent;border-radius:12px;color:#aab1a7;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s}
.section-nav a span{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.75px;color:#5f685e}
.section-nav a b{font-size:11.5px;font-weight:680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-nav a:hover{transform:translateX(2px);background:#171a17;border-color:var(--tt-line);color:#fff}
.section-nav a.active{background:linear-gradient(120deg,rgba(221,255,103,.12),rgba(221,255,103,.035));border-color:rgba(221,255,103,.2);color:#fff;box-shadow:inset 3px 0 0 var(--tt-accent)}
.section-nav a.active span{color:var(--tt-accent)}
.section-nav .badge{background:var(--tt-red);color:#fff;border:2px solid #101310}
.aside-footer{position:relative;z-index:1;margin-top:auto;padding:12px 5px 0;border-top:1px solid var(--tt-line)}
.profile-link{display:grid!important;gap:1px!important;padding:10px!important;border-radius:11px!important;color:#d3d7cf!important;text-decoration:none!important;background:rgba(255,255,255,.02)!important}
.profile-link span{font-size:10px;font-weight:750}.profile-link small{font-size:9px;color:#656d64;overflow:hidden;text-overflow:ellipsis}
.logout{position:static!important;display:block;margin-top:4px;padding:9px 10px!important;color:#747c73!important;font-size:10px;text-decoration:none;border-radius:9px}.logout:hover{background:rgba(255,109,105,.08)!important;color:#ff8b87!important}

/* Workspace navigation */
.global-workspace-nav{position:sticky;top:0;z-index:39;display:flex;align-items:center;gap:4px;height:64px;margin:0 -28px 0;padding:0 28px;background:rgba(11,13,12,.82);border-bottom:1px solid var(--tt-line);backdrop-filter:blur(20px) saturate(130%)}
.global-workspace-nav a,.location-edge-trigger{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 11px;border:1px solid transparent;border-radius:999px;background:transparent;color:#787f76;text-decoration:none;box-shadow:none;font-size:10px;font-weight:730;white-space:nowrap;transition:.16s}
.global-workspace-nav a span,.location-edge-trigger span{font-size:12px;color:#5f665d}
.global-workspace-nav a:hover,.location-edge-trigger:hover{background:#181b18;border-color:var(--tt-line);color:#e8ebe4}
.global-workspace-nav a.active{background:#e9ede4;color:#151713;border-color:#f4f7ef;box-shadow:0 7px 22px rgba(0,0,0,.18)}
.global-workspace-nav a.active span{color:#171a15}.location-edge-trigger{color:#cfd5c9;background:rgba(221,255,103,.055);border-color:rgba(221,255,103,.13)}
.location-edge-trigger span{color:var(--tt-accent)}.workspace-nav-gap{width:12px;height:1px}

/* Topbar */
.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent}
.titleblock small{display:block;margin-bottom:4px;color:#666e64!important;font-size:9px!important;font-weight:820;letter-spacing:1.45px!important}.titleblock h1{margin:0;color:#f5f7f1;font-size:27px;line-height:1.08;font-weight:720;letter-spacing:-.9px}
.top-actions{display:flex;align-items:center;gap:8px}.search-trigger{display:flex;align-items:center;gap:9px;min-width:205px;height:40px;padding:0 12px;border:1px solid var(--tt-line);border-radius:999px;background:#141714;color:#8f978d;box-shadow:none}.search-trigger span{font-size:18px}.search-trigger b{font-size:10px;font-weight:650}.search-trigger kbd{margin-left:auto;padding:3px 6px;background:#0e100f;border:1px solid var(--tt-line);border-radius:6px;color:#656c63;font-size:8px}.iconbtn{position:relative;width:40px;height:40px;display:grid;place-items:center;background:#141714;border:1px solid var(--tt-line);border-radius:50%;color:#858d82;text-decoration:none}.iconbtn i{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff5f49;color:#fff;border:2px solid var(--tt-bg);font-size:8px;font-style:normal}.userpill{display:flex;align-items:center;gap:9px;padding:6px 10px 6px 8px;border:1px solid var(--tt-line);border-radius:999px;background:#141714;color:#d9ddd5;box-shadow:none}.userpill div{display:grid;font-size:10px;font-weight:700}.userpill small{color:#636a61!important;font-size:8px!important;text-transform:capitalize!important;letter-spacing:.2px!important}.userdot{width:8px;height:8px;border-radius:50%;background:var(--tt-accent);box-shadow:0 0 0 4px rgba(221,255,103,.08)}
.mobile-nav-toggle{display:none}

/* Generic surfaces */
.panel,.cards article,.workspace-overview,.authbox,.ajax-modal,.confirm-modal,.command-palette{background:linear-gradient(180deg,var(--tt-surface-2),var(--tt-surface));border:1px solid var(--tt-line);border-radius:var(--tt-radius);box-shadow:var(--tt-shadow-soft);color:var(--tt-text)}
.panel{position:relative;padding:20px;margin-bottom:14px;overflow:hidden}.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent)}
.panel h2{margin:0 0 12px;color:#f2f4ef;font-size:17px;font-weight:700;letter-spacing:-.35px}.panel h3{color:#aab1a7;font-size:10px;letter-spacing:1px}.paneltitle{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:15px}.paneltitle h2{margin:0}.paneltitle small{display:block;margin-bottom:5px;color:var(--tt-accent);font-size:8px;font-weight:800;letter-spacing:1.25px}.paneltitle p{margin:4px 0 0}.muted{color:var(--tt-muted)!important}

/* KPI cards */
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.cards article{position:relative;padding:17px 17px 15px;min-height:108px;overflow:hidden}.cards article:after{content:"";position:absolute;right:-30px;top:-38px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(221,255,103,.065),transparent 68%)}.cards span{display:block;color:#7d857b;font-size:9px;font-weight:780;text-transform:uppercase;letter-spacing:.85px}.cards strong{display:block;margin-top:8px;color:#f6f8f2;font-size:27px;line-height:1.1;font-weight:700;letter-spacing:-1px}.cards .smallstrong{font-size:21px!important}.kpi-delta{display:block!important;margin-top:7px!important;color:#656d63!important;font-size:9px!important;text-transform:none!important;letter-spacing:.1px!important}.kpi-delta.good{color:var(--tt-green)!important}.kpi-delta.warn{color:var(--tt-amber)!important}

/* Layout / operational stacks */
.erp-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.7fr);gap:14px}.erp-stack{display:grid;align-content:start;gap:0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-metric{padding:14px;border:1px solid var(--tt-line);border-radius:12px;background:#121512}.mini-metric small{display:block;color:#697067;font-size:8px;font-weight:760;text-transform:uppercase;letter-spacing:.8px}.mini-metric b{display:block;margin-top:5px;color:#f2f4ee;font-size:19px;font-weight:700}.activity-list{display:grid;gap:5px}.activity-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 10px;border:1px solid transparent;border-radius:11px;color:inherit;text-decoration:none;transition:.15s}.activity-item:hover{background:#20231f;border-color:var(--tt-line)}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--tt-cyan);box-shadow:0 0 12px rgba(101,217,244,.25)}.activity-item strong{display:block;color:#d9ddd5;font-size:11px;font-weight:680}.activity-item small{display:block;margin-top:1px;color:#697067;font-size:9px}.activity-item time{color:#8d958a;font-size:9px;text-align:right}

/* Forms */
.gridform,.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gridform label,.formgrid label,.authbox label{display:grid;gap:5px;color:#8c9488;font-size:9px;font-weight:700}.gridform label>span,.formgrid label>span{font-size:9px;font-weight:760;letter-spacing:.25px}input,textarea,select{width:100%;padding:10px 11px;border:1px solid var(--tt-line-strong);border-radius:10px;background:#101210;color:#e6e9e2;font:inherit;box-shadow:none;transition:.16s}input::placeholder,textarea::placeholder{color:#545b52}input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(221,255,103,.48);background:#131613;box-shadow:0 0 0 3px rgba(221,255,103,.055)}textarea{min-height:84px;resize:vertical}select option{background:#171a17;color:#fff}.check{color:#a2a99e}.check input{accent-color:var(--tt-accent)}
.btn,button{border:1px solid transparent;border-radius:10px;background:var(--tt-accent);color:#171a14;padding:10px 14px;font-weight:800;font-size:10px;cursor:pointer;box-shadow:none;transition:transform .15s,filter .15s,background .15s,border-color .15s}.btn:hover,button:hover{filter:brightness(1.03);transform:translateY(-1px)}.btn.secondary{background:#262b26;color:#ebeee7;border-color:var(--tt-line)}.btn.ghost{background:#171a17;color:#b3bab0;border:1px solid var(--tt-line);box-shadow:none}.btn.ghost:hover{background:#20241f;color:#fff;border-color:var(--tt-line-strong)}.btn.danger,.danger{background:rgba(255,109,105,.13);border-color:rgba(255,109,105,.22);color:#ff8c88}.inlineform{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inlineform input,.inlineform select{width:auto;min-width:165px}

/* Tables */
.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 9px}.table-search{position:relative;max-width:330px;flex:1}.table-search:before{content:"⌕";position:absolute;z-index:1;left:12px;top:7px;color:#5e665d;font-size:16px}.table-search input{padding-left:34px;background:#111411}.table-count{color:#5d655b;font-size:8px;font-weight:800;letter-spacing:.75px}.tablewrap{overflow:auto;border:1px solid var(--tt-line);border-radius:12px;background:#121512}table{width:100%;border-collapse:collapse;color:#aeb5aa;font-size:10.5px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid var(--tt-line);white-space:nowrap}th{position:sticky;top:0;z-index:2;background:#171a17;color:#646c62;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.75px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#1a1d1a}td b,td strong{color:#dce0d8}td a{color:var(--tt-accent);font-weight:700;text-decoration:none}td a:hover{text-decoration:underline}.dangerlink{color:#ff8783!important}

/* Status and data chips */
.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid transparent;border-radius:999px;font-size:8.5px;font-weight:780;white-space:nowrap;background:#1e221e}.status i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-success{background:rgba(102,213,139,.09);border-color:rgba(102,213,139,.13);color:#73dc96}.status-warning{background:rgba(240,187,78,.10);border-color:rgba(240,187,78,.14);color:#edbf61}.status-danger{background:rgba(255,109,105,.10);border-color:rgba(255,109,105,.14);color:#ff7c77}.status-info{background:rgba(101,217,244,.08);border-color:rgba(101,217,244,.13);color:#70d8ee}
.country-flag{display:inline-flex;align-items:center;gap:5px}.country-flag img{border-radius:3px}.country-flag b{font-size:9px}

/* Workflow */
.workflow-rail{display:flex;align-items:center;gap:7px;margin:0 0 14px;padding:8px;border:1px solid var(--tt-line);border-radius:13px;background:#121512;box-shadow:none;overflow:auto}.workflow-step{display:flex;align-items:center;gap:8px;min-width:138px;padding:8px 10px;border-radius:9px;color:#737b71;text-decoration:none}.workflow-step:hover{background:#1b1e1b}.workflow-step.active{background:#e9ede5;color:#171a15}.workflow-step em{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#1f231f;color:#727a70;font-size:8px;font-style:normal;font-weight:800}.workflow-step.active em{background:#151815;color:var(--tt-accent)}.workflow-step span{display:grid}.workflow-step small{color:#5c645b;font-size:7px;letter-spacing:.7px}.workflow-step.active small{color:#666d64}.workflow-step b{font-size:10px}.workflow-arrow{color:#3d433c;font-style:normal}

/* Kanban / cards */
.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:10px}.kanban article,.route-stops article,.gpsgrid article{padding:13px;border:1px solid var(--tt-line);border-radius:12px;background:#121512}.gallery figure{border:1px solid var(--tt-line);background:#121512;border-radius:12px;overflow:hidden}.gallery figcaption{color:#899087}.notice{padding:13px;border:1px solid var(--tt-line);border-radius:11px;background:#121512}.notice.unread{border-left:3px solid var(--tt-accent);background:rgba(221,255,103,.035)}.span3{border:1px solid var(--tt-line);border-radius:11px;background:#111411}

/* Map drawer */
.tt-location-drawer{margin:0 0 14px;border:1px solid var(--tt-line);border-radius:18px;background:#101310;color:#fff;box-shadow:var(--tt-shadow);overflow:hidden}.tt-location-head{border-color:var(--tt-line)!important;background:#141714!important}.tt-location-head small{color:var(--tt-accent)!important}.tt-map-stage{background:#0d100e!important}.tt-map-grid{opacity:.22!important}.tt-country-shape{fill:#171d18!important;stroke:#394137!important}.tt-dach-map text{fill:#555d54!important}.tt-map-status{background:rgba(14,17,15,.82)!important;border-color:var(--tt-line)!important}.pulse-dot{background:var(--tt-accent)!important;box-shadow:0 0 0 4px rgba(221,255,103,.08)!important}.tt-location-foot{border-color:var(--tt-line)!important;background:#101310!important}

/* Modals / command palette */
.command-backdrop,.ajax-backdrop,.confirm-backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.command-palette,.ajax-modal,.confirm-modal{border-color:var(--tt-line-strong);box-shadow:0 34px 110px rgba(0,0,0,.6)}.command-search{border-color:var(--tt-line)}.command-search input{background:transparent;border:0}.command-search kbd{background:#0f120f;border-color:var(--tt-line);color:#6c7469}.command-hint{color:#626a60}.command-item{color:#bdc3ba}.command-item:hover,.command-item.selected{background:rgba(221,255,103,.07)}.command-type{color:#687066}.command-item strong{color:var(--tt-accent)}.confirm-icon{background:rgba(255,109,105,.1);color:var(--tt-red)}

/* Messenger */
.tt-messenger-tab{background:var(--tt-accent)!important;color:#151813!important;border-color:rgba(255,255,255,.1)!important}.tt-messenger,.tt-call-card,.tt-incoming-call{background:#111411!important;border-color:var(--tt-line-strong)!important;color:#fff!important;box-shadow:0 30px 100px rgba(0,0,0,.55)!important}.tt-messenger-head,.tt-chat-top,.tt-contact-tools,.tt-compose{background:#161916!important;border-color:var(--tt-line)!important}.tt-contact-list,.tt-chat-pane,.tt-message-list{background:#0e110f!important}.tt-contact:hover,.tt-contact.active{background:#1b1f1b!important}.tt-msg{background:#1c201c!important;color:#ccd2c8!important}.tt-msg.mine{background:rgba(221,255,103,.13)!important;color:#eef4df!important}

/* Auth */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(850px 550px at 50% -10%,rgba(221,255,103,.08),transparent 62%),#080a09}.auth:before{opacity:.32}.authbox{width:min(440px,94vw);display:grid;gap:13px;padding:32px;border-radius:20px}.authbox img{width:200px;max-height:60px;object-fit:contain;object-position:left}.authbox small{color:var(--tt-accent);font-size:8px;font-weight:800;letter-spacing:1.7px}.authbox h1{margin:1px 0 7px;font-size:28px;letter-spacing:-1px}.authbox button{margin-top:4px;height:43px}.error,.flash{padding:11px 13px;border-radius:10px}.error{background:rgba(255,109,105,.1);border:1px solid rgba(255,109,105,.16);color:#ff8b87}.flash{margin-bottom:13px;background:rgba(102,213,139,.08);border:1px solid rgba(102,213,139,.16);color:#88dda3}

/* V6 dashboard composition */
.tt-v6-command-strip{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:10px;margin-bottom:14px}.tt-v6-command-main,.tt-v6-command-side{position:relative;overflow:hidden;padding:18px;border:1px solid var(--tt-line);border-radius:16px;background:#151815}.tt-v6-command-main:after{content:"";position:absolute;right:-80px;bottom:-120px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(221,255,103,.09),transparent 68%)}.tt-v6-command-main small{color:var(--tt-accent);font-size:8px;font-weight:820;letter-spacing:1.15px}.tt-v6-command-main h2{margin:5px 0 4px;font-size:18px;letter-spacing:-.4px}.tt-v6-command-main p{max-width:640px;margin:0;color:#747c72;font-size:10px}.tt-v6-actions{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.tt-v6-actions a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--tt-line);border-radius:9px;background:#1b1e1b;color:#c4cac0;text-decoration:none;font-size:9px;font-weight:720}.tt-v6-actions a:first-child{background:var(--tt-accent);border-color:var(--tt-accent);color:#161914}.tt-v6-actions a span{font-size:13px}.tt-v6-command-side{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-content:center}.tt-v6-command-side div{padding:10px;border:1px solid var(--tt-line);border-radius:10px;background:#111411}.tt-v6-command-side small{display:block;color:#5f675e;font-size:7.5px;font-weight:800;text-transform:uppercase;letter-spacing:.65px}.tt-v6-command-side strong{display:block;margin-top:5px;font-size:14px;color:#e8ece4}.tt-v6-command-side i{display:block;width:100%;height:3px;margin-top:7px;border-radius:99px;background:#262b26;overflow:hidden}.tt-v6-command-side i:after{content:"";display:block;height:100%;width:72%;background:var(--tt-accent);border-radius:inherit}.tt-v6-command-side div:nth-child(2) i:after{width:54%;background:var(--tt-cyan)}.tt-v6-command-side div:nth-child(3) i:after{width:84%;background:var(--tt-violet)}

/* Map panel */
.map-panel{padding:18px}.map-panel .tt-map-shell,.map-panel [class*="map"]{border-color:var(--tt-line)}

/* Utility compatibility */
a{outline-color:var(--tt-accent)}.empty-state{padding:22px;color:#687066;text-align:center}.profilehead{display:flex;align-items:center;gap:16px}.avatar{border-color:#2b312b}.permgrid label{border-color:var(--tt-line)}

@media(max-width:1180px){
  .cards{grid-template-columns:repeat(2,1fr)}.tt-v6-command-strip{grid-template-columns:1fr}.global-workspace-nav{overflow:auto}.workspace-nav-gap{display:none}.search-trigger{min-width:42px;width:42px;padding:0;justify-content:center}.search-trigger b,.search-trigger kbd{display:none}.erp-grid{grid-template-columns:1fr}
}
@media(max-width:920px){
  .shell{grid-template-columns:1fr}.shell>main{padding:0 16px 36px}.global-workspace-nav{margin:0 -16px;padding:0 16px;height:58px}
  #primary-sidebar{position:fixed;left:0;top:0;transform:translateX(-105%);transition:transform .25s ease;width:min(300px,86vw);height:100dvh;box-shadow:28px 0 70px rgba(0,0,0,.45)}#primary-sidebar.open,#primary-sidebar[data-open="true"]{transform:translateX(0)}
  .mobile-nav-toggle{display:inline-flex;align-items:center;gap:4px;width:40px;height:40px;padding:10px;border:1px solid var(--tt-line);border-radius:10px;background:#151815}.mobile-nav-toggle span{display:block;width:15px;height:1px;background:#a2aaa0}.mobile-nav-toggle b{display:none}.topbar{height:84px}.topbar-leading{display:flex;align-items:center;gap:12px}.gridform,.formgrid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .cards,.gridform,.formgrid{grid-template-columns:1fr}.cards article{min-height:96px}.topbar{height:auto;padding:15px 0;align-items:flex-start}.top-actions{width:100%;justify-content:flex-end}.titleblock h1{font-size:23px}.userpill{max-width:180px}.userpill div{overflow:hidden}.tt-v6-command-side{grid-template-columns:1fr}.panel{padding:15px;border-radius:14px}.paneltitle{flex-direction:column}.metric-row{grid-template-columns:1fr}.workflow-arrow{display:none}.workflow-step{min-width:126px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-search{width:100%;max-width:none}.global-workspace-nav a,.location-edge-trigger{height:34px;padding:0 9px}.global-workspace-nav b{font-size:9px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Specificity bridge for legacy V5 declarations that intentionally used !important. */
.tt-v6 .global-workspace-nav{position:sticky!important;top:0!important;z-index:39!important;display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:4px!important;min-height:64px!important;height:64px!important;margin:0 -28px 0!important;padding:0 28px!important;background:rgba(11,13,12,.84)!important;border:0!important;border-bottom:1px solid var(--tt-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(20px) saturate(130%)!important;-webkit-backdrop-filter:blur(20px) saturate(130%)!important}
.tt-v6 .global-workspace-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:#787f76!important;box-shadow:none!important;font-size:10px!important;font-weight:730!important}
.tt-v6 .global-workspace-nav a span{background:transparent!important;color:#5f665d!important}.tt-v6 .global-workspace-nav a:hover{background:#181b18!important;border-color:var(--tt-line)!important;color:#e8ebe4!important}.tt-v6 .global-workspace-nav a.active{background:#e9ede4!important;border-color:#f4f7ef!important;color:#151713!important;box-shadow:0 7px 22px rgba(0,0,0,.18)!important}.tt-v6 .global-workspace-nav a.active span{background:transparent!important;color:#171a15!important}
.tt-v6 .location-edge-trigger{align-self:auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:36px!important;height:36px!important;padding:0 11px!important;border:1px solid rgba(221,255,103,.13)!important;border-radius:999px!important;background:rgba(221,255,103,.055)!important;color:#cfd5c9!important;box-shadow:none!important}.tt-v6 .location-edge-trigger span{color:var(--tt-accent)!important}
.tt-v6 .topbar{height:94px!important}.tt-v6 .search-trigger{height:40px!important;padding:0 12px!important;border:1px solid var(--tt-line)!important;border-radius:999px!important;background:#141714!important;color:#8f978d!important;box-shadow:none!important}.tt-v6 .iconbtn{display:grid!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid var(--tt-line)!important;border-radius:50%!important;background:#141714!important;color:#858d82!important;box-shadow:none!important}.tt-v6 .userpill{height:auto!important;padding:6px 10px 6px 8px!important;border:1px solid var(--tt-line)!important;border-radius:999px!important;background:#141714!important;box-shadow:none!important}
.tt-v6 .btn.ghost,.auth .btn.ghost{background:#171a17!important;color:#b3bab0!important;border:1px solid var(--tt-line)!important;box-shadow:none!important}.tt-v6 .btn.ghost:hover{background:#20241f!important;color:#fff!important;border-color:var(--tt-line-strong)!important}.tt-v6 .btn.secondary{background:#262b26!important;color:#ebeee7!important;border-color:var(--tt-line)!important}.tt-v6 .btn.danger,.tt-v6 .danger{background:rgba(255,109,105,.13)!important;border-color:rgba(255,109,105,.22)!important;color:#ff8c88!important}
.tt-v6 .activity-item{padding:11px 10px!important;border:1px solid transparent!important;border-radius:11px!important;color:inherit!important}.tt-v6 .activity-item:hover{background:#20231f!important;border-color:var(--tt-line)!important}.tt-v6 .activity-dot{width:7px!important;height:7px!important;background:var(--tt-cyan)!important;box-shadow:0 0 12px rgba(101,217,244,.25)!important}
.tt-v6 .workflow-rail{border:1px solid var(--tt-line)!important;border-radius:13px!important;background:#121512!important;padding:8px!important;box-shadow:none!important}.tt-v6 .workflow-step{border-radius:9px!important}.tt-v6 .workflow-step.active{background:#e9ede5!important;color:#171a15!important}.tt-v6 .workflow-arrow{color:#3d433c!important}
.tt-v6 .notice,.tt-v6 .kanban article,.tt-v6 .route-stops article,.tt-v6 .gallery figure{border-color:var(--tt-line)!important;background:#121512!important;box-shadow:none!important}.tt-v6 .notice.unread{border-left:3px solid var(--tt-accent)!important;background:rgba(221,255,103,.035)!important}
.tt-v6 .command-backdrop,.tt-v6 .ajax-backdrop,.tt-v6 .confirm-backdrop{background:rgba(0,0,0,.68)!important;backdrop-filter:blur(8px)!important}.tt-v6 .command-palette,.tt-v6 .ajax-modal,.tt-v6 .confirm-modal{border:1px solid var(--tt-line-strong)!important;box-shadow:0 34px 110px rgba(0,0,0,.6)!important}.tt-v6 .confirm-icon{background:rgba(255,109,105,.1)!important;color:var(--tt-red)!important}
.tt-v6 .dach-map-card{border-color:var(--tt-line)!important;box-shadow:none!important}.tt-v6 .dach-map-stage{background:#0d100e!important}.tt-v6 .map-toolbar{border-color:var(--tt-line)!important}.tt-v6 .map-controls button{border:1px solid var(--tt-line)!important;background:#171a17!important;color:#b3bab0!important;box-shadow:none!important}
.tt-v6 .calendar-grid{border-color:var(--tt-line)!important}.tt-v6 .calendar-cell{background:#121512!important}.tt-v6 .calendar-cell:hover{background:#1a1d1a!important}.tt-v6 .calendar-cell.drag-over{border-color:var(--tt-accent)!important;background:rgba(221,255,103,.04)!important;box-shadow:inset 0 0 0 2px rgba(221,255,103,.08)!important}
.tt-v6 .web-tabbar a{background:#171a17!important;color:#888f85!important;border:1px solid var(--tt-line)!important}.tt-v6 .web-tabbar a.active{background:var(--tt-accent)!important;color:#151813!important;border-color:var(--tt-accent)!important}
.tt-v6 .tt-messenger-tab{background:var(--tt-accent)!important;color:#151813!important;border-color:rgba(255,255,255,.1)!important}.tt-v6 .tt-messenger,.tt-v6 .tt-call-card,.tt-v6 .tt-incoming-call{background:#111411!important;border-color:var(--tt-line-strong)!important;color:#fff!important;box-shadow:0 30px 100px rgba(0,0,0,.55)!important}.tt-v6 .tt-messenger-head,.tt-v6 .tt-chat-top,.tt-v6 .tt-contact-tools,.tt-v6 .tt-compose{background:#161916!important;border-color:var(--tt-line)!important}.tt-v6 .tt-contact-list,.tt-v6 .tt-chat-pane,.tt-v6 .tt-message-list{background:#0e110f!important}.tt-v6 .tt-contact{background:#121512!important;color:#cdd2c9!important;border-bottom:1px solid var(--tt-line)!important}.tt-v6 .tt-contact:hover,.tt-v6 .tt-contact.active{background:#1b1f1b!important}
@media(max-width:920px){.tt-v6 .global-workspace-nav{margin:0 -16px!important;padding:0 16px!important;min-height:58px!important;height:58px!important}.tt-v6 .global-workspace-nav a{min-width:max-content!important;min-height:34px!important;height:34px!important;padding:0 9px!important}.tt-v6 .location-edge-trigger{min-height:34px!important;height:34px!important;padding:0 9px!important}.tt-v6 #primary-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(300px,86vw)!important;height:100dvh!important;transform:translateX(-105%)!important;padding:18px 14px!important;box-shadow:28px 0 70px rgba(0,0,0,.45)!important}.tt-v6.nav-open #primary-sidebar{transform:translateX(0)!important}.tt-v6 .section-nav{display:grid!important;grid-template-columns:1fr!important;overflow:auto!important}}
@media(max-width:620px){.tt-v6 .global-workspace-nav{margin:0 -16px!important;padding:0 16px!important}.tt-v6 .search-trigger{display:none!important}.tt-v6 .iconbtn{display:none!important}}
