:root{
  /* ==== ESSIA brand tokens — source of truth: essia.ru ==== */
  --essia-bg:#07100e;
  --essia-bg2:#0b1513;
  --essia-chrome:rgba(18,30,27,.72);
  --essia-chrome-line:rgba(255,255,255,.10);
  --essia-chrome-line-soft:rgba(255,255,255,.06);
  --essia-chrome-text:#f2f5f3;
  --essia-chrome-muted:#9da9a5;
  --essia-accent:#a7c8b8;
  --essia-accent-2:#6d9a86;
  --essia-green-deep:#35604e;
  --essia-green-deeper:#27483b;
  --essia-surface:#f6f4f1;
  --essia-card:#ffffff;
  --essia-line:#e8e8e8;
  --essia-line-soft:#ececec;
  --essia-text:#18181b;
  --essia-muted:#71717a;
  --essia-soft:#f4f4f5;
  --essia-danger:#a5453a;
  --essia-radius:20px;
  --essia-radius-sm:12px;
  --essia-shadow:0 14px 34px rgba(16,24,21,.08);
  /* ==== legacy --garage-* aliases (Phase 2 modules reuse these) ==== */
  --garage-bg:var(--essia-surface);
  --garage-card:var(--essia-card);
  --garage-line:var(--essia-line);
  --garage-text:var(--essia-text);
  --garage-muted:var(--essia-muted);
  --garage-copper:var(--essia-accent-2);
  --garage-copper-dark:var(--essia-green-deep);
  --garage-soft:var(--essia-soft);
  --garage-radius:var(--essia-radius);
  --garage-shadow:var(--essia-shadow);
}
body{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
::selection{background:rgba(167,200,184,.30)}
*{box-sizing:border-box}.garage-shell{min-height:100vh;background:var(--garage-bg);font-size:13px;color:var(--garage-text)}.garage-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;width:246px;display:flex;flex-direction:column;overflow:hidden;border-radius:0;background:#fff;box-shadow:18px 0 44px rgba(16,16,16,.06)}.garage-sidebar-image{position:absolute;left:0;right:0;bottom:0;top:auto;z-index:0;height:470px;background-size:cover;background-position:center bottom;background-repeat:no-repeat;opacity:1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 78%,transparent 100%)}.garage-logo{position:relative;z-index:2;display:block;padding:30px 22px 23px;text-align:center;text-decoration:none;color:#121212}.garage-logo span{display:block;font-size:25px;line-height:1;letter-spacing:.41em;font-weight:500}.garage-logo em{margin-top:11px;display:flex;align-items:center;justify-content:center;gap:12px;font-style:normal;font-size:10px;line-height:1;letter-spacing:.28em;font-weight:700;color:var(--garage-copper)}.garage-logo i{display:block;width:34px;height:1px;background:#E4E4E7}.garage-nav{position:relative;z-index:2;flex:1;min-height:0;max-height:none;overflow-y:auto;padding:0 18px 180px;scrollbar-width:thin}.garage-nav-item{position:relative;display:flex;align-items:center;gap:16px;height:47px;margin:4px 0;border-radius:16px;padding:0 16px;color:#141414;text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap;transition:.15s ease}.garage-nav-item:hover{background:rgba(247,245,242,.92)}.garage-nav-item.is-active{background:#f0eeec;box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.garage-nav-item.is-active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:5px;border-radius:0 5px 5px 0;background:var(--garage-copper)}.garage-icon{width:21px;height:21px;display:grid;place-items:center;flex:none;color:#111}.garage-icon i{font-size:18px;line-height:1}.garage-nav-item.is-active .garage-icon{color:var(--garage-copper)}.garage-sidebar-bottom{position:relative;z-index:2;margin-top:auto;padding:0 20px 26px;color:#fff}.garage-user-card{display:flex;align-items:center;gap:12px;margin-bottom:24px}.garage-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#374151,#1a120f);box-shadow:0 0 0 3px rgba(255,255,255,.28)}.garage-avatar span{position:absolute;right:1px;bottom:1px;width:13px;height:13px;border-radius:50%;background:#24bb70;border:2px solid #122025}.garage-user-card b{display:block;font-size:13px;line-height:1.15}.garage-user-card small{display:block;margin-top:4px;font-size:12px;color:rgba(255,255,255,.72)}.garage-bottom-actions{display:flex;gap:22px}.garage-bottom-actions button{position:relative;width:48px;height:48px;border:0;border-radius:50%;background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);font-size:18px}.garage-bottom-actions span{position:absolute;right:2px;top:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#1f2937;color:#fff;font-size:11px;font-weight:800;line-height:18px}.garage-main{margin-left:246px;min-width:0;min-height:100vh}.garage-topbar{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;gap:18px;padding:16px 22px 12px;background:rgba(246,243,239,.9);backdrop-filter:blur(12px)}.garage-global-search{height:44px;max-width:520px;flex:1;display:flex;align-items:center;gap:13px;padding:0 14px;border:1px solid var(--garage-line);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 7px 18px rgba(18,18,18,.05)}.garage-global-search span{color:#7b7773}.garage-global-search p{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#78736f;font-size:13px}.garage-global-search kbd{margin-left:auto;border:0;border-radius:9px;background:#f0eeec;padding:5px 8px;color:#76716c;font-size:11px}.garage-top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.garage-top-actions button{position:relative;width:42px;height:42px;border:0;border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(20,16,12,.07)}.garage-top-actions button span{position:absolute;right:5px;top:3px;min-width:16px;height:16px;border-radius:99px;background:#1f2937;color:#fff;font-size:10px;font-weight:800;line-height:16px}.garage-create{height:42px;display:inline-flex;align-items:center;gap:9px;padding:0 20px;border-radius:13px;background:var(--garage-copper);color:#fff;text-decoration:none;font-weight:700;box-shadow:0 9px 18px rgba(31,41,55,.2)}.garage-plus{background:transparent!important;box-shadow:none!important;color:#9a928d}.garage-profile{display:flex;align-items:center;gap:10px;margin-left:4px}.garage-profile>div{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#374151,#22130f)}.garage-profile p{margin:0;line-height:1.15}.garage-profile b{font-size:13px}.garage-profile small{display:block;margin-top:3px;color:#77736f;font-size:11px}.garage-content{padding:0 22px 24px}.garage-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:14px}.garage-left{min-width:0}.garage-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:14px}.garage-stat{height:86px;border:1px solid var(--garage-line);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 9px 20px rgba(25,20,16,.05);display:flex;align-items:center;gap:14px;padding:15px 17px}.garage-stat-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:#f1f4ff;color:#3b65d8;font-size:18px}.garage-stat:nth-child(3) .garage-stat-icon{background:#f4f4f5;color:#1f2937}.garage-stat:nth-child(4) .garage-stat-icon{background:#f4f4f5;color:#1f2937}.garage-stat:nth-child(5) .garage-stat-icon{background:#eaf8f1;color:#17875a}.garage-stat h4{margin:0 0 3px;font-size:12px;font-weight:700;color:#3e3935}.garage-stat strong{display:block;margin-bottom:1px;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.04em}.garage-stat small{font-size:11px;color:#126b45}.garage-stat small.minus{color:#1f2937}.garage-revenue{grid-column:auto}.garage-revenue strong{font-size:20px;white-space:nowrap}.garage-spark{margin-left:auto;width:72px;height:42px;display:grid!important;place-items:center;font-size:34px;color:var(--garage-copper)}.garage-kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:14px}.garage-lane2{min-height:354px;border:1px solid var(--garage-line);border-radius:18px;background:rgba(255,255,255,.54);padding:12px}.garage-lane-title{display:flex;align-items:center;gap:10px;margin:0 0 11px;font-size:13px;font-weight:800}.garage-lane-title span:last-child{font-weight:700;color:#77716d}.garage-order-card{position:relative;min-height:86px;margin-bottom:9px;border:1px solid #E8E8E8;border-radius:13px;background:#fff;box-shadow:0 7px 15px rgba(22,18,15,.06);padding:13px 12px 12px 50px;overflow:hidden}.garage-order-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#5c8fe9}.garage-lane2:nth-child(3) .garage-order-card:before{background:#1f2937}.garage-lane2:nth-child(4) .garage-order-card:before{background:#7166e8}.garage-lane2:nth-child(5) .garage-order-card:before{background:#27a86b}.brand-dot{position:absolute;left:13px;top:15px;width:25px;height:25px;border-radius:50%;border:1px solid #ddd;display:grid;place-items:center;font-size:12px;font-weight:900;color:#111;background:#fff}.garage-order-card b{display:block;font-size:12px;line-height:1.25}.garage-order-card em{position:absolute;right:12px;top:12px;font-size:10px;font-style:normal;color:#7c7772}.garage-order-card p{margin:5px 0 0;color:#5e5955;font-size:11px;line-height:1.35}.garage-order-card small{display:inline-flex;margin-top:6px;border-radius:99px;background:#f4f4f5;padding:3px 7px;color:#1f2937;font-size:10px;font-weight:700}.garage-add{display:flex;align-items:center;gap:8px;color:#6d6762;text-decoration:none;font-size:11px;padding:2px 0 0 7px}.garage-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:12px}.garage-active-order{border:1px solid var(--garage-line);border-radius:18px;background:#fff;box-shadow:0 10px 22px rgba(20,16,12,.06);overflow:hidden}.garage-order-head{display:grid;grid-template-columns:240px minmax(0,1fr) 236px;gap:18px;padding:14px 14px 0}.garage-car-img{height:142px;display:flex;align-items:center;justify-content:center}.garage-car-img img{max-width:100%;max-height:130px;object-fit:contain}.garage-order-info h2{margin:0 0 5px;font-size:20px;line-height:1;font-weight:800;letter-spacing:-.02em}.garage-order-info .badge{display:inline-flex;margin-left:8px;vertical-align:middle;border-radius:7px;background:#e9efff;padding:4px 9px;color:#3b55a0;font-size:11px}.garage-order-info h3{margin:20px 0 6px;font-size:19px}.garage-order-info p{margin:0 0 5px;color:#6c6762;font-size:12px}.garage-tags{display:flex;gap:6px;margin-top:11px}.garage-tags span{border-radius:10px;background:#F4F4F5;padding:6px 11px;font-size:11px;font-weight:700}.garage-client-mini{align-self:center;border:1px solid #E8E8E8;border-radius:15px;padding:14px;background:#fff;box-shadow:0 8px 18px rgba(20,16,12,.04)}.garage-client-mini b{display:block;margin-bottom:6px}.garage-client-mini p{margin:0 0 10px;color:#57524e}.garage-client-actions{display:flex;gap:8px}.garage-client-actions span{width:33px;height:33px;border-radius:11px;background:#f5f3f1;display:grid;place-items:center}.garage-tabs{display:flex;gap:22px;border-bottom:1px solid #ebe6e0;padding:0 16px}.garage-tabs a{padding:11px 0 10px;color:#655f5a;text-decoration:none;font-size:12px}.garage-tabs a:first-child{color:#111;border-bottom:2px solid var(--garage-copper);font-weight:800}.garage-work-table{width:100%;border-collapse:collapse;font-size:11px}.garage-work-table th{padding:8px 13px;text-align:left;color:#77716d;font-weight:600}.garage-work-table td{padding:7px 13px;border-top:1px solid #f0ece8;color:#403b37}.garage-work-table input{accent-color:var(--garage-copper)}.garage-work-table .done{color:#159a63;font-weight:700}.garage-bottom-widgets{display:grid;grid-template-columns:1.2fr 1fr 1.1fr;gap:12px;margin-top:12px}.garage-widget{border:1px solid var(--garage-line);border-radius:18px;background:#fff;padding:13px;box-shadow:0 8px 18px rgba(20,16,12,.05)}.garage-widget h4{margin:0 0 9px;font-size:12px}.garage-progress-row{display:grid;grid-template-columns:54px 1fr 34px;gap:10px;align-items:center;margin:9px 0;font-size:11px}.garage-progress{height:5px;border-radius:99px;background:#EDEDED;overflow:hidden}.garage-progress i{display:block;height:100%;border-radius:inherit;background:var(--garage-copper)}.garage-stock{display:grid;grid-template-columns:1fr 36px;gap:7px;align-items:center;margin:7px 0}.garage-stock p{margin:0;font-size:11px}.garage-stock small{display:block;color:#9a3326}.garage-stock button{height:30px;border:1px solid #E8E8E8;border-radius:9px;background:#faf8f6}.garage-recent{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin:6px 0;font-size:11px}.garage-right{display:flex;flex-direction:column;gap:12px}.garage-side-card{border:1px solid var(--garage-line);border-radius:18px;background:#fff;padding:15px;box-shadow:0 8px 18px rgba(20,16,12,.05)}.garage-pay .close{float:right;color:#7e7872}.garage-pay h3{margin:6px 0 16px;font-size:28px;letter-spacing:-.04em}.garage-pay-line{display:flex;justify-content:space-between;border-bottom:1px solid #EDEDED;padding:8px 0;font-size:12px}.garage-pay-line b.copper{color:var(--garage-copper)}.garage-side-btn{width:100%;height:42px;margin-top:12px;border:0;border-radius:12px;background:var(--garage-copper);color:#fff;font-weight:800}.garage-secondary-btn{width:100%;height:38px;margin-top:8px;border:1px solid #E4E4E7;border-radius:11px;background:#faf8f6;color:#2f2b27;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.garage-timeline h4,.garage-side-card h4{margin:0 0 12px;font-size:13px}.garage-time-row{display:grid;grid-template-columns:15px 64px 1fr 54px;gap:8px;align-items:start;margin:0 0 10px;font-size:10px;color:#6f6964}.garage-time-row i{width:8px;height:8px;margin-top:3px;border:2px solid #b6b0aa;border-radius:50%;background:#fff}.garage-time-row.active i{border-color:var(--garage-copper);background:var(--garage-copper)}.garage-time-row p{margin:0;color:#333}.garage-next{display:flex;align-items:center;gap:10px}.garage-next span{width:34px;height:34px;border-radius:12px;background:#f4f4f5;display:grid;place-items:center}.garage-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.garage-quick a{min-height:58px;border-radius:12px;background:#F4F4F5;text-decoration:none;color:#2f2b27;text-align:center;padding:9px 5px;font-size:10px}.garage-quick b{display:block;font-size:19px;margin-bottom:4px}.garage-top-actions i,.garage-bottom-actions i{font-size:16px}.garage-stat-icon i{font-size:17px}.garage-client-actions i,.garage-next i,.garage-stock button i{font-size:14px}.garage-work-table i{color:#6c6762}.garage-add i{font-size:11px}.garage-quick i{font-size:18px}@media(max-width:1400px){.garage-stats{grid-template-columns:repeat(3,1fr)}.garage-kanban{grid-template-columns:repeat(3,1fr)}.garage-dashboard{grid-template-columns:1fr}.garage-right{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.garage-sidebar{display:none}.garage-main{margin-left:0}.garage-topbar{height:auto;flex-wrap:wrap}.garage-top-actions{width:100%;overflow-x:auto}.garage-dashboard,.garage-detail-grid,.garage-order-head,.garage-bottom-widgets{grid-template-columns:1fr}.garage-stats,.garage-kanban{grid-template-columns:1fr}.garage-right{display:flex}.garage-content{padding:0 14px 20px}}
.garage-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 326px;gap:14px;align-items:start}.garage-left{display:contents}.garage-stats,.garage-kanban{grid-column:1/-1;width:100%;margin-bottom:0}.garage-detail-grid{grid-column:1/2}.garage-bottom-widgets{grid-column:1/2;margin-top:0}.garage-dashboard>aside.garage-right{grid-column:2/3;grid-row:3/span 2}@media(max-width:1400px){.garage-dashboard{grid-template-columns:1fr}.garage-left{display:block}.garage-dashboard>aside.garage-right{grid-column:auto;grid-row:auto}.garage-bottom-widgets{margin-top:12px}}@media(max-width:1023px){.garage-left{display:block}.garage-stats,.garage-kanban,.garage-detail-grid,.garage-bottom-widgets{grid-column:auto}}

.garage-logo span{letter-spacing:.38em;color:#fff;font-weight:600}
.garage-logo em{color:var(--essia-accent)}
.garage-logo i{background:rgba(255,255,255,.22)}
.garage-sidebar-image{display:none!important}
/* --- collapsible nav groups --- */
.garage-nav-group{margin:2px 0 8px}
.garage-nav-group-head{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:0 16px;border:0;border-radius:14px;background:transparent;color:var(--essia-chrome-muted);font:inherit;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease}
.garage-nav-group-head:hover{background:rgba(255,255,255,.06);color:#fff}
.garage-nav-group-head:focus-visible{outline:2px solid var(--essia-accent);outline-offset:-2px}
.garage-nav-group-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.garage-nav-group-chevron{flex:none;display:grid;place-items:center;width:18px;height:18px;font-size:10px;color:rgba(242,245,243,.42);transition:transform .25s cubic-bezier(.4,0,.2,1),color .15s ease}
.garage-nav-group.is-expanded .garage-nav-group-chevron{transform:rotate(180deg)}
.garage-nav-group.is-active>.garage-nav-group-head{color:var(--essia-accent)}
.garage-nav-group.is-active>.garage-nav-group-head .garage-nav-group-chevron{color:var(--essia-accent)}
.garage-nav-group-body{display:grid;grid-template-rows:0fr}
.garage-nav.is-ready .garage-nav-group-body{transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}
.garage-nav-group.is-expanded>.garage-nav-group-body{grid-template-rows:1fr}
.garage-nav-group-inner{min-height:0;overflow:hidden;margin:0 -18px;padding:0 18px}
.garage-sidebar-bottom{position:relative;z-index:2;margin-top:auto;padding:16px 20px 24px;color:var(--essia-chrome-text);text-shadow:none;border-top:1px solid var(--essia-chrome-line-soft)}

.garage-sidebar{background:radial-gradient(125% 55% at 0% 0%,#102420 0%,var(--essia-bg2) 46%,var(--essia-bg) 100%);color:var(--essia-chrome-text);border-right:1px solid var(--essia-chrome-line-soft);box-shadow:18px 0 44px rgba(3,8,7,.32)}
.garage-nav-item{position:relative!important;z-index:3!important;color:rgba(242,245,243,.74);text-shadow:none}
.garage-nav-item .garage-icon{color:rgba(242,245,243,.50)}
.garage-nav-item:hover{background:rgba(255,255,255,.07);color:#fff}
.garage-nav-item:hover .garage-icon{color:var(--essia-accent)}
.garage-nav-item.is-active{background:rgba(167,200,184,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(167,200,184,.20)}
.garage-nav-item.is-active .garage-icon{color:var(--essia-accent)}
.garage-nav-item.is-active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:5px;border-radius:0 5px 5px 0;background:var(--essia-accent)}
.garage-user-card b{color:#fff}
.garage-user-card small{color:var(--essia-chrome-muted)}
.garage-user-card:hover b{color:var(--essia-accent)}
.garage-avatar{background:linear-gradient(135deg,#2c4a3f,#0e1c17);box-shadow:0 0 0 3px rgba(255,255,255,.10)}
.garage-avatar span{background:var(--essia-accent-2);border-color:#0b1513}
.garage-bottom-actions button{background:rgba(255,255,255,.07);color:var(--essia-accent);box-shadow:inset 0 0 0 1px var(--essia-chrome-line-soft)}
.garage-bottom-actions button:hover{background:rgba(255,255,255,.13)}
.garage-bottom-actions span{background:var(--essia-accent);color:#0a1411}

.garage-nav{flex:1!important;max-height:calc(100vh - 50px)!important;overflow-y:auto!important;position:relative!important;z-index:2!important;padding:0 18px 24px}
/* ===== ESSIA topbar chrome ===== */
.garage-topbar{background:linear-gradient(180deg,var(--essia-bg2),rgba(7,16,14,.9));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--essia-chrome-line-soft);color:var(--essia-chrome-text);margin-bottom:25px}
.garage-global-search{background:rgba(255,255,255,.06);border:1px solid var(--essia-chrome-line);box-shadow:none}
.garage-global-search span{color:var(--essia-chrome-muted)}
.garage-global-search p{color:var(--essia-chrome-muted)}
.garage-global-search kbd{background:rgba(255,255,255,.10);color:rgba(242,245,243,.82)}
.garage-create{background:var(--essia-accent);color:#0a1411;box-shadow:0 9px 18px rgba(0,0,0,.26);font-weight:800}
.garage-create:hover{background:#b7d4c6;color:#0a1411}
.garage-top-actions button{background:rgba(255,255,255,.08);color:var(--essia-chrome-text);box-shadow:none}
.garage-top-actions button:hover{background:rgba(255,255,255,.14)}
.garage-top-actions button span{background:var(--essia-accent);color:#0a1411}
.garage-mobile-toggle{background:rgba(255,255,255,.08);border:1px solid var(--essia-chrome-line);color:#fff}
.garage-mobile-toggle:hover{background:rgba(255,255,255,.14)}
/* ===== ESSIA content + dashboard accents ===== */
.garage-stat,.garage-lane2,.garage-active-order,.garage-widget,.garage-side-card,.garage-client-mini{border-color:var(--essia-line)}
.garage-stat,.garage-active-order,.garage-widget,.garage-side-card{background:var(--essia-card);box-shadow:var(--essia-shadow)}
.garage-stat,.garage-lane2,.garage-active-order,.garage-widget,.garage-side-card{border-radius:var(--essia-radius)}
.garage-stat-icon,.garage-stat:nth-child(3) .garage-stat-icon,.garage-stat:nth-child(4) .garage-stat-icon{background:rgba(109,154,134,.12);color:var(--essia-accent-2)}
.garage-stat:nth-child(5) .garage-stat-icon{background:rgba(109,154,134,.18);color:var(--essia-green-deep)}
.garage-stat h4{color:#5b5550}
.garage-stat small{color:var(--essia-accent-2)}
.garage-stat small.minus{color:var(--essia-muted)}
.garage-spark{color:var(--essia-accent-2)}
.garage-order-card{border-color:var(--essia-line);border-radius:14px}
.garage-order-card:before{background:#a7c8b8}
.garage-lane2:nth-child(2) .garage-order-card:before{background:#8fb8a5}
.garage-lane2:nth-child(3) .garage-order-card:before{background:#6d9a86}
.garage-lane2:nth-child(4) .garage-order-card:before{background:#54806c}
.garage-lane2:nth-child(5) .garage-order-card:before{background:#3f6b56}
.garage-order-card small{background:rgba(109,154,134,.12);color:var(--essia-green-deep)}
.brand-dot{border-color:var(--essia-line);color:var(--essia-green-deep)}
.garage-order-info .badge{background:rgba(109,154,134,.14);color:var(--essia-green-deep)}
.garage-tags span{background:rgba(109,154,134,.10);color:var(--essia-green-deep)}
.garage-tabs{border-bottom-color:var(--essia-line-soft)}
.garage-tabs .garage-tab{padding:11px 0 10px;color:#655f5a;background:transparent;border:0;border-bottom:2px solid transparent;font:inherit;font-size:12px;cursor:pointer;transition:color .15s ease,border-color .15s ease}
.garage-tabs .garage-tab:hover{color:var(--essia-text)}
.garage-tabs .garage-tab.is-active{color:var(--essia-text);font-weight:800;border-bottom:2px solid var(--essia-green-deep)}
.garage-work-table td{border-top-color:var(--essia-line-soft)}
.garage-work-table .done{color:var(--essia-green-deep)}
.garage-progress{background:#ececec}
.garage-progress i{background:var(--essia-accent-2)}
.garage-stock small{color:var(--essia-danger)}
.garage-client-actions span{background:rgba(109,154,134,.10);color:var(--essia-green-deep)}
.garage-next span{background:rgba(109,154,134,.12);color:var(--essia-green-deep)}
.garage-quick b{color:var(--essia-accent-2)}
.garage-side-btn{background:var(--essia-green-deep);color:#fff;border-radius:var(--essia-radius-sm);font-weight:800}
.garage-side-btn:hover{background:var(--essia-green-deeper)}
.garage-secondary-btn{border-color:var(--essia-line);background:var(--essia-soft);color:var(--essia-text);border-radius:var(--essia-radius-sm)}
.garage-agree-menu{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--essia-line);border-radius:var(--essia-radius-sm);background:var(--essia-card);box-shadow:var(--essia-shadow)}
.garage-agree-menu[hidden]{display:none}
.garage-agree-option{display:flex;align-items:center;gap:10px;width:100%;height:40px;padding:0 12px;border:1px solid var(--essia-line);border-radius:var(--essia-radius-sm);background:var(--essia-soft);color:var(--essia-text);font:inherit;font-weight:700;cursor:pointer;transition:.15s ease}
.garage-agree-option:hover{background:rgba(109,154,134,.12);border-color:var(--essia-accent-2)}
.garage-agree-option i{width:18px;text-align:center;color:var(--essia-accent-2)}
.garage-secondary-btn:hover{background:rgba(109,154,134,.10)}
.garage-pay-line{border-bottom-color:var(--essia-line-soft)}
.garage-pay-line b.copper{color:var(--essia-green-deep)}
.garage-time-row.active i{border-color:var(--essia-green-deep);background:var(--essia-green-deep)}
.garage-side-card h4,.garage-widget h4{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:var(--essia-muted)}
.admin-crm-shell .garage-sidebar{height:100vh;min-height:100vh;max-height:100vh}
.admin-crm-shell .garage-bottom-actions{display:flex;gap:10px;align-items:center}
.admin-crm-shell .garage-bottom-actions a,.admin-crm-shell .garage-bottom-actions form{display:block}
.admin-crm-shell .garage-bottom-actions a,.admin-crm-shell .garage-bottom-actions button{width:36px;height:36px;border:0;border-radius:14px;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;text-decoration:none;cursor:pointer}
.admin-crm-shell .garage-bottom-actions a:hover,.admin-crm-shell .garage-bottom-actions button:hover{background:rgba(255,255,255,.18)}
.admin-crm-content .admin-page-head{margin-bottom:14px}
.admin-crm-content .admin-page-head h1{margin:4px 0 0;font-size:28px;line-height:1;font-weight:850;letter-spacing:-.04em}
.admin-crm-content .admin-eyebrow{display:inline-flex;border-radius:999px;background:#fff;padding:6px 11px;color:#8a827b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--garage-line)}
@media(max-width:1023px){.admin-crm-shell .garage-sidebar{display:none}.admin-crm-shell .garage-main{margin-left:0}}

/* ========== MOBILE RESPONSIVE ========== */

.garage-sidebar-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.5);display:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.garage-sidebar-backdrop.is-open{display:block}

.garage-mobile-toggle{display:none;flex:0 0 38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.82);border:1px solid rgba(221,214,207,.9);color:#221c18;cursor:pointer;align-items:center;justify-content:center;font-size:18px}
.garage-mobile-toggle:hover{background:#fff}

.garage-sidebar-close{display:none;position:absolute;top:12px;right:12px;z-index:4;width:34px;height:34px;border:0;border-radius:10px;background:rgba(0,0,0,.06);color:#444;cursor:pointer;align-items:center;justify-content:center;font-size:18px}

@media(max-width:1199px){
  .garage-kanban > div{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:1023px){
  .garage-mobile-toggle{display:flex}
  .garage-sidebar-close{display:flex}
  .garage-sidebar{display:flex;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);z-index:50;border-radius:0}
  .garage-sidebar.is-open{transform:translateX(0)}
  .garage-main{width:100%!important;max-width:100vw!important;margin-left:0!important}
  .garage-topbar{padding:10px 12px;gap:8px;flex-wrap:nowrap}
  .garage-global-search{display:none}
  .garage-top-actions{width:auto;margin-left:auto;overflow:visible;gap:4px}
  .garage-top-actions>button:not(.garage-profile){width:34px;height:34px;font-size:14px;border-radius:10px;flex:0 0 auto}
  .garage-top-actions .garage-action-phone,.garage-top-actions .garage-action-whatsapp,.garage-top-actions .js-enable-push{display:none!important}
  .garage-top-actions .garage-profile{width:auto;height:34px;padding:2px 6px 2px 4px;gap:6px;border-radius:10px}
  .garage-top-actions .garage-profile .garage-profile-photo,.garage-top-actions .garage-profile .garage-profile-placeholder{width:28px;height:28px;flex:0 0 28px}
  .garage-top-actions .garage-profile p{display:none}
  .garage-create{height:34px;width:34px;padding:0;font-size:12px;border-radius:10px;justify-content:center}
  .garage-create span{display:none}
  .garage-plus{display:none}
  .garage-content{padding:12px}
  .page-title{font-size:20px}
  .crm-head{gap:10px}
  .garage-dashboard{grid-template-columns:1fr}
  .garage-dashboard>aside.garage-right{grid-column:auto;grid-row:auto}
  .garage-left{display:block}
  .garage-stats,.garage-kanban,.garage-detail-grid,.garage-bottom-widgets{grid-column:auto}
  .garage-stats{grid-template-columns:repeat(2,1fr)!important}
  .garage-kanban > div{grid-template-columns:1fr!important}
  .garage-nav{max-height:calc(100vh - 160px)!important;padding-bottom:20px}
  .garage-nav-item{height:42px;font-size:13px}
  .garage-sidebar-bottom{position:relative;bottom:auto}
  .garage-bottom-actions{justify-content:center;padding:8px 0}
  .garage-nav-item.is-active:before{left:-18px;top:6px;bottom:6px}
  .garage-sidebar-image{height:min(340px,40vh)!important}
  .profile-modal{width:calc(100vw - 24px);margin:0;border-radius:20px}
  .profile-form-grid{grid-template-columns:1fr}
  .profile-modal-body{padding:16px 18px}
  .profile-photo-field{flex-wrap:wrap}
  .garage-detail{grid-template-columns:1fr}
  .garage-board{grid-template-columns:1fr!important}
  .garage-content table,.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;display:block;width:100%}
  .garage-content table td,.garage-content table th{white-space:nowrap}
  .details-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:70;transform:translateY(100%);transition:transform .3s ease;border-radius:20px 20px 0 0;max-height:80vh;overflow:auto}
  .details-panel.is-open{transform:translateY(0)}
  .workitem{grid-template-columns:20px 1fr 44px 44px;font-size:12px;padding:8px 6px}
  .scanner-box{width:calc(100vw - 24px)!important}
  .scanner-overlay .scanner-footer{gap:8px;flex-wrap:wrap}
  .pwa-install{left:12px!important;right:12px!important;bottom:12px!important;transform:none!important;padding:10px 12px}
  .pwa-install-body b{font-size:12px;white-space:normal;word-break:break-word}
  .wh-form-grid,.order-grid,.work-grid,.customer-grid,.employee-grid,.roles-grid,.work-form-grid,.schedule-form-grid,.schedule-info-grid,.car-ref-grid{grid-template-columns:1fr!important}
  .customer-grid.address-top{grid-template-columns:1fr 1fr!important}
  .vehicle-grid{grid-template-columns:1fr!important}
  .admin-metrics{grid-template-columns:repeat(3,1fr)!important}
  .order-form-layout,.customer-form-layout{grid-template-columns:1fr}
  .employees-grid,.settings-grid,.integrations-grid,.roles-layout{grid-template-columns:1fr!important}
  .garage-top-actions .garage-action-phone,.garage-top-actions .garage-action-whatsapp{display:none}
  .schedule-calendar{width:100%!important;max-width:100%!important}
  .schedule-content-table tbody td:first-child,.schedule-content-table thead th:first-child{position:sticky;left:0;z-index:2;background:var(--garage-bg)}
  .schedule-content-table tbody td:first-child{min-width:100px;background:#fff}
}
@media(max-width:640px){
  .garage-content{padding:10px}
  .garage-topbar{padding:8px 10px}
  .crm-metrics .grid, .metric-grid{grid-template-columns:1fr!important;gap:6px}
  .admin-metrics{grid-template-columns:repeat(2,1fr)!important}
  .garage-top-actions .garage-profile p{display:none!important}
  .garage-create span{display:none}
  .garage-mobile-toggle{flex:0 0 34px;height:34px;font-size:16px}
  .garage-global-search{height:34px}
  .garage-top-actions>button:not(.garage-profile){width:30px;height:30px;font-size:13px}
  .profile-modal-head{padding:16px 18px}
  .profile-modal-head h3{font-size:17px}
  .garage-global-search p{font-size:10px}
  .scanner-box{width:calc(100vw - 16px)!important;border-radius:16px}
  .scanner-overlay{padding:10px}
}
@media(min-width:1024px){
  .garage-sidebar-backdrop.is-open{display:none!important}
  .garage-sidebar:not(.is-open){transform:none!important}
}