:root{
  --ink:#14191f;--muted:#60707f;--line:#d8e0e7;--panel:#ffffff;--soft:#f3f6f8;--wash:#eaf1f4;
  --black:#101418;--teal:#08796b;--teal-dark:#075e54;--gold:#f0b83a;--red:#c53a2d;--blue:#2364aa;
  --good:#177245;--warn:#a96500;--bad:#b42318;--shadow:0 12px 34px rgba(20,25,31,.09);
}

/* Company subscription controls stay compact inside the existing readiness card. */
.company-billing-console{
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid rgba(240,184,58,.18);
  min-width:0;
}
.company-billing-console .section-head{margin-bottom:8px}
.company-billing-console h3{margin:0;color:#f7df9b;font-size:15px}
.company-billing-console .section-head p{margin:3px 0 0;color:#9fabb5;font-size:11px;line-height:1.35}
.company-billing-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-bottom:8px;
}
.company-billing-metrics span{
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#11171c;
  color:#aeb9c2;
  font-size:10px;
  text-align:center;
  overflow-wrap:anywhere;
}
.company-billing-metrics b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.company-billing-list{display:grid;gap:7px;min-width:0}
.company-billing-row{
  display:grid;
  grid-template-columns:minmax(150px,1.1fr) minmax(100px,.55fr) minmax(270px,1.35fr) minmax(120px,.65fr) auto;
  gap:10px;
  align-items:center;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(240,184,58,.16);
  border-radius:8px;
  background:#151b21;
}
.company-billing-identity,.company-billing-status,.company-billing-invoice{min-width:0}
.company-billing-identity strong,.company-billing-invoice strong{display:block;color:#eef2f5;overflow-wrap:anywhere}
.company-billing-identity small,.company-billing-status small,.company-billing-invoice small{display:block;margin-top:3px;color:#9fabb5;font-size:10px;line-height:1.3;overflow-wrap:anywhere}
.company-billing-usage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0}
.company-billing-usage span{min-width:0;padding:5px 6px;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#9fabb5;font-size:9px;text-align:center;overflow-wrap:anywhere}
.company-billing-usage b{display:block;color:#f7df9b;font-size:10px}
.company-billing-row>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.company-billing-row>.actions .btn{min-width:76px;justify-content:center}
.company-billing-console>.notice{margin:8px 0 0}

@media(max-width:1180px){
  .company-billing-row{grid-template-columns:minmax(150px,1fr) minmax(100px,.55fr) minmax(250px,1.25fr) auto}
  .company-billing-invoice{grid-column:1/3}
  .company-billing-row>.actions{grid-column:4;grid-row:1/3}
}
@media(max-width:900px){
  .company-billing-row{grid-template-columns:minmax(0,1fr) auto}
  .company-billing-usage{grid-column:1/-1}
  .company-billing-invoice{grid-column:1}
  .company-billing-row>.actions{grid-column:2;grid-row:auto}
}
@media(max-width:760px){
  .company-billing-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .company-billing-row{grid-template-columns:minmax(0,1fr);gap:7px;padding:9px}
  .company-billing-status,.company-billing-invoice{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .company-billing-status small,.company-billing-invoice small{margin-top:0;text-align:right}
  .company-billing-usage{grid-column:1}
  .company-billing-row>.actions{grid-column:1;grid-row:auto}
  .company-billing-row>.actions .btn{width:100%;min-width:0}
}

/* Premium fleet scanning and message-first workspace. */
.view-operations>.fleet-stat-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
  gap:8px;
  padding:0!important;
  margin-bottom:10px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
.view-operations>.fleet-stat-tabs .fleet-stat-tab{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:9px;
  min-height:62px;
  padding:9px 11px;
  border:1px solid rgba(210,218,224,.16)!important;
  border-radius:8px!important;
  background:linear-gradient(145deg,rgba(229,235,239,.11),rgba(184,193,201,.035)),var(--staff-panel-raised)!important;
  color:var(--staff-text)!important;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(239,243,246,.09),0 8px 20px rgba(0,0,0,.15)!important;
}
.view-operations>.fleet-stat-tabs .fleet-stat-tab:hover,
.view-operations>.fleet-stat-tabs .fleet-stat-tab.active{
  border-color:rgba(213,177,95,.34)!important;
  background:linear-gradient(145deg,rgba(235,240,244,.14),rgba(213,177,95,.055)),var(--staff-panel-raised)!important;
  transform:none!important;
}
.fleet-stat-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid currentColor;
  border-radius:50%;
  color:#66cf91;
  background:rgba(102,207,145,.10);
}
.fleet-stat-icon::before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent)}
.fleet-stat-tab.prep .fleet-stat-icon{color:#e2bd62;background:rgba(226,189,98,.10)}
.fleet-stat-tab.assigned .fleet-stat-icon{color:#77aee8;background:rgba(119,174,232,.10)}
.fleet-stat-tab.service .fleet-stat-icon{color:#e87979;background:rgba(232,121,121,.10)}
.fleet-stat-tab.online .fleet-stat-icon{color:#d8c28c;background:rgba(216,194,140,.10)}
.fleet-stat-tab.neutral .fleet-stat-icon{color:#aeb7be;background:rgba(174,183,190,.09)}
.fleet-stat-tab>span{display:grid;gap:2px;min-width:0}
.fleet-stat-tab small{color:var(--staff-muted);font-size:10px;font-weight:850;line-height:1.1}
.fleet-stat-tab strong{color:var(--staff-text);font-size:20px;line-height:1}
.premium-vehicle-card{row-gap:9px!important;padding:15px!important}
.premium-vehicle-card .vehicle-card-name{font-size:16px!important;line-height:1.25}
.premium-vehicle-card .vehicle-identity-line,.premium-vehicle-card .vehicle-tracking-line{line-height:1.48!important}
.premium-vehicle-card .vehicle-mileage{font-size:18px!important;font-weight:950!important;color:#f7fbff!important}
.fleet-status-badge{display:inline-flex!important;align-items:center;gap:6px}
.fleet-status-badge>i{display:block;width:7px;height:7px;border-radius:50%;background:#66cf91;box-shadow:0 0 0 3px rgba(102,207,145,.12)}
.fleet-status-badge.status-prep>i{background:#e2bd62;box-shadow:0 0 0 3px rgba(226,189,98,.12)}
.fleet-status-badge.status-service>i{background:#e87979;box-shadow:0 0 0 3px rgba(232,121,121,.12)}
.fleet-status-badge.status-assigned>i{background:#77aee8;box-shadow:0 0 0 3px rgba(119,174,232,.12)}
.compact-fleet-board .local-search .search-all{min-width:104px}

.view-messages>.topbar,
.message-inbox-shell .message-list-head{display:none!important}
.message-inbox-shell{height:calc(100dvh - 96px)}

@media(max-width:900px){
  .message-inbox-shell{height:calc(100dvh - 86px)}
}

@media(max-width:760px){
  .view-operations>.fleet-stat-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .view-operations>.fleet-stat-tabs .fleet-stat-tab{grid-template-columns:22px minmax(0,1fr);min-height:50px;padding:7px 8px;gap:6px}
  .fleet-stat-icon{width:22px;height:22px}
  .fleet-stat-icon::before{width:7px;height:7px;box-shadow:none}
  .fleet-stat-tab small{font-size:9px;white-space:normal}
  .fleet-stat-tab strong{font-size:16px}
  .premium-vehicle-card{padding:12px!important}
  .message-inbox-shell{height:calc(100dvh - 150px);min-height:420px}
}

.provider-profile-heading{
  grid-column:1/-1;
  display:grid;
  gap:4px;
  margin-top:8px;
  padding-top:16px;
  border-top:1px solid rgba(214,177,92,.24);
}
.provider-profile-heading strong{color:#f1d38b;font-size:15px}
.provider-profile-heading small{color:#aeb7c3;line-height:1.45}
.provider-security-notice{margin-top:12px;border-color:rgba(214,177,92,.28)!important}
.company-overview-facts .badge{white-space:normal;text-align:center}
@media(max-width:640px){
  .provider-profile-heading{padding-top:12px}
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--wash);scroll-behavior:smooth}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.strong{font-weight:850}.money{font-weight:900}.nowrap{white-space:nowrap}
@keyframes riseIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#101418 0%,#17222a 45%,#edf3f5 45%)}
.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 22px 70px rgba(0,0,0,.22)}
.login-card h1{margin:4px 0 8px;font-size:30px}.login-card p{color:var(--muted);line-height:1.5}.login-card label{display:grid;gap:7px;font-size:12px;font-weight:850;color:#44515d;text-transform:uppercase;letter-spacing:.05em}.login-card input{border:1px solid var(--line);border-radius:7px;padding:12px}.login-card button{width:100%;border:0;background:var(--teal);color:white;border-radius:7px;padding:12px;margin-top:14px;font-weight:900}.login-pin{background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:13px}.login-logo,.woa-mark{width:46px;height:46px;border-radius:8px;background:linear-gradient(135deg,var(--teal),var(--gold));display:grid;place-items:center;font-weight:950;color:#101418}.err{color:var(--bad);font-weight:850}
.app{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--black);color:white;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto;scrollbar-width:thin}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.brand b{display:block;font-size:19px}.brand span{display:block;color:#b8c3cc;font-size:12px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#c7d1db;text-align:left;padding:11px 12px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .18s ease,color .18s ease,transform .18s ease}.nav button:hover{transform:translateX(2px)}.nav button.active{background:#24313c;color:white}.nav small{background:#334653;color:#e7eef5;border-radius:999px;padding:2px 8px}.side-note{margin-top:20px;border:1px solid #2d3a45;border-radius:8px;padding:13px;color:#c7d1db;font-size:12px;line-height:1.55}.side-note b{color:white}.main{padding:26px 34px 42px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:950}h1{font-size:31px;margin:4px 0 7px;letter-spacing:0}p{margin:0;line-height:1.5;color:var(--muted)}h2{font-size:18px;margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 13px;border-radius:7px;display:inline-flex;align-items:center;gap:8px;font-weight:750;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(17,24,32,.1)}.btn:active{transform:translateY(0)}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn.gold{background:var(--gold);border-color:var(--gold);color:#15191f}.btn.danger{background:var(--red);border-color:var(--red);color:white}.btn.ghost{background:transparent}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);animation:riseIn .28s ease both}.section{padding:18px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:16px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:17px}.stat span{color:var(--muted);font-size:13px}.stat b{display:block;font-size:28px;margin-top:8px}.stat .trend{font-size:12px;color:var(--teal);font-weight:850;margin-top:4px}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850;background:#edf2f5;color:#415160}.tag.good{background:#e6f5ee;color:var(--good)}.tag.warn{background:#fff3d9;color:var(--warn)}.tag.bad{background:#ffe8e4;color:var(--bad)}.tag.blue{background:#e8f0fb;color:var(--blue)}.tag.dark{background:#202a33;color:white}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px;font-size:14px;vertical-align:top}.table th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.table tr:hover td{background:#fbfcfd}.list{display:grid;gap:10px}.item{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;display:grid;gap:6px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.item:hover,.lead-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(17,24,32,.08);border-color:#d0bf8e}.item-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.kanban{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:12px}.column{background:#f7f9fa;border:1px solid var(--line);border-radius:8px;padding:12px}.column h3{margin:0 0 10px;font-size:14px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px;display:grid;gap:7px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.score{height:8px;background:#e4ebef;border-radius:999px;overflow:hidden}.score i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold),var(--teal));border-radius:999px}.form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:850;color:#44515d;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff;color:var(--ink);min-width:0;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{min-height:82px;resize:vertical}.span2{grid-column:1/-1}.notice{border:1px solid #f0d49a;background:#fff8e9;color:#60410d;border-radius:8px;padding:12px;line-height:1.5}.success{border:1px solid #bfe5cf;background:#edf9f2;color:#145f38;border-radius:8px;padding:12px;line-height:1.5}.public-shell{min-height:100vh;background:#f7fafb}.public-hero{background:linear-gradient(115deg,#101418 0%,#17222a 58%,#08796b 58%,#0a6a5f 100%);color:white;padding:24px 24px 34px}.public-head{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:18px}.public-brand{display:flex;gap:12px;align-items:center}.public-hero h1{font-size:42px;max-width:780px;margin:38px auto 12px}.public-hero p{max-width:780px;margin:0 auto;color:#d4dde4;font-size:18px}.public-main{max-width:1120px;margin:-18px auto 50px;padding:0 24px}.stepper{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.step{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;font-weight:850;color:var(--muted)}.step.active{background:var(--teal);border-color:var(--teal);color:white}.modal-backdrop{position:fixed;inset:0;background:rgba(9,14,18,.48);display:none;place-items:center;padding:24px;z-index:90}.modal{width:min(780px,100%);max-height:88vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 24px 90px rgba(0,0,0,.28)}.modal-head{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{padding:18px}.toast{position:fixed;right:22px;bottom:22px;background:#111820;color:white;border-radius:8px;padding:12px 14px;box-shadow:0 16px 50px rgba(0,0,0,.25);display:none;z-index:100}.toast.show{display:block;animation:toastIn .18s ease both}.embed-code{white-space:pre-wrap;background:#101418;color:#e9f1f5;border-radius:8px;padding:14px;overflow:auto;font-family:Consolas,monospace;font-size:12px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs button{border:0;background:transparent;padding:10px 12px;border-bottom:3px solid transparent;font-weight:850;color:var(--muted);transition:color .16s ease,border-color .16s ease,background .16s ease}.tabs button:hover{background:#fff8e7}.tabs button.active{color:var(--teal);border-bottom-color:var(--teal)}
@media(max-width:1050px){.stats,.three,.kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:1fr}.main{padding:22px}.public-hero h1{font-size:34px}}
.public-shell{background:#fff}.public-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(8,10,12,.92),rgba(8,10,12,.78) 48%,rgba(8,10,12,.34)),url('https://www.wheelsonauto.com/cdn/shop/files/clean-luxury-car-hero-banner.png?v=1772796803&width=1920') center/cover;color:white;padding:24px 24px 48px}.public-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--gold)}.public-head,.public-hero h1,.public-hero p{position:relative;z-index:1}.brand-logo{width:72px;height:72px;object-fit:contain;border-radius:8px;background:#fff;padding:7px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.public-brand strong{font-size:21px}.public-brand .small{color:#f1d08a;font-weight:850}.public-hero p{color:#f1f4f6}.public-shell .card{box-shadow:0 22px 60px rgba(12,17,21,.12)}.public-shell .btn.primary{background:#111820;border-color:#111820;color:white}.public-shell .btn.primary:hover{background:#000;border-color:#000}.public-shell .field input:focus,.public-shell .field select:focus,.public-shell .field textarea:focus{outline:2px solid #f0c45b;outline-offset:1px}.public-shell .step.active{background:#111820;border-color:#111820;color:white}.public-shell .success{border-color:#f0d49a;background:#fffaf0;color:#33240b}
.login-page{background:linear-gradient(90deg,rgba(8,10,12,.90),rgba(8,10,12,.72) 50%,rgba(8,10,12,.18)),url('https://www.wheelsonauto.com/cdn/shop/files/clean-luxury-car-hero-banner.png?v=1772796803&width=1920') center/cover}.login-card{border:1px solid rgba(240,184,58,.42);box-shadow:0 28px 90px rgba(0,0,0,.34)}.login-logo-link,.brand-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.login-logo{width:86px;height:86px;object-fit:contain;background:#fff;padding:8px;border-radius:8px;box-shadow:0 14px 34px rgba(0,0,0,.24)}.login-card .eyebrow,.admin-shell .eyebrow{color:#9b6c05}.login-card button,.admin-shell .btn.primary{background:#111820;border-color:#111820;color:white}.login-card button:hover,.admin-shell .btn.primary:hover{background:#000;border-color:#000}.login-card input:focus,.admin-shell .field input:focus,.admin-shell .field select:focus,.admin-shell .field textarea:focus{outline:2px solid #f0c45b;outline-offset:1px}.admin-logo{width:52px;height:52px;object-fit:contain;border-radius:8px;background:#fff;padding:5px;box-shadow:0 10px 24px rgba(0,0,0,.24)}.admin-shell .sidebar{background:linear-gradient(180deg,#090b0d 0%,#111820 70%,#070809 100%);border-right:4px solid var(--gold)}.admin-shell .brand span{color:#e7d8b5}.admin-shell .nav button.active{background:#f0b83a;color:#15191f}.admin-shell .nav button:hover{background:#222b32;color:white}.admin-shell .nav small{background:#fff;color:#15191f}.admin-shell .side-note{border-color:rgba(240,184,58,.34);background:rgba(255,255,255,.04)}.admin-shell .main{background:linear-gradient(180deg,#fff 0%,#f7f4ed 100%)}.admin-shell .topbar{border-bottom:4px solid #f0b83a;padding-bottom:18px}.admin-shell .card{border-color:#e5dcc8;box-shadow:0 18px 44px rgba(17,24,32,.09)}.admin-shell .stat .trend,.admin-shell .tabs button.active{color:#9b6c05}.admin-shell .tabs button.active{border-bottom-color:#f0b83a}.admin-shell .score i{background:linear-gradient(90deg,var(--red),#f0b83a,#111820)}.admin-shell .tag.good{background:#f6efd8;color:#6f4d05}.admin-shell .tag.dark{background:#111820;color:white}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side-note{display:none}.topbar{display:grid}.stats,.three,.two,.kanban,.form{grid-template-columns:1fr}.public-head{align-items:flex-start}.public-hero h1{font-size:30px}.public-main{padding:0 14px}.table{min-width:720px}}
.notice.bad{border-color:#f0beb6;background:#fff0ee;color:#8d2818}.check{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;line-height:1.45;color:#33414d}.check input{margin-top:3px}.clover-field{min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px;display:flex;align-items:center}.clover-field iframe{width:100%!important;min-height:20px}
.payment-success{display:grid;gap:4px;background:linear-gradient(135deg,#e8f8ef,#f6fff9);border-color:#94d8b1;box-shadow:inset 4px 0 0 #177245}.payment-success strong{font-size:24px;color:#126136}.payment-success span{font-weight:750}
.payment-command{margin-bottom:16px;background:linear-gradient(135deg,#111820,#1c2b25);color:white;border-color:#111820}.payment-command h2{color:white}.payment-command p{color:#dce5eb}.payment-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.payment-lane{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:112px;display:grid;gap:6px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.payment-lane:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.payment-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.payment-lane strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere}.payment-lane small{color:#dce5eb;font-weight:700;line-height:1.35}.payment-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.payment-lane i.good{background:#177245}.payment-lane i.warn{background:#f0b83a}.payment-lane i.bad{background:#c53a2d}.payment-lane i.blue{background:#58a6ff}.payment-next{display:grid;gap:8px}.payment-next-item{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(260px,auto);gap:10px;align-items:center}.payment-next-item small{display:block;color:#dce5eb;font-weight:700;margin-top:2px}.payment-next-item .actions{justify-content:flex-end}.payment-next-item .btn{background:white}.payment-next-item .btn.primary{background:#f0b83a;border-color:#f0b83a;color:#15191f}
.account-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:-6px 0 18px}.account-card{background:rgba(255,255,255,.82);border:1px solid #e3d6bb;border-radius:8px;padding:12px 13px;box-shadow:0 12px 26px rgba(17,24,32,.06);display:grid;gap:3px;min-width:0}.account-card span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.account-card strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quickbar{display:none}
.ops-board{margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffaf0)}.ops-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-item{border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;box-shadow:0 10px 24px rgba(17,24,32,.06)}.ops-item strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ops-item .btn{min-width:86px;justify-content:center}.workflow-board{margin-bottom:16px;background:#111820;color:white;border-color:#111820;box-shadow:0 22px 54px rgba(17,24,32,.18)}.workflow-board h2{color:white}.workflow-map{display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));gap:8px}.workflow-step{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:white;border-radius:8px;padding:12px 11px;display:grid;gap:5px;min-height:100px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.workflow-step:hover{transform:translateY(-2px);background:rgba(255,255,255,.1);border-color:rgba(240,184,58,.55)}.workflow-step span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#f0d394;font-weight:950}.workflow-step strong{font-size:25px;line-height:1}.workflow-step small{color:#dce5eb;font-weight:750}.workflow-step i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#2364aa}.workflow-step i.good{background:#177245}.workflow-step i.warn{background:#f0b83a}.workflow-step i.bad{background:#c53a2d}.workflow-step i.blue{background:#58a6ff}.file-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:13px}.file-summary>div{border:1px solid #e3d6bb;background:linear-gradient(135deg,#fff,#fffaf2);border-radius:8px;padding:11px;display:grid;gap:4px;min-width:0}.file-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#8a6a22;font-weight:950}.file-summary strong{font-size:18px;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-summary small{color:var(--muted);font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closeout-board{margin-bottom:16px;border-left:4px solid #111820}.closeout-board .table td:nth-child(2),.closeout-board .table th:nth-child(2){text-align:right}.mechanic-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mechanic-card{border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:13px;display:grid;gap:7px;box-shadow:0 12px 28px rgba(17,24,32,.07)}.mechanic-card .actions{margin-top:2px}.proof-line{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}.proof-line a{color:var(--gold);font-weight:950;text-decoration:none}.proof-line span{max-width:100%;overflow-wrap:anywhere}
.readiness-board{margin-bottom:16px;background:linear-gradient(135deg,#111820,#1a242c);color:white;border-color:#111820}.readiness-board h2{color:white}.readiness-board p{color:#dce5eb}.readiness-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.readiness-card{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:124px;display:grid;gap:7px;align-content:start;transition:transform .16s ease,background .16s ease,border-color .16s ease}.readiness-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.readiness-card span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#f0d394;font-weight:950}.readiness-card strong{font-size:20px;line-height:1.1}.readiness-card small{color:#dce5eb;font-weight:700;line-height:1.35}.readiness-card i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#2364aa}.readiness-card i.good{background:#177245}.readiness-card i.warn{background:#f0b83a}.readiness-card i.bad{background:#c53a2d}.readiness-card i.blue{background:#58a6ff}
.system-health{margin-bottom:16px;border-left:4px solid #111820;background:linear-gradient(135deg,#fff,#fffaf1)}.health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.health-card{position:relative;overflow:hidden;border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:13px 12px 17px;min-height:112px;display:grid;gap:6px;align-content:start;box-shadow:0 10px 24px rgba(17,24,32,.06)}.health-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.health-card strong{font-size:23px;line-height:1.1}.health-card small{color:var(--muted);font-weight:750;line-height:1.35}.health-card i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#2364aa}.health-card i.good{background:#177245}.health-card i.warn{background:#f0b83a}.health-card i.bad{background:#c53a2d}.health-card i.blue{background:#58a6ff}.notice.bad{border-color:#f0beb8;background:#fff0ed;color:#70221a}
.access-command{margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffaf0);border-left:4px solid #111820}.access-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.access-lane{position:relative;overflow:hidden;text-align:left;border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:13px 12px 16px;min-height:116px;display:grid;gap:6px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.access-lane:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#111820}.access-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.access-lane strong{font-size:27px;line-height:1}.access-lane small{color:var(--muted);font-weight:700;line-height:1.35}.access-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.access-lane i.good{background:#177245}.access-lane i.warn{background:#f0b83a}.access-lane i.bad{background:#c53a2d}.access-lane i.blue{background:#58a6ff}.access-next{display:grid;gap:8px}.access-next-item{border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.access-next-item small{display:block;color:var(--muted);font-weight:700;margin-top:2px}
.company-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:14px 0}.company-card{border:1px solid #e3d6bb;background:linear-gradient(135deg,#fff,#fffaf2);border-radius:8px;padding:13px;display:grid;gap:11px;box-shadow:0 12px 28px rgba(17,24,32,.07)}.company-meta,.company-tenant-line{display:flex;gap:7px;flex-wrap:wrap}.company-meta span,.company-tenant-line span{border:1px solid #ead8a6;background:#fff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850;color:#6f4d05}.company-tenant-line span{background:#161d24;color:#f6d67a;border-color:#3a3221}.company-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.company-metrics div{border:1px solid #ead8a6;background:#fff;border-radius:8px;padding:9px;min-width:0}.company-metrics div:last-child{grid-column:1/-1}.company-metrics b{display:block;font-size:18px;white-space:normal;overflow:visible;text-overflow:clip}.company-metrics small{display:block;color:var(--muted);font-size:11px;font-weight:750}.notice.mini{font-size:12px;padding:9px 10px}
.company-guardrails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.company-guardrail{position:relative;overflow:hidden;border:1px solid #e3d6bb;background:linear-gradient(135deg,#fff,#fff8ea);border-radius:10px;padding:14px 13px 18px;display:grid;gap:7px;min-height:128px;box-shadow:0 14px 32px rgba(17,24,32,.08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.company-guardrail:hover{transform:translateY(-2px);border-color:#d5a72d;box-shadow:0 18px 38px rgba(17,24,32,.12)}.company-guardrail span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9c6b08;font-weight:950}.company-guardrail strong{font-size:21px;line-height:1.1;color:#18222b}.company-guardrail small{color:#5f6870;font-weight:750;line-height:1.35}.company-guardrail i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.company-guardrail i.good{background:#177245}.company-guardrail i.warn{background:#f0b83a}.company-guardrail i.bad{background:#c53a2d}.company-guardrail i.blue{background:#58a6ff}
.api-board{margin-bottom:16px;background:linear-gradient(135deg,#fff,#f4fbf9)}.api-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.api-phase{border:1px solid #cfe3dc;background:#fff;border-radius:8px;padding:14px;text-align:left;display:grid;gap:7px;min-height:132px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.api-phase:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#08796b}.api-phase span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#08796b;font-weight:950}.api-phase strong{font-size:19px}.api-phase small{color:var(--muted);font-weight:700;line-height:1.4}
.blueprint-board{margin-bottom:16px;background:linear-gradient(135deg,#111820,#172a2a);color:white;border-color:#111820}.blueprint-board h2{color:white}.blueprint-board p{color:#dce5eb}.blueprint-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.blueprint-card{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 17px;min-height:130px;display:grid;gap:6px;align-content:start;transition:transform .16s ease,background .16s ease,border-color .16s ease}.blueprint-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.blueprint-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.blueprint-card strong{font-size:20px;line-height:1.1}.blueprint-card small{color:#dce5eb;font-weight:700;line-height:1.35}.blueprint-card i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.blueprint-card i.good{background:#177245}.blueprint-card i.warn{background:#f0b83a}.blueprint-card i.bad{background:#c53a2d}.blueprint-card i.blue{background:#58a6ff}
.message-playbook{margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffaf0)}.message-lanes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.message-lane{position:relative;overflow:hidden;border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:13px;text-align:left;display:grid;gap:6px;min-height:124px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.message-lane:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#d0bf8e}.message-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.message-lane strong{font-size:26px;line-height:1}.message-lane small{color:var(--muted);font-weight:700;line-height:1.35}.message-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#2364aa}.message-lane i.good{background:#177245}.message-lane i.warn{background:#f0b83a}.message-lane i.bad{background:#c53a2d}.message-lane i.blue{background:#58a6ff}
.service-command{margin-bottom:16px;background:linear-gradient(135deg,#111820,#202a33);color:white;border-color:#111820}.service-command h2{color:white}.service-command p{color:#dce5eb}.service-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.service-lane{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:116px;display:grid;gap:6px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.service-lane:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.service-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.service-lane strong{font-size:27px;line-height:1}.service-lane small{color:#dce5eb;font-weight:700;line-height:1.35}.service-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.service-lane i.good{background:#177245}.service-lane i.warn{background:#f0b83a}.service-lane i.bad{background:#c53a2d}.service-lane i.blue{background:#58a6ff}.service-next{display:grid;gap:8px}.service-next-item{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.service-next-item small{display:block;color:#dce5eb;font-weight:700;margin-top:2px}
.file-timeline{display:grid;gap:8px}.timeline-item{border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:10px;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:10px;align-items:center}.timeline-item span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#8a6a22;font-weight:950}.timeline-item small{display:block;color:var(--muted);font-weight:700;margin-top:2px}
.claims-command{margin-bottom:16px;background:linear-gradient(135deg,#fff,#fff5f2);border-left:4px solid #c53a2d}.claim-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.claim-lane{position:relative;overflow:hidden;text-align:left;border:1px solid #edd0c9;background:#fff;border-radius:8px;padding:13px 12px 16px;min-height:116px;display:grid;gap:6px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.claim-lane:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#c53a2d}.claim-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9b3428;font-weight:950}.claim-lane strong{font-size:27px;line-height:1}.claim-lane small{color:var(--muted);font-weight:700;line-height:1.35}.claim-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.claim-lane i.good{background:#177245}.claim-lane i.warn{background:#f0b83a}.claim-lane i.bad{background:#c53a2d}.claim-lane i.blue{background:#58a6ff}.claim-next{display:grid;gap:8px}.claim-next-item{border:1px solid #edd0c9;background:#fff;border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center}.claim-next-item small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.claims-command+.notice{margin-bottom:14px}.table .muted{font-size:12px;line-height:1.35}
.executive-board{margin-bottom:16px;background:linear-gradient(135deg,#111820,#1d2b2f);color:white;border-color:#111820}.executive-board h2{color:white}.executive-board p{color:#dce5eb}.executive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.executive-card{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:14px;text-align:left;display:grid;gap:7px;min-height:126px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.executive-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.executive-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.executive-card strong{font-size:23px;line-height:1.1}.executive-card small{color:#dce5eb;font-weight:700;line-height:1.35}
.application-command{margin-bottom:16px;background:linear-gradient(135deg,#fff,#f4fbf9);border-left:4px solid #08796b}.application-lanes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.application-lane{position:relative;overflow:hidden;text-align:left;border:1px solid #cfe3dc;background:#fff;border-radius:8px;padding:13px 12px 16px;min-height:116px;display:grid;gap:6px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.application-lane:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#08796b}.application-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#08796b;font-weight:950}.application-lane strong{font-size:27px;line-height:1}.application-lane small{color:var(--muted);font-weight:700;line-height:1.35}.application-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.application-lane i.good{background:#177245}.application-lane i.warn{background:#f0b83a}.application-lane i.bad{background:#c53a2d}.application-lane i.blue{background:#58a6ff}
.fleet-command{margin-bottom:16px;background:linear-gradient(135deg,#111820,#18272a);color:white;border-color:#111820}.fleet-command h2{color:white}.fleet-command p{color:#dce5eb}.fleet-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.fleet-lane{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:112px;display:grid;gap:6px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.fleet-lane:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.fleet-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.fleet-lane strong{font-size:27px;line-height:1}.fleet-lane small{color:#dce5eb;font-weight:700;line-height:1.35}.fleet-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.fleet-lane i.good{background:#177245}.fleet-lane i.warn{background:#f0b83a}.fleet-lane i.bad{background:#c53a2d}.fleet-lane i.blue{background:#58a6ff}.fleet-next{display:grid;gap:8px}.fleet-next-item{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.fleet-next-item small{display:block;color:#dce5eb;font-weight:700;margin-top:2px}
.fleet-prep{margin-bottom:16px;background:linear-gradient(135deg,#fff,#f4fbf9);border-left:4px solid #08796b}.fleet-prep p{font-size:13px}.fleet-prep .table tr:hover td{background:#f4fbf9}
.match-board{margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffaf0);border-left:4px solid #f0b83a}.match-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.match-lane{position:relative;overflow:hidden;text-align:left;border:1px solid #e8d8ae;background:#fff;border-radius:8px;padding:13px 12px 16px;min-height:112px;display:grid;gap:6px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.match-lane:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.09);border-color:#d0a137}.match-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.match-lane strong{font-size:27px;line-height:1}.match-lane small{color:var(--muted);font-weight:700;line-height:1.35}.match-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.match-lane i.good{background:#177245}.match-lane i.warn{background:#f0b83a}.match-lane i.bad{background:#c53a2d}.match-lane i.blue{background:#58a6ff}.match-next{display:grid;gap:8px}.match-next-item{border:1px solid #e8d8ae;background:#fff;border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.match-next-item small{display:block;color:var(--muted);font-weight:700;margin-top:2px}
.accounting-board{margin-bottom:16px;background:linear-gradient(135deg,#111820,#262016);color:white;border-color:#111820}.accounting-board h2{color:white}.accounting-board p{color:#dce5eb}.accounting-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.accounting-lane{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:112px;display:grid;gap:6px;transition:transform .16s ease,background .16s ease,border-color .16s ease}.accounting-lane:hover{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(240,184,58,.56)}.accounting-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}.accounting-lane strong{font-size:24px;line-height:1.1;overflow-wrap:anywhere}.accounting-lane small{color:#dce5eb;font-weight:700;line-height:1.35}.accounting-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}.accounting-lane i.good{background:#177245}.accounting-lane i.warn{background:#f0b83a}.accounting-lane i.bad{background:#c53a2d}.accounting-lane i.blue{background:#58a6ff}.accounting-next{display:grid;gap:8px}.accounting-next-item{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.accounting-next-item small{display:block;color:#dce5eb;font-weight:700;margin-top:2px}
.website-command{margin-bottom:16px;background:linear-gradient(135deg,#fff,#f4fbf9);border-left:4px solid #08796b}.website-command .field input[readonly]{background:#f8fbfa;font-weight:800;color:#12342f}.website-command .embed-code{min-height:92px}
.public-picker{display:grid;gap:12px;margin-bottom:16px}.public-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.public-vehicle-card{border:1px solid #e3d6bb;background:#fff;border-radius:8px;padding:13px;text-align:left;display:grid;gap:6px;min-height:126px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.public-vehicle-card:hover,.public-vehicle-card.active{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,32,.1);border-color:#111820}.public-vehicle-card span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8a6a22;font-weight:950}.public-vehicle-card strong{font-size:17px;line-height:1.15}.public-vehicle-card small{color:var(--muted);font-weight:750;line-height:1.35}.public-vehicle-card.active{background:#fffaf0}

@media(max-width:760px){
  body{background:#fff}
  .app{max-width:100vw;overflow-x:hidden}
  .admin-shell .main{padding:14px 14px 86px;background:#f8f5ee;width:100%;max-width:100vw;min-width:0;overflow-x:hidden}
  .admin-shell .sidebar{padding:14px 12px;border-right:0;border-bottom:4px solid var(--gold);width:100%;max-width:100vw;min-width:0;overflow:hidden}
  .admin-shell .brand{margin-bottom:12px;justify-content:center;text-align:center;display:grid;place-items:center;gap:7px}
  .admin-logo{width:44px;height:44px}
  .brand b{font-size:17px}.brand span{font-size:11px}
  .nav{display:grid;gap:7px;overflow:visible;width:100%;max-width:100%;min-width:0;padding:4px 2px 8px}
  .nav-group{margin:0}.nav-group summary{padding:10px 11px}
  .nav-group>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 7px 7px}
  .nav button{min-width:0;justify-content:center;text-align:center;padding:10px 8px}
  .nav button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar{position:sticky;top:0;z-index:5;background:#f8f5ee;border-bottom:2px solid #ead8a6!important;padding:10px 0 12px;margin-bottom:14px}
  h1{font-size:24px}.topbar p{font-size:13px}
  .account-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:-2px 0 12px}
  .account-card{padding:10px}.account-card span{font-size:10px}.account-card strong{font-size:13px}.account-card small{font-size:11px}
  .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .btn{justify-content:center;min-height:42px;padding:10px 9px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
  .stat{padding:13px}.stat b{font-size:22px}.stat span,.stat .trend{font-size:12px}
  .section{padding:13px;margin-bottom:12px}.section-head{display:grid;gap:10px}
  .layout{gap:12px}.item{padding:11px}.item-row{align-items:flex-start;display:grid;gap:5px}
  .ops-board{margin-bottom:12px}.ops-list{grid-template-columns:1fr}.ops-item{grid-template-columns:1fr}.ops-item .btn{width:100%}
  .payment-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-lane{min-height:104px}.payment-next-item{grid-template-columns:1fr}.payment-next-item .actions{grid-template-columns:1fr}.payment-next-item .btn{width:100%}
  .workflow-board{margin-bottom:12px}.workflow-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.workflow-step{min-height:94px;padding:11px}.workflow-step strong{font-size:23px}
  .readiness-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.readiness-card,.health-card{min-height:112px;padding:11px 10px 15px}.readiness-card strong,.health-card strong{font-size:18px}
  .access-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.access-lane{min-height:104px}.access-next-item{grid-template-columns:1fr}.access-next-item .btn{width:100%}
  .company-grid,.company-guardrails{grid-template-columns:1fr}.company-metrics{grid-template-columns:1fr}
  .api-grid{grid-template-columns:1fr}.api-phase{min-height:auto}
  .blueprint-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blueprint-card{min-height:112px}
  .message-lanes{grid-template-columns:1fr}.message-lane{min-height:auto}
  .service-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.service-lane{min-height:104px}.service-next-item{grid-template-columns:1fr}.service-next-item .btn{width:100%}
  .timeline-item{grid-template-columns:1fr}.timeline-item .tag{width:max-content}
  .claim-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.claim-lane{min-height:104px}.claim-next-item{grid-template-columns:1fr}.claim-next-item .btn{width:100%}
  .executive-grid{grid-template-columns:1fr}.executive-card{min-height:auto}
  .application-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.application-lane{min-height:104px}
  .fleet-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.fleet-lane{min-height:104px}.fleet-next-item{grid-template-columns:1fr}.fleet-next-item .btn{width:100%}
  .match-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.match-lane{min-height:104px}.match-next-item{grid-template-columns:1fr}.match-next-item .btn{width:100%}
  .accounting-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-lane{min-height:104px}.accounting-next-item{grid-template-columns:1fr}.accounting-next-item .btn{width:100%}
  .file-summary{grid-template-columns:1fr;gap:8px}.file-summary>div{padding:10px}.file-summary small{white-space:normal}
  .mechanic-cards{grid-template-columns:1fr}
  .tabs{overflow-x:auto;gap:4px}.tabs button{white-space:nowrap;padding:10px}
  .table-wrap{overflow:visible}
  .table{min-width:0;border-collapse:separate;border-spacing:0 10px}
  .table thead{display:none}
  .table,.table tbody,.table tr,.table td{display:block;width:100%}
  .table tr{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px rgba(17,24,32,.06);padding:8px;margin-bottom:10px}
  .table td{border:0;padding:8px 6px;font-size:14px;display:grid!important;grid-template-columns:minmax(92px,.36fr) minmax(0,1fr);gap:10px;align-items:start}
  .table td:before{content:attr(data-label);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#8a6a22;font-weight:950;line-height:1.4}
  .table td:empty{display:none!important}
  .table td+td{border-top:1px solid #edf1f4}
  .table td .actions{grid-template-columns:1fr}
  .table td .btn{width:100%}
  .form{gap:10px}
  .modal-backdrop{padding:10px;align-items:start}
  .modal{max-height:94vh;margin-top:8px}
  .modal-head,.modal-body{padding:13px}
  .public-hero{padding:18px 14px 36px}
  .public-hero h1{font-size:28px;margin-top:28px}
  .public-vehicle-grid{grid-template-columns:1fr}
  .quickbar{position:fixed;left:10px;right:10px;bottom:10px;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(64px,1fr);gap:6px;background:rgba(11,16,21,.96);border:1px solid rgba(240,184,58,.46);border-radius:8px;padding:7px;box-shadow:0 18px 48px rgba(0,0,0,.30);backdrop-filter:blur(16px);overflow-x:auto;scrollbar-width:none}
  .quickbar::-webkit-scrollbar{display:none}
  .quickbar button{border:1px solid transparent;border-radius:7px;background:rgba(255,255,255,.04);color:#dce5eb;font-size:10px;font-weight:900;padding:7px 4px;display:grid;place-items:center;gap:4px;min-height:54px}
  .quickbar button .quick-icon{width:19px;height:19px;display:block}
  .quickbar button .quick-icon path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .quickbar button.active{background:linear-gradient(180deg,#ffd166,#f0b83a);border-color:#ffe09a;color:#15191f;box-shadow:0 10px 22px rgba(240,184,58,.22)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation:none!important;transition:none!important}
}

/* Keep the desktop rail compact without clipping long workspace names. */
.nav,.nav-single,.nav-group,.nav-group>div{min-width:0;width:100%}
.nav button,.nav-group summary{box-sizing:border-box;max-width:100%;min-width:0;width:100%}
.nav-button-main{min-width:0}
.nav-button-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fleet-stat-tabs .fleet-stat-icon{display:none}

/* Premium command shell refresh */
.admin-shell{background:#f3f0e8}
.admin-shell .sidebar{box-shadow:18px 0 46px rgba(5,7,9,.18)}
.admin-shell .brand{padding:8px;border:1px solid rgba(240,184,58,.22);border-radius:8px;background:rgba(255,255,255,.05)}
.admin-shell .nav{gap:4px}
.admin-shell .nav button{min-height:42px;font-weight:850;letter-spacing:0;border:1px solid transparent}
.admin-shell .nav button:hover{border-color:rgba(240,184,58,.26)}
.admin-shell .nav button.active{box-shadow:0 12px 24px rgba(240,184,58,.18)}
.nav-group{border:1px solid rgba(240,184,58,.18);border-radius:8px;background:rgba(255,255,255,.035);overflow:hidden}.nav-group+.nav-group{margin-top:7px}.nav-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;color:#f1d58c;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:950;cursor:pointer}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'+';font-size:15px;color:#e7d8b5}.nav-group[open] summary:after{content:'-'}.nav-group summary small{background:rgba(255,255,255,.12);color:#f8e5b2;border-radius:999px;padding:2px 7px;letter-spacing:0}.nav-group>div{display:grid;gap:4px;padding:0 6px 7px}.nav-group .active{position:relative}
.global-search input{font-size:18px;font-weight:850;padding:14px 15px;border-color:#d6bd79;background:#fffaf0}.global-search input::placeholder{font-weight:650;color:#8a7b58}
.admin-shell .main{background:
  linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,245,238,.96)),
  radial-gradient(circle at top right,rgba(240,184,58,.16),transparent 30%),
  #f8f5ee}
.admin-shell .topbar{position:relative;background:linear-gradient(135deg,#fff,#fffaf0);border:1px solid #ead9b4!important;border-bottom:4px solid #f0b83a!important;border-radius:8px;padding:18px;box-shadow:0 18px 46px rgba(17,24,32,.08)}
.admin-shell .topbar h1{font-size:34px}
.admin-shell .card{background:rgba(255,255,255,.94)}
.admin-shell .stat{position:relative;overflow:hidden}
.admin-shell .stat:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#111820,#f0b83a)}
.admin-shell .section-head h2{font-size:19px}
.admin-shell .table th{color:#7b6228}
.admin-shell .table td{background:rgba(255,255,255,.64)}
.admin-shell .table tr:hover td{background:#fffaf0}
.api-control{margin-bottom:16px;background:linear-gradient(135deg,#101820,#173131);color:white;border-color:#101820;box-shadow:0 24px 62px rgba(17,24,32,.2)}
.api-control h2{color:white}.api-control p{color:#dce5eb}
.api-lanes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.api-lane{position:relative;overflow:hidden;text-align:left;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white;border-radius:8px;padding:13px 12px 16px;min-height:118px;display:grid;gap:6px;align-content:start;transition:transform .16s ease,background .16s ease,border-color .16s ease}
.api-lane:hover{transform:translateY(-2px);background:rgba(255,255,255,.12);border-color:rgba(240,184,58,.58)}
.api-lane span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}
.api-lane strong{font-size:26px;line-height:1.05;overflow-wrap:anywhere}
.api-lane small{color:#dce5eb;font-weight:750;line-height:1.35}
.api-lane i{position:absolute;left:0;right:0;bottom:0;height:4px;background:#58a6ff}
.api-lane i.good{background:#177245}.api-lane i.warn{background:#f0b83a}.api-lane i.bad{background:#c53a2d}.api-lane i.blue{background:#58a6ff}
@media(max-width:1050px){.api-lanes{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .admin-shell .topbar{position:sticky;top:0;border-radius:0;padding:12px 10px}
  .admin-shell .topbar h1{font-size:25px}
  .api-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-lane{min-height:104px}
}

/* Dark modern command workspace */
.admin-shell{
  background:
    radial-gradient(circle at 78% 0%,rgba(240,184,58,.18),transparent 28%),
    radial-gradient(circle at 18% 22%,rgba(8,121,107,.16),transparent 30%),
    linear-gradient(135deg,#07090c 0%,#10161c 46%,#15100a 100%);
  color:#edf3f7;
}
.admin-shell .main{
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012)),
    radial-gradient(circle at top right,rgba(240,184,58,.14),transparent 32%),
    #0b1015;
  color:#edf3f7;
}
.admin-shell .topbar{
  background:linear-gradient(135deg,rgba(21,28,35,.96),rgba(12,16,21,.96))!important;
  border:1px solid rgba(240,184,58,.34)!important;
  border-bottom:3px solid #f0b83a!important;
  box-shadow:0 22px 70px rgba(0,0,0,.28);
}
.admin-shell .topbar h1,
.admin-shell h2,
.admin-shell h3,
.admin-shell .card strong,
.admin-shell .item strong{color:#f7fbff}
.admin-shell p,
.admin-shell .muted,
.admin-shell .account-card small,
.admin-shell .file-summary small,
.admin-shell .health-card small,
.admin-shell .access-lane small,
.admin-shell .match-lane small,
.admin-shell .application-lane small,
.admin-shell .claim-lane small,
.admin-shell .message-lane small,
.admin-shell .api-phase small{color:#aebbc6}
.admin-shell .eyebrow,
.admin-shell .account-card span,
.admin-shell .file-summary span,
.admin-shell .health-card span,
.admin-shell .access-lane span,
.admin-shell .match-lane span,
.admin-shell .application-lane span,
.admin-shell .claim-lane span,
.admin-shell .message-lane span,
.admin-shell .api-phase span,
.admin-shell .timeline-item span,
.admin-shell .table td:before{color:#f0c45b}
.admin-shell .card,
.admin-shell .item,
.admin-shell .lead-card,
.admin-shell .column,
.admin-shell .mechanic-card,
.admin-shell .company-card,
.admin-shell .api-phase,
.admin-shell .public-vehicle-card{
  background:linear-gradient(180deg,rgba(24,32,40,.94),rgba(15,21,27,.94));
  border-color:rgba(240,184,58,.18);
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  color:#edf3f7;
}
.admin-shell .card:hover,
.admin-shell .item:hover,
.admin-shell .lead-card:hover,
.admin-shell .mechanic-card:hover{
  border-color:rgba(240,184,58,.42);
  box-shadow:0 22px 58px rgba(0,0,0,.3);
}
.admin-shell .stat:after{background:linear-gradient(90deg,#f0b83a,#08796b)}
.admin-shell .account-card,
.admin-shell .file-summary>div,
.admin-shell .health-card,
.admin-shell .access-lane,
.admin-shell .match-lane,
.admin-shell .application-lane,
.admin-shell .claim-lane,
.admin-shell .message-lane,
.admin-shell .timeline-item,
.admin-shell .access-next-item,
.admin-shell .claim-next-item,
.admin-shell .match-next-item,
.admin-shell .ops-item{
  background:rgba(20,28,36,.86);
  border-color:rgba(240,184,58,.18);
  color:#edf3f7;
}
.admin-shell .workflow-board,
.admin-shell .readiness-board,
.admin-shell .blueprint-board,
.admin-shell .executive-board,
.admin-shell .api-control{
  background:linear-gradient(135deg,#111922,#18232c);
  border-color:rgba(240,184,58,.24);
}
.admin-shell .ops-board,
.admin-shell .system-health,
.admin-shell .access-command,
.admin-shell .api-board,
.admin-shell .message-playbook,
.admin-shell .claims-command,
.admin-shell .application-command,
.admin-shell .fleet-prep,
.admin-shell .match-board,
.admin-shell .closeout-board{
  background:linear-gradient(135deg,rgba(24,32,40,.96),rgba(13,18,24,.96));
  border-color:rgba(240,184,58,.24);
  border-left-color:#f0b83a;
}
.admin-shell .table th{color:#f0c45b;border-bottom-color:rgba(240,184,58,.2)}
.admin-shell .table td{background:rgba(12,18,24,.62);border-bottom-color:rgba(255,255,255,.08);color:#edf3f7}
.admin-shell .table tr:hover td{background:rgba(240,184,58,.08)}
.admin-shell .field label{color:#f0c45b}
.admin-shell .field input,
.admin-shell .field select,
.admin-shell .field textarea,
.admin-shell .clover-field{
  background:#101820;
  color:#edf3f7;
  border-color:rgba(240,184,58,.26);
}
.admin-shell .field input::placeholder,
.admin-shell .field textarea::placeholder{color:#71808b}
.admin-shell .btn{background:#151d25;color:#edf3f7;border-color:rgba(240,184,58,.24)}
.admin-shell .btn:hover{background:#1d2832;border-color:rgba(240,184,58,.52);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.admin-shell .btn.gold{background:#f0b83a;border-color:#f0b83a;color:#111820}
.admin-shell .btn.primary{background:#f0b83a;border-color:#f0b83a;color:#111820}
.admin-shell .btn.primary:hover,
.admin-shell .btn.gold:hover{background:#ffd166;border-color:#ffd166;color:#0b1015}
.admin-shell .tabs{border-bottom-color:rgba(240,184,58,.18)}
.admin-shell .tabs button{color:#aebbc6}
.admin-shell .tabs button:hover{background:rgba(240,184,58,.08);color:#f7fbff}
.admin-shell .tabs button.active{color:#f0c45b;border-bottom-color:#f0b83a}
.admin-shell .tag{background:#24313c;color:#dce5eb}
.admin-shell .tag.good{background:rgba(23,114,69,.2);color:#8ce0ae}
.admin-shell .tag.warn{background:rgba(240,184,58,.18);color:#ffd166}
.admin-shell .tag.bad{background:rgba(197,58,45,.2);color:#ff9a8f}
.admin-shell .tag.blue{background:rgba(88,166,255,.17);color:#9dcbff}
.admin-shell .notice{background:rgba(240,184,58,.12);border-color:rgba(240,184,58,.32);color:#f6dfaa}
.admin-shell .success{background:rgba(23,114,69,.14);border-color:rgba(54,171,105,.34);color:#a8e8c2}
.admin-shell .modal{background:#111820;color:#edf3f7;border-color:rgba(240,184,58,.28)}
.admin-shell .modal-head{border-bottom-color:rgba(240,184,58,.18)}
.admin-shell .global-search input{background:#101820;color:#edf3f7;border-color:rgba(240,184,58,.42)}
@media(max-width:760px){
  body{background:#0b1015}
  .admin-shell .main{padding:14px 14px 86px;background:#0b1015}
  .admin-shell .topbar{background:rgba(13,18,24,.96)!important;border-radius:8px}
  .admin-shell .table tr{background:rgba(18,25,32,.94);border-color:rgba(240,184,58,.18)}
  .admin-shell .table td+td{border-top-color:rgba(255,255,255,.08)}
}

/* Desktop readability pass */
.nav-single{display:grid}
.nav-single+.nav-single,.nav-single+.nav-group,.nav-group+.nav-single{margin-top:7px}
.nav-single .active{position:relative}
@media(min-width:761px){
  .admin-shell{
    background:linear-gradient(135deg,#07090c,#101820 56%,#181107);
  }
  .admin-shell .main{
    background:
      radial-gradient(circle at 82% 0%,rgba(240,184,58,.16),transparent 26%),
      linear-gradient(180deg,#f4f6f7 0%,#e9eef1 100%);
    color:#17202a;
  }
  .admin-shell .topbar{
    background:linear-gradient(135deg,#121a22,#1b252e)!important;
    color:#f7fbff;
    box-shadow:0 18px 48px rgba(17,24,32,.18);
  }
  .admin-shell .topbar p{color:#cbd6de}
  .admin-shell h2,
  .admin-shell h3,
  .admin-shell .card strong,
  .admin-shell .item strong{color:#17202a}
  .admin-shell p,
  .admin-shell .muted,
  .admin-shell .account-card small,
  .admin-shell .file-summary small,
  .admin-shell .health-card small,
  .admin-shell .access-lane small,
  .admin-shell .match-lane small,
  .admin-shell .application-lane small,
  .admin-shell .claim-lane small,
  .admin-shell .message-lane small,
  .admin-shell .api-phase small{color:#5d6b76}
  .admin-shell .card,
  .admin-shell .item,
  .admin-shell .lead-card,
  .admin-shell .column,
  .admin-shell .mechanic-card,
  .admin-shell .company-card,
  .admin-shell .api-phase,
  .admin-shell .public-vehicle-card{
    background:rgba(255,255,255,.96);
    color:#17202a;
    border-color:#d8dde2;
    box-shadow:0 16px 38px rgba(24,32,40,.1);
  }
  .admin-shell .account-card,
  .admin-shell .file-summary>div,
  .admin-shell .health-card,
  .admin-shell .access-lane,
  .admin-shell .match-lane,
  .admin-shell .application-lane,
  .admin-shell .claim-lane,
  .admin-shell .message-lane,
  .admin-shell .timeline-item,
  .admin-shell .access-next-item,
  .admin-shell .claim-next-item,
  .admin-shell .match-next-item,
  .admin-shell .ops-item{
    background:#fff;
    color:#17202a;
    border-color:#dde2e6;
  }
  .admin-shell .ops-board,
  .admin-shell .system-health,
  .admin-shell .access-command,
  .admin-shell .api-board,
  .admin-shell .message-playbook,
  .admin-shell .claims-command,
  .admin-shell .application-command,
  .admin-shell .fleet-prep,
  .admin-shell .match-board,
  .admin-shell .closeout-board{
    background:linear-gradient(135deg,#fff,#f7f9fa);
    border-color:#d8dde2;
    border-left-color:#f0b83a;
  }
  .admin-shell .table td{background:rgba(255,255,255,.74);border-bottom-color:#e2e7eb;color:#17202a}
  .admin-shell .table tr:hover td{background:#fff8e7}
  .admin-shell .field input,
  .admin-shell .field select,
  .admin-shell .field textarea,
  .admin-shell .clover-field{
    background:#fff;
    color:#17202a;
    border-color:#cfd6dc;
  }
  .admin-shell .btn{background:#fff;color:#17202a;border-color:#cfd6dc}
  .admin-shell .btn:hover{background:#fffaf0;border-color:#d6bd79;box-shadow:0 12px 28px rgba(17,24,32,.12)}
  .admin-shell .btn.primary,
  .admin-shell .btn.gold{background:#f0b83a;border-color:#f0b83a;color:#111820}
  .admin-shell .tag{background:#edf2f5;color:#415160}
}

/* Mobile bottom-first navigation */
@media(max-width:760px){
  .admin-shell .sidebar{padding:12px 12px 8px}
  .admin-shell .sidebar .nav{display:none}
  .admin-shell .brand{margin-bottom:0}
  .admin-shell .main{padding-bottom:118px}
  .quickbar{
    left:0;
    right:0;
    bottom:0;
    border-radius:0;
    border-left:0;
    border-right:0;
    border-bottom:0;
    display:flex;
    gap:8px;
    overflow-x:auto;
    grid-template-columns:none;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom));
    scrollbar-width:none;
    background:rgba(10,15,20,.97);
  }
  .quickbar::-webkit-scrollbar{display:none}
  .quickbar button{
    min-width:88px;
    min-height:62px;
    display:grid;
    place-items:center;
    gap:4px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.06);
  }
  .quickbar button .quick-icon{width:22px;height:22px;color:#f0d394}
  .quickbar button .quick-icon path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .quickbar button span{font-size:10px;line-height:1.1;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .quickbar button.active{background:linear-gradient(180deg,#ffd166,#f0b83a);color:#111820;border-color:#ffe09a;box-shadow:0 10px 24px rgba(240,184,58,.22)}
  .quickbar button.active .quick-icon{color:#111820}
}

/* Focused dashboard and softer dark desktop */
@media(min-width:761px){
  .admin-shell .main{
    background:
      radial-gradient(circle at 82% 0%,rgba(240,184,58,.14),transparent 30%),
      linear-gradient(180deg,#18212a 0%,#101820 52%,#0d1319 100%);
    color:#eef4f8;
  }
  .admin-shell h2,
  .admin-shell h3,
  .admin-shell .card strong,
  .admin-shell .item strong{color:#f7fbff}
  .admin-shell p,
  .admin-shell .muted,
  .admin-shell .account-card small,
  .admin-shell .file-summary small,
  .admin-shell .health-card small,
  .admin-shell .access-lane small,
  .admin-shell .match-lane small,
  .admin-shell .application-lane small,
  .admin-shell .claim-lane small,
  .admin-shell .message-lane small,
  .admin-shell .api-phase small{color:#b5c1ca}
  .admin-shell .card,
  .admin-shell .item,
  .admin-shell .lead-card,
  .admin-shell .column,
  .admin-shell .mechanic-card,
  .admin-shell .company-card,
  .admin-shell .api-phase,
  .admin-shell .public-vehicle-card{
    background:linear-gradient(180deg,rgba(31,41,51,.96),rgba(20,28,36,.96));
    border-color:rgba(240,184,58,.18);
    color:#eef4f8;
    box-shadow:0 18px 48px rgba(0,0,0,.18);
  }
  .admin-shell .account-card,
  .admin-shell .file-summary>div,
  .admin-shell .health-card,
  .admin-shell .access-lane,
  .admin-shell .match-lane,
  .admin-shell .application-lane,
  .admin-shell .claim-lane,
  .admin-shell .message-lane,
  .admin-shell .timeline-item,
  .admin-shell .access-next-item,
  .admin-shell .claim-next-item,
  .admin-shell .match-next-item,
  .admin-shell .ops-item{
    background:rgba(24,33,42,.9);
    border-color:rgba(240,184,58,.18);
    color:#eef4f8;
  }
  .admin-shell .table td{background:rgba(18,26,34,.72);border-bottom-color:rgba(255,255,255,.08);color:#eef4f8}
  .admin-shell .table tr:hover td{background:rgba(240,184,58,.08)}
  .admin-shell .field input,
  .admin-shell .field select,
  .admin-shell .field textarea,
  .admin-shell .clover-field{
    background:#121b24;
    color:#eef4f8;
    border-color:rgba(240,184,58,.26);
  }
  .admin-shell .tabs{
    border-bottom:0;
    gap:6px;
    margin-bottom:12px;
  }
  .admin-shell .tabs button{
    background:rgba(240,184,58,.09);
    border:1px solid rgba(240,184,58,.18);
    border-radius:999px;
    color:#f0d394;
    padding:7px 11px;
    font-size:12px;
    line-height:1;
  }
  .admin-shell .tabs button:hover{background:rgba(240,184,58,.16);color:#fff}
  .admin-shell .tabs button.active{
    background:#f0b83a;
    border-color:#f0b83a;
    color:#111820;
  }
}

/* Authentication alternatives stay quiet and dark; the primary sign-in is gold. */
.login-card .btn{
  box-sizing:border-box;
  width:100%;
  min-height:42px;
  justify-content:center;
  background:#121519!important;
  border-color:rgba(203,210,218,.16)!important;
  color:#d9dde0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.login-card .btn:hover,
.login-card .btn:focus-visible{
  background:#181c20!important;
  border-color:rgba(213,177,95,.34)!important;
  color:#f0d993!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065)!important;
}

/* Phone workspaces use one fitted tab rail and reveal neighboring views by swipe. */
@media(max-width:760px){
  .admin-shell .mobile-swipe-tabs{
    box-sizing:border-box;
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    gap:5px!important;
    margin:0 0 8px!important;
    padding:0 0 4px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    touch-action:pan-y;
  }
  .admin-shell .mobile-swipe-tabs::-webkit-scrollbar{display:none}
  .admin-shell .mobile-swipe-tabs>button{
    box-sizing:border-box;
    flex:1 0 calc((100% - 15px)/4)!important;
    width:auto!important;
    min-width:70px!important;
    max-width:none!important;
    min-height:40px!important;
    padding:6px 4px!important;
    justify-content:center!important;
    scroll-snap-align:start;
    font-size:10px!important;
    line-height:1.15!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .admin-shell .mobile-swipe-tabs.workspace-count-tabs>button>span{
    width:100%;
    display:flex!important;
    align-items:center;
    justify-content:center;
    gap:4px;
  }
  .admin-shell .mobile-swipe-tabs.workspace-count-tabs>button small{
    color:inherit!important;
    font-size:9px!important;
    line-height:1.1!important;
  }
  .admin-shell .mobile-swipe-tabs.workspace-count-tabs>button strong{
    flex:0 0 auto;
    font-size:10px!important;
  }
  .admin-shell .mobile-swipe-tabs .fleet-stat-icon{display:none!important}
  .admin-shell .mobile-operations-tabs>button{flex-basis:calc((100% - 15px)/4)!important}

  .mobile-unified-fleet>.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
  .mobile-unified-fleet>.section-head p{display:none}
  .mobile-fleet-filter,
  .mobile-verification-filter{
    position:relative;
    z-index:12;
    margin:0 0 8px;
    border:1px solid rgba(203,210,218,.14);
    border-radius:7px;
    background:#111418;
  }
  .mobile-fleet-filter>summary,
  .mobile-verification-filter>summary{
    min-height:42px;
    display:flex;
    align-items:center;
    gap:7px;
    padding:0 11px;
    color:#aeb5bb;
    font-size:10px;
    font-weight:800;
    list-style:none;
    cursor:pointer;
  }
  .mobile-fleet-filter>summary::-webkit-details-marker,
  .mobile-verification-filter>summary::-webkit-details-marker{display:none}
  .mobile-fleet-filter>summary strong{color:#edf0f2;font-size:11px}
  .mobile-fleet-filter>summary span{margin-left:auto;color:#d8bd78;font-size:11px}
  .mobile-fleet-filter>div,
  .mobile-verification-filter>div{display:grid;gap:0;padding:0 9px 8px}
  .mobile-fleet-filter button{
    min-height:39px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 4px;
    border:0;
    border-top:1px solid rgba(203,210,218,.09);
    border-radius:0;
    background:transparent;
    color:#c2c8cc;
    font:inherit;
    font-size:11px;
    text-align:left;
  }
  .mobile-fleet-filter button.active{color:#f0d993}
  .mobile-fleet-filter button b{font-size:10px}
  .mobile-verification-filter .mobile-swipe-tabs{margin:0!important;padding:6px 0 0!important}
  .mobile-verification-filter .mobile-swipe-tabs>button{flex-basis:44%!important}

  .mobile-fleet-card{position:relative;min-width:0;height:100%;box-sizing:border-box}
  .mobile-fleet-state{
    position:absolute;
    z-index:2;
    top:9px;
    right:9px;
    max-width:46%;
    padding:4px 6px;
    border:1px solid rgba(203,210,218,.16);
    border-radius:6px;
    background:#171b1f;
    color:#cdd2d6;
    font-size:8px;
    font-weight:850;
    line-height:1.1;
    text-align:right;
  }
  .mobile-fleet-state.online{border-color:rgba(106,172,238,.28);color:#9fc8ee}
  .mobile-fleet-state.available{border-color:rgba(104,211,145,.25);color:#98ddb1}
  .mobile-fleet-state.prep{border-color:rgba(213,177,95,.3);color:#e0c47c}
  .mobile-fleet-state.assigned{border-color:rgba(203,210,218,.25);color:#e0e4e7}
  .mobile-fleet-state.service{border-color:rgba(223,119,124,.28);color:#e9a0a4}
  .mobile-fleet-card .vehicle-card-name{max-width:50%;padding-right:4px}
  .mobile-fleet-grid .native-online-card{min-width:0}
  .message-inbox-shell.message-mobile-thread-open .message-recipient-details{display:none!important}
}

/* First-party customer conversations replace carrier SMS as the launch path. */
.customer-account-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.customer-conversation-panel{padding:0!important;overflow:hidden;background:#101214!important;border-color:rgba(207,183,125,.3)!important}
.customer-chat{height:min(680px,calc(100dvh - 190px));min-height:500px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,#151719,#0d0f11)}
.customer-chat-header{display:flex;align-items:center;gap:11px;min-width:0;padding:13px 15px;border-bottom:1px solid rgba(207,211,214,.12);background:rgba(255,255,255,.025)}
.customer-chat-avatar{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid rgba(213,177,95,.34);border-radius:50%;background:linear-gradient(145deg,rgba(224,228,231,.14),rgba(213,177,95,.1));color:#f1d995;font-size:10px;font-weight:950}
.customer-chat-header>div{display:grid;gap:2px;min-width:0}.customer-chat-header strong{color:#f3f1eb;font-size:15px}.customer-chat-header small{color:#9ba1a5;font-size:10px}
.customer-chat-header i{margin-left:auto;color:#80d6a1;font-size:10px;font-style:normal;font-weight:850}.customer-chat-header i.offline{color:#e8bf67}
.customer-chat-messages{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:9px;scrollbar-color:rgba(213,177,95,.34) transparent}
.customer-chat-bubble{width:fit-content;max-width:min(78%,640px);display:grid;gap:4px;padding:10px 12px;border:1px solid rgba(207,211,214,.12);border-radius:10px;background:#1a1c1f;box-shadow:0 8px 20px rgba(0,0,0,.18)}
.customer-chat-bubble.customer{align-self:flex-end;border-color:rgba(213,177,95,.27);background:linear-gradient(145deg,rgba(213,177,95,.17),rgba(213,177,95,.08)),#1a1916}
.customer-chat-bubble.staff{align-self:flex-start;background:linear-gradient(145deg,rgba(227,230,232,.08),rgba(255,255,255,.025)),#17191b}
.customer-chat-bubble>span{color:#d9c68d;font-size:9px;font-weight:900}.customer-chat-bubble p{margin:0;color:#f0ede6;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.customer-chat-bubble small{color:#8e9498;font-size:9px;line-height:1.35}
.customer-chat-empty{margin:auto;display:grid;gap:5px;text-align:center;color:#a7adb0}.customer-chat-empty strong{color:#e7e5df;font-size:16px}.customer-chat-empty span{font-size:11px}
.customer-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px 12px calc(11px + env(safe-area-inset-bottom));border-top:1px solid rgba(207,211,214,.12);background:#111315}
.customer-chat-composer textarea{min-width:0;min-height:44px;max-height:130px;resize:vertical;border:1px solid rgba(207,211,214,.17);border-radius:8px;padding:11px 12px;background:#0c0e10;color:#f3f1eb;font:inherit;font-size:16px;line-height:1.35;outline:none}
.customer-chat-composer textarea:focus{border-color:rgba(213,177,95,.54);box-shadow:0 0 0 3px rgba(213,177,95,.08)}
.customer-chat-composer .btn{align-self:start;min-height:44px}.customer-chat-composer small{grid-column:1/-1;color:#8f9599;font-size:9px}.customer-chat-composer small.err{color:#ff9b8c}
@media(max-width:760px){
  .customer-account-actions{gap:5px}.customer-account-actions .btn{min-height:36px!important;padding:7px 9px!important;font-size:10px}
  .customer-chat{height:calc(100dvh - 154px);min-height:430px}
  .customer-chat-header{padding:10px 11px}.customer-chat-messages{padding:13px 10px}
  .customer-chat-bubble{max-width:86%;padding:9px 10px}.customer-chat-bubble p{font-size:13px}
  .customer-chat-composer{padding:8px 9px calc(8px + env(safe-area-inset-bottom))}.customer-chat-composer .btn{min-width:64px!important}
}

.message-setup{margin-bottom:14px}
.message-setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.message-setup-grid .item strong{color:#f0d394}
.message-board .local-search{margin-bottom:10px}
.message-thread-grid,.message-history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.message-thread-card,.message-card{border:1px solid rgba(240,184,58,.16);background:rgba(255,255,255,.055);border-radius:8px;padding:12px;display:grid;gap:8px;box-shadow:0 12px 28px rgba(0,0,0,.12);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.message-thread-card:hover,.message-card:hover{transform:translateY(-1px);border-color:rgba(240,184,58,.34);box-shadow:0 18px 36px rgba(0,0,0,.2)}
.message-thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.message-thread-head strong,.message-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.message-thread-head small,.message-card .muted{display:block;color:#b5c1ca;font-weight:700;margin-top:2px}
.message-thread-body{color:#edf3f7;line-height:1.42;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.message-card.inbound{border-left:3px solid #58a6ff}
.message-card.outbound{border-left:3px solid #f0b83a}
.message-card .actions,.message-thread-card .actions{gap:6px}
.message-card .btn,.message-thread-card .btn{padding:7px 9px;font-size:12px}
.message-inbox-layout{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:12px;align-items:start}
.message-thread-list{min-width:0}
.message-thread-list .message-thread-grid{grid-template-columns:1fr;gap:8px;max-height:62vh;overflow:auto;padding-right:2px}
.message-thread-row{width:100%;text-align:left;color:inherit;cursor:pointer}
.message-thread-row.active{background:rgba(240,184,58,.14)!important;border-color:rgba(240,184,58,.48)!important;box-shadow:0 18px 38px rgba(0,0,0,.24)}
.message-thread-foot{display:flex;justify-content:space-between;gap:8px;color:#9facb7;font-size:11px;font-weight:800}
.message-conversation-panel{min-width:0;display:grid;gap:12px}
.message-conversation-panel.empty{align-content:center;min-height:360px;text-align:center}
.message-conversation-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid rgba(240,184,58,.14);padding-bottom:10px}
.message-conversation-head h2{margin:0;color:#fff6df}
.message-conversation-head p{margin:4px 0 0;color:#b5c1ca;font-size:13px;line-height:1.35}
.message-bubbles{display:flex;flex-direction:column;gap:9px;max-height:48vh;overflow:auto;padding:3px 4px}
.message-bubble{max-width:min(76%,720px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.07);box-shadow:0 10px 24px rgba(0,0,0,.14)}
.message-bubble.inbound{align-self:flex-start;border-bottom-left-radius:5px;border-left:3px solid #58a6ff}
.message-bubble.outbound{align-self:flex-end;border-bottom-right-radius:5px;border-right:3px solid #f0b83a;background:rgba(240,184,58,.12)}
.message-bubble.star{border-color:rgba(240,211,148,.35);background:rgba(240,211,148,.10)}
.message-bubble-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px;font-size:11px;color:#f0d394;font-weight:900;text-transform:uppercase}
.message-bubble-text{color:#f7fbff;line-height:1.43;white-space:pre-wrap}
.message-bubble-error{margin-top:8px;border:1px solid rgba(255,106,92,.35);border-radius:7px;background:rgba(255,106,92,.12);color:#ffd8d3;padding:8px 9px;font-size:12px;line-height:1.4}
.message-bubble-time{margin-top:7px;color:#9facb7;font-size:11px;font-weight:750}
.message-reply-box{border:1px solid rgba(240,184,58,.20);background:rgba(12,18,24,.72);border-radius:12px;padding:10px;display:grid;gap:9px}
.message-reply-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.message-reply-fields{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:8px}
.message-reply-fields input,.message-reply-fields select,.message-reply-box textarea,.star-prompt-form input,.star-prompt-form select,.star-prompt-form textarea{min-width:0;background:#121b24;color:#eef4f8;border:1px solid rgba(240,184,58,.24);border-radius:8px;padding:10px;font:inherit}
.message-reply-box textarea{min-height:92px;resize:vertical}
.star-prompt-panel{border-color:rgba(240,211,148,.28);background:linear-gradient(180deg,rgba(31,36,40,.96),rgba(16,18,21,.96))}
.star-prompt-form{margin:0 0 10px}
@media(max-width:900px){
  .message-setup-grid,.message-thread-grid,.message-history-list,.message-inbox-layout{grid-template-columns:1fr}
  .message-thread-list .message-thread-grid{max-height:260px}
  .message-conversation-head{display:grid}
  .message-bubbles{max-height:50vh}
  .message-bubble{max-width:92%}
  .message-reply-fields{grid-template-columns:1fr}
  .message-reply-box .actions{display:grid;grid-template-columns:1fr;gap:8px}
}
/* Customer self-service portal */
.customer-portal{min-height:100vh;background:linear-gradient(180deg,#080b0e 0%,#111820 36%,#f6f1e6 36%,#f6f1e6 100%);padding:24px;display:grid;gap:18px;color:#17202a}
.customer-hero{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:1fr minmax(0,1.4fr) auto;gap:18px;align-items:center;color:white;padding:22px;border:1px solid rgba(240,184,58,.34);border-radius:14px;background:linear-gradient(135deg,rgba(17,24,32,.96),rgba(36,28,14,.92));box-shadow:0 28px 80px rgba(0,0,0,.28)}
.customer-brand{display:flex;align-items:center;gap:10px;font-weight:950;color:#f3ddb0;text-decoration:none}.customer-brand .brand-logo{width:56px;height:56px;border-radius:12px;background:rgba(240,184,58,.12);padding:6px;border:1px solid rgba(240,184,58,.42)}
.customer-hero h1{margin:2px 0 6px;font-size:clamp(30px,4vw,54px);line-height:1}.customer-hero p{margin:0;color:#d9e0e6;max-width:620px}.customer-hero .btn{align-self:start}
.customer-action-hub{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;position:sticky;top:10px;z-index:3}
.customer-action-hub a{display:grid;gap:3px;text-decoration:none;color:#f7e6bb;border:1px solid rgba(240,184,58,.24);background:linear-gradient(135deg,rgba(17,24,32,.94),rgba(46,36,18,.9));border-radius:12px;padding:12px;box-shadow:0 16px 38px rgba(0,0,0,.18);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.customer-action-hub a:hover{transform:translateY(-1px);border-color:rgba(240,184,58,.5);box-shadow:0 20px 48px rgba(0,0,0,.24)}
.customer-action-hub span{font-size:11px;text-transform:uppercase;font-weight:950;color:#f0d394}.customer-action-hub strong{font-size:22px;line-height:1;color:white}
.customer-summary-grid,.customer-grid{width:min(1180px,100%);margin:0 auto;display:grid;gap:14px}.customer-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.customer-summary-grid article,.customer-panel{background:rgba(255,255,255,.92);border:1px solid rgba(198,163,83,.34);border-radius:12px;padding:18px;box-shadow:0 18px 46px rgba(17,24,32,.10)}
.customer-summary-grid article{display:grid;gap:5px}.customer-summary-grid span{font-size:11px;text-transform:uppercase;font-weight:950;color:#9b6c05}.customer-summary-grid strong{font-size:26px;line-height:1.05;color:#111820}.customer-summary-grid small{color:#65707a;font-weight:750;line-height:1.35}
.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-panel h2{margin:0;color:#111820}.customer-detail{display:grid;gap:9px}.customer-detail strong{font-size:20px}.customer-detail span{color:#4d5a64;font-weight:750}
.customer-list{display:grid;gap:10px}.customer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(198,163,83,.24);background:#fffaf0;border-radius:10px;padding:12px}.customer-row strong{display:block;color:#111820}.customer-row small,.customer-row p{display:block;margin:3px 0 0;color:#5d6973;line-height:1.35}.customer-row b{font-size:18px;color:#9b6c05}.customer-empty{border:1px dashed rgba(198,163,83,.42);border-radius:10px;padding:14px;color:#65707a;background:#fffaf0;font-weight:750}
.customer-request-action{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.customer-pay-request .btn{min-height:38px;padding:8px 12px}.customer-next-actions .customer-detail{border:1px solid rgba(198,163,83,.24);background:#fffaf0;border-radius:10px;padding:12px}
.customer-message-form{display:grid;gap:10px;margin:12px 0}.customer-message-form label{display:grid;gap:7px;color:#111820;font-weight:900}.customer-message-form textarea{min-height:92px;resize:vertical;border:1px solid rgba(198,163,83,.34);border-radius:10px;padding:12px;font:inherit;color:#111820;background:#fffaf0}.customer-message-form input,.customer-message-form select,.customer-message-form textarea{font-size:16px}.customer-message-form small{color:#65707a;font-weight:750;line-height:1.35}
@media(max-width:900px){
  .customer-portal{padding:12px;background:linear-gradient(180deg,#080b0e 0%,#111820 24%,#f6f1e6 24%,#f6f1e6 100%)}
  .customer-hero{grid-template-columns:1fr;text-align:center;padding:16px}.customer-brand{justify-content:center}.customer-hero .btn{justify-self:center}
  .customer-action-hub{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .customer-action-hub a{padding:10px}
  .customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.customer-summary-grid article,.customer-panel{padding:14px}.customer-summary-grid strong{font-size:21px}
  .customer-grid{grid-template-columns:1fr}.customer-row{grid-template-columns:1fr}.customer-request-action{justify-content:flex-start}.customer-request-action .btn{width:100%;justify-content:center}
}
.topbar{margin-bottom:14px}
.admin-shell .account-strip{display:none}
.today-focus{display:grid;grid-template-columns:minmax(240px,1.3fr) repeat(3,minmax(150px,.7fr));gap:10px;padding:12px;margin-bottom:14px;background:linear-gradient(135deg,#111820,#1b252f);border-color:rgba(240,184,58,.28)}
.today-focus-main,.today-metric{border:1px solid rgba(240,184,58,.18);background:rgba(255,255,255,.055);border-radius:8px;padding:14px;text-align:left;color:#eef4f8;display:grid;gap:4px}
.today-focus-main span,.today-metric span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0d394;font-weight:950}
.today-focus-main strong{font-size:34px;line-height:1}.today-metric strong{font-size:24px;line-height:1}
.today-focus-main small,.today-metric small{color:#b5c1ca;font-weight:750}
.today-metric.good{border-color:rgba(54,171,105,.38)}.today-metric.warn{border-color:rgba(240,184,58,.34)}.today-metric.bad{border-color:rgba(197,58,45,.42)}
.dashboard-mobile-tabs{display:none}

/* Ultra-compact page title: content starts immediately */
.admin-shell .topbar.compact-title{
  position:relative;
  display:flex;
  align-items:center;
  min-height:0;
  margin:0 0 10px;
  padding:0 0 8px;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(240,184,58,.28)!important;
  border-radius:0;
  box-shadow:none;
}
.admin-shell .topbar.compact-title h1{
  margin:0;
  font-size:22px;
  line-height:1.15;
  color:#f0b83a;
}
.admin-shell .topbar.compact-title p,
.admin-shell .topbar.compact-title .eyebrow{display:none}
@media(min-width:761px){
  .admin-shell .topbar.compact-title h1{font-size:24px}
}
@media(max-width:760px){
  .admin-shell .topbar.compact-title{
    position:sticky;
    top:0;
    z-index:5;
    margin:0 0 10px;
    padding:8px 0;
    background:rgba(11,16,21,.96)!important;
    border-radius:0;
  }
  .admin-shell .topbar.compact-title h1{font-size:21px}
}
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"dues dues dues" "service applications transactions";gap:12px;align-items:start;min-width:0}
.dash-dues{grid-area:dues}
.dash-service{grid-area:service}
.dash-applications{grid-area:applications}
.dash-transactions{grid-area:transactions}
.dash-dues,.dash-service,.dash-applications,.dash-transactions{min-height:0;min-width:0}
.dash-applications .mini-list,.dash-service .mini-list{max-height:230px;overflow:auto;padding-right:2px}
.compact-dashboard .section{padding:13px}
.compact-dashboard .section-head{margin-bottom:9px}
.compact-dashboard .local-search{margin-bottom:8px}
.ops-list.compact{grid-template-columns:1fr;gap:8px}
.ops-list.compact .ops-item{padding:10px}
.due-list,.mini-list{display:grid;gap:8px}
.due-row,.mini-row{border:1px solid rgba(240,184,58,.16);background:rgba(255,255,255,.055);border-radius:8px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:center}
.compact-dashboard .due-row{grid-template-columns:minmax(150px,1fr) auto auto;gap:7px}
.compact-dashboard .mini-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}
.compact-dashboard .transaction-panel .mini-row{grid-template-columns:minmax(0,1fr) auto;align-items:start}
.compact-dashboard .transaction-panel .mini-row .tag{grid-column:1/-1;justify-self:start;max-width:100%;white-space:normal}
.compact-dashboard .dash-transactions .section-head{align-items:flex-start}
.compact-dashboard .dash-transactions .section-head .btn{padding-inline:8px}
.due-row strong,.mini-row strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.due-row small,.mini-row small{display:block;color:#b5c1ca;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.due-row .actions{gap:5px;justify-content:flex-end}.due-row .btn,.mini-row .btn{padding:7px 9px;font-size:12px}
.compact-dashboard .due-row .actions{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}
.compact-dashboard .due-row .actions .btn{min-width:74px}
.compact-dashboard .due-row .money,.compact-dashboard .mini-row .money{font-size:13px}
.compact-empty{padding:10px}
.small-head{margin-top:14px}
.service-strip{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px}
.service-score{display:grid;gap:3px}.service-score span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#f0c45b;font-weight:950}.service-score strong{font-size:30px;line-height:1}.service-score small{color:#b5c1ca}
.service-mini{display:grid;gap:7px}
.compact-stats{gap:10px;margin-bottom:12px}.compact-stats .stat{padding:12px}.compact-stats .stat b{font-size:22px}
@media(max-width:1080px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.today-focus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:920px){.dashboard-grid{grid-template-columns:1fr 1fr;grid-template-areas:"dues dues" "service applications" "transactions transactions"}}
@media(max-width:680px){.dashboard-grid{grid-template-columns:1fr;grid-template-areas:"dues" "service" "applications" "transactions"}}
@media(max-width:760px){
  .today-focus{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:8px;padding:7px}
  .today-focus-main,.today-metric{padding:8px;min-height:62px;gap:2px}
  .today-focus-main strong{font-size:21px}.today-metric strong{font-size:18px}
  .today-focus-main span,.today-metric span{font-size:9px}
  .today-focus-main small,.today-metric small{font-size:10px;line-height:1.2}
  .dashboard-mobile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 8px}
  .dashboard-mobile-tabs button{border:1px solid rgba(240,184,58,.26);background:rgba(240,184,58,.1);color:#f0d394;border-radius:999px;padding:8px 6px;font-size:11px;font-weight:900;line-height:1}
  .dashboard-mobile-tabs button.active{background:#f0b83a;border-color:#f0b83a;color:#111820}
  .dashboard-grid{grid-template-columns:1fr;gap:12px}
  .compact-dashboard .section{display:none}
  .compact-dashboard .section.active{display:block}
  .due-row,.mini-row{grid-template-columns:1fr;align-items:start}
  .due-row .actions{justify-content:stretch}.due-row .actions .btn{flex:1}
  .service-strip{grid-template-columns:1fr}
}

/* Gold sidebar tab labels */
.admin-shell .nav button{
  color:#f0d394;
}
.admin-shell .nav button:hover{
  color:#fff3c9;
}
.admin-shell .nav button.active{
  color:#111820;
}
.admin-shell .nav small{
  background:rgba(240,184,58,.18);
  color:#f8e5b2;
}
.admin-shell .nav button.active small{
  background:#111820;
  color:#f0b83a;
}

/* Context search bars */
.local-search{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  margin:0 0 10px;
}
.local-search input{
  width:100%;
  border:1px solid rgba(240,184,58,.28);
  background:rgba(10,15,21,.5);
  color:#f7fbff;
  border-radius:8px;
  padding:10px 11px;
  min-width:0;
  font-weight:750;
}
.local-search input::placeholder{
  color:#d7bd75;
}
.local-search input:focus{
  outline:2px solid rgba(240,184,58,.42);
  outline-offset:1px;
}
@media(max-width:760px){
  .local-search{grid-template-columns:1fr}
}

/* Unified gold action buttons */
.admin-shell .btn{
  background:rgba(240,184,58,.12);
  color:#f0d394;
  border-color:rgba(240,184,58,.34);
}
.admin-shell .btn:hover{
  background:rgba(240,184,58,.2);
  color:#fff3c9;
  border-color:rgba(240,184,58,.62);
}
.admin-shell .btn.primary,
.admin-shell .btn.gold{
  background:#f0b83a;
  color:#111820;
  border-color:#f0b83a;
}
.admin-shell .btn.primary:hover,
.admin-shell .btn.gold:hover{
  background:#ffd166;
  color:#0b1015;
  border-color:#ffd166;
}
.admin-shell .btn.danger{
  background:rgba(197,58,45,.88);
  color:white;
  border-color:rgba(197,58,45,.95);
}
.admin-shell .btn.danger:hover{
  background:#d44839;
  color:white;
  border-color:#d44839;
}

/* Compact modern controls and no clipped panels */
.admin-shell .main,
.admin-shell .card,
.admin-shell .section,
.admin-shell .dashboard-grid,
.admin-shell .layout,
.admin-shell .table-wrap,
.admin-shell .today-focus{
  min-width:0;
  max-width:100%;
}
.admin-shell .main{
  overflow-x:clip;
}
.admin-shell .table-wrap{
  overflow-x:auto;
  border-radius:8px;
}
.admin-shell .section-head{
  gap:8px;
}
.admin-shell .section-head .actions{
  gap:6px;
}
.admin-shell .btn{
  min-height:32px;
  padding:7px 10px;
  border-radius:6px;
  font-size:12px;
  line-height:1.1;
  font-weight:850;
  box-shadow:none;
}
.admin-shell .btn:hover{
  box-shadow:0 8px 18px rgba(17,24,32,.12);
}
.admin-shell .table .btn,
.admin-shell .ops-item .btn,
.admin-shell .mini-row .btn,
.admin-shell .due-row .btn,
.admin-shell .payment-next-item .btn,
.admin-shell .access-next-item .btn,
.admin-shell .service-next-item .btn,
.admin-shell .claim-next-item .btn,
.admin-shell .fleet-next-item .btn,
.admin-shell .match-next-item .btn,
.admin-shell .accounting-next-item .btn{
  min-height:28px;
  padding:6px 8px;
  font-size:11px;
}
.admin-shell .local-search .btn{
  min-height:34px;
  white-space:nowrap;
}
.admin-shell .today-focus{
  gap:8px;
  padding:10px;
}
.admin-shell .today-focus-main,
.admin-shell .today-metric{
  padding:10px;
  min-height:74px;
}
.admin-shell .today-focus-main strong{
  font-size:28px;
}
.admin-shell .today-metric strong{
  font-size:20px;
}
@media(max-width:760px){
  .admin-shell .btn{
    min-height:34px;
    padding:8px 10px;
  }
  .admin-shell .section-head .actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .admin-shell .table-wrap{
    overflow-x:auto;
  }
}

/* Dark modal refresh for charge/open popups */
.modal{
  background:linear-gradient(180deg,#111820,#0b1015);
  color:#edf3f7;
  border:1px solid rgba(240,184,58,.42);
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}
.modal-head{
  background:linear-gradient(135deg,rgba(240,184,58,.14),rgba(255,255,255,.03));
  border-bottom:1px solid rgba(240,184,58,.24);
}
.modal-head strong{
  color:#f0d394;
}
.modal-body{
  background:transparent;
}
.modal .item,
.modal .card,
.modal .check{
  background:rgba(255,255,255,.055);
  border-color:rgba(240,184,58,.22);
  color:#edf3f7;
  box-shadow:none;
}
.modal .item strong,
.modal .card strong{
  color:#fff6df;
}
.modal .muted,
.modal small{
  color:#b8c4ce;
}
.modal .field label{
  color:#f0d394;
}
.modal .field input,
.modal .field select,
.modal .field textarea,
.modal .clover-field{
  background:#0c1218;
  color:#f7fbff;
  border-color:rgba(240,184,58,.34);
}
.modal .field input[readonly],
.modal .field textarea[readonly]{
  background:#111a22;
  color:#dfe8ee;
}
.modal .field input::placeholder,
.modal .field textarea::placeholder{
  color:#8fa0ac;
}
.modal .notice{
  background:rgba(240,184,58,.12);
  border-color:rgba(240,184,58,.32);
  color:#f6dfaa;
}
.modal .notice.bad{
  background:rgba(197,58,45,.16);
  border-color:rgba(197,58,45,.46);
  color:#ffc8c0;
}
.modal .success,
.modal .payment-success{
  background:linear-gradient(135deg,rgba(23,114,69,.22),rgba(240,184,58,.08));
  border-color:rgba(54,171,105,.42);
  color:#a8e8c2;
  box-shadow:inset 4px 0 0 #36ab69;
}
.modal .payment-success strong{
  color:#bbf4cf;
}
.modal .actions{
  gap:7px;
}
.modal .btn{
  min-height:32px;
}
.modal a.btn{
  text-decoration:none;
}
@media(max-width:760px){
  .modal{
    width:100%;
    border-radius:8px;
  }
  .modal .grid.two,
  .modal .form{
    grid-template-columns:1fr;
  }
}

/* Sidebar logo badge */
.admin-shell .admin-logo{
  background:linear-gradient(135deg,rgba(240,184,58,.22),rgba(17,24,32,.86));
  border:1px solid rgba(240,184,58,.42);
  padding:4px;
  box-shadow:0 12px 28px rgba(0,0,0,.24), inset 0 0 0 1px rgba(255,255,255,.04);
}

/* Phone header: logo + name only */
@media(max-width:760px){
  .admin-shell .sidebar{
    padding:8px 10px 6px;
    border-bottom-width:2px;
  }
  .admin-shell .brand{
    margin:0;
    padding:5px 0 4px;
    border:0;
    background:transparent;
    box-shadow:none;
    display:grid;
    place-items:center;
    gap:3px;
    text-align:center;
  }
  .admin-shell .brand div{
    display:grid;
    place-items:center;
    gap:0;
  }
  .admin-shell .brand b{
    font-size:13px;
    line-height:1.05;
    color:#f0d394;
  }
  .admin-shell .brand span{
    display:none!important;
  }
  .admin-shell .admin-logo{
    width:36px;
    height:36px;
    padding:3px;
    border-radius:8px;
  }
}

/* App-wide compact workspaces */
@media(min-width:921px){
  .view-payments,
  .view-fleet,
  .view-applications,
  .view-maintenance,
  .view-claims-issues,
  .view-reports,
  .view-website,
  .view-messages,
  .view-settings,
  .view-companies,
  .view-api-roadmap{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
    gap:12px;
    align-items:start;
  }
  .view-payments>.topbar,
  .view-fleet>.topbar,
  .view-applications>.topbar,
  .view-maintenance>.topbar,
  .view-claims-issues>.topbar,
  .view-reports>.topbar,
  .view-website>.topbar,
  .view-messages>.topbar,
  .view-settings>.topbar,
  .view-companies>.topbar,
  .view-api-roadmap>.topbar,
  .view-payments>.tabs,
  .view-fleet>.tabs,
  .view-applications>.tabs,
  .view-maintenance>.tabs,
  .view-messages>.tabs,
  .view-payments>.stats,
  .view-reports>.stats:first-of-type,
  .view-claims-issues>.stats{
    grid-column:1/-1;
  }
  .view-payments>.payment-command,
  .view-fleet>.fleet-command,
  .view-applications>.application-command,
  .view-maintenance>.service-strip,
  .view-claims-issues>.claims-command,
  .view-reports>.executive-board,
  .view-reports>.closeout-board,
  .view-website>.website-command,
  .view-messages>.message-playbook,
  .view-settings>.access-command,
  .view-companies>.company-grid,
  .view-api-roadmap>.blueprint-board{
    grid-column:1/2;
    margin-bottom:0;
  }
  .view-payments>section:not(.payment-command),
  .view-fleet>section:not(.fleet-command),
  .view-applications>section:not(.application-command),
  .view-maintenance>section:not(.service-strip),
  .view-claims-issues>section:not(.claims-command),
  .view-reports>section:not(.executive-board):not(.closeout-board),
  .view-website>.layout,
  .view-messages>section:not(.message-playbook),
  .view-settings>.layout,
  .view-settings>section:not(.access-command),
  .view-companies>section,
  .view-api-roadmap>section:not(.blueprint-board){
    grid-column:2/3;
    margin-bottom:0;
  }
  .view-reports>.layout,
  .view-settings>.layout,
  .view-website>.layout{
    grid-column:2/3;
    grid-template-columns:1fr;
    gap:12px;
  }
  .view-fleet>.fleet-prep{
    grid-column:1/-1;
  }
  .view-maintenance>.service-strip{
    grid-column:1/-1!important;
    grid-template-columns:170px minmax(0,1fr) auto;
    align-items:stretch;
  }
  .view-maintenance>.section:not(.service-strip){
    grid-column:1/-1!important;
  }
  .view-payments>.stats,
  .view-reports>.stats,
  .view-claims-issues>.stats{
    gap:8px;
    margin-bottom:0;
  }
  .view-payments .stat,
  .view-reports .stat,
  .view-claims-issues .stat{
    padding:10px;
  }
  .view-payments .stat b,
  .view-reports .stat b,
  .view-claims-issues .stat b{
    font-size:19px;
  }
}

/* Customer self-service uses the same premium dark/gold system as staff. */
.customer-portal{
  background:#090a0c;
  color:#eee6d8;
}
.customer-summary-grid article,
.customer-panel{
  background:#151618;
  border:1px solid rgba(200,169,107,.28);
  border-radius:8px;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}
.customer-summary-grid span{color:#c8a96b}
.customer-summary-grid strong,
.customer-panel h2,
.customer-detail strong,
.customer-row strong{color:#f5ead4}
.customer-summary-grid small,
.customer-detail span,
.customer-row small,
.customer-row p,
.customer-empty,
.customer-message-form small{color:#aaa39a}
.customer-row,
.customer-empty,
.customer-next-actions .customer-detail{
  background:#101113;
  border-color:rgba(200,169,107,.22);
  border-radius:8px;
}
.customer-message-form label{color:#eee6d8}
.customer-message-form input,
.customer-message-form select,
.customer-message-form textarea{
  width:100%;
  min-width:0;
  border:1px solid rgba(200,169,107,.32);
  border-radius:8px;
  background:#0d0e10;
  color:#f4ead2;
}
.customer-message-form textarea{background:#0d0e10;color:#f4ead2}
.customer-card-form{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 14px;align-items:center;margin-top:4px}
.customer-card-form small{display:block;min-width:0;line-height:1.45}
.customer-action-hub{grid-template-columns:repeat(8,minmax(0,1fr))}
.customer-action-hub a.active{border-color:rgba(240,184,58,.72);background:#2a2215;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.customer-next-actions{display:none}
.customer-payment-requests{grid-column:1/-1}
.customer-portal-focused .customer-grid{display:none}
.customer-portal-focused .customer-grid.portal-has-visible{display:grid}
.customer-portal-focused .customer-grid.portal-single-visible{grid-template-columns:1fr}
.customer-portal-focused .customer-panel{display:none}
.customer-portal-focused .customer-panel.portal-visible{display:block}
.customer-portal-detail .customer-summary-grid{display:none}
.customer-register-card{width:min(520px,calc(100vw - 24px))}
.customer-application-workspace{grid-template-columns:1fr}
.customer-application-list,.customer-available-list{display:grid;gap:10px;margin-top:12px}
.customer-application-card,.customer-available-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid rgba(200,169,107,.22);background:#101113;border-radius:8px;padding:12px}
.customer-application-card>div,.customer-available-card>div{display:grid;gap:4px;min-width:0}
.customer-application-card span,.customer-available-card span{color:#c8a96b;font-size:11px;font-weight:900;text-transform:uppercase}
.customer-application-card strong,.customer-available-card strong{color:#f5ead4;font-size:18px;line-height:1.25}
.customer-application-card small,.customer-available-card small,.customer-application-waiting{color:#aaa39a;line-height:1.4}
.customer-available-card{grid-template-columns:72px minmax(0,1fr) auto}
.customer-available-card img,.customer-available-placeholder{width:72px;height:54px;object-fit:cover;border-radius:6px;background:#242629;display:grid;place-items:center;color:#c8a96b;font-weight:950}
.customer-application-empty{display:grid;gap:4px;border:1px dashed rgba(200,169,107,.26);background:#101113;border-radius:8px;padding:14px;color:#aaa39a}
.customer-application-empty strong{color:#f5ead4}
@media(max-width:900px){
  .customer-portal{background:#090a0c}
  .customer-card-form{grid-template-columns:1fr}
  .customer-card-form .btn{width:100%;justify-content:center}
}
@media(max-width:760px){
  .customer-portal{padding:10px;gap:10px}
  .customer-hero{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px;
    min-height:58px;
    padding:10px 12px;
    text-align:left;
  }
  .customer-hero .customer-brand,
  .customer-hero .eyebrow,
  .customer-hero p{display:none}
  .customer-hero h1{margin:0;font-size:24px;line-height:1.1}
  .customer-hero .btn{align-self:center;justify-self:end;min-height:38px;padding:8px 11px}
  .customer-action-hub{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    gap:7px;
    position:sticky;
    top:6px;
    padding:2px 0 7px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .customer-action-hub::-webkit-scrollbar{display:none}
  .customer-action-hub a{flex:0 0 96px;min-width:96px;padding:9px;scroll-snap-align:start}
  .customer-action-hub strong{font-size:17px}
  .customer-mobile-focused .customer-grid.portal-has-visible{grid-template-columns:1fr}
  .customer-mobile-detail .customer-summary-grid{display:none}
  .customer-application-card,.customer-available-card{grid-template-columns:1fr}
  .customer-available-card img,.customer-available-placeholder{width:100%;height:150px}
  .customer-application-card .btn,.customer-available-card .btn{width:100%;justify-content:center}
}
@media(max-width:760px){
  .admin-shell .quickbar{
    display:flex!important;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .admin-shell .quickbar button{
    flex:0 0 72px;
    width:72px;
    min-width:72px!important;
    scroll-snap-align:start;
  }
  .admin-shell .quickbar button span{
    max-width:68px;
    text-overflow:clip;
  }
}

/* Payments is one command page: summary first, tab content below */
@media(min-width:921px){
  .view-payments{
    display:block;
  }
  .view-payments>.payment-command{
    margin-bottom:10px;
  }
  .view-payments>.tabs{
    margin:0 0 10px;
  }
  .view-payments>.section{
    margin-bottom:0;
  }
  .payments-command-grid{
    display:grid;
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
    gap:12px;
    align-items:start;
  }
  .payments-main-flow{
    min-width:0;
  }
  .payment-customers-panel{
    position:static;
    max-height:none;
    overflow:visible;
  }
  .view-payments .payment-lanes{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .view-payments .payment-next{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .view-payments .payment-next-item{
    grid-template-columns:minmax(0,1fr) auto auto;
  }
  .view-payments .payment-next-item .actions{
    grid-column:1/-1;
    justify-content:flex-start;
  }
  .payment-gap-note{
    margin-bottom:10px;
  }
}
.customer-pay-list{display:grid;gap:8px}
.customer-pay-card{border:1px solid rgba(240,184,58,.16);background:rgba(255,255,255,.055);border-radius:8px;padding:10px;display:grid;gap:8px}
.customer-pay-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}
.customer-pay-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-pay-card small{display:block;color:#b5c1ca;font-weight:700;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-pay-meta{display:grid;justify-items:end;gap:5px}
.customer-car-line{border-top:1px solid rgba(240,184,58,.13);padding-top:8px;display:grid;gap:4px}
.customer-car-line b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-car-line span{font-size:12px;color:#b5c1ca;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-pay-card .actions{justify-content:flex-start;gap:6px}
.customer-pay-card .btn{padding:7px 9px;font-size:12px}

/* Operations combines fleet, service, and claims without three crowded side tabs */
@media(min-width:921px){
  .view-operations{
    display:block;
  }
  .view-operations>.operations-command{
    margin-bottom:10px;
  }
  .view-operations>.tabs{
    margin:0 0 10px;
  }
  .view-operations>.section{
    margin-bottom:10px;
  }
  .view-operations .fleet-lanes{
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
  .view-operations>.section:not(.operations-command) .table-wrap{
    max-height:48vh;
    overflow:auto;
  }
}

@media(max-width:760px){
  .view-payments>.payment-command{
    margin-bottom:7px;
  }
  .payments-command-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .payment-customers-panel{
    max-height:none;
    overflow:visible;
  }
  .customer-pay-top{
    grid-template-columns:1fr;
  }
  .customer-pay-meta{
    justify-items:start;
    display:flex;
    align-items:center;
    justify-content:space-between;
  }
  .view-payments .payment-lanes{
    display:flex;
    gap:7px;
    overflow-x:auto;
    grid-template-columns:none;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .view-payments .payment-lanes::-webkit-scrollbar{display:none}
  .view-payments .payment-lane{
    min-width:128px;
  }
  .view-payments .payment-next{
    max-height:34vh;
  }
  .payment-gap-note{
    margin-bottom:7px;
  }
  .view-operations>.operations-command{
    margin-bottom:7px;
  }
  .view-operations .fleet-lanes{
    display:flex;
    gap:7px;
    overflow-x:auto;
    grid-template-columns:none;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  .view-operations .fleet-lanes::-webkit-scrollbar{display:none}
  .view-operations .fleet-lane{
    min-width:128px;
  }
  .view-operations>.section:not(.operations-command) .table-wrap{
    max-height:50vh;
    overflow:auto;
  }
}

@media(max-width:760px){
  .admin-shell .view-dashboard{
    padding-top:1px!important;
  }
  .admin-shell .view-dashboard .topbar.compact-title{
    margin-top:-2px!important;
    margin-bottom:4px!important;
    padding-top:2px!important;
    padding-bottom:4px!important;
  }
  .view-payments>.stats,
  .view-reports>.stats,
  .view-claims-issues>.stats{
    display:flex;
    overflow-x:auto;
    gap:7px;
    margin-bottom:8px;
    scrollbar-width:none;
  }
  .view-payments>.stats::-webkit-scrollbar,
  .view-reports>.stats::-webkit-scrollbar,
  .view-claims-issues>.stats::-webkit-scrollbar{display:none}
  .view-payments>.stats .stat,
  .view-reports>.stats .stat,
  .view-claims-issues>.stats .stat{
    min-width:128px;
    padding:8px;
  }
  .view-payments>.stats .stat b,
  .view-reports>.stats .stat b,
  .view-claims-issues>.stats .stat b{
    font-size:16px;
  }
  .view-payments>.payment-command,
  .view-applications>.application-command,
  .view-fleet>.fleet-command,
  .view-maintenance>.service-strip,
  .view-claims-issues>.claims-command,
  .view-reports>.executive-board,
  .view-reports>.closeout-board,
  .view-website>.website-command,
  .view-messages>.message-playbook,
  .view-settings>.access-command,
  .view-companies>.notice,
  .view-api-roadmap>.blueprint-board{
    margin-bottom:8px;
  }
  .view-applications>section:not(.application-command),
  .view-fleet>section:not(.fleet-command):not(.fleet-prep),
  .view-claims-issues>section:not(.claims-command),
  .view-reports>section:not(.executive-board):not(.closeout-board),
  .view-website>.layout,
  .view-messages>section:not(.message-playbook),
  .view-settings>section:not(.access-command),
  .view-companies>section,
  .view-api-roadmap>section:not(.blueprint-board){
    margin-bottom:8px;
  }
  .view-payments>.payment-command .payment-next,
  .view-fleet>.fleet-command .fleet-next,
  .view-claims-issues>.claims-command .claim-next,
  .view-reports>.executive-board .executive-next,
  .view-reports>.closeout-board .table-wrap,
  .view-messages>.message-playbook+.tabs,
  .view-api-roadmap>.blueprint-board .blueprint-grid{
    max-height:42vh;
    overflow:auto;
  }
  .view-maintenance .service-strip{
    grid-template-columns:82px minmax(0,1fr);
    gap:8px;
  }
  .view-maintenance .service-strip>.btn{
    grid-column:1/-1;
  }
  .view-maintenance .service-score strong{
    font-size:22px;
  }
}

/* Compact modals across desktop and phone */
.modal-backdrop{padding:14px}
.modal{width:min(680px,calc(100vw - 28px));max-height:86vh;border-radius:8px}
.modal-head{padding:12px 14px;position:sticky;top:0;z-index:2}
.modal-head strong{font-size:15px;line-height:1.2}
.modal-body{padding:13px}
.modal .grid,.modal .form{gap:9px}
.modal .item,.modal .card,.modal .check{padding:10px;border-radius:8px}
.modal .field{gap:5px}
.modal .field label{font-size:10px;letter-spacing:.06em}
.modal .field input,.modal .field select,.modal .field textarea,.modal .clover-field{padding:9px;border-radius:7px;font-size:13px}
.modal .field textarea{min-height:70px}
.modal .actions{display:flex;gap:6px;flex-wrap:wrap}
.modal .btn{min-height:30px;padding:7px 9px;font-size:11px}
.modal .notice,.modal .success{padding:10px;font-size:13px}
.modal .table th,.modal .table td{padding:8px 6px;font-size:12px}

/* Platform-wide compact polish */
@media(min-width:761px){
  .admin-shell .main{padding:18px 22px 32px}
  .admin-shell .section{padding:14px}
  .admin-shell .section-head{margin-bottom:10px;align-items:flex-start}
  .admin-shell .section-head h2{font-size:17px}
  .admin-shell .section-head p{font-size:12px;line-height:1.35;max-width:680px}
  .admin-shell .stats{gap:10px;margin-bottom:12px}
  .admin-shell .stat{padding:12px;min-height:86px}
  .admin-shell .stat b{font-size:22px}
  .admin-shell .stat span,.admin-shell .stat .trend{font-size:11px}
  .payment-command,.workflow-board,.application-command,.fleet-command,.service-command,.claims-command,.match-board,.accounting-board,.message-playbook,.blueprint-board,.system-health,.website-command{margin-bottom:12px}
  .payment-lanes,.application-lanes,.fleet-lanes,.service-lanes,.claim-lanes,.match-lanes,.accounting-lanes,.message-lanes,.blueprint-grid,.health-grid,.workflow-map{gap:8px}
  .payment-lane,.application-lane,.fleet-lane,.service-lane,.claim-lane,.match-lane,.accounting-lane,.message-lane,.blueprint-card,.health-card,.workflow-step{min-height:86px;padding:10px 10px 13px}
  .payment-lane strong,.application-lane strong,.fleet-lane strong,.service-lane strong,.claim-lane strong,.match-lane strong,.accounting-lane strong,.workflow-step strong,.health-card strong{font-size:21px}
  .blueprint-card strong{font-size:17px}
  .payment-lane small,.application-lane small,.fleet-lane small,.service-lane small,.claim-lane small,.match-lane small,.accounting-lane small,.message-lane small,.blueprint-card small,.health-card small,.workflow-step small{font-size:11px;line-height:1.25}
  .payment-next-item,.service-next-item,.claim-next-item,.fleet-next-item,.match-next-item,.accounting-next-item,.access-next-item{padding:9px;gap:8px}
  .admin-shell .table th,.admin-shell .table td{padding:9px 7px;font-size:13px}
  .admin-shell .table th{font-size:10px}
  .admin-shell .tabs{margin-bottom:10px}
}

@media(max-width:760px){
  .modal-backdrop{align-items:end;padding:8px}
  .modal{width:100%;max-height:92vh;border-radius:8px 8px 0 0}
  .modal-head{padding:10px 11px}
  .modal-body{padding:10px}
  .modal .grid,.modal .grid.two,.modal .form{grid-template-columns:1fr!important;gap:8px}
  .modal .span2{grid-column:auto}
  .modal .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .modal .actions .btn,.modal .btn{width:100%;justify-content:center}
  .modal .item-row{display:grid;gap:5px}
  .modal .table-wrap{overflow:visible}
  .modal .table{min-width:0;border-collapse:separate;border-spacing:0 7px}
  .modal .table thead{display:none}
  .modal .table,.modal .table tbody,.modal .table tr,.modal .table td{display:block;width:100%}
  .modal .table tr{border:1px solid rgba(240,184,58,.2);border-radius:8px;padding:6px;background:rgba(255,255,255,.05)}
  .modal .table td{border:0!important;padding:5px!important;display:grid!important;grid-template-columns:78px minmax(0,1fr);gap:7px}
  .modal .table td:before{content:attr(data-label);font-size:9px;text-transform:uppercase;color:#f0d394;font-weight:950}
  .admin-shell .main{padding:10px 10px 96px!important}
  .admin-shell .topbar.compact-title{margin-bottom:7px;padding:6px 0}
  .admin-shell .topbar.compact-title h1{font-size:19px}
  .admin-shell .section{padding:10px;margin-bottom:9px;border-radius:8px}
  .admin-shell .section-head{display:grid;gap:7px;margin-bottom:8px}
  .admin-shell .section-head h2{font-size:16px}
  .admin-shell .section-head p{display:none}
  .admin-shell .section-head .actions,.admin-shell .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .admin-shell .btn{min-height:31px;padding:7px 8px;font-size:11px;border-radius:6px}
  .admin-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
  .admin-shell .stat{padding:9px;min-height:64px;border-radius:8px}
  .admin-shell .stat b{font-size:18px;margin-top:4px}
  .admin-shell .stat span,.admin-shell .stat .trend{font-size:10px;line-height:1.2}
  .payment-command,.workflow-board,.application-command,.fleet-command,.service-command,.claims-command,.match-board,.accounting-board,.message-playbook,.blueprint-board,.system-health,.website-command{margin-bottom:9px}
  .payment-lanes,.application-lanes,.fleet-lanes,.service-lanes,.claim-lanes,.match-lanes,.accounting-lanes,.message-lanes,.blueprint-grid,.health-grid,.workflow-map,.access-lanes{
    display:flex;
    gap:7px;
    overflow-x:auto;
    grid-template-columns:none;
    padding-bottom:2px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .payment-lanes::-webkit-scrollbar,.application-lanes::-webkit-scrollbar,.fleet-lanes::-webkit-scrollbar,.service-lanes::-webkit-scrollbar,.claim-lanes::-webkit-scrollbar,.match-lanes::-webkit-scrollbar,.accounting-lanes::-webkit-scrollbar,.message-lanes::-webkit-scrollbar,.blueprint-grid::-webkit-scrollbar,.health-grid::-webkit-scrollbar,.workflow-map::-webkit-scrollbar,.access-lanes::-webkit-scrollbar{display:none}
  .payment-lane,.application-lane,.fleet-lane,.service-lane,.claim-lane,.match-lane,.accounting-lane,.message-lane,.blueprint-card,.health-card,.workflow-step,.access-lane{
    min-width:134px;
    min-height:74px;
    padding:8px 8px 11px;
    gap:3px;
    scroll-snap-align:start;
  }
  .payment-lane span,.application-lane span,.fleet-lane span,.service-lane span,.claim-lane span,.match-lane span,.accounting-lane span,.message-lane span,.blueprint-card span,.health-card span,.workflow-step span,.access-lane span{font-size:9px;letter-spacing:.05em}
  .payment-lane strong,.application-lane strong,.fleet-lane strong,.service-lane strong,.claim-lane strong,.match-lane strong,.accounting-lane strong,.workflow-step strong,.health-card strong,.access-lane strong{font-size:18px;line-height:1}
  .blueprint-card strong,.message-lane strong{font-size:15px;line-height:1.05}
  .payment-lane small,.application-lane small,.fleet-lane small,.service-lane small,.claim-lane small,.match-lane small,.accounting-lane small,.message-lane small,.blueprint-card small,.health-card small,.workflow-step small,.access-lane small{font-size:10px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .payment-next-item,.service-next-item,.claim-next-item,.fleet-next-item,.match-next-item,.accounting-next-item,.access-next-item,.mini-row,.due-row{
    grid-template-columns:1fr!important;
    padding:9px;
    gap:6px;
  }
  .payment-next-item .actions,.claim-next-item .actions,.fleet-next-item .actions,.match-next-item .actions,.accounting-next-item .actions,.due-row .actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .payment-next-item .btn,.claim-next-item .btn,.fleet-next-item .btn,.match-next-item .btn,.accounting-next-item .btn,.due-row .btn,.mini-row .btn{width:100%}
  .admin-shell .tabs{overflow-x:auto;border-bottom:0;gap:5px;margin-bottom:8px;padding-bottom:2px;scrollbar-width:none}
  .admin-shell .tabs::-webkit-scrollbar{display:none}
  .admin-shell .tabs button{flex:0 0 auto;border:1px solid rgba(240,184,58,.22);border-radius:999px;background:rgba(240,184,58,.08);padding:7px 10px;font-size:11px}
  .admin-shell .tabs button.active{background:#f0b83a;color:#111820;border-color:#f0b83a}
  .admin-shell .local-search{grid-template-columns:1fr auto;gap:6px;margin-bottom:7px}
  .admin-shell .local-search input{padding:8px 9px;font-size:12px}
  .admin-shell .table-wrap{overflow:visible!important}
  .admin-shell .table{min-width:0!important;border-collapse:separate;border-spacing:0 8px}
  .admin-shell .table thead{display:none}
  .admin-shell .table,.admin-shell .table tbody,.admin-shell .table tr,.admin-shell .table td{display:block;width:100%}
  .admin-shell .table tr{background:rgba(255,255,255,.96);border:1px solid rgba(240,184,58,.18);border-radius:8px;box-shadow:0 8px 18px rgba(17,24,32,.08);padding:7px;margin-bottom:8px;overflow:hidden}
  .admin-shell .table td{border:0!important;padding:6px 5px!important;font-size:12px!important;display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:8px;align-items:start;min-width:0}
  .admin-shell .table td:before{content:attr(data-label);font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#f0b83a;font-weight:950;line-height:1.3}
  .admin-shell .table td .btn{width:100%;margin:2px 0}
  .admin-shell .table td .muted{font-size:11px}
  .admin-shell .layout,.admin-shell .two,.admin-shell .three,.admin-shell .form,.mechanic-cards,.company-grid,.company-guardrails,.api-grid,.executive-grid{grid-template-columns:1fr!important;gap:9px}
}

/* Phone header polish: flatter brand, less empty space */
@media(max-width:760px){
  .admin-shell .sidebar{
    padding:4px 10px 3px!important;
    border-bottom:1px solid rgba(240,184,58,.35)!important;
    background:linear-gradient(180deg,#080a0c 0%,#10161b 100%);
  }
  .admin-shell .brand{
    min-height:0;
    margin:0!important;
    padding:2px 0 1px!important;
    gap:1px!important;
  }
  .admin-shell .brand b{
    font-size:12px!important;
    line-height:1!important;
    letter-spacing:.01em;
  }
  .admin-shell .admin-logo{
    width:30px!important;
    height:30px!important;
    padding:2px!important;
    border-radius:7px!important;
    box-shadow:0 5px 13px rgba(0,0,0,.22), inset 0 0 0 1px rgba(240,184,58,.35);
  }
  .admin-shell .main{
    padding-top:6px!important;
  }
  .admin-shell .topbar.compact-title{
    margin-bottom:5px!important;
    padding:4px 0 5px!important;
    border-bottom:1px solid rgba(234,216,166,.62)!important;
  }
  .admin-shell .topbar.compact-title h1{
    font-size:18px!important;
    line-height:1.05;
  }
}

/* Final phone home gap fix */
@media(max-width:760px){
  .app.admin-shell{
    align-content:start!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    row-gap:0!important;
  }
  .admin-shell .sidebar{
    height:auto!important;
    min-height:0!important;
    max-height:56px!important;
    overflow:hidden!important;
  }
  .admin-shell .view-dashboard{
    padding-top:0!important;
  }
  .admin-shell .view-dashboard .topbar.compact-title{
    margin-top:-3px!important;
    margin-bottom:3px!important;
    padding-top:1px!important;
    padding-bottom:3px!important;
  }
}

/* Final mobile navigation and popup fit */
@media(max-width:760px){
  .quickbar{
    display:grid!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    align-items:stretch;
    gap:6px;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom));
    overflow:visible;
  }
  .quickbar button{
    min-width:0!important;
    width:100%;
    min-height:58px;
    padding:6px 3px;
    align-content:center;
    justify-items:center;
    text-align:center;
  }
  .quickbar button .quick-icon{
    width:20px!important;
    height:20px!important;
  }
  .quickbar button span{
    max-width:100%;
    font-size:9.5px;
    line-height:1.05;
  }
  .modal-backdrop{
    z-index:90;
    align-items:center;
    padding:8px;
  }
  .modal{
    display:flex;
    flex-direction:column;
    width:min(100%,calc(100vw - 16px));
    max-height:calc(100dvh - 16px);
    overflow:hidden;
    border-radius:8px;
  }
  .modal-head{
    flex:0 0 auto;
  }
  .modal-body{
    flex:1 1 auto;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:calc(18px + env(safe-area-inset-bottom));
  }
  .modal-body>.actions:last-child{
    position:sticky;
    bottom:0;
    background:linear-gradient(180deg,rgba(17,24,32,.72),#111820 38%);
    border-top:1px solid rgba(240,184,58,.2);
    padding-top:8px;
    margin-top:10px!important;
  }
}

/* Admin page window alignment: keep sidebar groups intact, organize the panels inside Admin tabs */
@media(min-width:921px){
  .view-website,
  .view-settings,
  .view-companies,
  .view-api-roadmap{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
  }
  .view-website>.topbar,
  .view-settings>.topbar,
  .view-companies>.topbar,
  .view-api-roadmap>.topbar,
  .view-website>.stats,
  .view-settings>.stats,
  .view-companies>.stats,
  .view-api-roadmap>.stats,
  .view-companies>.notice{
    grid-column:1/-1!important;
  }
  .view-website>.website-command,
  .view-settings>.access-command,
  .view-settings>.readiness-board,
  .view-companies>.company-foundation-panel,
  .view-companies>.company-grid,
  .view-api-roadmap>.blueprint-board,
  .view-api-roadmap>.system-health,
  .view-api-roadmap>.api-control,
  .view-api-roadmap>.api-board,
  .view-api-roadmap>.notice{
    margin-bottom:0;
  }
  .view-website>.website-command{
    grid-column:1/-1!important;
  }
  .view-website>.layout,
  .view-settings>.layout{
    grid-column:1/-1!important;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    align-items:stretch;
  }
  .view-website>.layout>.section,
  .view-settings>.layout>.section{
    height:100%;
    margin:0;
    min-width:0;
  }
  .view-settings>.access-command{
    grid-column:1/8!important;
  }
  .view-settings>.readiness-board{
    grid-column:8/-1!important;
  }
  .view-settings>.layout{
    grid-column:1/-1!important;
  }
  .view-settings>section:not(.access-command):not(.readiness-board){
    grid-column:1/-1!important;
    margin-bottom:0;
  }
  .view-settings>section:not(.access-command):not(.readiness-board):last-child{
    grid-column:1/7!important;
  }
  .view-companies>.company-foundation-panel,
  .view-companies>.company-grid{
    grid-column:1/-1!important;
  }
  .view-companies>section{
    margin:0!important;
    min-width:0;
  }
  .view-companies>section:nth-of-type(1){
    grid-column:1/9!important;
  }
  .view-companies>section:nth-of-type(2){
    grid-column:9/-1!important;
  }
  .view-api-roadmap>.blueprint-board{
    grid-column:1/-1!important;
  }
  .view-api-roadmap>.system-health{
    grid-column:1/7!important;
  }
  .view-api-roadmap>.api-control{
    grid-column:7/-1!important;
  }
  .view-api-roadmap>.api-board{
    grid-column:1/5!important;
  }
  .view-api-roadmap>section:not(.blueprint-board):not(.system-health):not(.api-control):not(.api-board){
    grid-column:5/-1!important;
    margin-bottom:0;
  }
  .view-api-roadmap>.notice{
    grid-column:1/-1!important;
  }
  .view-website .table-wrap,
  .view-settings .table-wrap,
  .view-companies .table-wrap,
  .view-api-roadmap .table-wrap{
    max-height:54vh;
    overflow:auto;
  }
}

@media(max-width:920px){
  .view-website>.layout,
  .view-settings>.layout{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }
  .view-website>.layout>.section,
  .view-settings>.layout>.section,
  .view-companies>section,
  .view-api-roadmap>section{
    margin-bottom:9px;
  }
}

/* Staff portal cleanup: compact manager/mechanic workspaces without changing account permissions */
@media(min-width:921px){
  .view-manager-portal,
  .view-mechanic-portal{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:12px;
    align-items:start;
  }
  .view-manager-portal>.topbar,
  .view-mechanic-portal>.topbar,
  .view-manager-portal>.stats,
  .view-mechanic-portal>.stats{
    grid-column:1/-1!important;
  }
  .view-manager-portal>.fleet-command{
    grid-column:1/6!important;
    margin-bottom:0;
  }
  .view-manager-portal>.manager-fleet-board{
    grid-column:6/-1!important;
    margin-bottom:0;
  }
  .view-manager-portal>.manager-safe-note{
    grid-column:1/-1!important;
    margin:0!important;
  }
  .view-manager-portal .fleet-lanes{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .view-manager-portal .fleet-lane{
    min-height:86px;
    padding:10px 10px 13px;
  }
  .view-manager-portal .fleet-next{
    max-height:250px;
    overflow:auto;
  }
  .view-manager-portal .manager-fleet-board .table-wrap{
    max-height:520px;
    overflow:auto;
  }
  .view-mechanic-portal>.mechanic-work-queue{
    grid-column:1/-1!important;
    margin-bottom:0;
  }
  .mechanic-workspace{
    display:grid;
    grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);
    gap:12px;
    align-items:start;
  }
  .view-mechanic-portal .mechanic-cards{
    grid-template-columns:1fr;
    max-height:560px;
    overflow:auto;
    padding-right:2px;
  }
  .mechanic-table-panel .table-wrap{
    max-height:560px;
    overflow:auto;
  }
}

@media(max-width:760px){
  .view-manager-portal>.stats,
  .view-mechanic-portal>.stats{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible;
    gap:7px;
    margin-bottom:8px;
  }
  .view-manager-portal>.stats .stat,
  .view-mechanic-portal>.stats .stat{
    min-width:0;
    padding:8px;
    min-height:58px;
  }
  .view-manager-portal>.stats .stat b,
  .view-mechanic-portal>.stats .stat b{
    font-size:16px;
  }
  .view-manager-portal>.fleet-command,
  .view-manager-portal>.manager-fleet-board,
  .view-mechanic-portal>.mechanic-work-queue{
    margin-bottom:8px!important;
  }
  .view-manager-portal .fleet-lanes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    overflow:visible;
    padding-bottom:0;
  }
  .view-manager-portal .fleet-lane{
    min-width:0;
    min-height:72px;
    padding:8px 8px 12px;
  }
  .view-manager-portal .fleet-lane strong{font-size:18px}
  .view-manager-portal .fleet-lane small{font-size:10px;line-height:1.15}
  .view-manager-portal .fleet-next{
    max-height:190px;
    overflow:auto;
  }
  .mechanic-workspace{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
  }
  .view-mechanic-portal .mechanic-table-panel{display:none!important}
  .view-mechanic-portal .mechanic-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    max-height:none!important;
  }
  .view-mechanic-portal .mechanic-card{
    min-width:0!important;
    min-height:0!important;
    padding:9px!important;
    gap:5px;
  }
  .view-mechanic-portal .mechanic-card .item-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px;
    align-items:start;
  }
  .view-mechanic-portal .mechanic-card strong,
  .view-mechanic-portal .mechanic-card .muted,
  .view-mechanic-portal .mechanic-card div{
    min-width:0;
    overflow-wrap:anywhere;
  }
  .view-mechanic-portal .mechanic-card .actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .view-mechanic-portal .mechanic-card .actions .btn{
    width:100%;
    justify-content:center;
  }
  .view-manager-portal .manager-fleet-board .table-wrap{
    max-height:none;
    overflow:visible!important;
  }
  .view-manager-portal .manager-safe-note{
    margin-top:0!important;
  }
}

/* Staff portals: match the compact admin dashboard rhythm */
.staff-tabs{
  margin-bottom:12px;
}
.staff-stats{
  margin-bottom:12px;
}
.manager-overview-grid{
  display:grid;
  grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);
  gap:12px;
  align-items:start;
}
.manager-overview-grid>.fleet-command{
  margin-bottom:0;
}
.manager-mini-board{
  min-width:0;
}
.manager-mini-board .mini-list{
  display:grid;
  gap:8px;
}
.manager-mini-board .mini-row{
  grid-template-columns:minmax(0,1fr) auto auto;
}
.portal-note{
  margin-top:10px;
}
.view-manager-portal .manager-fleet-board .table-wrap,
.view-manager-portal .section>.table-wrap,
.view-mechanic-portal .mechanic-table-panel .table-wrap{
  border:1px solid rgba(240,184,58,.14);
  border-radius:10px;
  background:rgba(255,255,255,.04);
}

@media(min-width:921px){
  .view-manager-portal>.staff-tabs,
  .view-mechanic-portal>.staff-tabs,
  .view-manager-portal>.manager-overview-grid,
  .view-manager-portal>.manager-fleet-board,
  .view-manager-portal>section,
  .view-manager-portal>.manager-safe-note,
  .view-mechanic-portal>.mechanic-work-queue{
    grid-column:1/-1!important;
  }
  .view-manager-portal .manager-fleet-board .table-wrap,
  .view-manager-portal .section>.table-wrap{
    max-height:560px;
    overflow:auto;
  }
  .view-mechanic-portal .mechanic-workspace{
    grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);
  }
}

@media(max-width:920px){
  .manager-overview-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .staff-tabs{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(112px,1fr);
    overflow-x:auto;
    gap:6px;
    border-bottom:0;
    padding-bottom:2px;
    margin-bottom:8px;
    scrollbar-width:none;
  }
  .staff-tabs::-webkit-scrollbar{display:none}
  .staff-tabs button{
    border:1px solid rgba(240,184,58,.22);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:#f2d88d;
    padding:9px 10px;
    white-space:nowrap;
  }
  .staff-tabs button.active{
    background:linear-gradient(180deg,#ffd166,#f0b83a);
    border-color:#ffe09a;
    color:#111820;
  }
  .view-manager-portal .manager-overview-grid,
  .view-mechanic-portal .mechanic-workspace{
    gap:8px;
  }
  .manager-mini-board .mini-row,
  .view-manager-portal .mini-row{
    grid-template-columns:1fr;
  }
  .view-manager-portal .manager-fleet-board .table-wrap,
  .view-manager-portal .section>.table-wrap{
    max-height:none;
    overflow:visible!important;
  }
  .view-manager-portal .manager-safe-note{
    font-size:12px;
    line-height:1.35;
    padding:10px;
    margin-bottom:82px!important;
  }
  .view-mechanic-portal .portal-note{
    font-size:12px;
    padding:10px;
  }
}

/* Premium polish pass: keep WheelsOnAuto black/gold, improve finish */
:root{
  --premium-radius:12px;
  --premium-radius-sm:10px;
  --premium-shadow:0 18px 46px rgba(0,0,0,.22);
  --premium-shadow-soft:0 14px 32px rgba(0,0,0,.16);
  --premium-border:rgba(240,184,58,.22);
}

@media(min-width:761px){
  .app{grid-template-columns:238px minmax(0,1fr)}
  .admin-shell .sidebar{padding:18px 12px}
  .admin-shell .brand{
    padding:10px;
    margin-bottom:16px;
    border-radius:var(--premium-radius);
    gap:10px;
  }
  .admin-shell .brand b{font-size:17px;letter-spacing:0}
  .admin-shell .brand span{font-size:11px;line-height:1.25}
  .admin-shell .admin-logo{width:46px;height:46px;border-radius:var(--premium-radius-sm)}
  .admin-shell .side-note{
    margin-top:16px;
    border-radius:var(--premium-radius);
    padding:11px;
    font-size:11px;
  }
  .account-actions .btn{
    min-height:38px;
  }
  .admin-shell .main{padding:34px 42px 54px}
  .admin-shell .topbar.compact-title{
    margin-bottom:22px;
    padding-bottom:13px;
  }
  .admin-shell .topbar.compact-title h1{
    font-size:30px;
    letter-spacing:0;
  }
  .grid,
  .dashboard-grid,
  .layout,
  .three,
  .two{gap:22px}
  .stats{gap:18px;margin-bottom:24px}
  .today-focus,
  .payment-command,
  .fleet-command,
  .workflow-board,
  .readiness-board,
  .accounting-board,
  .api-control{margin-bottom:24px}
}

.admin-shell .nav{gap:6px}
.admin-shell .nav button{
  border-radius:10px;
  min-height:40px;
  padding:10px 11px;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.admin-shell .nav button:hover{transform:translateX(2px)}
.nav-group,
.nav-single{
  border-radius:var(--premium-radius);
}
.nav-group{border-color:rgba(240,184,58,.2)}
.nav-group summary{padding:10px 11px}

.admin-shell .card,
.admin-shell .section,
.admin-shell .item,
.admin-shell .lead-card,
.admin-shell .column,
.admin-shell .mechanic-card,
.admin-shell .account-card,
.admin-shell .ops-item,
.admin-shell .timeline-item,
.modal{
  border-radius:var(--premium-radius);
}
.admin-shell .card,
.admin-shell .section{
  border-color:var(--premium-border);
  box-shadow:var(--premium-shadow-soft);
}
.admin-shell .section{
  padding:22px;
  margin-bottom:22px;
}
.admin-shell .section-head{
  margin-bottom:16px;
  align-items:flex-start;
}
.admin-shell .section-head h2{
  font-size:20px;
  line-height:1.2;
  letter-spacing:0;
}
.admin-shell .section-head p,
.admin-shell .section>p,
.admin-shell .item .muted,
.admin-shell .mini-row small,
.admin-shell .due-row small{
  font-size:12px;
}
.admin-shell .stat{
  border-radius:var(--premium-radius);
  padding:20px;
}
.admin-shell .stat span,
.admin-shell .today-focus-main span,
.admin-shell .today-metric span,
.admin-shell .payment-lane span,
.admin-shell .fleet-lane span,
.admin-shell .workflow-step span{
  letter-spacing:.08em;
}

.admin-shell .btn,
.modal .btn,
.login-card button{
  min-height:44px;
  border-radius:10px;
  padding:11px 16px;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease;
}
.admin-shell .btn:hover,
.modal .btn:hover,
.login-card button:hover{
  transform:translateY(-1px);
}
.admin-shell .btn:active,
.modal .btn:active,
.login-card button:active{
  transform:translateY(1px) scale(.99);
}
.admin-shell .table .btn,
.admin-shell .ops-item .btn,
.admin-shell .mini-row .btn,
.admin-shell .due-row .btn,
.admin-shell .payment-next-item .btn,
.admin-shell .access-next-item .btn,
.admin-shell .service-next-item .btn,
.admin-shell .claim-next-item .btn,
.admin-shell .fleet-next-item .btn,
.admin-shell .match-next-item .btn,
.admin-shell .accounting-next-item .btn{
  min-height:34px;
  border-radius:9px;
  padding:7px 10px;
}

.admin-shell .table-wrap{
  border:1px solid rgba(240,184,58,.16);
  border-radius:var(--premium-radius);
  background:rgba(255,255,255,.035);
}
.admin-shell .table{
  border-collapse:separate;
  border-spacing:0;
}
.admin-shell .table th{
  position:sticky;
  top:0;
  z-index:1;
  padding:14px 12px;
  background:rgba(17,24,32,.96);
  backdrop-filter:blur(10px);
  font-size:11px;
}
.admin-shell .table td{
  padding:15px 12px;
  line-height:1.45;
}
.admin-shell .table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.045);
}
.admin-shell .table tbody tr:hover td{
  background:rgba(240,184,58,.10);
}
.admin-shell .tag{
  border-radius:999px;
  padding:5px 10px;
  font-size:11px;
  letter-spacing:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}

.admin-shell .field input,
.admin-shell .field select,
.admin-shell .field textarea,
.local-search input,
.global-search input{
  border-radius:10px;
  min-height:44px;
}
.admin-shell .field textarea{min-height:96px}
.admin-shell .field label{
  font-size:11px;
  letter-spacing:.06em;
}

.admin-shell .today-focus,
.admin-shell .payment-command,
.admin-shell .fleet-command,
.admin-shell .workflow-board,
.admin-shell .readiness-board,
.admin-shell .accounting-board,
.admin-shell .api-control,
.admin-shell .claims-command,
.admin-shell .application-command,
.admin-shell .message-playbook,
.admin-shell .access-command,
.admin-shell .match-board{
  border-radius:var(--premium-radius);
  box-shadow:var(--premium-shadow);
}
.today-focus-main,
.today-metric,
.payment-lane,
.fleet-lane,
.workflow-step,
.readiness-card,
.accounting-lane,
.api-lane,
.claim-lane,
.application-lane,
.message-lane,
.access-lane,
.match-lane{
  border-radius:var(--premium-radius-sm);
}

.admin-shell .card,
.admin-shell .section,
.admin-shell .stat,
.admin-shell .table-wrap,
.admin-shell .item,
.admin-shell .lead-card,
.admin-shell .mechanic-card,
.admin-shell .ops-item{
  animation:riseIn .32s ease both;
}
.admin-shell .card:nth-of-type(2),
.admin-shell .section:nth-of-type(2){animation-delay:.025s}
.admin-shell .card:nth-of-type(3),
.admin-shell .section:nth-of-type(3){animation-delay:.05s}

.modal-backdrop{
  backdrop-filter:blur(10px);
}
.modal{
  width:min(820px,100%);
  border-radius:14px;
}
.modal-head{
  padding:20px 22px;
}
.modal-body{
  padding:22px;
}
.toast{
  border-radius:12px;
  border:1px solid rgba(240,184,58,.28);
}

@media(max-width:760px){
  .admin-shell .sidebar{padding:8px 10px 6px}
  .admin-shell .main{padding:12px 12px 118px}
  .admin-shell .topbar.compact-title{
    margin-bottom:10px;
    padding:8px 0 9px;
  }
  .admin-shell .topbar.compact-title h1{font-size:22px}
  .admin-shell .section{
    padding:14px;
    margin-bottom:13px;
    border-radius:12px;
  }
  .admin-shell .section-head{
    gap:9px;
    margin-bottom:11px;
  }
  .admin-shell .section-head h2{font-size:18px}
  .admin-shell .btn,
  .modal .btn{
    min-height:40px;
    padding:9px 11px;
    border-radius:10px;
  }
  .admin-shell .table-wrap{
    border:0;
    background:transparent;
  }
  .admin-shell .table tr{
    border-radius:12px;
  }
  .admin-shell .table td{
    padding:9px 7px;
  }
  .modal-backdrop{
    padding:8px;
  }
  .modal{
    max-height:calc(100vh - 20px);
    border-radius:12px;
  }
  .modal-head,
  .modal-body{padding:14px}
  .quickbar{
    box-shadow:0 -18px 48px rgba(0,0,0,.36);
  }
}

/* Final 10/10 polish: action bar, search, counters, micro motion */
@keyframes pageFadeSlide{
  from{opacity:.86;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes counterPop{
  0%{opacity:0;transform:translateY(7px) scale(.98)}
  70%{opacity:1;transform:translateY(-1px) scale(1.015)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

.admin-shell .main{
  animation:pageFadeSlide .24s ease both;
}
.payment-action-bar{
  position:sticky;
  top:12px;
  z-index:8;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid rgba(240,184,58,.28);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(17,24,32,.96),rgba(32,42,52,.94));
  box-shadow:0 18px 42px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
}
.payment-action-bar strong{
  display:block;
  color:#f7fbff;
  font-size:14px;
  line-height:1.15;
}
.payment-action-bar small{
  display:block;
  margin-top:3px;
  color:#b8c4ce;
  font-size:11px;
  font-weight:750;
}
.payment-action-bar .actions{
  flex:0 0 auto;
}

.local-search{
  grid-template-columns:minmax(0,1fr) auto;
  gap:0;
  align-items:stretch;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.08));
}
.search-field{
  position:relative;
  display:flex;
  align-items:center;
  min-width:0;
}
.search-icon{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  color:#f0d394;
  pointer-events:none;
}
.search-icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.local-search input{
  min-height:48px;
  padding-left:42px;
  border-radius:12px 0 0 12px;
  border-right:0;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}

.admin-shell .local-search .search-field .local-search-input,
.local-search .search-field .local-search-input{
  padding-left:42px!important;
}

.admin-shell .local-search .search-field .search-icon,
.local-search .search-field .search-icon{
  z-index:2;
}
.local-search input:focus{
  box-shadow:inset 0 0 0 1px rgba(240,184,58,.32);
}
.local-search .search-all{
  min-height:48px;
  border-radius:0 12px 12px 0;
  border-left:0;
  padding-inline:18px;
}

.today-focus-main,
.today-metric,
.stat,
.payment-lane,
.fleet-lane,
.workflow-step,
.readiness-card,
.accounting-lane,
.api-lane{
  padding:18px;
}
.today-focus-main strong,
.today-metric strong,
.stat b,
.payment-lane strong,
.fleet-lane strong,
.workflow-step strong,
.readiness-card strong,
.accounting-lane strong,
.api-lane strong{
  animation:counterPop .42s ease both;
  letter-spacing:0;
}
.today-focus-main strong{font-size:38px}
.today-metric strong{font-size:28px}
.stat b{font-size:32px}
.payment-lane strong,
.fleet-lane strong,
.accounting-lane strong,
.api-lane strong{font-size:29px}

.admin-shell .card,
.admin-shell .section,
.admin-shell .item,
.admin-shell .lead-card,
.admin-shell .mechanic-card,
.today-metric,
.payment-lane,
.fleet-lane,
.workflow-step,
.readiness-card,
.accounting-lane,
.api-lane{
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;
}
.admin-shell .card:hover,
.admin-shell .section:hover,
.admin-shell .item:hover,
.admin-shell .lead-card:hover,
.admin-shell .mechanic-card:hover{
  transform:translateY(-2px);
}
.today-metric:hover,
.payment-lane:hover,
.fleet-lane:hover,
.workflow-step:hover,
.readiness-card:hover,
.accounting-lane:hover,
.api-lane:hover{
  transform:translateY(-3px);
}

@media(max-width:760px){
  .payment-action-bar{
    position:relative;
    top:auto;
    display:grid;
    gap:9px;
    padding:11px;
    margin-bottom:12px;
  }
  .payment-action-bar .actions{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    width:100%;
  }
  .payment-action-bar .actions .btn{width:100%;min-width:0;min-height:42px;padding:7px 5px;justify-content:center;font-size:10px;line-height:1.2;text-align:center}
  .admin-shell .local-search{
    grid-template-columns:minmax(0,1fr) auto;
    gap:0;
    filter:none;
  }
  .admin-shell .local-search input{
    min-width:0;
    font-size:16px;
    border-radius:12px 0 0 12px;
    border-right:0;
  }
  .admin-shell .local-search .search-all{
    min-width:64px;
    padding-inline:10px;
    border-radius:0 12px 12px 0;
    border-left:0;
  }
  .today-focus-main,
  .today-metric,
  .stat,
  .payment-lane,
  .fleet-lane,
  .workflow-step,
  .readiness-card,
  .accounting-lane,
  .api-lane{
    padding:11px;
  }
  .today-focus-main strong{font-size:24px}
  .today-metric strong{font-size:20px}
  .stat b{font-size:23px}
  .payment-lane strong,
  .fleet-lane strong,
  .accounting-lane strong,
  .api-lane strong{font-size:21px}
}

/* Dense staff work pages: keep information sharp and compact. */
.view-maintenance .card:hover,
.view-maintenance .section:hover,
.view-maintenance .item:hover,
.view-maintenance .mechanic-card:hover,
.view-fleet .card:hover,
.view-fleet .section:hover,
.view-fleet .item:hover,
.view-fleet .mechanic-card:hover,
.view-operations .card:hover,
.view-operations .section:hover,
.view-operations .item:hover,
.view-mechanic-portal .card:hover,
.view-mechanic-portal .section:hover,
.view-mechanic-portal .item:hover,
.view-mechanic-portal .mechanic-card:hover,
.view-manager-portal .card:hover,
.view-manager-portal .section:hover,
.view-manager-portal .item:hover{
  transform:none;
}
.view-maintenance .table tbody tr:hover td,
.view-fleet .table tbody tr:hover td,
.view-operations .table tbody tr:hover td,
.view-mechanic-portal .table tbody tr:hover td,
.view-manager-portal .table tbody tr:hover td{
  background:rgba(240,184,58,.06);
}
.compact-service-board,
.compact-fleet-board,
.compact-claims-board{
  margin-bottom:12px;
}
.compact-service-board .table td:first-child,
.compact-fleet-board .table td:first-child,
.compact-claims-board .table td:first-child,
.view-mechanic-portal .mechanic-card .muted{
  min-width:220px;
}
.compact-service-board .muted,
.compact-fleet-board .muted,
.compact-claims-board .muted,
.view-mechanic-portal .mechanic-card .muted{
  color:#d9e3eb;
  font-size:12px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.view-maintenance .portal-note,
.view-fleet .portal-note,
.view-operations .portal-note{
  margin-top:10px;
}

@media(max-width:760px){
  .view-maintenance .staff-tabs,
  .view-fleet .staff-tabs,
  .view-operations .staff-tabs{
    margin-bottom:8px;
  }
  .view-maintenance .compact-service-board,
  .view-fleet .compact-fleet-board,
  .view-operations .compact-service-board,
  .view-operations .compact-fleet-board,
  .view-operations .compact-claims-board,
  .view-claims-issues .compact-claims-board{
    padding:12px;
  }
  .compact-service-board .table td:first-child,
  .compact-fleet-board .table td:first-child,
  .compact-claims-board .table td:first-child,
  .view-mechanic-portal .mechanic-card .muted{
    min-width:0;
  }
  .compact-service-board .table tr,
  .compact-fleet-board .table tr,
  .compact-claims-board .table tr{
    margin-bottom:7px;
    padding:6px;
  }
  .compact-service-board .table td,
  .compact-fleet-board .table td,
  .compact-claims-board .table td{
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:7px;
    padding:6px 4px!important;
  }
  .compact-service-board .section-head,
  .compact-fleet-board .section-head,
  .compact-claims-board .section-head{
    margin-bottom:8px;
  }
  .compact-service-board .local-search,
  .compact-fleet-board .local-search,
  .compact-claims-board .local-search{
    margin-bottom:8px;
  }
}

/* Keep operational information sharp. Hover movement makes dense text look blurry on phone/desktop. */
.admin-shell .card:hover,
.admin-shell .section:hover,
.admin-shell .item:hover,
.admin-shell .lead-card:hover,
.admin-shell .mechanic-card:hover,
.admin-shell .ops-item:hover,
.admin-shell .today-metric:hover,
.admin-shell .payment-lane:hover,
.admin-shell .fleet-lane:hover,
.admin-shell .workflow-step:hover,
.admin-shell .readiness-card:hover,
.admin-shell .accounting-lane:hover,
.admin-shell .api-lane:hover,
.admin-shell .claim-lane:hover,
.admin-shell .application-lane:hover,
.admin-shell .message-lane:hover,
.admin-shell .access-lane:hover,
.admin-shell .match-lane:hover{
  transform:none!important;
  filter:none!important;
}
.admin-shell .table tbody tr:hover td,
.admin-shell .table tr:hover td{
  filter:none!important;
  backdrop-filter:none!important;
}
.local-search{
  filter:none!important;
}
.local-search-results{
  grid-column:1/-1;
  display:grid;
  gap:8px;
}
.local-search-label{
  color:#f0c45b;
  font-size:11px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-top:2px;
}
.local-search-empty,
.local-result-card{
  border:1px solid rgba(240,184,58,.20);
  background:rgba(255,255,255,.055);
  color:#f7fbff;
  border-radius:8px;
  padding:10px;
}
.local-result-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
}
.local-result-card strong,
.local-result-card small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.local-result-card small{
  color:#d9e3eb;
  font-size:12px;
  margin-top:2px;
}
.local-result-card:hover{
  background:rgba(240,184,58,.10);
  border-color:rgba(240,184,58,.34);
}

/* Final no-blur pass: every staff information surface stays sharp on hover. */
.admin-shell .card,
.admin-shell .section,
.admin-shell .item,
.admin-shell .lead-card,
.admin-shell .mechanic-card,
.admin-shell .ops-item,
.admin-shell .due-row,
.admin-shell .mini-row,
.admin-shell .payment-next-item,
.admin-shell .service-next-item,
.admin-shell .claim-next-item,
.admin-shell .fleet-next-item,
.admin-shell .match-next-item,
.admin-shell .accounting-next-item,
.admin-shell .access-next-item,
.admin-shell .timeline-item,
.admin-shell .customer-pay-card,
.admin-shell .company-card,
.admin-shell .health-card,
.admin-shell .blueprint-card,
.admin-shell .api-phase,
.admin-shell .executive-card,
.admin-shell .today-focus-main,
.admin-shell .today-metric,
.admin-shell .payment-lane,
.admin-shell .service-lane,
.admin-shell .fleet-lane,
.admin-shell .workflow-step,
.admin-shell .readiness-card,
.admin-shell .accounting-lane,
.admin-shell .api-lane,
.admin-shell .claim-lane,
.admin-shell .application-lane,
.admin-shell .message-lane,
.admin-shell .access-lane,
.admin-shell .match-lane,
  .admin-shell .compact-service-board,
  .admin-shell .compact-fleet-board,
  .admin-shell .compact-claims-board{
  filter:none!important;
  transform:none!important;
  backface-visibility:visible!important;
  will-change:auto!important;
}
.admin-shell .card:hover,
.admin-shell .section:hover,
.admin-shell .item:hover,
.admin-shell .lead-card:hover,
.admin-shell .mechanic-card:hover,
.admin-shell .ops-item:hover,
.admin-shell .due-row:hover,
.admin-shell .mini-row:hover,
.admin-shell .payment-next-item:hover,
.admin-shell .service-next-item:hover,
.admin-shell .claim-next-item:hover,
.admin-shell .fleet-next-item:hover,
.admin-shell .match-next-item:hover,
.admin-shell .accounting-next-item:hover,
.admin-shell .access-next-item:hover,
.admin-shell .timeline-item:hover,
.admin-shell .customer-pay-card:hover,
.admin-shell .company-card:hover,
.admin-shell .health-card:hover,
.admin-shell .blueprint-card:hover,
.admin-shell .api-phase:hover,
.admin-shell .executive-card:hover,
.admin-shell .today-focus-main:hover,
.admin-shell .today-metric:hover,
.admin-shell .payment-lane:hover,
.admin-shell .service-lane:hover,
.admin-shell .fleet-lane:hover,
.admin-shell .workflow-step:hover,
.admin-shell .readiness-card:hover,
.admin-shell .accounting-lane:hover,
.admin-shell .api-lane:hover,
.admin-shell .claim-lane:hover,
.admin-shell .application-lane:hover,
.admin-shell .message-lane:hover,
.admin-shell .access-lane:hover,
.admin-shell .match-lane:hover,
  .admin-shell .compact-service-board:hover,
  .admin-shell .compact-fleet-board:hover,
  .admin-shell .compact-claims-board:hover,
.admin-shell .btn:hover{
  filter:none!important;
  transform:none!important;
}
.admin-shell .btn.danger{
  background:linear-gradient(145deg,rgba(226,91,82,.18),rgba(142,45,42,.08)),rgba(27,24,25,.96)!important;
  border-color:rgba(235,112,105,.55)!important;
  color:#f3a29d!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.2),0 0 0 1px rgba(226,91,82,.04)!important;
}
.admin-shell .btn.danger:hover{
  background:linear-gradient(145deg,rgba(226,91,82,.25),rgba(142,45,42,.11)),rgba(31,25,26,.98)!important;
  border-color:rgba(246,134,127,.75)!important;
  color:#ffc0bb!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.24),0 0 16px rgba(226,91,82,.07)!important;
  filter:none!important;
  transform:none!important;
}
.admin-shell .table tbody tr:hover,
.admin-shell .table tbody tr:hover td,
.admin-shell .table tr:hover,
.admin-shell .table tr:hover td,
.admin-shell .table th,
.admin-shell .quickbar{
  filter:none!important;
  transform:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
}
.admin-shell .nav button:hover,
.admin-shell .tabs button:hover,
.admin-shell .staff-tabs button:hover,
.admin-shell .quickbar button:hover,
.admin-shell .quickbar .btn:hover{
  filter:none!important;
  transform:none!important;
  will-change:auto!important;
}

/* Fleet/service rows: keep hover readable. These rows were washing white on hover. */
.admin-shell .compact-fleet-board,
.admin-shell .compact-service-board,
.admin-shell .compact-claims-board{
  background:linear-gradient(180deg,rgba(17,24,32,.98),rgba(14,20,26,.96))!important;
  border-color:rgba(240,184,58,.28)!important;
}
.admin-shell .compact-fleet-board .table-wrap,
.admin-shell .compact-service-board .table-wrap,
.admin-shell .compact-claims-board .table-wrap{
  background:rgba(7,10,14,.44)!important;
  border-color:rgba(240,184,58,.24)!important;
}
.admin-shell .compact-fleet-board .table tbody tr,
.admin-shell .compact-service-board .table tbody tr,
.admin-shell .compact-claims-board .table tbody tr{
  background:rgba(255,255,255,.035)!important;
}
.admin-shell .compact-fleet-board .table tbody tr:nth-child(even) td,
.admin-shell .compact-service-board .table tbody tr:nth-child(even) td,
.admin-shell .compact-claims-board .table tbody tr:nth-child(even) td,
.admin-shell .compact-fleet-board .table tbody tr td,
.admin-shell .compact-service-board .table tbody tr td,
.admin-shell .compact-claims-board .table tbody tr td{
  background:transparent!important;
  border-bottom-color:rgba(240,184,58,.16)!important;
  color:#f6fbff!important;
}
.admin-shell .compact-fleet-board .table tbody tr:hover,
.admin-shell .compact-service-board .table tbody tr:hover{
  background:rgba(240,184,58,.13)!important;
  outline:1px solid rgba(240,184,58,.34)!important;
  outline-offset:-1px;
}
.admin-shell .compact-fleet-board .table tbody tr:hover td,
.admin-shell .compact-service-board .table tbody tr:hover td,
.admin-shell .compact-claims-board .table tbody tr:hover td{
  background:transparent!important;
  color:#fff!important;
}
.admin-shell .compact-fleet-board .muted,
.admin-shell .compact-service-board .muted,
.admin-shell .compact-claims-board .muted{
  color:#cfd9e1!important;
}
.admin-shell .compact-fleet-board .tag,
.admin-shell .compact-service-board .tag,
.admin-shell .compact-claims-board .tag{
  border:1px solid rgba(240,184,58,.24)!important;
}
.staff-card-board .mechanic-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.staff-card-board .mechanic-card{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(240,184,58,.22)!important;
  color:#f7fbff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.staff-card-board .mechanic-card:hover{
  background:rgba(240,184,58,.11)!important;
  border-color:rgba(240,184,58,.40)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
}
.staff-card-board .mechanic-card .muted{
  color:#d9e3eb!important;
}
.modal .file-summary>div,
.modal .timeline-item{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  box-shadow:none!important;
}
.modal .file-summary>div:hover,
.modal .timeline-item:hover{
  background:rgba(240,184,58,.10)!important;
  border-color:rgba(240,184,58,.34)!important;
  filter:none!important;
  transform:none!important;
}
.modal .file-summary span,
.modal .timeline-item span{
  color:#f0c45b!important;
}
.modal .file-summary small,
.modal .timeline-item small,
.modal .file-timeline .muted{
  color:#d9e3eb!important;
}
.modal .file-summary strong{
  color:#fff!important;
}
.modal .section{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.admin-shell .payment-customers-panel,
.admin-shell .customer-pay-card{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
}
.admin-shell .customer-pay-card:hover{
  background:rgba(240,184,58,.10)!important;
  border-color:rgba(240,184,58,.36)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  filter:none!important;
  transform:none!important;
}
.admin-shell .customer-pay-card small,
.admin-shell .customer-car-line span{
  color:#d9e3eb!important;
}
.admin-shell .customer-car-line{
  border-top-color:rgba(240,184,58,.18)!important;
}
@media(max-width:760px){
  .staff-card-board .mechanic-cards{
    grid-template-columns:1fr;
    gap:8px;
  }
  .staff-card-board .mechanic-card{
    padding:11px;
  }
}

/* Final modal polish: keep every popup readable across admin, manager, mechanic, and public flows. */
.modal{
  background:linear-gradient(180deg,#111820,#0b1015)!important;
  color:#edf3f7!important;
  border-color:rgba(240,184,58,.42)!important;
}
.modal-head{
  background:linear-gradient(135deg,rgba(240,184,58,.16),rgba(255,255,255,.035))!important;
  border-bottom-color:rgba(240,184,58,.26)!important;
}
.modal-body,
.modal .section{
  background:transparent!important;
  color:#edf3f7!important;
}
.modal .card,
.modal .item,
.modal .check,
.modal .lead-card,
.modal .column,
.modal .stat,
.modal .file-summary>div,
.modal .timeline-item,
.modal .local-result-card,
.modal .customer-pay-card,
.modal .mechanic-card,
.modal .ops-item,
.modal .mini-row,
.modal .due-row{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.22)!important;
  color:#edf3f7!important;
  box-shadow:none!important;
  filter:none!important;
}
.modal .card:hover,
.modal .item:hover,
.modal .lead-card:hover,
.modal .file-summary>div:hover,
.modal .timeline-item:hover,
.modal .customer-pay-card:hover,
.modal .mechanic-card:hover,
.modal .ops-item:hover,
.modal .mini-row:hover,
.modal .due-row:hover{
  background:rgba(240,184,58,.10)!important;
  border-color:rgba(240,184,58,.36)!important;
  filter:none!important;
  transform:none!important;
}
.modal strong,
.modal h2,
.modal h3{
  color:#fff6df!important;
}
.modal p,
.modal small,
.modal .muted,
.modal .trend,
.modal .customer-car-line span{
  color:#d9e3eb!important;
}
.modal .field label,
.modal .table th,
.modal .file-summary span,
.modal .timeline-item span{
  color:#f0c45b!important;
}
.modal .field input,
.modal .field select,
.modal .field textarea,
.modal .clover-field,
.modal .global-search input{
  background:#0c1218!important;
  color:#f7fbff!important;
  border-color:rgba(240,184,58,.36)!important;
}
.modal .field input[readonly],
.modal .field textarea[readonly]{
  background:#111a22!important;
  color:#dfe8ee!important;
}
.modal .table-wrap{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(240,184,58,.18)!important;
}
.modal .table th{
  background:#111820!important;
}
.modal .table td,
.modal .table tr,
.modal .table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.035)!important;
  color:#edf3f7!important;
  border-bottom-color:rgba(240,184,58,.14)!important;
}
.modal .table tr:hover td,
.modal .table tbody tr:hover td{
  background:rgba(240,184,58,.10)!important;
}
.modal .notice{
  background:rgba(240,184,58,.12)!important;
  border-color:rgba(240,184,58,.34)!important;
  color:#f6dfaa!important;
}
.modal .notice.bad{
  background:rgba(197,58,45,.16)!important;
  border-color:rgba(197,58,45,.46)!important;
  color:#ffc8c0!important;
}
.modal .success,
.modal .payment-success{
  background:linear-gradient(135deg,rgba(23,114,69,.22),rgba(240,184,58,.08))!important;
  border-color:rgba(54,171,105,.42)!important;
  color:#a8e8c2!important;
}
.modal-body .btn:not(.primary):not(.gold):not(.danger){
  background:rgba(240,184,58,.12)!important;
  color:#fff3c9!important;
  border-color:rgba(240,184,58,.28)!important;
}
.modal-body .btn:not(.primary):not(.gold):not(.danger):hover{
  background:rgba(240,184,58,.22)!important;
  border-color:rgba(240,184,58,.48)!important;
}
.modal-head .btn{
  background:rgba(240,184,58,.16)!important;
  color:#fff3c9!important;
  border-color:rgba(240,184,58,.34)!important;
}

/* iPhone zoom guard: mobile Safari zooms into focused fields below 16px. */
@media(max-width:760px){
  input,
  select,
  textarea,
  .admin-shell .field input,
  .admin-shell .field select,
  .admin-shell .field textarea,
  .local-search input,
  .global-search input,
  .modal .field input,
  .modal .field select,
  .modal .field textarea,
  .modal .global-search input{
    font-size:16px!important;
  }
  .local-search input,
  .modal .field input,
  .modal .field select,
  .modal .field textarea{
    min-height:42px;
  }
}

/* Payments tabs: match Customer files readability and remove washed/blurred table hover. */
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel){
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel):hover{
  filter:none!important;
  backdrop-filter:none!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) h2,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) strong{
  color:#fff6df!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .muted,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) small{
  color:#d9e3eb!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table-wrap{
  background:rgba(7,10,14,.24)!important;
  border-color:rgba(240,184,58,.18)!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table th{
  background:#111820!important;
  color:#f0c45b!important;
  border-bottom-color:rgba(240,184,58,.18)!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table td,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tr,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.035)!important;
  color:#edf3f7!important;
  border-bottom-color:rgba(240,184,58,.13)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tr:hover,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tr:hover td,
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tbody tr:hover td{
  background:rgba(240,184,58,.10)!important;
  color:#f7fbff!important;
  filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .item{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  filter:none!important;
}
@media(max-width:760px){
  .view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tr{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(240,184,58,.20)!important;
    box-shadow:none!important;
    filter:none!important;
    backdrop-filter:none!important;
  }
  .view-payments-customers .payments-main-flow>.section:not(.payment-customers-panel) .table tr:hover{
    background:rgba(240,184,58,.10)!important;
  }
}

/* Workflow hardening polish: login, closeout, and staff portals */
.login-divider{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0 6px;
  color:#7b8791;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.login-divider:before,
.login-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(17,24,32,.14);
}
.account-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.account-actions .btn{
  min-height:38px;
  padding:9px 12px;
}
.view-reports .closeout-board,
.view-dashboard .closeout-board,
.view-payments-customers .closeout-board{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(240,184,58,.24)!important;
  color:#f7fbff!important;
}
.closeout-board .table-wrap{
  margin-top:10px;
}
.closeout-board .table td .actions,
.closeout-board .table td:last-child{
  white-space:normal;
}
.closeout-board .btn{
  min-height:36px;
}
.closeout-signoff-summary{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.closeout-signoff-summary span{
  border:1px solid rgba(240,184,58,.18);
  background:rgba(255,255,255,.055);
  border-radius:10px;
  padding:10px;
  display:grid;
  gap:2px;
  min-width:0;
}
.closeout-signoff-summary strong{
  color:#f5c967;
  font-size:17px;
  line-height:1.1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.closeout-signoff-summary small{
  color:rgba(247,251,255,.72);
  font-weight:850;
}
.view-mechanic-portal .mechanic-work-queue,
.view-mechanic-portal .staff-card-board,
.view-manager-portal .manager-mini-board,
.view-manager-portal .manager-fleet-board,
.view-manager-portal .staff-card-board{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-mechanic-portal .mechanic-card,
.view-mechanic-portal .staff-info-card,
.view-manager-portal .mechanic-card,
.view-manager-portal .staff-info-card,
.view-manager-portal .mini-row{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.16)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-mechanic-portal .mechanic-card:hover,
.view-mechanic-portal .staff-info-card:hover,
.view-manager-portal .mechanic-card:hover,
.view-manager-portal .staff-info-card:hover,
.view-manager-portal .mini-row:hover{
  background:rgba(240,184,58,.10)!important;
  border-color:rgba(240,184,58,.34)!important;
  transform:none!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-mechanic-portal .mechanic-card strong,
.view-mechanic-portal .staff-info-card strong,
.view-manager-portal .mechanic-card strong,
.view-manager-portal .staff-info-card strong,
.view-manager-portal .mini-row strong{
  color:#fff6df!important;
}
.view-mechanic-portal .muted,
.view-mechanic-portal small,
.view-manager-portal .muted,
.view-manager-portal small{
  color:#d9e3eb!important;
}
.view-mechanic-portal .table-wrap,
.view-manager-portal .table-wrap{
  background:rgba(7,10,14,.24)!important;
  border-color:rgba(240,184,58,.18)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-mechanic-portal .table td,
.view-manager-portal .table td{
  background:rgba(255,255,255,.035)!important;
  color:#edf3f7!important;
}
.compact-message-stats{
  margin-bottom:12px;
}
.compact-message-stats .stat{
  min-height:82px;
  padding:13px 15px;
}
.compact-message-stats .stat b{
  font-size:24px;
}
.message-tabs{
  margin-bottom:12px;
}
.message-status-strip{
  padding:12px 14px!important;
  margin-bottom:12px;
}
.message-status-line{
  display:grid;
  grid-template-columns:minmax(180px,.5fr) minmax(220px,1fr) auto;
  gap:12px;
  align-items:center;
}
.message-status-line strong{
  display:block;
  color:#fff6df;
}
.message-status-line span{
  display:block;
  color:#f0b83a;
  font-size:13px;
  margin-top:2px;
}
.message-status-line small{
  color:#d9e3eb;
}
.mini-badge-row{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
}
.view-messages .message-setup{
  margin-top:0;
}
.view-messages .message-thread-grid{
  align-items:stretch;
}
.view-messages .message-thread-card,
.view-messages .message-card{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(240,184,58,.20)!important;
  color:#f7fbff!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.view-messages .message-thread-card:hover,
.view-messages .message-card:hover{
  background:rgba(240,184,58,.10)!important;
  border-color:rgba(240,184,58,.34)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
@media(min-width:921px){
  .view-messages{
    grid-template-columns:1fr!important;
  }
  .view-messages>.topbar,
  .view-messages>.tabs,
  .view-messages>.stats,
  .view-messages>.message-status-strip,
  .view-messages>.star-ai-panel,
  .view-messages>section:not(.message-playbook){
    grid-column:1/-1!important;
  }
  .view-messages .message-thread-grid,
  .view-messages .message-history-list{
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  }
}
.nav-group:not([open])>div{
  display:none!important;
}
.nav-group[open]>div{
  display:grid;
}
.report-lanes{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.report-lane{
  position:relative;
  display:grid;
  gap:5px;
  min-height:96px;
  padding:13px;
  overflow:hidden;
  text-align:left;
  color:#f7fbff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(240,184,58,.22);
  border-radius:10px;
}
.report-lane:hover{
  background:rgba(240,184,58,.10);
  border-color:rgba(240,184,58,.34);
}
.report-lane span{
  font-size:10px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#f0d394;
}
.report-lane strong{
  font-size:22px;
  color:#fff6df;
}
.report-lane small{
  color:#d9e3eb;
}
.report-lane i{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:#58a6ff;
}
.report-lane i.good{background:#177245}
.report-lane i.warn{background:#f0b83a}
.report-lane i.bad{background:#c53a2d}
.report-lane i.blue{background:#58a6ff}
@media(max-width:760px){
  .login-card{
    padding:22px!important;
  }
  .report-lanes{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .report-lane{
    min-height:86px;
    padding:11px;
  }
  .compact-message-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .compact-message-stats .stat{
    min-height:72px;
    padding:10px!important;
  }
  .message-status-line{
    grid-template-columns:1fr;
    gap:8px;
  }
  .message-status-line .btn{
    width:100%;
  }
  .view-mechanic-portal .staff-stats,
  .view-manager-portal .staff-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .view-mechanic-portal .staff-stats .stat,
  .view-manager-portal .staff-stats .stat{
    min-height:74px!important;
    padding:10px!important;
  }
  .view-mechanic-portal .mechanic-workspace,
  .view-manager-portal .manager-overview-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .closeout-board .table td:last-child .btn{
    width:100%;
    margin-top:4px;
  }
}

/* Wide-screen alignment and quick tab response. */
@media(min-width:1500px){
  .admin-shell .main{
    display:block;
    width:min(100%,1560px);
    margin-inline:auto;
    padding-inline:48px;
  }
  .admin-shell .topbar.compact-title,
  .admin-shell .payment-action-bar,
  .admin-shell .tabs,
  .admin-shell .card,
  .admin-shell .section,
  .admin-shell .dashboard-grid,
  .admin-shell .layout,
  .admin-shell .grid,
  .admin-shell .today-focus,
  .admin-shell .payments-main-flow,
  .admin-shell .manager-overview-grid,
  .admin-shell .mechanic-workspace{
    max-width:100%;
  }
  .admin-shell .section-head,
  .admin-shell .customer-pay-top,
  .admin-shell .item-row,
  .admin-shell .message-thread-head{
    align-items:flex-start;
  }
  .admin-shell .section-head>div,
  .admin-shell .customer-pay-top>div,
  .admin-shell .item-row>div,
  .admin-shell .message-thread-head>div{
    min-width:0;
  }
}
@media(min-width:1900px){
  .admin-shell .main{
    width:min(100%,1680px);
    padding-inline:56px;
  }
}
body.fast-tab-switch .admin-shell .main,
body.fast-tab-switch .admin-shell .card,
body.fast-tab-switch .admin-shell .section{
  animation:none!important;
  transition:none!important;
}
.star-ai-panel{
  border-color:rgba(240,211,148,.28);
  background:linear-gradient(180deg,rgba(31,36,40,.96),rgba(16,18,21,.96));
}
.star-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.star-summary-grid .item{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(240,211,148,.16);
  border-radius:12px;
  padding:12px;
}
.star-summary-grid strong{
  display:block;
  color:#fff6df;
  font-size:24px;
  line-height:1.1;
}
.star-summary-grid span,
.star-toggle-note small{
  color:#d9e3eb;
  font-size:12px;
}
.star-provider-strip{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 12px;
  margin:12px 0;
  padding:10px 12px;
  border:1px solid rgba(240,211,148,.18);
  border-radius:12px;
  background:rgba(255,255,255,.04);
}
.star-provider-strip small{
  color:#d9e3eb;
  font-size:12px;
}
.star-provider-strip .notice{
  width:100%;
  margin:4px 0 0;
}
.star-toggle-note{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}
.star-card,
.star-thread,
.star-message{
  border-color:rgba(240,211,148,.24)!important;
}
.star-card:before{
  content:"Star";
  display:inline-flex;
  width:max-content;
  margin-bottom:8px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(240,211,148,.12);
  color:#f0d394;
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.star-reason{
  margin-top:8px;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(88,166,255,.08);
  color:#d9e3eb;
  font-size:12px;
}
.star-prepared-action{
  display:grid;
  gap:8px;
  margin:4px 0;
  padding:10px 12px;
  border:1px solid rgba(240,211,148,.22);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(240,211,148,.12),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.star-prepared-action>div{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.star-prepared-action strong{
  color:#f7df9b;
}
.star-prepared-action small{
  display:block;
  margin-top:2px;
  color:#c9d2db;
  font-size:12px;
}
.star-prepared-action p{
  margin:0;
  color:#dce4ea;
  font-size:12px;
  line-height:1.45;
}
.star-command-center{
  border-color:rgba(240,211,148,.22);
  background:linear-gradient(145deg,rgba(17,20,24,.96),rgba(40,34,22,.88));
}
.star-command-center .section-head{
  align-items:flex-start;
}
.star-command-stats{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}
.star-command-stats span{
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  padding:6px 9px;
  font-size:12px;
  font-weight:900;
  background:rgba(255,255,255,.055);
}
.star-command-stats .bad{color:#ffb4a8;border-color:rgba(255,112,92,.28)}
.star-command-stats .warn{color:#f7df9b;border-color:rgba(240,211,148,.26)}
.star-command-stats .blue{color:#9fd0ff;border-color:rgba(88,166,255,.24)}
.star-command-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.star-command-card{
  display:grid;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(240,211,148,.14);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  box-shadow:0 14px 32px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.star-command-card:hover{
  transform:translateY(-1px);
  background:rgba(240,211,148,.08);
  border-color:rgba(240,211,148,.3);
}
.star-command-card.bad{border-left:3px solid #ff705c}
.star-command-card.warn{border-left:3px solid #f0d394}
.star-command-card.blue{border-left:3px solid #58a6ff}
.star-command-card.good{border-left:3px solid #7ee787}
.star-command-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.star-command-top strong{
  display:block;
  color:#f7df9b;
  line-height:1.25;
}
.star-command-top small{
  display:block;
  margin-top:4px;
  color:#cbd5df;
  line-height:1.35;
}
@media(max-width:860px){
  .star-command-grid{grid-template-columns:1fr}
  .star-command-stats{justify-content:flex-start}
}
.platform-readiness-board{
  background:linear-gradient(145deg,rgba(13,16,20,.96),rgba(27,29,31,.92));
  border-color:rgba(240,211,148,.18);
}
.platform-readiness-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.platform-readiness-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  width:100%;
  min-height:96px;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.05);
  color:#e8edf2;
  text-align:left;
  box-shadow:0 12px 26px rgba(0,0,0,.14);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.platform-readiness-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.3);
  background:rgba(240,211,148,.08);
}
.platform-readiness-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
}
.platform-readiness-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.35;
}
.platform-readiness-card>span{
  flex:0 0 auto;
  border-radius:999px;
  padding:5px 8px;
  background:rgba(0,0,0,.22);
  color:#fff4c7;
  font-size:12px;
  font-weight:950;
}
.platform-readiness-card.bad{border-left:3px solid #ff705c}
.platform-readiness-card.warn{border-left:3px solid #f0d394}
.platform-readiness-card.blue{border-left:3px solid #58a6ff}
.platform-readiness-card.good{border-left:3px solid #7ee787}
@media(max-width:1180px){
  .platform-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .platform-readiness-grid{grid-template-columns:1fr}
  .platform-readiness-card{min-height:0}
}
.role-command-board{
  background:linear-gradient(145deg,rgba(13,16,20,.96),rgba(28,29,31,.93));
  border-color:rgba(240,211,148,.18);
}
.core-system-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(25,27,30,.93));
  border-color:rgba(240,211,148,.20);
}
.star-readiness-panel{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(26,29,32,.93));
  border-color:rgba(240,211,148,.20);
}
.dispute-recovery-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(28,27,24,.93));
  border-color:rgba(240,211,148,.20);
}
.dispute-recovery-stats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.dispute-recovery-stat{
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  text-align:left;
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.dispute-recovery-stat:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.dispute-recovery-stat strong{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1;
}
.dispute-recovery-stat span{
  display:block;
  margin-top:6px;
  color:#f7df9b;
  font-size:12px;
  font-weight:900;
  line-height:1.2;
}
.dispute-recovery-stat.bad{border-left:3px solid #ff705c}
.dispute-recovery-stat.warn{border-left:3px solid #f0d394}
.dispute-recovery-stat.blue{border-left:3px solid #58a6ff}
.dispute-recovery-stat.good{border-left:3px solid #7ee787}
.dispute-recovery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.dispute-recovery-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.dispute-recovery-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.dispute-recovery-card.bad{border-left:3px solid #ff705c}
.dispute-recovery-card.warn{border-left:3px solid #f0d394}
.dispute-recovery-card.blue{border-left:3px solid #58a6ff}
.dispute-recovery-card.good{border-left:3px solid #7ee787}
.dispute-recovery-card strong,
.dispute-recovery-card b{
  color:#f7df9b;
}
.dispute-recovery-card p{
  margin:8px 0;
  color:#d9e3eb;
  font-size:13px;
  line-height:1.35;
}
.dispute-recovery-card .muted{
  color:#c8d2dc;
  overflow-wrap:anywhere;
}
.dispute-identity-resolver{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(28,22,22,.93));
  border-color:rgba(255,112,92,.22);
}
.dispute-identity-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.dispute-identity-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.dispute-identity-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.dispute-identity-card.bad{border-left:3px solid #ff705c}
.dispute-identity-card.warn{border-left:3px solid #f0d394}
.dispute-identity-card.blue{border-left:3px solid #58a6ff}
.dispute-identity-card.good{border-left:3px solid #7ee787}
.dispute-identity-card strong{
  color:#f7df9b;
}
.dispute-identity-card p{
  margin:8px 0;
  color:#d9e3eb;
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.api-operational-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(24,27,31,.93));
  border-color:rgba(240,211,148,.20);
}
.api-provider-launch-queue{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(24,27,31,.94));
  border-color:rgba(240,211,148,.22);
}
.api-operational-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.api-provider-launch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.api-operational-card,
.api-provider-launch-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.api-operational-card:hover,
.api-provider-launch-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.api-operational-card.good{border-left:3px solid #7ee787}
.api-operational-card.blue{border-left:3px solid #58a6ff}
.api-operational-card.warn{border-left:3px solid #f0d394}
.api-operational-card.bad{border-left:3px solid #ff705c}
.api-provider-launch-card.good{border-left:3px solid #7ee787}
.api-provider-launch-card.blue{border-left:3px solid #58a6ff}
.api-provider-launch-card.warn{border-left:3px solid #f0d394}
.api-provider-launch-card.bad{border-left:3px solid #ff705c}
.api-operational-card strong,
.api-provider-launch-card strong{
  color:#f7df9b;
}
.api-operational-card p,
.api-provider-launch-card p{
  margin:8px 0;
  color:#d9e3eb;
  font-size:13px;
  line-height:1.35;
}
.api-provider-guidance{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0 0 14px;
}
.api-provider-guidance>div{
  min-width:0;
  padding:12px;
  border:1px solid rgba(240,211,148,.20);
  border-radius:10px;
  background:rgba(240,211,148,.065);
}
.api-provider-guidance span{
  display:block;
  margin-bottom:5px;
  color:#aeb9c2;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.api-provider-guidance strong{
  display:block;
  color:#f7df9b;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.telnyx-stage-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 10px;
}
.telnyx-stage-strip>div{
  min-width:0;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:2px 8px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
  background:rgba(255,255,255,.045);
}
.telnyx-stage-strip i{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:#cbd5dd;
  font-style:normal;
  font-weight:800;
}
.telnyx-stage-strip span{color:#eef2f5;font-size:13px;font-weight:800}
.telnyx-stage-strip small{min-width:0;color:#9eabb5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.telnyx-stage-strip .done{border-color:rgba(126,231,135,.28);background:rgba(126,231,135,.07)}
.telnyx-stage-strip .done i{background:rgba(126,231,135,.16);color:#92efa0}
.telnyx-stage-strip .current{border-color:rgba(240,211,148,.35);background:rgba(240,211,148,.09)}
.telnyx-stage-strip .current i{background:rgba(240,211,148,.18);color:#f7df9b}
.telnyx-next-action{margin:0 0 14px}
.telnyx-next-action small{display:block;margin-top:5px;color:#aeb9c2}
.api-provider-status-readonly{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:rgba(255,255,255,.045);
}
.api-provider-status-readonly small{
  min-width:0;
  color:#b8c2cb;
  font-size:12px;
  line-height:1.3;
}
.api-operational-count{
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:10px 0;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:rgba(0,0,0,.18);
}
.api-operational-count b{
  color:#fff;
  font-size:22px;
  line-height:1;
}
.api-operational-count span{
  color:#c8d2dc;
  font-size:12px;
  font-weight:800;
}
.service-inspection-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(23,29,27,.93));
  border-color:rgba(240,211,148,.20);
}
.service-inspection-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.service-inspection-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  text-align:left;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.service-inspection-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.service-inspection-card.bad{border-left:3px solid #ff705c}
.service-inspection-card.warn{border-left:3px solid #f0d394}
.service-inspection-card.blue{border-left:3px solid #58a6ff}
.service-inspection-card.good{border-left:3px solid #7ee787}
.service-inspection-card>div{
  min-width:0;
}
.service-inspection-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.service-inspection-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.32;
  overflow-wrap:anywhere;
}
.service-inspection-card span{
  flex:0 0 auto;
  min-width:30px;
  text-align:right;
  color:#fff;
  font-size:22px;
  font-weight:950;
  line-height:1;
}
.service-route-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(23,29,27,.93));
  border-color:rgba(240,211,148,.22);
}
.service-route-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.service-route-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.service-route-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.service-route-card.bad{border-left:3px solid #ff705c}
.service-route-card.warn{border-left:3px solid #f0d394}
.service-route-card.blue{border-left:3px solid #58a6ff}
.service-route-card.good{border-left:3px solid #7ee787}
.service-route-card strong{
  color:#f7df9b;
}
.service-route-card .muted{
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.toll-route-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(29,24,21,.93));
  border-color:rgba(240,211,148,.22);
}
.toll-route-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.toll-route-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.toll-route-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.toll-route-card.bad{border-left:3px solid #ff705c}
.toll-route-card.warn{border-left:3px solid #f0d394}
.toll-route-card.blue{border-left:3px solid #58a6ff}
.toll-route-card.good{border-left:3px solid #7ee787}
.toll-route-card strong{
  color:#f7df9b;
}
.toll-route-card .muted{
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.toll-import-preview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.toll-tag-mapping-panel{
  margin-top:12px;
  padding:14px;
  border:1px solid rgba(240,211,148,.24);
  border-radius:8px;
  background:#121619;
  color:#e8edf2;
}
.toll-tag-mapping-panel .section-head{
  margin-bottom:10px;
}
.toll-tag-mapping-panel h3{
  margin:0;
  color:#f7df9b;
  font-size:15px;
}
.toll-tag-mapping-panel p{
  margin:4px 0 0;
  color:#c8d2dc;
  font-size:11px;
  line-height:1.45;
}
.toll-tag-mapping-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.toll-tag-mapping-card{
  display:grid;
  gap:8px;
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.10);
  border-left:3px solid #f0d394;
  border-radius:7px;
  background:#191e21;
}
.toll-tag-mapping-card label{
  display:grid;
  gap:4px;
  min-width:0;
}
.toll-tag-mapping-card label>span{
  color:#aeb8c2;
  font-size:10px;
  font-weight:800;
}
.toll-tag-mapping-card input,
.toll-tag-mapping-card select{
  width:100%;
  min-width:0;
  min-height:38px;
  border:1px solid rgba(240,211,148,.20);
  border-radius:6px;
  background:#101316;
  color:#f4f0e7;
  font-size:12px;
}
.toll-tag-map-dates{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.toll-import-preview-card,
.toll-receipt-review{
  min-width:0;
  padding:13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:8px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
}
.toll-import-preview-card.good{border-left:3px solid #7ee787}
.toll-import-preview-card.warn{border-left:3px solid #f0d394}
.toll-import-preview-card.bad{border-left:3px solid #ff705c}
.toll-import-preview-card.blue{border-left:3px solid #58a6ff}
.toll-import-date-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.toll-import-date-row span{
  min-width:0;
  padding:8px 9px;
  border:1px solid rgba(240,211,148,.14);
  border-radius:7px;
  background:rgba(0,0,0,.18);
  color:#aeb8c2;
  font-size:12px;
}
.toll-import-date-row b{
  display:block;
  margin-top:2px;
  color:#f7df9b;
  font-size:13px;
  overflow-wrap:anywhere;
}
.toll-receipt-review{
  margin-top:12px;
  border-color:rgba(240,211,148,.22);
}
.toll-receipt-review .muted{
  margin-top:7px;
  color:#c8d2dc;
  overflow-wrap:anywhere;
}
.dispatch-command-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(24,28,33,.93));
  border-color:rgba(240,211,148,.22);
}
.lifecycle-command-board{
  background:linear-gradient(145deg,rgba(12,15,19,.98),rgba(28,26,21,.94));
  border-color:rgba(240,211,148,.24);
}
.lifecycle-command-grid .role-command-card{
  min-height:138px;
}
.communication-command-board{
  background:linear-gradient(145deg,rgba(12,15,19,.98),rgba(25,30,31,.94));
  border-color:rgba(240,211,148,.23);
}
.communication-command-grid .role-command-card{
  min-height:132px;
}
.report-closeout-command{
  background:linear-gradient(145deg,rgba(12,15,19,.98),rgba(30,25,20,.94));
  border-color:rgba(240,211,148,.24);
}
.report-closeout-grid .role-command-card{
  min-height:134px;
}
.company-launch-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(30,27,22,.93));
  border-color:rgba(240,211,148,.20);
}
.company-launch-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.company-launch-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
.company-launch-card.good{border-left:3px solid #7ee787}
.company-launch-card.warn{border-left:3px solid #f0d394}
.company-launch-card.blue{border-left:3px solid #58a6ff}
.company-launch-card.bad{border-left:3px solid #ff705c}
.company-launch-card>div{
  min-width:0;
}
.company-launch-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.company-launch-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.32;
  overflow-wrap:anywhere;
}
.company-launch-card span{
  flex:0 0 auto;
  color:#fff;
  font-size:20px;
  font-weight:950;
  line-height:1;
  text-align:right;
}
.notification-command-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(24,27,31,.93));
  border-color:rgba(240,211,148,.20);
}
.notification-command-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.notification-command-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
.notification-command-card.good{border-left:3px solid #7ee787}
.notification-command-card.warn{border-left:3px solid #f0d394}
.notification-command-card.blue{border-left:3px solid #58a6ff}
.notification-command-card.bad{border-left:3px solid #ff705c}
.notification-command-card>div{
  min-width:0;
}
.notification-command-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.notification-command-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.32;
  overflow-wrap:anywhere;
}
.notification-command-card span{
  flex:0 0 auto;
  max-width:96px;
  color:#fff;
  font-size:15px;
  font-weight:950;
  line-height:1.15;
  text-align:right;
  overflow-wrap:anywhere;
}
.customer-portal-command-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(24,30,29,.93));
  border-color:rgba(240,211,148,.20);
}
.customer-portal-command-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.customer-portal-command-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
}
.customer-portal-command-card.good{border-left:3px solid #7ee787}
.customer-portal-command-card.warn{border-left:3px solid #f0d394}
.customer-portal-command-card.blue{border-left:3px solid #58a6ff}
.customer-portal-command-card.bad{border-left:3px solid #ff705c}
.customer-portal-command-card>div{
  min-width:0;
}
.customer-portal-command-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.customer-portal-command-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.32;
  overflow-wrap:anywhere;
}
.customer-portal-command-card span{
  flex:0 0 auto;
  color:#fff;
  font-size:21px;
  font-weight:950;
  line-height:1;
  text-align:right;
}
.customer-portal-requests-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(23,29,27,.93));
  border-color:rgba(240,211,148,.22);
}
.customer-portal-request-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.customer-portal-request-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.customer-portal-request-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.customer-portal-request-card.good{border-left:3px solid #7ee787}
.customer-portal-request-card.blue{border-left:3px solid #58a6ff}
.customer-portal-request-card.warn{border-left:3px solid #f0d394}
.customer-portal-request-card.bad{border-left:3px solid #ff705c}
.customer-portal-request-card strong{
  color:#f7df9b;
}
.customer-portal-request-card .muted{
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.portal-verification-command{
  background:linear-gradient(145deg,rgba(12,15,19,.98),rgba(22,28,28,.94));
  border-color:rgba(240,211,148,.24);
}
.portal-verification-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.portal-verification-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.portal-verification-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.32);
  background:rgba(240,211,148,.08);
}
.portal-verification-card.good{border-left:3px solid #7ee787}
.portal-verification-card.blue{border-left:3px solid #58a6ff}
.portal-verification-card.warn{border-left:3px solid #f0d394}
.portal-verification-card.bad{border-left:3px solid #ff705c}
.portal-verification-card strong{
  color:#f7df9b;
}
.portal-verification-card .muted{
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.application-handoff-board{
  background:linear-gradient(145deg,rgba(12,15,19,.97),rgba(23,29,27,.93));
  border-color:rgba(240,211,148,.22);
}
.application-handoff-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.application-handoff-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.application-handoff-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.08);
}
.application-handoff-card.good{border-left:3px solid #7ee787}
.application-handoff-card.warn{border-left:3px solid #f0d394}
.application-handoff-card strong{color:#f7df9b}
.application-handoff-card .muted{
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.application-handoff-missing{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0;
}
.application-handoff-missing span{
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(240,211,148,.22);
  background:rgba(240,211,148,.08);
  color:#f7df9b;
  font-size:11px;
  font-weight:800;
}
.star-provider-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:12px;
}
.star-provider-strip>div{
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.05);
}
.star-provider-strip span{
  display:block;
  color:#9aa6b2;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.star-provider-strip strong{
  display:block;
  margin-top:5px;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.star-provider-strip small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.star-provider-strip .actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.star-capability-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.star-capability-card{
  display:flex;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:11px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  box-shadow:0 12px 24px rgba(0,0,0,.14);
}
.star-capability-card.bad{border-left:3px solid #ff705c}
.star-capability-card.warn{border-left:3px solid #f0d394}
.star-capability-card.blue{border-left:3px solid #58a6ff}
.star-capability-card.good{border-left:3px solid #7ee787}
.star-capability-card>div{
  min-width:0;
}
.star-capability-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.star-capability-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.32;
  overflow-wrap:anywhere;
}
@media(max-width:1180px){
  .dispute-recovery-stats,
  .dispute-recovery-grid,
  .dispute-identity-grid,
  .api-operational-grid,
  .api-provider-launch-grid,
  .service-inspection-grid,
  .service-route-grid,
  .toll-route-grid,
  .toll-tag-mapping-grid,
  .toll-import-preview-grid,
  .company-launch-grid,
  .notification-command-grid,
  .customer-portal-command-grid,
  .customer-portal-request-grid,
  .portal-verification-grid,
  .application-handoff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .star-provider-strip,
  .star-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .dispute-recovery-stats,
  .dispute-recovery-grid,
  .dispute-identity-grid,
  .api-operational-grid,
  .api-provider-launch-grid,
  .service-inspection-grid,
  .service-route-grid,
  .toll-route-grid,
  .toll-tag-mapping-grid,
  .toll-import-preview-grid,
  .company-launch-grid,
  .notification-command-grid,
  .customer-portal-command-grid,
  .customer-portal-request-grid,
  .portal-verification-grid,
  .application-handoff-grid{grid-template-columns:1fr}
  .star-provider-strip,
  .star-capability-grid{grid-template-columns:1fr}
  .api-provider-guidance{grid-template-columns:1fr}
  .telnyx-stage-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .api-provider-status-readonly{align-items:flex-start;flex-direction:column}
  .star-provider-strip .actions{flex-direction:row;flex-wrap:wrap}
  .star-provider-strip .actions .btn{flex:1 1 auto}
}
.core-system-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.core-system-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  min-height:122px;
  width:100%;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  text-align:left;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.core-system-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.30);
  background:rgba(240,211,148,.085);
  filter:none;
}
.core-system-card.bad{border-left:3px solid #ff705c}
.core-system-card.warn{border-left:3px solid #f0d394}
.core-system-card.blue{border-left:3px solid #58a6ff}
.core-system-card.good{border-left:3px solid #7ee787}
.core-system-card>div{
  min-width:0;
}
.core-system-card span{
  display:inline-flex;
  margin-bottom:6px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(0,0,0,.22);
  color:#fff4c7;
  font-size:11px;
  font-weight:950;
}
.core-system-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.18;
  overflow-wrap:anywhere;
}
.core-system-card small{
  display:block;
  margin-top:6px;
  color:#c8d2dc;
  line-height:1.33;
  overflow-wrap:anywhere;
}
.core-system-card>b{
  flex:0 0 auto;
  min-width:28px;
  text-align:right;
  color:#ffffff;
  font-size:18px;
  line-height:1;
}
@media(max-width:1280px){
  .core-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .core-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .core-system-grid{grid-template-columns:1fr}
  .core-system-card{min-height:0}
}
.role-command-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.role-command-card{
  min-width:0;
  padding:12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 14px 28px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.role-command-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.28);
  background:rgba(240,211,148,.085);
  filter:none;
}
.role-command-card.bad{border-left:3px solid #ff705c}
.role-command-card.warn{border-left:3px solid #f0d394}
.role-command-card.blue{border-left:3px solid #58a6ff}
.role-command-card.good{border-left:3px solid #7ee787}
.role-command-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.role-command-top>div{
  min-width:0;
}
.role-command-card strong{
  display:block;
  color:#f7df9b;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.role-command-card small{
  display:block;
  margin-top:5px;
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.role-command-card .actions{
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.role-command-card .actions small{
  flex:1 1 100%;
  color:#c8d2dc;
  line-height:1.35;
}
.ifleet-task-guidance{
  margin-bottom:12px;
}
.ifleet-task-guidance div{
  margin-top:6px;
  color:#d6dde6;
  line-height:1.35;
}
.view-manager-portal .role-command-board,
.view-mechanic-portal .role-command-board{
  margin-top:12px;
}
@media(max-width:980px){
  .role-command-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .role-command-board{
    margin-top:8px;
  }
  .role-command-card{
    padding:10px;
  }
  .role-command-card .actions .btn{
    flex:1 1 auto;
    min-height:38px;
  }
}
.notification-event-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin:10px 0 12px;
}
.notification-event-grid label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(198,163,83,.24);
  border-radius:10px;
  background:rgba(255,255,255,.04);
  color:#d9e3eb;
  font-size:12px;
  font-weight:800;
}
.notification-event-grid input{
  width:16px;
  height:16px;
  accent-color:#c6a353;
}
@media(max-width:760px){
  .star-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .star-toggle-note .btn{
    flex:1 1 100%;
  }
  .notification-event-grid{
    grid-template-columns:1fr;
  }
}

/* Mobile tab fit guard: section tabs wrap instead of clipping off-screen. */
@media(max-width:760px){
  .admin-shell .tabs{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(72px,1fr));
    gap:5px;
    overflow:visible!important;
    max-width:100%;
    width:100%;
    padding-bottom:0;
  }
  .admin-shell .tabs button{
    flex:initial!important;
    min-width:0;
    width:100%;
    justify-content:center;
    text-align:center;
    white-space:normal;
    line-height:1.12;
    padding:8px 7px;
  }
}

/* Final text-fit guard: cards must wrap long names, VIN/tag lines, service notes, and message previews instead of clipping. */
.admin-shell .customer-pay-card,
.admin-shell .mechanic-card,
.admin-shell .message-thread-card,
.admin-shell .message-card,
.admin-shell .mini-row,
.admin-shell .item,
.admin-shell .company-card{
  min-width:0;
}
.admin-shell .customer-pay-card strong,
.admin-shell .customer-pay-card small,
.admin-shell .customer-pay-card b,
.admin-shell .customer-pay-card span,
.admin-shell .customer-car-line,
.admin-shell .customer-car-line b,
.admin-shell .customer-car-line span,
.admin-shell .mechanic-card strong,
.admin-shell .mechanic-card .muted,
.admin-shell .mechanic-card div,
.admin-shell .message-thread-card strong,
.admin-shell .message-thread-card small,
.admin-shell .message-thread-body,
.admin-shell .message-card strong,
.admin-shell .message-card small,
.admin-shell .mini-row strong,
.admin-shell .mini-row small,
.admin-shell .item-row strong,
.admin-shell .company-card strong,
.admin-shell .company-card small{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.admin-shell .customer-pay-top>div,
.admin-shell .message-thread-head>div,
.admin-shell .item-row>div{
  min-width:0;
}

@media(max-width:720px){
  .closeout-signoff-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .closeout-signoff-summary span:last-child{
    grid-column:1/-1;
  }
}

.inspection-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.inspection-check{
  min-height:42px;
  align-items:center;
}
.inspection-check input{
  accent-color:var(--gold);
  flex:0 0 auto;
}
.inspection-check span{
  min-width:0;
}
@media(max-width:720px){
  .inspection-check-grid{
    grid-template-columns:1fr;
  }
}

.ifleet-coverage-board{
  background:linear-gradient(145deg,rgba(11,14,18,.98),rgba(25,30,29,.94));
  border-color:rgba(240,211,148,.22);
}
.ifleet-coverage-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.ifleet-coverage-card{
  width:100%;
  min-width:0;
  min-height:118px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  padding:13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  text-align:left;
  box-shadow:0 16px 30px rgba(0,0,0,.18);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.ifleet-coverage-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.34);
  background:rgba(255,255,255,.08);
}
.ifleet-coverage-card.good{border-left:3px solid #7ee787}
.ifleet-coverage-card.warn{border-left:3px solid #f0d394}
.ifleet-coverage-card.blue{border-left:3px solid #58a6ff}
.ifleet-coverage-card.bad{border-left:3px solid #ff705c}
.ifleet-coverage-card>div{
  min-width:0;
}
.ifleet-coverage-card span{
  display:block;
  margin-bottom:5px;
  color:#f0d394;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ifleet-coverage-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.ifleet-coverage-card small{
  display:block;
  margin-top:6px;
  color:#c8d2dc;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.ifleet-coverage-card b{
  flex:0 0 auto;
  color:#fff;
  font-size:20px;
  font-weight:950;
  line-height:1;
  text-align:right;
}
@media(max-width:1100px){
  .ifleet-coverage-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .ifleet-coverage-grid{
    grid-template-columns:1fr;
  }
.ifleet-coverage-card{
    min-height:0;
  }
}

.ifleet-launch-proof-board{
  background:linear-gradient(145deg,rgba(10,12,15,.99),rgba(25,28,25,.96));
  border-color:rgba(240,211,148,.24);
}
.ifleet-launch-proof-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ifleet-launch-proof-card{
  min-width:0;
  padding:14px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:12px;
  background:rgba(255,255,255,.055);
  color:#e8edf2;
  box-shadow:0 18px 34px rgba(0,0,0,.2);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.ifleet-launch-proof-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,211,148,.35);
  background:rgba(255,255,255,.08);
}
.ifleet-launch-proof-card.good{border-left:3px solid #7ee787}
.ifleet-launch-proof-card.warn{border-left:3px solid #f0d394}
.ifleet-launch-proof-card.blue{border-left:3px solid #58a6ff}
.ifleet-launch-proof-card.bad{border-left:3px solid #ff705c}
.ifleet-launch-proof-card .item-row{
  gap:10px;
  align-items:flex-start;
}
.ifleet-launch-proof-card strong{
  color:#fff;
  font-size:15px;
  line-height:1.2;
  overflow-wrap:anywhere;
}
.ifleet-launch-proof-card p{
  margin:8px 0 0;
  color:#cbd5df;
  line-height:1.36;
  font-size:13px;
  overflow-wrap:anywhere;
}
.ifleet-launch-proof-card p b{
  color:#f0d394;
}
.ifleet-launch-proof-card .actions{
  margin-top:12px;
}
@media(max-width:980px){
  .ifleet-launch-proof-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .ifleet-launch-proof-card{
    padding:12px;
  }
  .ifleet-launch-proof-card p{
    font-size:12px;
  }
}

.return-prep-command-board{
  background:linear-gradient(145deg,rgba(10,12,15,.99),rgba(25,28,25,.96));
  border-color:rgba(240,211,148,.24);
}
.return-prep-grid .role-command-card{
  min-height:0;
}
@media(max-width:720px){
  .return-prep-command-board .section-head{
    gap:10px;
  }
  .return-prep-grid{
    grid-template-columns:1fr;
  }
}

.star-system-auditor{
  position:relative;
  overflow:hidden;
}
.star-audit-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.star-audit-card{
  border:1px solid rgba(240,184,58,.18);
  border-left:3px solid rgba(240,184,58,.46);
  background:rgba(255,255,255,.055);
  border-radius:10px;
  padding:13px;
  display:grid;
  gap:8px;
  min-height:190px;
  box-shadow:0 16px 34px rgba(0,0,0,.16);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.star-audit-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,184,58,.36);
  box-shadow:0 20px 42px rgba(0,0,0,.22);
}
.star-audit-card.bad{border-left-color:#ff705c}
.star-audit-card.warn{border-left-color:#f0d394}
.star-audit-card.blue{border-left-color:#58a6ff}
.star-audit-card.good{border-left-color:#7ee787}
.star-audit-card span{
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
}
.star-audit-card p{
  color:var(--text);
  font-size:13px;
  line-height:1.45;
  margin:0;
}
.star-audit-card small{
  color:var(--muted);
  line-height:1.4;
}
.star-audit-card .actions{
  margin-top:auto;
}
.message-command-panel{
  background:linear-gradient(145deg,rgba(10,12,15,.99),rgba(24,25,22,.96));
  border-color:rgba(240,211,148,.24);
}
.message-command-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
  margin-bottom:12px;
}
.message-command-top h2{
  margin:0;
  color:#fff6df;
}
.message-command-top p{
  margin:4px 0 0;
  color:#b5c1ca;
  max-width:760px;
}
.message-command-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.message-command-card{
  text-align:left;
  border:1px solid rgba(240,184,58,.18);
  background:rgba(255,255,255,.055);
  color:var(--text);
  border-radius:12px;
  padding:13px;
  display:grid;
  gap:6px;
  min-height:112px;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.message-command-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,184,58,.36);
  box-shadow:0 18px 38px rgba(0,0,0,.24);
}
.message-command-card span{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.message-command-card strong{
  font-size:24px;
  color:#fff8e8;
}
.message-command-card small{
  color:#b5c1ca;
  line-height:1.35;
}
.message-command-card.bad{border-left:3px solid #ff705c}
.message-command-card.warn{border-left:3px solid #f0d394}
.message-command-card.blue{border-left:3px solid #58a6ff}
.message-command-card.good{border-left:3px solid #7ee787}
.message-command-current{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:10px;
  margin-top:10px;
}
.message-command-current>div{
  border:1px solid rgba(240,211,148,.12);
  background:rgba(255,255,255,.04);
  border-radius:10px;
  padding:10px;
  display:grid;
  gap:4px;
}
.message-command-current strong{
  color:var(--gold);
  font-size:11px;
  text-transform:uppercase;
}
.message-command-current span{
  color:#fff8e8;
  font-weight:900;
}
.message-command-current small{
  color:#b5c1ca;
  line-height:1.35;
}
@media(max-width:1100px){
  .star-audit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .message-command-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .message-command-current{
    grid-template-columns:1fr;
  }
}
@media(max-width:720px){
  .message-command-top{
    display:grid;
  }
  .message-command-top .actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .message-command-top .actions .btn:first-child{
    grid-column:1/-1;
  }
  .message-command-grid{
    grid-template-columns:1fr 1fr;
  }
  .message-command-card{
    min-height:94px;
    padding:11px;
  }
  .message-command-card strong{
    font-size:20px;
  }
  .star-audit-grid{
    grid-template-columns:1fr;
  }
  .star-audit-card{
    min-height:0;
    padding:12px;
  }
}

.render-recovery-shell .sidebar{
  border-right-color:rgba(255,112,92,.18);
}
.render-recovery-panel{
  background:linear-gradient(145deg,rgba(10,12,15,.99),rgba(25,28,25,.96));
  border:1px solid rgba(255,112,92,.26);
  box-shadow:0 26px 70px rgba(0,0,0,.32);
}
.render-recovery-panel .section-head{
  align-items:flex-start;
}
.render-recovery-detail{
  display:grid;
  grid-template-columns:minmax(130px,.34fr) 1fr;
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-top:1px solid rgba(240,211,148,.12);
}
.render-recovery-detail strong{
  color:var(--gold);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.render-recovery-detail span,
.render-recovery-detail code{
  color:var(--text);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(240,211,148,.14);
  border-radius:10px;
  padding:10px 12px;
  min-width:0;
  overflow-wrap:anywhere;
}
.render-recovery-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0;
}
.ifleet-next-board{
  background:linear-gradient(145deg,rgba(11,13,15,.98),rgba(23,24,21,.96));
  border-color:rgba(240,184,58,.22);
}
.ifleet-next-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.ifleet-next-card{
  min-height:188px;
  border:1px solid rgba(240,211,148,.14);
  background:rgba(255,255,255,.045);
  border-radius:12px;
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ifleet-next-card:hover{
  transform:translateY(-1px);
  border-color:rgba(240,184,58,.34);
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}
.ifleet-next-card.bad{border-left:3px solid #ff705c}
.ifleet-next-card.warn{border-left:3px solid #f0d394}
.ifleet-next-card.blue{border-left:3px solid #58a6ff}
.ifleet-next-card>span{
  color:var(--gold);
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
}
.ifleet-next-card p{
  color:var(--text);
  font-size:13px;
  line-height:1.42;
  margin:0;
}
.ifleet-next-card small{
  color:var(--muted);
  line-height:1.35;
}
.ifleet-next-card .actions{
  margin-top:auto;
}
@media(max-width:1280px){
  .ifleet-next-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:860px){
  .ifleet-next-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .render-recovery-detail{
    grid-template-columns:1fr;
    gap:6px;
  }
  .render-recovery-actions .btn{
    flex:1 1 145px;
  }
  .ifleet-next-grid{
    grid-template-columns:1fr;
  }
  .ifleet-next-card{
    min-height:0;
  }
}

@media print{
  body.print-closeout-mode *{
    visibility:hidden!important;
  }
  body.print-closeout-mode .closeout-board,
  body.print-closeout-mode .closeout-board *{
    visibility:visible!important;
  }
  body.print-closeout-mode .closeout-board{
    position:absolute!important;
    inset:0 auto auto 0!important;
    width:100%!important;
    max-width:none!important;
    box-shadow:none!important;
    border:1px solid #d8d2c3!important;
    background:rgb(255,255,255)!important;
    color:#111!important;
  }
  body.print-closeout-mode .closeout-board .btn,
  body.print-closeout-mode .closeout-board .actions{
    display:none!important;
  }
}
/* Fast authenticated boot shell. It is replaced by the workspace on first paint. */
.app-boot-shell{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:18px;background:#0b0b0c;color:#f4ead2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center}
.app-boot-shell img{width:92px;height:92px;object-fit:contain;border:0;filter:none}
.app-boot-shell div{display:grid;gap:5px}
.app-boot-shell strong{font-size:20px;letter-spacing:0}
.app-boot-shell span{color:#b9b3a7;font-size:14px}
.app-boot-shell i{display:block;width:128px;height:3px;overflow:hidden;border-radius:3px;background:#28241d;position:relative}
.app-boot-shell i:after{content:"";position:absolute;inset:0;width:42%;background:#c8a96b;animation:woaBootSlide .9s ease-in-out infinite alternate}
.dashboard-intake-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dashboard-intake-grid button{min-width:0;min-height:76px;display:grid;align-content:center;gap:4px;border:1px solid rgba(200,169,107,.25);background:#151515;color:#eee3ca;border-radius:8px;padding:12px;text-align:left;cursor:pointer}
.dashboard-intake-grid button:hover{border-color:rgba(200,169,107,.6);background:#1b1916;transform:none;filter:none}
.dashboard-intake-grid strong{font-size:24px;line-height:1}
.dashboard-intake-grid span{color:#aaa39a;font-size:12px}
@keyframes woaBootSlide{from{transform:translateX(-55%)}to{transform:translateX(195%)}}
@media(max-width:700px){.app-boot-shell{min-height:100dvh}.dashboard-intake-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:760px){
  .admin-shell .view-operations>.staff-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
  }
  .admin-shell .view-manager-portal>.staff-tabs{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
  }
  .admin-shell .view-payments>.stats,
  .admin-shell .view-reports>.stats,
  .admin-shell .view-claims-issues>.stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  .admin-shell .view-payments>.stats .stat,
  .admin-shell .view-reports>.stats .stat,
  .admin-shell .view-claims-issues>.stats .stat{
    min-width:0!important;
  }
  .admin-shell .table tr{
    background:#151b21!important;
    border-color:rgba(240,184,58,.20)!important;
    box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  }
}

/* Focused workspace tabs stay compact inside the older multi-column page grids. */
@media(min-width:921px){
  .admin-shell .view-reports{
    display:block!important;
  }
  .admin-shell .view-reports>.topbar,
  .admin-shell .view-reports>.report-tabs,
  .admin-shell .view-reports>.stats,
  .admin-shell .view-reports>section{
    width:100%;
    margin-bottom:12px!important;
  }
  .view-api-roadmap>.api-tabs,
  .view-settings>.settings-tabs,
  .view-reports>.report-tabs{
    grid-column:1/-1!important;
    align-self:start;
    height:max-content;
    min-height:0;
    margin-bottom:0;
  }
  #root .admin-shell .view-api-roadmap>section.api-provider-focused,
  #root .admin-shell .view-api-roadmap>section.api-dependency-matrix,
  #root .admin-shell .view-settings>.settings-tabs~section,
  #root .admin-shell .view-reports>.report-tabs~section,
  #root .admin-shell .view-reports>.report-tabs~.stats{
    grid-column:1/-1!important;
  }
}

/* Companies is a focused workspace: one selected job, no stacked readiness walls. */
.admin-shell .view-companies{
  display:block!important;
  max-width:none;
}
.view-companies>.topbar,
.view-companies>.company-tabs,
.view-companies>.company-summary-stats,
.view-companies>.companies-overview-grid,
.view-companies>.company-accounts-panel,
.view-companies>.company-staff-panel,
.view-companies>.company-readiness-panel{
  width:100%;
  margin-bottom:12px!important;
}
.view-companies>.company-tabs{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
  border-bottom:0;
}
.view-companies>.company-tabs button{
  width:100%;
  border:1px solid rgba(240,184,58,.24);
  border-radius:8px;
  background:rgba(240,184,58,.07);
  text-align:center;
}
.view-companies>.company-tabs button.active{
  background:#f0b83a;
  border-color:#f0b83a;
  color:#111820;
}
.company-summary-stats{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.companies-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);
  gap:12px;
  align-items:start;
}
.company-control-panel,
.company-attention-panel,
.company-accounts-panel,
.company-staff-panel,
.company-readiness-panel{
  margin:0!important;
  min-width:0;
}
.company-overview-list,
.company-attention-list{
  display:grid;
  gap:8px;
}
.company-overview-row{
  display:grid;
  grid-template-columns:minmax(190px,1fr) auto auto;
  gap:12px;
  align-items:center;
  min-width:0;
  padding:11px 12px;
  border:1px solid rgba(240,184,58,.17);
  border-radius:8px;
  background:#151b21;
}
.company-overview-name,
.company-attention-row>div,
.company-readiness-footer>div{
  min-width:0;
}
.company-overview-name strong,
.company-attention-row strong,
.company-clear-state strong,
.company-readiness-footer strong{
  display:block;
  color:#f7df9b;
}
.company-overview-name small,
.company-attention-row small,
.company-clear-state small,
.company-readiness-footer small{
  display:block;
  margin-top:3px;
  color:#bcc6cf;
  line-height:1.38;
  overflow-wrap:anywhere;
}
.company-overview-facts{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.company-overview-facts>span:not(.tag){
  border:1px solid rgba(240,184,58,.18);
  border-radius:999px;
  padding:5px 8px;
  color:#c8d2dc;
  font-size:11px;
}
.company-overview-facts b{color:#fff}
.company-attention-row,
.company-clear-state{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:58px;
  padding:10px 11px;
  border:1px solid rgba(240,184,58,.17);
  border-radius:8px;
  background:#151b21;
}
.company-clear-state{
  display:block;
  border-left:3px solid #7ee787;
}
.company-readiness-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.company-readiness-item{
  min-width:0;
  min-height:118px;
  padding:11px;
  border:1px solid rgba(255,255,255,.09);
  border-left:3px solid #f0d394;
  border-radius:8px;
  background:#151b21;
}
.company-readiness-item.good{border-left-color:#7ee787}
.company-readiness-item.bad{border-left-color:#ff705c}
.company-readiness-item>span{
  display:block;
  color:#c8a96b;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.company-readiness-item strong{
  display:block;
  margin-top:5px;
  color:#f7df9b;
  font-size:18px;
}
.company-readiness-item small{
  display:block;
  margin-top:5px;
  color:#bcc6cf;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.company-readiness-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:10px;
  padding:11px 12px;
  border:1px solid rgba(240,184,58,.17);
  border-radius:8px;
  background:#11171c;
}

@media(max-width:1100px){
  .company-readiness-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:980px){
  .company-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .companies-overview-grid{grid-template-columns:1fr}
  .company-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .view-companies>.company-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
  }
  .company-summary-stats{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
  }
  .company-summary-stats .stat{min-width:0!important}
  .companies-overview-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .company-readiness-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
  }
  .company-overview-row{
    grid-template-columns:1fr;
    gap:8px;
  }
  .company-overview-facts{
    justify-content:flex-start;
  }
  .company-overview-row>.actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .company-overview-row>.actions .btn{width:100%;justify-content:center}
  .company-readiness-item{
    min-height:132px;
    padding:9px;
  }
  .company-readiness-item strong{font-size:15px}
  .company-readiness-item small{font-size:11px;line-height:1.28}
  .company-readiness-footer{
    display:grid;
    grid-template-columns:1fr;
  }
  .company-readiness-footer>.actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .company-readiness-footer>.actions .btn{width:100%;justify-content:center}
  .modal-body{scroll-padding-bottom:88px}
  .modal-body>.actions:last-child{
    z-index:4;
    background:#111820!important;
    box-shadow:0 -14px 26px rgba(0,0,0,.42),0 16px 0 #111820;
    margin-bottom:-14px!important;
    padding:10px 0 calc(14px + env(safe-area-inset-bottom))!important;
  }
  .modal-body>.actions:last-child .btn:only-child{grid-column:1/-1;width:100%}
}

/* Focused Messages workspace: conversation list first on phone, split inbox on desktop. */
.admin-shell .view-messages{
  display:flex!important;
  flex-direction:column;
  gap:0!important;
  min-width:0;
  max-width:none;
  min-height:100vh;
  padding:18px 22px 24px!important;
  background:#0c1116!important;
}
.view-messages>.topbar{
  flex:0 0 auto;
  min-height:54px;
  margin:0 0 8px!important;
  padding:9px 12px!important;
  border:1px solid rgba(240,184,58,.22)!important;
  border-bottom:2px solid #f0b83a!important;
  border-radius:8px!important;
  background:#121920!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22)!important;
}
.view-messages>.topbar h1{margin:0;color:#f8e7b7;font-size:23px!important;line-height:1.2}
.view-messages>.topbar .account-actions{display:flex;gap:6px}
.view-messages>.topbar .btn{min-height:34px;padding:7px 10px;font-size:12px}
.view-messages>.message-focused-tabs{
  flex:0 0 auto;
  display:flex!important;
  align-items:center;
  gap:3px;
  margin:0 0 8px!important;
  padding:3px;
  overflow-x:auto;
  border:1px solid rgba(240,184,58,.18);
  border-radius:8px;
  background:#111820;
  scrollbar-width:none;
}
.view-messages>.message-focused-tabs::-webkit-scrollbar{display:none}
.view-messages>.message-focused-tabs button{
  flex:0 0 auto;
  min-height:36px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:6px;
  color:#c5cfd7;
  font-size:12px;
  white-space:nowrap;
}
.view-messages>.message-focused-tabs button span{
  display:inline-grid;
  place-items:center;
  min-width:20px;
  margin-left:5px;
  padding:2px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:inherit;
  font-size:10px;
}
.view-messages>.message-focused-tabs button:hover{transform:none;background:rgba(240,184,58,.10);color:#fff}
.view-messages>.message-focused-tabs button.active{border-color:#f0b83a;background:#f0b83a;color:#111820}
.view-messages>.message-focused-tabs .message-tabs-compose{margin-left:auto;border-color:rgba(240,184,58,.38);color:#f8d988}
.message-tabs-more{display:none;position:relative;flex:0 0 auto}
.message-tabs-more>summary{min-height:36px;display:flex;align-items:center;padding:7px 10px;border:1px solid transparent;border-radius:6px;color:#c5cfd7;font-size:12px;font-weight:800;list-style:none;cursor:pointer;white-space:nowrap}
.message-tabs-more>summary::-webkit-details-marker{display:none}
.message-tabs-more>summary.active,.message-tabs-more[open]>summary{border-color:rgba(240,184,58,.48);background:rgba(240,184,58,.12);color:#f8d988}
.message-tabs-more-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:80;display:grid;min-width:148px;padding:5px;border:1px solid rgba(240,184,58,.24);border-radius:7px;background:#151d24;box-shadow:0 18px 34px rgba(0,0,0,.44)}
.view-messages>.message-focused-tabs .message-tabs-more-panel button{width:100%;justify-content:flex-start;text-align:left}
.message-inbox-shell{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(300px,360px) minmax(0,1fr);
  width:100%;
  height:calc(100dvh - 134px);
  min-height:600px;
  max-height:940px;
  overflow:hidden;
  border:1px solid rgba(240,184,58,.24);
  border-radius:8px;
  background:#0f151b;
  box-shadow:0 22px 56px rgba(0,0,0,.32);
}
.message-inbox-shell .message-thread-list{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:0;
  border-right:1px solid rgba(240,184,58,.18);
  border-radius:0;
  background:#121920;
  color:#edf3f7;
  box-shadow:none;
}
.message-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:66px;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.message-list-head h2{color:#fff6df;font-size:20px}
.message-list-head p{margin-top:3px;color:#9facb7;font-size:11px}
.message-list-head .btn{min-height:34px;padding:7px 11px;background:#f0b83a!important;border-color:#f0b83a!important;color:#111820!important;font-size:12px}
.message-inbox-shell .message-thread-list>.local-search{
  flex:0 0 auto;
  margin:0!important;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#0f151b;
}
.message-inbox-shell .message-thread-list .search-field{min-width:0}
.message-inbox-shell .message-thread-list .local-search-input{
  min-height:42px;
  padding-left:38px;
  border:1px solid rgba(240,184,58,.22);
  border-radius:7px;
  background:#192129;
  color:#f7fbff;
  font-size:16px;
}
.message-inbox-shell .message-thread-list .local-search-input::placeholder{color:#8f9ca7}
.message-inbox-shell .message-thread-list .search-icon{color:#d5b66e}
.message-inbox-shell .message-thread-list .search-all{display:none}
.message-thread-scroller{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49545e #111820}
.message-inbox-shell .message-thread-grid{display:flex!important;flex-direction:column;gap:0!important;max-height:none!important;padding:0!important}
.message-inbox-shell .message-thread-row{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 12px;
  gap:10px;
  align-items:center;
  width:100%;
  min-height:104px;
  padding:12px 11px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  border-radius:0!important;
  background:#121920!important;
  color:#f7fbff!important;
  text-align:left;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
}
.message-inbox-shell .message-thread-row:hover{background:#18222b!important;border-color:rgba(240,184,58,.16)!important;transform:none!important;box-shadow:none!important}
.message-inbox-shell .message-thread-row.active{background:#20261f!important;box-shadow:inset 3px 0 0 #f0b83a!important}
.message-thread-avatar{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border:1px solid rgba(240,184,58,.38);
  border-radius:50%;
  background:#283039;
  color:#f4d27e;
  font-size:13px;
  font-weight:950;
}
.message-thread-avatar i{position:absolute;right:-1px;top:-1px;width:10px;height:10px;border:2px solid #121920;border-radius:50%;background:#58a6ff}
.message-thread-copy{display:grid;gap:4px;min-width:0}
.message-thread-title{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.message-thread-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:14px}
.message-thread-title time{flex:0 0 auto;color:#8f9ca7;font-size:10px;font-weight:750}
.message-thread-context{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d2b86f!important;font-size:10px!important;font-weight:800}
.message-thread-preview{display:-webkit-box;overflow:hidden;color:#c3cdd5;font-size:12px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.message-thread-meta{display:flex;gap:7px;color:#7f8d98;font-size:9px;font-weight:900;text-transform:uppercase}
.message-thread-meta span+span:before{content:'|';margin-right:7px;color:#596570}
.message-thread-chevron{color:#7c8994;font-size:18px}
.message-list-empty{display:grid;gap:5px;padding:24px 16px;text-align:center;color:#c6d0d8}
.message-list-empty strong{color:#f7df9b}
.message-inbox-shell .message-conversation-panel{
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:0!important;
  min-width:0;
  height:100%;
  margin:0!important;
  padding:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:#0d1318!important;
  color:#f7fbff;
  box-shadow:none!important;
}
.message-inbox-shell .message-conversation-panel.empty{display:grid;place-items:center;min-height:0;text-align:center}
.message-empty-state{display:grid;justify-items:center;gap:10px;max-width:380px;padding:24px}
.message-empty-state p{color:#9facb7}
.message-empty-mark{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(240,184,58,.38);border-radius:50%;background:#202831;color:#f0b83a;font-weight:950}
.message-inbox-shell .message-conversation-head{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:68px;
  padding:10px 14px!important;
  border-bottom:1px solid rgba(240,184,58,.14);
  background:#121920;
}
.message-conversation-identity{display:flex;align-items:center;gap:10px;min-width:0;margin-right:auto}
.message-conversation-identity>div{min-width:0}
.message-inbox-shell .message-conversation-head h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff6df;font-size:17px}
.message-inbox-shell .message-conversation-head p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aab6c0;font-size:11px}
.message-inbox-shell .message-conversation-head .actions{display:flex;width:auto;flex-wrap:nowrap}
.message-inbox-shell .message-conversation-head .btn{min-height:34px;padding:7px 10px;font-size:11px}
.message-mobile-back{display:none!important}
.message-context-strip{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:37px;
  padding:6px 14px;
  overflow-x:auto;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:#0f151b;
  scrollbar-width:none;
}
.message-context-strip::-webkit-scrollbar{display:none}
.message-context-strip span{flex:0 0 auto;padding:4px 7px;border:1px solid rgba(240,184,58,.16);border-radius:999px;color:#c7d1da;font-size:10px;font-weight:800}
.message-history-trim{padding:6px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:#182029;color:#c0cad2;font-size:10px;text-align:center}
.message-inbox-shell .message-bubbles{
  min-height:0;
  max-height:none!important;
  padding:18px clamp(14px,3vw,36px) 22px!important;
  overflow-y:auto;
  overscroll-behavior:contain;
  background:#0d1318;
  scrollbar-width:thin;
  scrollbar-color:#49545e #0d1318;
}
.message-date-separator{display:flex;align-items:center;gap:10px;margin:10px 0;color:#85939e;font-size:10px;font-weight:900;text-transform:uppercase}
.message-date-separator:before,.message-date-separator:after{content:'';height:1px;flex:1;background:rgba(255,255,255,.07)}
.message-date-separator span{flex:0 0 auto}
.message-inbox-shell .message-bubble{max-width:min(72%,680px);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:10px 12px;background:#202830;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.message-inbox-shell .message-bubble.inbound{border-left:2px solid #58a6ff;border-bottom-left-radius:4px}
.message-inbox-shell .message-bubble.outbound{border:1px solid rgba(240,184,58,.32);border-right:2px solid #f0b83a;border-bottom-right-radius:4px;background:#28271f}
.message-inbox-shell .message-bubble.star{border-color:rgba(126,231,135,.32);background:#1d2922}
.message-inbox-shell .message-bubble-meta{margin-bottom:4px;color:#d7bd77;font-size:9px;letter-spacing:0}
.message-inbox-shell .message-bubble-text{color:#f7fbff;font-size:14px;line-height:1.45}
.message-inbox-shell .message-bubble-time{color:#84919b;font-size:9px}
.message-inbox-shell .message-reply-box{
  position:relative;
  z-index:2;
  display:grid;
  gap:5px;
  padding:6px 9px 7px;
  border:0;
  border-top:1px solid rgba(240,184,58,.18);
  border-radius:0;
  background:#121920;
  box-shadow:0 -14px 28px rgba(0,0,0,.20);
}
.message-star-draft-note{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(126,231,135,.24);border-radius:6px;background:#1c2a22;color:#c9f3cf;font-size:10px}
.message-star-draft-note strong{color:#7ee787}
.message-recipient-details{min-width:0}
.message-recipient-details summary{display:flex;align-items:center;gap:7px;color:#c6d0d8;font-size:10px;cursor:pointer;list-style:none}
.message-recipient-details summary::-webkit-details-marker{display:none}
.message-recipient-details summary span{padding:3px 6px;border-radius:999px;background:#29333c;color:#f0d394;font-weight:900}
.message-recipient-details summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e7edf2}
.message-recipient-details summary small{margin-left:auto;color:#86939e}
.message-recipient-details[open] summary{margin-bottom:7px}
.message-inbox-shell .message-reply-fields{grid-template-columns:90px minmax(130px,1fr) minmax(160px,1.2fr)}
.message-inbox-shell .message-reply-fields input,.message-inbox-shell .message-reply-fields select{min-height:36px;padding:7px 9px;border-color:rgba(240,184,58,.18);background:#192129;color:#edf3f7;font-size:12px}
.message-compose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
.message-inbox-shell .message-reply-box textarea{width:100%;min-height:42px;max-height:120px;padding:9px 10px;resize:vertical;border:1px solid rgba(240,184,58,.20);border-radius:8px;background:#192129;color:#f7fbff;font-size:16px;line-height:1.3}
.message-compose-actions{display:grid;grid-template-columns:1fr;gap:6px}
.message-compose-actions .btn{min-width:78px;min-height:32px;justify-content:center;padding:6px 9px;font-size:10px}
.message-composer-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8f9ca7;font-size:9px;line-height:1.35}
.message-composer-foot>span{min-width:0}
.message-composer-foot .tag{margin-right:5px;padding:3px 6px;font-size:9px}
.message-composer-foot .btn{min-height:28px;padding:5px 8px;background:#1b242c;border-color:rgba(240,184,58,.16);color:#c9d2d9;font-size:9px}
.message-tool-workspace{
  flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);
  gap:8px;
  width:100%;
  height:calc(100dvh - 134px);
  min-height:600px;
  overflow:hidden;
}
.message-tool-panel,
.message-setup-focused>.card{
  min-width:0;
  margin:0!important;
  padding:14px!important;
  overflow:hidden;
  border:1px solid rgba(240,184,58,.22)!important;
  border-radius:8px!important;
  background:#111820!important;
  color:#edf3f7!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.message-tool-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:11px}
.message-tool-head h2{color:#fff6df;font-size:18px}
.message-tool-head p{margin-top:3px;color:#aeb9c2;font-size:11px;line-height:1.4}
.message-star-compose{display:flex;flex-direction:column;overflow-y:auto}
.message-star-compose .star-prompt-form{margin:0 0 10px}
.message-star-compose .field label{color:#d4bd7d}
.message-star-compose .field input,.message-star-compose .field select,.message-star-compose .field textarea{border-color:rgba(240,184,58,.20);background:#192129;color:#f7fbff;font-size:16px}
.message-star-compose .field textarea{min-height:112px}
.message-star-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:12px}
.message-star-status-grid>div{display:grid;gap:2px;padding:9px;border:1px solid rgba(240,184,58,.15);border-radius:7px;background:#171f26}
.message-star-status-grid strong{color:#f5d47f;font-size:17px;overflow-wrap:anywhere}
.message-star-status-grid span{color:#9eabb5;font-size:9px;font-weight:900;text-transform:uppercase}
.message-owner-controls{margin-top:10px;border:1px solid rgba(240,184,58,.16);border-radius:7px;background:#0f151b}
.message-owner-controls summary{padding:9px 10px;color:#d6bf80;font-size:11px;font-weight:900;cursor:pointer}
.message-owner-controls .actions{padding:0 9px 9px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.message-owner-controls .btn{width:100%;min-height:34px;justify-content:center;padding:7px;font-size:10px}
.message-safe-note{margin-top:10px;padding:9px 10px;border-left:3px solid #7ee787;border-radius:6px;background:#17231c;color:#bcd5c1;font-size:10px;line-height:1.45}
.message-focused-review,.message-focused-list{display:flex;flex-direction:column}
.message-focused-list{flex:1 1 auto;height:calc(100dvh - 134px);min-height:600px}
.message-focused-review>.local-search,.message-focused-list>.local-search{flex:0 0 auto;margin-bottom:10px}
.message-focused-review .local-search-input,.message-focused-list .local-search-input{min-height:42px;background:#192129;color:#f7fbff;border-color:rgba(240,184,58,.22);font-size:16px}
.message-focused-review .search-all,.message-focused-list .search-all{background:#f0b83a;border-color:#f0b83a;color:#111820}
.message-focused-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49545e #111820;padding-right:2px}
.message-focused-scroll.message-thread-grid,.message-focused-scroll.message-history-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;align-content:start}
.message-focused-scroll .message-thread-card,.message-focused-scroll .message-card{align-self:start;background:#172029!important;border-color:rgba(240,184,58,.16)!important;box-shadow:none!important;transform:none!important}
.message-focused-scroll .message-thread-card:hover,.message-focused-scroll .message-card:hover{background:#1d2831!important;border-color:rgba(240,184,58,.32)!important;transform:none!important;filter:none!important}
.message-setup-focused{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:visible;height:auto;min-height:0}
.message-setup-focused .message-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.message-setup-focused .notification-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1100px){
  .message-inbox-shell{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}
  .message-inbox-shell .message-bubble{max-width:82%}
  .message-conversation-head .message-thread-avatar{display:none}
  .message-focused-scroll.message-thread-grid,.message-focused-scroll.message-history-list{grid-template-columns:1fr!important}
}

@media(max-width:900px){
  .message-inbox-shell{display:block;height:calc(100dvh - 142px);min-height:560px}
  .message-inbox-shell .message-thread-list{width:100%;border-right:0}
  .message-inbox-shell .message-conversation-panel{display:none}
  .message-inbox-shell.message-mobile-thread-open .message-thread-list{display:none}
  .message-inbox-shell.message-mobile-thread-open .message-conversation-panel{display:grid}
  .view-messages:has(.message-inbox-shell.message-mobile-thread-open)>.message-focused-tabs{display:none!important}
  .message-mobile-back{display:inline-flex!important}
}

@media(min-width:761px) and (max-width:900px){
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-compose{
    position:sticky;
    right:0;
    z-index:2;
    flex:0 0 36px;
    width:36px;
    min-width:36px;
    margin-left:auto;
    padding:5px;
    overflow:hidden;
    font-size:0;
    justify-content:center;
    background:#1c2023;
    box-shadow:-9px 0 12px #111820;
  }
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-compose::before{content:"+";font-size:20px;line-height:1;font-weight:700}
}

@media(max-width:760px){
  .admin-shell .view-messages{min-height:0;padding:8px 9px calc(84px + env(safe-area-inset-bottom))!important}
  .view-messages>.topbar{position:relative;top:auto;min-height:44px;margin-bottom:6px!important;padding:7px 9px!important}
  .view-messages>.topbar h1{font-size:19px!important}
  .view-messages>.topbar .account-actions{display:none}
  .view-messages>.message-focused-tabs{display:flex!important;grid-template-columns:none!important;grid-auto-flow:column!important;margin-bottom:6px!important;overflow-x:auto!important}
  .view-messages>.message-focused-tabs button{min-height:34px;padding:6px 9px;font-size:11px}
  .view-messages>.message-focused-tabs .message-tabs-compose{margin-left:0}
  .view-messages>.message-focused-tabs .message-tab-secondary{display:none!important}
  .view-messages>.message-focused-tabs .message-tabs-more{display:block}
  .view-messages>.message-focused-tabs .message-tabs-more>summary{min-height:34px;padding:6px 8px;font-size:10px}
  .message-inbox-shell{height:calc(100dvh - 222px);min-height:496px;border-radius:7px}
  .message-list-head{min-height:58px;padding:9px 11px}
  .message-list-head h2{font-size:18px}
  .message-inbox-shell .message-thread-list>.local-search{padding:8px 9px}
  .message-inbox-shell .message-thread-row{min-height:96px;padding:10px 9px!important}
  .message-inbox-shell .message-conversation-head{min-height:58px;padding:7px 8px!important;gap:6px}
  .message-inbox-shell .message-conversation-head .actions{gap:5px}
  .message-inbox-shell .message-conversation-head .btn{min-height:32px;padding:6px 8px;font-size:10px}
  .message-conversation-identity{gap:7px}
  .message-conversation-identity .message-thread-avatar{display:none}
  .message-inbox-shell .message-conversation-head h2{font-size:14px}
  .message-inbox-shell .message-conversation-head p{max-width:160px;font-size:9px}
  .message-inbox-shell .message-bubbles{padding:12px 9px 16px!important}
  .message-inbox-shell .message-bubble{max-width:88%;padding:9px 10px}
  .message-inbox-shell .message-bubble-text{font-size:13px}
  .message-inbox-shell .message-reply-box{padding:5px 7px calc(6px + env(safe-area-inset-bottom))}
  .message-inbox-shell .message-reply-fields{grid-template-columns:1fr}
  .message-compose-row{grid-template-columns:1fr}
  .message-inbox-shell .message-reply-box textarea{min-height:42px;max-height:92px}
  .message-compose-actions{grid-template-columns:1fr 1fr}
  .message-compose-actions .btn{width:100%;min-width:0}
  .message-composer-foot{align-items:flex-start}
  .message-composer-foot>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .message-composer-foot .btn{flex:0 0 auto;width:auto}
  .message-tool-workspace{grid-template-columns:1fr;height:auto;min-height:0;overflow:visible}
  .message-tool-panel,.message-setup-focused>.card{padding:11px!important}
  .message-star-compose{max-height:none;overflow:visible}
  .message-focused-list,.message-focused-review{height:calc(100dvh - 222px);min-height:496px}
  .message-star-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .message-owner-controls .actions{grid-template-columns:1fr 1fr}
  .message-setup-focused .message-setup-grid,.message-setup-focused .notification-command-grid{grid-template-columns:1fr}
}

/* Account/session actions live in Settings, never beside operational titles. */
.main>.topbar>.account-actions{display:none!important}
.account-settings-panel{max-width:980px;margin:0 auto!important}
.account-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.account-setting{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid rgba(240,184,58,.18);border-radius:8px;background:#171f26;color:#edf3f7}
.account-setting span{color:#9daab4;font-size:10px;font-weight:900;text-transform:uppercase}
.account-setting strong{color:#fff4d6;font-size:16px;overflow-wrap:anywhere}
.account-setting small{color:#aeb9c2;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.account-settings-actions{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.account-settings-actions .btn{min-height:42px;justify-content:center}

@media(max-width:760px){
  .account-settings-panel{padding:12px!important}
  .account-settings-grid{grid-template-columns:1fr;margin:10px 0}
  .account-settings-actions{display:grid;grid-template-columns:1fr 1fr}
  .account-settings-actions .btn{width:100%}
  .account-settings-actions .btn.danger:nth-child(3):last-child{grid-column:1/-1}
}

/* Native website, online fleet, and applicant review share one compact staff surface. */
.native-site-command{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:10px;
  padding:15px 17px;
  border:1px solid rgba(240,184,58,.24);
  border-radius:8px;
  background:#141b21;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.native-site-command>div:first-child{display:grid;gap:3px;min-width:0}
.native-site-command span{color:#d6bd78;font-size:10px;font-weight:950;text-transform:uppercase}
.native-site-command strong{color:#fff5d9;font-size:20px}
.native-site-command small{color:#aeb9c2;font-size:11px}
.native-site-command .actions{flex:0 0 auto;justify-content:flex-end}
.native-inventory-board,.native-website-apps,.native-applications-board{min-width:0}
.native-online-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:10px 0;
}
.native-online-summary span{
  min-width:0;
  padding:9px 11px;
  border:1px solid rgba(240,184,58,.13);
  border-radius:7px;
  background:#141c23;
  color:#aeb8c0;
  font-size:10px;
  font-weight:800;
}
.native-online-summary b{display:block;margin-bottom:2px;color:#f4d27e;font-size:18px}
.native-online-grid,.native-application-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  min-width:0;
}
.native-online-card,.native-application-card{
  display:grid;
  align-content:start;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(240,184,58,.17);
  border-radius:8px;
  background:#171f26;
  color:#edf3f7;
  box-shadow:0 11px 24px rgba(0,0,0,.13);
  transition:border-color 160ms ease,background 160ms ease,box-shadow 160ms ease;
}
.native-online-card:hover,.native-application-card:hover{
  border-color:rgba(240,184,58,.34);
  background:#1b242c;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  filter:none!important;
  transform:none!important;
}
.native-online-image{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0e1419}
.native-online-image img{display:block;width:100%;height:100%;object-fit:cover}
.native-online-image>span{
  position:absolute;
  left:8px;
  bottom:8px;
  padding:4px 7px;
  border:1px solid rgba(240,184,58,.38);
  border-radius:5px;
  background:rgba(13,18,22,.9);
  color:#f5d47f;
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
}
.native-image-empty{display:grid;place-items:center;width:100%;height:100%;color:#778590;font-size:11px;font-weight:900}
.native-online-copy,.native-application-card{gap:8px;padding:12px}
.native-online-copy strong,.native-application-card strong{color:#fff4d6;overflow-wrap:anywhere}
.native-online-copy small,.native-application-card small{color:#aeb9c2;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.native-application-submitted{display:block;color:#d6dde2;font-size:10px;font-weight:800;line-height:1.35}
.native-online-copy .actions,.native-application-card .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:2px}
.native-application-card .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.native-online-copy .btn,.native-application-card .btn{width:100%;min-width:0;min-height:34px;justify-content:center;padding:6px 7px;font-size:10px}
.native-price-row{display:flex;align-items:end;justify-content:space-between;gap:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.06)}
.native-price-row b{color:#f4d27e;font-size:15px}
.native-price-row span{color:#9ba8b2;font-size:9px;font-weight:800;text-align:right}
.native-application-car{min-height:34px;padding:8px;border-radius:6px;background:#11181e;color:#d7bd77;font-size:11px;font-weight:900}
.native-file-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.native-file-head>div{display:grid;gap:2px;min-width:0}
.native-file-head strong{color:#fff4d6;font-size:20px;overflow-wrap:anywhere}
.native-file-head span{color:#aeb9c2;font-size:11px;overflow-wrap:anywhere}
.native-file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}
.native-file-grid>div{display:grid;gap:3px;min-width:0;padding:10px;border:1px solid rgba(240,184,58,.14);border-radius:7px;background:#151d24}
.native-file-grid span{color:#8f9ca7;font-size:9px;font-weight:950;text-transform:uppercase}
.native-file-grid strong{color:#f8e6b4;font-size:13px;overflow-wrap:anywhere}
.native-file-grid small{color:#aeb9c2;font-size:9px;overflow-wrap:anywhere}
.native-step-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:9px 0}
.native-step-strip span{display:grid;place-items:center;min-height:39px;padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#151b20;color:#7f8d98;font-size:8px;font-weight:950;text-align:center;text-transform:uppercase}
.native-step-strip span.done{border-color:rgba(126,231,135,.3);background:#18251d;color:#9ae6a2}
.native-copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
.native-copy-field input{min-width:0}
.native-file-next{display:grid;grid-template-columns:minmax(92px,.28fr) minmax(0,1fr) auto;align-items:start;gap:10px;margin:10px 0;padding:11px;border:1px solid rgba(216,190,133,.24);border-radius:8px;background:linear-gradient(145deg,rgba(225,229,232,.08),rgba(216,190,133,.045));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.native-file-next>div{display:grid;gap:2px}
.native-file-next>div span{color:#929da5;font-size:9px;font-weight:900;text-transform:uppercase}
.native-file-next>div strong{color:#f4dfab;font-size:13px}
.native-file-next ol{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.native-file-next li{display:grid;grid-template-columns:68px minmax(0,1fr);gap:7px;color:#d6dadd;font-size:10px;line-height:1.45}
.native-file-next li b{color:#cdb46f}
.native-file-text-link,.stripe-pilot-next{color:#e4cc8c;font-size:10px;font-weight:850;text-decoration:none}
.native-file-text-link{white-space:nowrap;padding:3px 0}
.native-file-text-link:hover{color:#fff1c8}
.native-review-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:9px 0}
.native-review-file{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px;border:1px solid rgba(240,184,58,.16);border-radius:6px;background:#151d24;color:#edf3f7;text-decoration:none}
.native-review-file:hover{border-color:rgba(240,184,58,.34);background:#1c252d;filter:none!important}
.native-review-file strong{color:#f3d37f;font-size:11px;overflow-wrap:anywhere}
.native-review-file span{color:#aeb9c2;font-size:9px;text-align:right}
.native-review-file.signature{margin:8px 0}
.native-signature-proof{display:grid;gap:10px;margin:10px 0;padding:12px;border:1px solid rgba(210,216,221,.2);border-radius:8px;background:linear-gradient(145deg,rgba(225,229,232,.075),rgba(216,190,133,.035));box-shadow:inset 0 1px rgba(255,255,255,.045)}
.native-signature-proof.complete{border-color:rgba(145,213,158,.28)}
.native-signature-proof.incomplete{border-color:rgba(226,184,99,.35)}
.native-signature-proof-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.native-signature-proof-head>div{display:grid;gap:2px;min-width:0}
.native-signature-proof-head span{color:#9ca7af;font-size:9px;font-weight:950;text-transform:uppercase}
.native-signature-proof-head strong{color:#f4e4bb;font-size:14px}
.native-signature-proof-head small{color:#aeb9c2;font-size:9px;line-height:1.4}
.native-signature-proof-body{display:grid;grid-template-columns:minmax(160px,.46fr) minmax(0,1fr);gap:9px}
.native-signature-preview{display:grid;grid-template-rows:minmax(76px,1fr) auto;min-width:0;overflow:hidden;border:1px solid rgba(225,231,236,.18);border-radius:7px;background:#d9dde0;color:#171b1f;text-decoration:none}
.native-signature-preview img{display:block;width:100%;height:86px;object-fit:contain;padding:8px;box-sizing:border-box}
.native-signature-preview span{padding:6px 8px;background:#222a30;color:#e7ecef;font-size:9px;font-weight:900;text-align:center}
.native-signature-preview.missing{place-items:center;min-height:112px;background:#171f25;color:#b3bec6}
.native-signature-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.native-signature-facts>div{display:grid;align-content:start;gap:2px;min-width:0;padding:8px;border:1px solid rgba(225,231,236,.12);border-radius:6px;background:rgba(15,20,24,.62)}
.native-signature-facts span{color:#8f9ca7;font-size:8px;font-weight:950;text-transform:uppercase}
.native-signature-facts strong{color:#eef1f2;font-size:10px;overflow-wrap:anywhere}
.native-signature-facts small{color:#9ba7af;font-size:8px;overflow-wrap:anywhere}
.native-signature-consents{display:flex;flex-wrap:wrap;gap:6px}
.native-signature-consents span{padding:4px 7px;border:1px solid rgba(225,231,236,.14);border-radius:999px;background:rgba(225,231,236,.055);color:#bfc7cc;font-size:8px;font-weight:900}
.native-signature-consents span.confirmed{border-color:rgba(145,213,158,.24);color:#a9dfb3}
.native-signature-consents span.missing{border-color:rgba(226,184,99,.3);color:#e6c37d}
.native-signature-technical{border-top:1px solid rgba(225,231,236,.12);padding-top:8px}
.native-signature-technical summary{cursor:pointer;color:#d7bf7d;font-size:9px;font-weight:900}
.native-signature-technical dl{display:grid;gap:5px;margin:8px 0 0}
.native-signature-technical dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px}
.native-signature-technical dt{color:#8f9ca7;font-size:8px;font-weight:900;text-transform:uppercase}
.native-signature-technical dd{margin:0;color:#d5dadd;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;overflow-wrap:anywhere}
.native-signature-proof-actions{display:flex;flex-wrap:wrap;gap:6px}
.native-signature-proof-actions .btn{min-height:34px}
.native-signature-proof-note{margin:0;color:#8f9ca7;font-size:8px;line-height:1.45}
.native-file-actions{position:sticky;bottom:-14px;z-index:3;margin:12px -14px -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(240,184,58,.18);background:#11181f;box-shadow:0 -12px 24px rgba(0,0,0,.24)}
.native-confirm{display:flex;align-items:flex-start;gap:7px;max-width:320px;padding:7px 9px;border:1px solid rgba(240,184,58,.16);border-radius:6px;background:#182028;color:#d5dde3;font-size:10px;line-height:1.35}
.native-confirm input{flex:0 0 auto;margin-top:1px}
.native-contract-editor{min-height:54vh!important;max-height:64vh;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px!important;line-height:1.45}

@media(min-width:1181px){
  .view-website>.native-site-command{grid-column:1/-1!important}
  .view-website>.native-inventory-board{grid-column:1/8!important;margin:0}
  .view-website>.native-website-apps{grid-column:8/-1!important;margin:0}
  .view-applications>.native-applications-board{grid-column:1/-1!important;margin:0}
  .view-website>.native-inventory-board .native-online-grid,
  .view-website>.native-website-apps .native-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(min-width:921px) and (max-width:1180px){
  .view-website>.native-site-command,
  .view-website>.native-inventory-board,
  .view-website>.native-website-apps,
  .view-applications>.native-applications-board{grid-column:1/-1!important;margin:0}
}

@media(max-width:1280px){
  .native-online-grid,.native-application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .native-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:860px){
  .native-site-command{align-items:flex-start;flex-direction:column}
  .native-site-command .actions{width:100%;justify-content:flex-start}
  .native-step-strip{display:flex;overflow-x:auto;scrollbar-width:none}
  .native-step-strip span{flex:0 0 92px}
}
@media(max-width:700px){
  .native-site-command{gap:10px;margin-bottom:7px;padding:11px}
  .native-site-command strong{font-size:17px}
  .native-site-command .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .native-site-command .btn{width:100%;min-width:0;min-height:36px;justify-content:center;padding:6px 7px;font-size:10px}
  .native-online-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .native-online-summary span{padding:7px 6px;font-size:8px}
  .native-online-summary b{font-size:15px}
  .native-online-grid,.native-application-grid{grid-template-columns:1fr}
  .native-online-card{grid-template-columns:112px minmax(0,1fr)}
  .native-online-image{height:100%;min-height:154px;aspect-ratio:auto}
  .native-online-copy{padding:10px;gap:6px}
  .native-online-copy .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .native-online-copy .actions .btn:last-child{grid-column:1/-1}
  .native-file-head{align-items:flex-start}
  .native-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
  .native-file-grid>div{padding:8px}
  .native-review-files{grid-template-columns:1fr}
  .native-signature-proof-body{grid-template-columns:1fr}
  .native-signature-preview{grid-template-columns:112px minmax(0,1fr);grid-template-rows:1fr;min-height:82px}
  .native-signature-preview img{height:82px}
  .native-signature-preview span{display:grid;place-items:center}
  .native-signature-technical dl>div{grid-template-columns:1fr;gap:2px}
  .native-copy-field{grid-template-columns:1fr}
  .native-copy-field .btn{width:100%}
  .native-file-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;bottom:-10px;margin:10px -10px -10px;padding:9px 10px calc(10px + env(safe-area-inset-bottom))}
  .native-file-actions .btn,.native-file-actions .native-confirm{width:100%;max-width:none;min-width:0}
  .native-file-actions .native-confirm{grid-column:1/-1}
  .native-contract-editor{min-height:48vh!important;max-height:56vh}
}
@media(max-width:430px){
  .native-online-card{grid-template-columns:94px minmax(0,1fr)}
  .native-price-row{align-items:start;flex-direction:column}
  .native-price-row span{text-align:left}
  .native-signature-facts{grid-template-columns:1fr}
  .native-signature-proof-actions{display:grid;grid-template-columns:1fr}
  .native-signature-proof-actions .btn{width:100%;justify-content:center}
}

/* Unified website-level charcoal glass workspace. */
.admin-shell{
  --staff-canvas:#0d0f10;
  --staff-sidebar:#08090a;
  --staff-panel:#191c1f;
  --staff-panel-raised:#22262a;
  --staff-input:#111315;
  --staff-line:rgba(211,218,224,.15);
  --staff-silver-line:rgba(225,231,236,.22);
  --staff-gold-line:rgba(213,177,95,.34);
  --staff-accent:#d5b15f;
  --staff-accent-bright:#f0d993;
  --staff-text:#f6f4ee;
  --staff-muted:#aeb2b5;
  background:linear-gradient(145deg,#090a0b 0%,#15181a 54%,#0f1113 100%)!important;
  color:var(--staff-text);
  color-scheme:dark;
}
body:has(.admin-shell){background:repeating-linear-gradient(118deg,rgba(230,235,239,.012) 0 1px,transparent 1px 14px),var(--staff-canvas)}
.admin-shell>.sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0)),var(--staff-sidebar)!important;
  border-right-color:rgba(255,255,255,.09)!important;
  box-shadow:12px 0 36px rgba(0,0,0,.28)!important;
}
.admin-shell>.main{
  background:repeating-linear-gradient(118deg,rgba(230,235,239,.013) 0 1px,transparent 1px 14px),linear-gradient(145deg,#0d0f10 0%,#191c1f 50%,#111315 100%)!important;
  color:var(--staff-text)!important;
}
.admin-shell .topbar{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),rgba(24,27,30,.9)!important;
  border-color:var(--staff-line)!important;
  border-bottom-color:rgba(213,177,95,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 14px 32px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(18px) saturate(112%);
}
.admin-shell :is(h1,h2,h3),
.admin-shell :is(.card,.item,.lead-card,.mechanic-card,.company-card) strong{
  color:var(--staff-text)!important;
}
.admin-shell :is(p,.muted),
.admin-shell :is(.card,.item,.lead-card,.mechanic-card,.company-card) small{
  color:var(--staff-muted)!important;
}
.admin-shell :is(.card,.item,.lead-card,.column,.mechanic-card,.company-card,.api-phase,.public-vehicle-card),
.admin-shell :is(.native-inventory-board,.native-website-apps,.native-applications-board){
  background:linear-gradient(145deg,rgba(226,232,237,.12),rgba(184,193,201,.038) 54%,rgba(213,177,95,.018)),rgba(23,26,29,.96)!important;
  border-color:var(--staff-line)!important;
  color:var(--staff-text)!important;
  box-shadow:inset 0 1px 0 rgba(235,240,244,.09),inset 0 -1px 0 rgba(213,177,95,.045),0 14px 32px rgba(0,0,0,.19)!important;
}
.admin-shell .card.section{
  background:linear-gradient(145deg,rgba(232,237,241,.13),rgba(185,194,201,.04) 58%,rgba(213,177,95,.025)),rgba(23,26,29,.97)!important;
  border-color:rgba(211,218,224,.17)!important;
  box-shadow:inset 0 1px 0 rgba(238,242,245,.10),inset -1px 0 0 rgba(213,177,95,.11),0 15px 34px rgba(0,0,0,.20)!important;
}
.admin-shell :is(.account-card,.file-summary>div,.health-card,.access-lane,.match-lane,.application-lane,.claim-lane,.message-lane,.timeline-item,.access-next-item,.claim-next-item,.match-next-item,.ops-item,.due-row,.mini-row,.payment-next-item,.service-next-item,.fleet-next-item,.accounting-next-item,.customer-pay-card,.today-focus-main,.today-metric,.payment-lane,.service-lane,.fleet-lane,.workflow-step,.readiness-card,.accounting-lane,.api-lane,.executive-card,.native-online-summary span,.native-file-grid>div,.native-application-car,.native-review-file,.local-result-card){
  background:linear-gradient(145deg,rgba(225,232,237,.125),rgba(184,193,201,.04) 58%,rgba(213,177,95,.018)),var(--staff-panel-raised)!important;
  border-color:var(--staff-line)!important;
  color:var(--staff-text)!important;
  box-shadow:inset 0 1px 0 rgba(235,240,244,.09),inset 0 -1px 0 rgba(213,177,95,.04),0 9px 22px rgba(0,0,0,.15)!important;
}
.admin-shell :is(.card,.item,.lead-card,.mechanic-card,.company-card,.due-row,.mini-row,.customer-pay-card,.native-online-card,.native-application-card,.native-review-file,.local-result-card):hover{
  background:linear-gradient(145deg,rgba(235,240,244,.13),rgba(191,200,207,.045) 55%,rgba(213,177,95,.065)),var(--staff-panel-raised)!important;
  border-color:rgba(213,177,95,.27)!important;
  box-shadow:inset 0 1px 0 rgba(242,245,247,.13),inset -1px 0 0 rgba(213,177,95,.17),0 12px 28px rgba(0,0,0,.22)!important;
  filter:none!important;
  transform:none!important;
}
.admin-shell :is(.field input,.field select,.field textarea,.clover-field,.local-search input,.global-search input),
.admin-shell .message-inbox-shell :is(input,select,textarea){
  background:var(--staff-input)!important;
  border-color:rgba(213,177,95,.28)!important;
  color:var(--staff-text)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.admin-shell .btn:not(.primary):not(.gold):not(.danger),
.admin-shell :is(.tabs,.staff-tabs) button:not(.active),
.admin-shell .quickbar button:not(.active){
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#e3e5e6!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 7px 18px rgba(0,0,0,.16)!important;
}
.admin-shell .btn:not(.primary):not(.gold):not(.danger):hover,
.admin-shell :is(.tabs,.staff-tabs) button:not(.active):hover,
.admin-shell .quickbar button:not(.active):hover{
  background:linear-gradient(180deg,rgba(213,177,95,.17),rgba(255,255,255,.045))!important;
  border-color:rgba(213,177,95,.42)!important;
  color:#fff4d2!important;
  filter:none!important;
  transform:none!important;
}
.admin-shell .btn.primary,
.admin-shell .btn.gold{
  background:linear-gradient(145deg,rgba(240,217,147,.18),rgba(213,177,95,.07)),rgba(24,27,30,.94)!important;
  border-color:rgba(240,217,147,.58)!important;
  color:#f4dda0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px rgba(0,0,0,.2),0 0 0 1px rgba(213,177,95,.05)!important;
}
.admin-shell .btn.primary:hover,
.admin-shell .btn.gold:hover{
  background:linear-gradient(145deg,rgba(240,217,147,.25),rgba(213,177,95,.10)),rgba(28,31,34,.96)!important;
  border-color:rgba(240,217,147,.78)!important;
  color:#ffeab4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 11px 26px rgba(0,0,0,.24),0 0 18px rgba(213,177,95,.08)!important;
  filter:none!important;
  transform:none!important;
}
.admin-shell .tag{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#d8dcde!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-shell .tag.good{
  background:linear-gradient(145deg,rgba(83,199,132,.16),rgba(42,117,78,.07))!important;
  border-color:rgba(95,207,139,.38)!important;
  color:#8fe0ad!important;
}
.admin-shell .tag.warn{
  background:linear-gradient(145deg,rgba(213,177,95,.17),rgba(132,101,37,.07))!important;
  border-color:rgba(240,217,147,.40)!important;
  color:#f0d993!important;
}
.admin-shell .tag.bad{
  background:linear-gradient(145deg,rgba(226,91,82,.16),rgba(142,45,42,.07))!important;
  border-color:rgba(235,112,105,.40)!important;
  color:#f3a29d!important;
}
.admin-shell .tag.blue{
  background:linear-gradient(145deg,rgba(106,172,238,.15),rgba(57,101,148,.06))!important;
  border-color:rgba(124,184,243,.36)!important;
  color:#a9d1f7!important;
}
.admin-shell .tag.dark{
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#e4e7e8!important;
}
.admin-shell .notice{
  background:linear-gradient(145deg,rgba(213,177,95,.11),rgba(213,177,95,.035)),rgba(24,27,30,.92)!important;
  border-color:rgba(240,217,147,.30)!important;
  color:#e8d59f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-shell .success,
.admin-shell .payment-success{
  background:linear-gradient(145deg,rgba(83,199,132,.13),rgba(42,117,78,.04)),rgba(24,27,30,.94)!important;
  border-color:rgba(95,207,139,.34)!important;
  color:#9ee5b7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-shell :is(.tabs,.staff-tabs) button.active,
.admin-shell .quickbar button.active{
  background:linear-gradient(180deg,rgba(213,177,95,.18),rgba(213,177,95,.09))!important;
  border-color:rgba(240,217,147,.48)!important;
  color:var(--staff-accent-bright)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.14)!important;
}
.admin-shell .table th{
  background:#141719!important;
  border-bottom-color:rgba(213,177,95,.24)!important;
  color:#b9bdc0!important;
}
.admin-shell .table td,
.admin-shell .table tbody tr:nth-child(even) td{
  background:var(--staff-panel)!important;
  border-bottom-color:var(--staff-line)!important;
  color:var(--staff-text)!important;
}
.admin-shell .table tr:hover td,
.admin-shell .table tbody tr:hover td{
  background:#25282b!important;
}
.admin-shell :is(.today-focus,.native-site-command,.workflow-board,.readiness-board,.blueprint-board,.executive-board,.api-control,.ops-board,.system-health,.access-command,.api-board,.message-playbook,.claims-command,.application-command,.fleet-prep,.match-board,.closeout-board){
  background:linear-gradient(155deg,rgba(255,255,255,.052),rgba(255,255,255,.012)),#171a1d!important;
  border-color:rgba(213,177,95,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.22)!important;
}
.admin-shell .view-messages{
  background:var(--staff-canvas)!important;
}
.admin-shell :is(.message-inbox-shell,.message-thread-list,.message-conversation-panel,.message-tool-panel,.message-setup-focused>.card,.message-focused-tabs){
  background:var(--staff-panel)!important;
  border-color:var(--staff-line)!important;
}
.admin-shell :is(.native-online-card,.native-application-card,.account-setting){
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.014)),var(--staff-panel-raised)!important;
  border-color:var(--staff-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 11px 24px rgba(0,0,0,.18)!important;
}
.admin-shell .nav-group,
.admin-shell .brand{
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.012))!important;
  border-color:var(--staff-line)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-shell .nav button,
.admin-shell .nav-group summary{
  color:#c8cccf!important;
}
.admin-shell .nav button:hover,
.admin-shell .nav-group summary:hover{
  color:#f6f4ee!important;
}
.admin-shell .nav button.active{
  background:linear-gradient(180deg,rgba(213,177,95,.19),rgba(213,177,95,.09))!important;
  border-color:rgba(240,217,147,.45)!important;
  color:var(--staff-accent-bright)!important;
  box-shadow:inset 3px 0 0 var(--staff-accent),0 9px 20px rgba(0,0,0,.18)!important;
}
.admin-shell :is(.field label,.local-search-label){
  color:#c7cacc!important;
}
.admin-shell :is(.field input,.field select,.field textarea,.clover-field,.local-search input,.global-search input):focus{
  border-color:var(--staff-accent-bright)!important;
  outline:2px solid rgba(213,177,95,.18)!important;
  outline-offset:1px;
}
.admin-shell .quickbar{
  background:#090a0b!important;
  border-color:rgba(213,177,95,.32)!important;
}
@media(max-width:760px){
  .admin-shell>.main{background:repeating-linear-gradient(118deg,rgba(230,235,239,.013) 0 1px,transparent 1px 14px),linear-gradient(155deg,#0d0f10 0%,#191c1f 52%,#111315 100%)!important}
  .admin-shell .topbar{background:var(--staff-panel)!important}
  .admin-shell :is(.today-focus-main,.today-metric,.due-row,.mini-row,.customer-pay-card){box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
}

/* Provider-neutral operations workspaces: compact rows, source identity, and one job per tab. */
.view-claims-issues>.integration-workspace,
.view-insurance>.integration-workspace,
.view-operations>.integration-workspace,
.view-reports>.integration-workspace,
.view-applications>.integration-workspace{
  grid-column:1/-1!important;
  width:100%;
  min-width:0;
  margin:0!important;
}
.integration-workspace{
  min-width:0;
  overflow:hidden;
  padding:15px!important;
  border-radius:8px!important;
}
.integration-workspace>.section-head{
  align-items:flex-start;
  margin-bottom:11px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.integration-workspace>.section-head h2{font-size:18px!important}
.integration-workspace>.section-head p{max-width:760px;margin-top:3px;font-size:11px!important;line-height:1.45}
.integration-workspace>.section-head .actions{flex:0 0 auto;justify-content:flex-end}
.integration-workspace>.section-head .btn{min-height:36px;padding:7px 10px;font-size:10px}
.integration-provider-strip{
  display:flex;
  align-items:center;
  gap:8px 14px;
  min-width:0;
  margin:0 0 10px;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#121619;
  color:#aeb2b5;
  font-size:9px;
  line-height:1.35;
}
.integration-provider-strip span{min-width:0;overflow-wrap:anywhere}
.integration-provider-strip b{color:#e3e6e8;font-weight:900}
.integration-provider-strip .btn{min-height:30px;margin-left:auto;padding:5px 8px;font-size:9px}
.integration-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  min-width:0;
  margin:0 0 11px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:7px;
  background:#15191c;
}
.integration-metric{
  display:grid;
  align-content:center;
  min-width:0;
  min-height:78px;
  padding:10px 12px;
  border-right:1px solid rgba(255,255,255,.08);
}
.integration-metric:last-child{border-right:0}
.integration-metric span{color:#aeb2b5;font-size:9px;font-weight:900;text-transform:uppercase}
.integration-metric strong{margin-top:2px;color:#f6f4ee!important;font-size:21px;overflow-wrap:anywhere}
.integration-metric small{margin-top:2px;color:#979da1!important;font-size:9px;line-height:1.35;overflow-wrap:anywhere}
.integration-metric.good{box-shadow:inset 0 2px 0 #5fcf8b}
.integration-metric.warn{box-shadow:inset 0 2px 0 #d5b15f}
.integration-metric.bad{box-shadow:inset 0 2px 0 #e97070}
.integration-metric.blue{box-shadow:inset 0 2px 0 #6aacee}
.integration-workspace>.local-search{margin:0 0 8px}
.integration-workspace .local-search-input{min-height:40px;font-size:16px}
.integration-list{
  display:grid;
  min-width:0;
  max-height:min(56vh,640px);
  overflow-y:auto;
  overscroll-behavior:contain;
  border-top:1px solid rgba(255,255,255,.08);
  scrollbar-width:thin;
  scrollbar-color:#51575c #15191c;
}
.integration-row{
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(90px,auto) minmax(180px,auto);
  align-items:center;
  gap:12px;
  min-width:0;
  min-height:72px;
  padding:10px 2px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  background:transparent!important;
  color:var(--staff-text,#f6f4ee);
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transition:background 160ms ease,border-color 160ms ease;
}
.integration-row:hover{
  background:rgba(255,255,255,.025)!important;
  border-bottom-color:rgba(213,177,95,.28);
  filter:none!important;
  transform:none!important;
}
.integration-row.attention{box-shadow:inset 3px 0 0 #d5b15f!important;padding-left:10px}
.integration-row-main{display:grid;gap:3px;min-width:0}
.integration-row-main .item-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.integration-row-main strong{min-width:0;color:#f6f4ee!important;font-size:13px;overflow-wrap:anywhere}
.integration-row-main>span{color:#d7bd77;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.integration-row-main>small{color:#aeb2b5!important;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.integration-amount{min-width:90px;color:#8fe0ad;font-size:16px;font-weight:950;text-align:right;white-space:nowrap}
.integration-amount.debit{color:#ef8d8d}
.integration-row>.actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;min-width:0}
.integration-row>.actions .btn{min-height:32px;padding:6px 8px;font-size:9px}
.accounting-entry-row .badge{max-width:180px;overflow:hidden;text-overflow:ellipsis}
.integration-workspace>.notice{margin-top:10px;font-size:10px;line-height:1.45}
.integration-modal-summary,
.native-pickup-context{
  display:grid;
  gap:4px;
  margin-bottom:12px;
  padding:11px 12px;
  border-left:3px solid #d5b15f;
  border-radius:4px;
  background:#171b1e;
}
.integration-modal-summary strong,.native-pickup-context strong{color:#f6f4ee!important;font-size:15px}
.integration-modal-summary span,.native-pickup-context span{color:#d7bd77;font-size:11px;font-weight:800;overflow-wrap:anywhere}
.integration-modal-summary small,.native-pickup-context small{color:#aeb2b5!important;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.verification-bundle-list{display:grid;gap:0;margin:8px 0 12px;border-top:1px solid rgba(255,255,255,.08)}
.verification-bundle-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.08)}
.verification-bundle-row>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
.verification-bundle-row strong{color:#f6f4ee;font-size:12px}
.verification-bundle-row small{grid-column:1/2;color:#aeb2b5;font-size:9px;line-height:1.4}
.verification-bundle-row>.btn{grid-column:2;grid-row:1/3;min-width:72px}
.integration-match-suggestions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:10px 0;
}
.integration-match-card{
  display:grid;
  gap:4px;
  min-width:0;
  min-height:88px;
  padding:10px;
  border:1px solid rgba(213,177,95,.24);
  border-radius:7px;
  background:#171b1e!important;
  color:#f6f4ee!important;
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  filter:none!important;
  transform:none!important;
  transition:background 160ms ease,border-color 160ms ease;
}
.integration-match-card:hover,.integration-match-card:focus-visible{
  border-color:#d5b15f;
  background:#1d2225!important;
  filter:none!important;
  transform:none!important;
}
.integration-match-card strong{color:#f6f4ee!important;font-size:12px;overflow-wrap:anywhere}
.integration-match-card span{color:#d7bd77;font-size:10px;font-weight:800;overflow-wrap:anywhere}
.integration-match-card small{color:#aeb2b5!important;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.native-pickup-context{margin:10px 0}
.native-pickup-context .actions{margin-top:4px}
.native-pickup-context .btn{min-height:34px;padding:6px 9px;font-size:10px}

@media(max-width:1100px){
  .integration-row{grid-template-columns:minmax(220px,1fr) minmax(80px,auto)}
  .integration-row>.actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:760px){
  .integration-workspace{padding:10px!important}
  .integration-workspace>.section-head{display:grid;gap:8px}
  .integration-workspace>.section-head .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;justify-content:stretch}
  .integration-workspace>.section-head .actions .btn,
  .integration-workspace>.section-head>.btn{width:100%;min-width:0;justify-content:center}
  .integration-provider-strip{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}
  .integration-provider-strip .btn{grid-column:1/-1;width:100%;margin:0;justify-content:center}
  .integration-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:8px}
  .integration-metric{min-height:64px;padding:8px 9px;border-bottom:1px solid rgba(255,255,255,.08)}
  .integration-metric:nth-child(2n){border-right:0}
  .integration-metric:nth-last-child(-n+2){border-bottom:0}
  .integration-metric strong{font-size:17px}
  .integration-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;min-height:0;padding:10px 0}
  .integration-row.attention{padding-left:8px}
  .integration-row-main strong{font-size:12px}
  .integration-row-main>span{font-size:10px}
  .integration-amount{min-width:0;font-size:14px}
  .integration-row>.actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .integration-row>.actions .btn{width:100%;min-width:0;justify-content:center}
  .integration-row>.actions .btn:only-child{grid-column:1/-1}
  .integration-modal-summary,.native-pickup-context{padding:9px 10px}
  .verification-bundle-row{grid-template-columns:minmax(0,1fr) auto}
  .verification-bundle-row>.btn{min-width:64px;padding-inline:8px}
  .integration-match-suggestions{grid-template-columns:1fr}
  .integration-match-card{min-height:0}
  .integration-list{max-height:52dvh}
}

/* Charcoal finish for authentication and overlays, matching the native website. */
.login-page{
  background:linear-gradient(90deg,rgba(9,10,11,.96),rgba(9,10,11,.80) 56%,rgba(9,10,11,.42)),url('https://www.wheelsonauto.com/cdn/shop/files/clean-luxury-car-hero-banner.png?v=1772796803&width=1920') center/cover!important;
}
.login-card{
  width:min(430px,100%);
  padding:26px;
  background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.022)),rgba(20,23,25,.91)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#f6f4ee;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 28px 80px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(20px) saturate(112%);
}
.login-card h1{color:#f6f4ee}
.login-card p{color:#aeb2b5}
.login-card label{color:#d6d8d9}
.login-card input{
  min-height:46px;
  background:#111315;
  border-color:rgba(255,255,255,.14);
  color:#f6f4ee;
}
.login-card button{
  min-height:46px;
  background:linear-gradient(180deg,#f0d993,#d5b15f)!important;
  color:#17130b!important;
  border:1px solid #f0d993!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px rgba(213,177,95,.18);
}
.login-card button:hover{background:linear-gradient(180deg,#f6e6af,#dfbe70)!important}
.login-pin{background:#111315;border-color:rgba(255,255,255,.11);color:#bec2c4}
.login-logo{background:transparent!important;padding:0!important;box-shadow:none!important}
.modal{
  background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.014)),rgba(24,27,30,.98)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#f6f4ee!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 30px 90px rgba(0,0,0,.44)!important;
}
.modal-head{
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018)),#1b1e21!important;
  border-bottom-color:rgba(255,255,255,.10)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.modal .field input,.modal .field select,.modal .field textarea,.modal .clover-field{background:#111315!important;border-color:rgba(213,177,95,.28)!important;color:#f6f4ee!important}
.modal .field input[readonly],.modal .field textarea[readonly]{background:#191c1f!important;color:#d9dcde!important}
.modal .btn.primary,.modal .btn.gold{background:linear-gradient(180deg,#f0d993,#d5b15f)!important;border-color:#f0d993!important;color:#17130b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 10px 24px rgba(213,177,95,.17)!important}
.modal .btn.primary:hover,.modal .btn.gold:hover{background:linear-gradient(180deg,#f6e6af,#dfbe70)!important;border-color:#f6e6af!important;color:#17130b!important;filter:none!important;transform:none!important}
.modal .btn.danger{background:linear-gradient(145deg,rgba(226,91,82,.24),rgba(142,45,42,.13)),#1d1819!important;border-color:rgba(246,134,127,.72)!important;color:#ffc0bb!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 22px rgba(0,0,0,.22)!important}
.modal .btn.danger:hover{background:linear-gradient(145deg,rgba(226,91,82,.32),rgba(142,45,42,.17)),#23191a!important;border-color:#f6867f!important;color:#ffe0dd!important;filter:none!important;transform:none!important}
.modal .tag{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#d8dcde!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important}
.modal .tag.good{background:linear-gradient(145deg,rgba(83,199,132,.16),rgba(42,117,78,.07))!important;border-color:rgba(95,207,139,.38)!important;color:#8fe0ad!important}
.modal .tag.warn{background:linear-gradient(145deg,rgba(213,177,95,.17),rgba(132,101,37,.07))!important;border-color:rgba(240,217,147,.40)!important;color:#f0d993!important}
.modal .tag.bad{background:linear-gradient(145deg,rgba(226,91,82,.16),rgba(142,45,42,.07))!important;border-color:rgba(235,112,105,.40)!important;color:#f3a29d!important}
.modal .tag.blue{background:linear-gradient(145deg,rgba(106,172,238,.15),rgba(57,101,148,.06))!important;border-color:rgba(124,184,243,.36)!important;color:#a9d1f7!important}
.modal .notice{background:linear-gradient(145deg,rgba(213,177,95,.11),rgba(213,177,95,.035)),rgba(24,27,30,.92)!important;border-color:rgba(240,217,147,.30)!important;color:#e8d59f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important}
.modal .success,.modal .payment-success{background:linear-gradient(145deg,rgba(83,199,132,.13),rgba(42,117,78,.04)),rgba(24,27,30,.94)!important;border-color:rgba(95,207,139,.34)!important;color:#9ee5b7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important}
.modal .item,.modal .card,.modal .check{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.105)!important;filter:none!important}
.modal .item:hover,.modal .card:hover,.modal .check:hover{background:rgba(255,255,255,.065)!important;border-color:rgba(213,177,95,.3)!important;filter:none!important;transform:none!important}
.modal-backdrop{background:rgba(5,6,7,.68);backdrop-filter:blur(7px)}
.toast{background:#202326;border:1px solid rgba(213,177,95,.3);color:#f6f4ee}
@media(max-width:760px){
  .login-page{padding:14px;background-position:58% center!important}
  .login-card{padding:20px;backdrop-filter:blur(15px)}
  .modal-backdrop{backdrop-filter:blur(4px)}
}

/* Progressive actions keep operational screens calm without removing tools. */
.action-menu{position:relative;display:inline-block;min-width:0}
.action-menu>summary{list-style:none;cursor:pointer;user-select:none}
.action-menu>summary::-webkit-details-marker{display:none}
.action-menu-panel{
  position:static;
  z-index:24;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  width:min(260px,calc(100vw - 28px));
  min-width:178px;
  max-width:min(260px,calc(100vw - 28px));
  margin-top:6px;
  padding:7px;
  border:1px solid rgba(220,226,231,.22);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(231,236,240,.10),rgba(187,196,203,.025) 58%,rgba(213,177,95,.035)),#15181a;
  box-shadow:inset 0 1px 0 rgba(239,243,246,.11),inset -1px 0 0 rgba(213,177,95,.12),0 18px 42px rgba(0,0,0,.34);
}
.action-menu:not([open])>.action-menu-panel{display:none}
.action-menu[open]{display:block;flex:1 1 100%;min-width:min(260px,100%)}
.action-menu>summary:focus-visible{outline:2px solid rgba(240,217,147,.68);outline-offset:2px}
.action-menu-panel .btn{width:100%;min-width:0;justify-content:flex-start;white-space:normal;text-align:left}
.admin-shell .btn.action-menu-trigger:not(.primary):not(.gold):not(.danger){
  min-height:34px!important;
  padding:6px 8px!important;
  border-color:transparent!important;
  background:transparent!important;
  color:#d7bd77!important;
  box-shadow:none!important;
}
.admin-shell .btn.action-menu-trigger:not(.primary):not(.gold):not(.danger):hover{border-color:rgba(213,177,95,.24)!important;background:rgba(213,177,95,.07)!important;color:#f0d993!important;box-shadow:none!important}
.admin-shell .action-menu-panel .btn:not(.primary):not(.gold):not(.danger){
  min-height:34px;
  padding:7px 8px;
  border-color:transparent!important;
  background:transparent!important;
  color:#d8dcde!important;
  box-shadow:none!important;
}
.admin-shell .action-menu-panel .btn:not(.primary):not(.gold):not(.danger):hover{border-color:rgba(213,177,95,.20)!important;background:rgba(213,177,95,.07)!important;color:#f0d993!important;box-shadow:none!important}
.inline-action{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:fit-content;
  max-width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:#f6f4ee;
  font:inherit;
  font-weight:900;
  text-align:left;
  cursor:pointer;
  overflow-wrap:anywhere;
}
.inline-action::after{content:">";color:#d5b15f;font-size:12px;transition:transform 160ms ease}
.inline-action:hover{color:#f0d993}
.inline-action:hover::after{transform:translateX(2px)}
.modal .customer-file-actions .btn:not(.primary):not(.gold):not(.danger){
  border-color:transparent!important;
  background:transparent!important;
  color:#d7bd77!important;
  box-shadow:none!important;
}
.modal .customer-file-actions .btn:not(.primary):not(.gold):not(.danger):hover{border-color:rgba(213,177,95,.22)!important;background:rgba(213,177,95,.07)!important;color:#f0d993!important;box-shadow:none!important}
.payment-action-bar .action-menu-panel{position:absolute;top:calc(100% + 7px);right:0;bottom:auto;grid-template-columns:1fr;margin-top:0}
.payment-action-bar>.actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.modal-close-mobile{display:none}
.modal-body>.file-summary+.grid.two{display:none!important}
.payment-action-bar{position:relative!important;top:auto!important;padding:0 0 8px!important;margin-bottom:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
.payment-action-bar>div:first-child{display:none!important}
.business-overview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.business-overview-card{display:grid;gap:5px;min-width:0;min-height:112px;padding:12px;text-align:left;border:1px solid var(--staff-line);border-radius:8px;background:linear-gradient(145deg,rgba(229,235,239,.125),rgba(184,193,201,.04) 58%,rgba(213,177,95,.018)),var(--staff-panel-raised);color:var(--staff-text);box-shadow:inset 0 1px 0 rgba(239,243,246,.11),0 9px 22px rgba(0,0,0,.16)}
.business-overview-card:hover{border-color:rgba(213,177,95,.27);background:linear-gradient(145deg,rgba(236,240,243,.14),rgba(190,199,206,.045) 55%,rgba(213,177,95,.065)),var(--staff-panel-raised);transform:none;filter:none}
.business-overview-card span{color:var(--staff-muted);font-size:10px;font-weight:900;text-transform:uppercase}
.business-overview-card strong{font-size:22px;line-height:1.05;overflow-wrap:anywhere}
.business-overview-card small{color:var(--staff-muted);font-size:10px;line-height:1.35}
.business-overview-card.good{box-shadow:inset 0 2px 0 rgba(95,207,139,.7),0 9px 22px rgba(0,0,0,.16)}
.business-overview-card.warn{box-shadow:inset 0 2px 0 rgba(213,177,95,.8),0 9px 22px rgba(0,0,0,.16)}
.business-overview-card.blue{box-shadow:inset 0 2px 0 rgba(106,172,238,.7),0 9px 22px rgba(0,0,0,.16)}
@media(min-width:1000px){
  .view-dashboard .customer-risk-report .customer-pay-list{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:10px}
  .view-dashboard .customer-risk-report .customer-pay-card{height:100%}
}
@media(min-width:921px){
  .admin-shell .view-fleet>.compact-fleet-board{grid-column:1/-1!important;width:100%!important;min-width:0!important}
  .admin-shell .view-claims-issues>.compact-claims-board,
  .admin-shell .view-applications>:is(.native-applications-board,.native-website-apps),
  .admin-shell .view-settings>.account-settings-panel,
  .admin-shell .view-api-roadmap>.api-provider-focused,
  .admin-shell .view-reports>section,
  .admin-shell .view-reports>.report-secondary-panel,
  .admin-shell .view-messages>:is(.message-inbox-shell,.message-tool-workspace){grid-column:1/-1!important;width:100%!important;min-width:0!important}
  .admin-shell :is(.view-fleet,.view-operations,.view-maintenance) .staff-card-board .staff-card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))!important}
}
.report-secondary-panel{grid-column:1/-1;margin:0;padding:0;border:1px solid rgba(225,231,236,.14);border-radius:8px;background:rgba(18,21,24,.7)}
.report-secondary-panel>summary{cursor:pointer;padding:12px 14px;color:#e7d39d;font-size:12px;font-weight:850}
.report-secondary-panel[open]>summary{border-bottom:1px solid rgba(225,231,236,.1)}
.report-secondary-panel>.section{margin:10px;border:0!important;box-shadow:none!important}

@media(max-width:760px){
  /* Mobile staff navigation already carries the product identity. */
  .admin-shell>.sidebar{display:none!important}
  .admin-shell>.main{grid-column:1/-1!important;padding-top:8px!important}
  .payment-action-bar .actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .customer-pay-card>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .customer-pay-card>.actions>.btn,.customer-pay-card>.actions>.action-menu,.customer-pay-card>.actions>.action-menu>summary{width:100%;min-width:0;justify-content:center}
  .customer-pay-card>.actions>.action-menu[open]{grid-column:1/-1}
  .customer-pay-card>.actions>.action-menu[open]>summary{width:calc(50% - 3px)}
  .action-menu-panel{position:static;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none;margin-top:6px}
  .action-menu-panel .btn{justify-content:center;text-align:center}
  .payment-action-bar .action-menu-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(230px,calc(100vw - 30px));grid-template-columns:1fr}

  /* Phone flow: list -> focused detail -> Back. Secondary card actions live in the detail view. */
  .customer-pay-card>.actions>.action-menu{display:none!important}
  .modal-backdrop{align-items:stretch!important;padding:0!important;background:#0d0f10!important;backdrop-filter:none!important}
  .modal{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .modal-head{min-height:54px;padding:calc(7px + env(safe-area-inset-top)) 11px 7px!important;justify-content:flex-start!important;gap:9px!important}
  .modal-head .modal-close{order:-1;width:auto!important;min-height:34px!important;padding:6px 8px!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;color:#f0d993!important}
  .modal-head .modal-close::before{content:"<";font-size:18px;line-height:1}
  .modal-close-desktop{display:none}
  .modal-close-mobile{display:inline}
  .modal-head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .modal-body{padding:12px 12px calc(22px + env(safe-area-inset-bottom))!important}
  .modal .file-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .modal .file-summary>div{min-height:84px;padding:9px!important}
  .modal .file-summary>div:last-child{grid-column:1/-1;min-height:70px}
  .modal .file-summary strong{font-size:16px!important}
  .business-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .business-overview-card{min-height:92px;padding:9px}
  .business-overview-card strong{font-size:18px}
  .admin-shell :is(.view-payments,.view-reports,.view-claims-issues)>.stats{display:none!important}
  .payment-action-bar>.actions{display:flex!important;justify-content:space-between!important;gap:7px!important;width:100%!important}
  .payment-action-bar>.actions>.btn{width:auto!important;min-width:126px!important}
}

/* Final cascade guard for the compact Operations and Messages workspaces. */
.admin-shell .view-operations>.fleet-stat-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  overflow:visible!important;
}
.admin-shell .view-messages>.topbar,
.admin-shell .message-inbox-shell .message-list-head{display:none!important}
.admin-shell .message-inbox-shell{height:calc(100dvh - 96px)!important}

@media(max-width:900px){
  .admin-shell .message-inbox-shell{height:calc(100dvh - 86px)!important}
}

@media(max-width:760px){
  .admin-shell .view-operations>.fleet-stat-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .admin-shell .message-inbox-shell{height:calc(100dvh - 150px)!important;min-height:420px!important}
}

/* Fleet status rail: one calm component, including API-injected tabs. */
.admin-shell .workspace-count-tabs{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(108px,1fr))!important;
  grid-auto-flow:row!important;
  gap:5px!important;
  padding:5px!important;
  overflow:visible!important;
  border:1px solid rgba(210,218,224,.14)!important;
  border-radius:8px!important;
  background:rgba(18,21,24,.74)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-tab{
  display:grid!important;
  grid-template-columns:9px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:7px 9px!important;
  border:1px solid transparent!important;
  border-radius:6px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-tab:hover{
  border-color:rgba(213,177,95,.18)!important;
  background:rgba(213,177,95,.055)!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-tab.active{
  border-color:rgba(213,177,95,.28)!important;
  background:linear-gradient(145deg,rgba(230,235,239,.08),rgba(213,177,95,.07))!important;
  box-shadow:inset 0 2px 0 rgba(213,177,95,.62)!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-icon{
  width:8px!important;
  height:8px!important;
  border:0!important;
  background:currentColor!important;
  box-shadow:0 0 0 3px rgba(102,207,145,.10)!important;
}
.admin-shell .view-operations>.workspace-count-tabs .fleet-stat-icon{
  color:#aeb7be!important;
  background:#aeb7be!important;
  box-shadow:0 0 0 3px rgba(174,183,190,.09)!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-icon::before{display:none!important}
.admin-shell .workspace-count-tabs .fleet-stat-tab>span{display:flex!important;align-items:center;justify-content:space-between;gap:6px}
.admin-shell .workspace-count-tabs .fleet-stat-tab small{font-size:10px!important;line-height:1.15!important;white-space:normal}
.admin-shell .workspace-count-tabs .fleet-stat-tab strong{font-size:14px!important;line-height:1!important}

@media(max-width:760px){
  .admin-shell .workspace-count-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:4px!important}
  .admin-shell .workspace-count-tabs .fleet-stat-tab{min-height:40px!important;padding:6px!important;gap:5px!important}
  .admin-shell .workspace-count-tabs .fleet-stat-tab small{font-size:9px!important}
  .admin-shell .workspace-count-tabs .fleet-stat-tab strong{font-size:12px!important}
  .admin-shell .view-messages>.message-focused-tabs button{flex:0 0 auto!important;width:auto!important;min-width:max-content!important}
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-compose{position:sticky!important;right:0;z-index:2;width:36px!important;min-width:36px!important;margin-left:auto!important;padding:5px!important;font-size:0!important;justify-content:center!important;background:#1c2023!important;box-shadow:-9px 0 12px #111820!important}
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-compose::before{content:"+";font-size:20px;line-height:1;font-weight:700}
}

@media(max-width:760px){
  .admin-shell .view-messages>.message-focused-tabs{overflow:visible!important}
  .admin-shell .view-messages>.message-focused-tabs>button:not(.message-tabs-compose){
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    padding:6px 3px!important;
    overflow:hidden;
    font-size:10px!important;
    text-overflow:ellipsis;
  }
  .admin-shell .view-messages>.message-focused-tabs button span{
    min-width:15px;
    margin-left:1px;
    padding:1px 3px;
    font-size:9px;
  }
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-compose{
    position:static!important;
    flex:0 0 32px!important;
    width:32px!important;
    min-width:32px!important;
    box-shadow:none!important;
  }
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-more{flex:0 0 auto!important}
  .admin-shell .view-messages>.message-focused-tabs .message-tabs-more-panel button{display:flex!important;min-width:136px!important;padding:8px 10px!important;font-size:11px!important}
}

/* Palette balance: charcoal owns the canvas, gold marks intent, status colors stay compact. */
.admin-shell>.main>.workspace-count-tabs,
.admin-shell .workspace-count-tabs{
  grid-column:1/-1!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-self:stretch!important;
}
.admin-shell>.main{align-content:start!important}
.admin-shell .view-website>:is(.website-overview-grid,.native-site-command,.native-inventory-board,.native-website-apps,.native-applications-board,.integration-workspace){
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
}
.admin-shell .view-website>.website-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.admin-shell .view-website>.website-tabs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  margin-bottom:12px!important;
}
.admin-shell .view-website>:is(.website-applications-workspace,.website-performance-workspace){
  display:grid;
  gap:10px;
  width:100%;
  min-width:0;
  grid-column:1/-1!important;
}
.admin-shell .website-applications-workspace>.workspace-count-tabs{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  margin:0!important;
}
.admin-shell .website-applications-workspace>.native-applications-board,
.admin-shell .website-performance-workspace>.website-performance-board{
  width:100%;
  min-width:0;
  margin:0!important;
}
.admin-shell .website-applications-workspace .native-application-grid{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:10px;
  align-items:start;
}
.admin-shell .website-applications-workspace .native-application-card{height:100%}
.admin-shell .website-performance-workspace .business-overview-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.admin-shell .website-performance-workspace .business-overview-card{min-height:104px}
@media(max-width:920px){
  .admin-shell .website-applications-workspace .native-application-grid,
  .admin-shell .website-performance-workspace .business-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .admin-shell .view-website>.website-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-shell .website-applications-workspace>.workspace-count-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .admin-shell .website-applications-workspace .native-application-grid{grid-template-columns:1fr}
  .admin-shell .website-performance-workspace .business-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .admin-shell .website-performance-workspace .business-overview-card{min-height:116px;padding:9px}
  .admin-shell .website-applications-workspace .section-head,
  .admin-shell .website-performance-workspace .section-head{align-items:flex-start;flex-direction:column}
  .admin-shell .website-performance-workspace .section-head .btn{align-self:stretch;width:100%;justify-content:center}
}
.admin-shell .btn:not(.primary):not(.gold):not(.danger):hover,
.admin-shell :is(.tabs,.staff-tabs) button:not(.active):hover,
.admin-shell .quickbar button:not(.active):hover{
  background:linear-gradient(180deg,rgba(235,240,244,.12),rgba(255,255,255,.045))!important;
  border-color:rgba(225,231,236,.24)!important;
  color:#f4f5f5!important;
}
.admin-shell :is(.field input,.field select,.field textarea,.clover-field,.local-search input,.global-search input),
.admin-shell .message-inbox-shell :is(input,select,textarea){
  border-color:rgba(225,231,236,.18)!important;
}
.admin-shell :is(.field input,.field select,.field textarea,.clover-field,.local-search input,.global-search input):focus,
.admin-shell .message-inbox-shell :is(input,select,textarea):focus{
  border-color:rgba(240,217,147,.58)!important;
  outline:2px solid rgba(213,177,95,.16)!important;
  outline-offset:1px!important;
}
.admin-shell :is(.card,.item,.lead-card,.mechanic-card,.company-card,.due-row,.mini-row,.customer-pay-card,.native-online-card,.native-application-card,.native-review-file,.local-result-card):hover{
  border-color:rgba(225,231,236,.23)!important;
  box-shadow:inset 0 1px 0 rgba(242,245,247,.13),inset -1px 0 0 rgba(213,177,95,.08),0 12px 28px rgba(0,0,0,.22)!important;
}

/* Native verification, books, and tax preparation */
.manual-verification-checklist,
.tax-classification-queue{
  display:grid;
  gap:10px;
  margin:14px 0;
  padding:14px;
  border:1px solid rgba(196,171,112,.32);
  border-radius:8px;
  background:rgba(18,20,23,.72);
}
.manual-verification-checklist>strong{color:#f1e3bf}
.accounting-native-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  margin:12px 0;
}
.accounting-native-summary>div,
.accounting-tax-center{
  min-width:0;
  padding:14px;
  border:1px solid rgba(187,190,195,.22);
  border-radius:8px;
  background:rgba(20,22,25,.78);
}
.accounting-summary-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.accounting-summary-title strong{font-size:15px;color:#f3f0e8}
.accounting-summary-title span{font-size:12px;color:#b8b6af;text-align:right}
.accounting-category-row,
.tax-agreement-review{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:10px 0;
  border-top:1px solid rgba(187,190,195,.13);
}
.accounting-category-row:first-of-type{border-top:0}
.accounting-category-row>span,
.tax-agreement-review>div:first-child{display:grid;gap:2px;min-width:0}
.accounting-category-row small,
.tax-agreement-review span{color:#a8a8a5;font-size:12px;overflow-wrap:anywhere}
.accounting-category-row>b{color:#9bd8b4;white-space:nowrap}
.accounting-category-row>b.debit{color:#e9a4a4}
.accounting-review-flag,
.accounting-review-clean{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin:7px 0;
  padding:9px 10px;
  border:1px solid rgba(214,177,101,.18);
  border-radius:7px;
  background:rgba(214,177,101,.06);
}
.accounting-review-flag.bad{border-color:rgba(212,105,105,.28);background:rgba(212,105,105,.07)}
.accounting-review-flag strong,
.accounting-review-clean strong{font-size:18px;color:#e5ca8a}
.accounting-review-clean{border-color:rgba(93,174,126,.25);background:rgba(93,174,126,.07)}
.accounting-review-clean strong{font-size:13px;color:#91d3aa}
.accounting-tax-center{margin:12px 0;border-color:rgba(196,171,112,.3)}
.accounting-tax-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.accounting-tax-grid>div{
  display:grid;
  gap:4px;
  min-width:0;
  min-height:86px;
  padding:11px;
  border:1px solid rgba(187,190,195,.16);
  border-radius:7px;
  background:rgba(238,238,235,.035);
}
.accounting-tax-grid small,
.accounting-tax-grid span{font-size:11px;color:#a8a8a5;overflow-wrap:anywhere}
.accounting-tax-grid strong{font-size:20px;color:#eee9dc;overflow-wrap:anywhere}
.accounting-tax-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:10px;
  color:#b8b6af;
  font-size:12px;
  line-height:1.45;
}
.accounting-optional-export{margin-top:12px;color:#aaa}
.accounting-optional-export summary{cursor:pointer;color:#d4c39a}
.accounting-optional-export a,.accounting-optional-export span{display:block;margin-top:8px}
.star-accounting-review{display:grid;gap:12px}
.star-accounting-review p,.star-accounting-review li{color:#d4d2cc;line-height:1.5}
.star-accounting-review h3{margin:0 0 6px;font-size:14px;color:#ecd8a8}
.star-accounting-review ul{margin:0;padding-left:20px}
.tax-agreement-review .actions{flex:0 0 auto}

@media (max-width:980px){
  .accounting-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .accounting-native-summary{grid-template-columns:1fr}
  .accounting-tax-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .accounting-tax-foot,.tax-agreement-review{align-items:stretch;flex-direction:column}
  .tax-agreement-review .actions{display:grid;grid-template-columns:1fr 1fr}
  .tax-agreement-review .btn{width:100%}
}

/* PassTime stays a secured companion while WheelsonAuto owns the fleet workflow. */
.passtime-portal-panel{
  display:grid;
  gap:14px;
  margin-bottom:14px;
  padding:16px;
  border:1px solid rgba(212,195,154,.24);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(205,210,216,.08),rgba(214,177,101,.045));
  box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.passtime-portal-panel>div:first-child{display:grid;gap:4px}
.passtime-portal-panel>div:first-child span{
  color:#b9b8b3;
  font-size:10px;
  font-weight:700;
  letter-spacing:0;
  text-transform:uppercase;
}
.passtime-portal-panel>div:first-child strong{color:#f1eee6;font-size:19px}
.passtime-portal-panel>div:first-child small{max-width:760px;color:#b9b8b3;line-height:1.5}
.passtime-portal-panel ol{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:passtime-step;
}
.passtime-portal-panel li{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:3px 9px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(188,193,199,.13);
  border-radius:8px;
  background:rgba(20,24,29,.55);
  counter-increment:passtime-step;
}
.passtime-portal-panel li:before{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid rgba(214,177,101,.28);
  border-radius:50%;
  color:#e3ca8f;
  content:counter(passtime-step);
  font-size:11px;
  font-weight:800;
}
.passtime-portal-panel li b{color:#eeeae1;font-size:12px}
.passtime-portal-panel li span{color:#aaa9a4;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.passtime-fleet-actions{margin-left:auto}
.tracker-portal-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid rgba(188,193,199,.12);
  color:#9f9f9b;
  font-size:11px;
}
.tracker-portal-link{
  color:#dbc58f;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}
.tracker-portal-link:hover{color:#f0dfb4;text-decoration:underline}

@media(max-width:760px){
  .passtime-portal-panel{padding:12px}
  .passtime-portal-panel ol{grid-template-columns:1fr}
  .passtime-portal-panel>.actions{display:grid;grid-template-columns:1fr 1fr}
  .passtime-portal-panel>.actions .btn{width:100%;min-width:0}
  .passtime-fleet-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-left:0}
  .passtime-fleet-actions .btn{width:100%;min-width:0}
}

/* Tablet API provider rows stay actionable without a hidden horizontal table. */
@media(min-width:761px) and (max-width:920px){
  .admin-shell .view-api-roadmap .api-provider-focused .table-wrap{overflow:visible!important}
  .admin-shell .view-api-roadmap .api-provider-focused .table{display:block;width:100%;min-width:0!important}
  .admin-shell .view-api-roadmap .api-provider-focused .table thead{display:none}
  .admin-shell .view-api-roadmap .api-provider-focused .table tbody{display:grid;gap:8px}
  .admin-shell .view-api-roadmap .api-provider-focused .table tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 10px;
    width:100%;
    min-width:0;
    padding:10px;
    border:1px solid rgba(220,226,231,.14);
    border-radius:8px;
    background:rgba(255,255,255,.035);
  }
  .admin-shell .view-api-roadmap .api-provider-focused .table td{
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
    gap:3px;
    width:auto!important;
    min-width:0;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow-wrap:anywhere;
  }
  .admin-shell .view-api-roadmap .api-provider-focused .table td:nth-child(n+3){grid-column:1/-1}
  .admin-shell .view-api-roadmap .api-provider-focused .table td::before{
    content:attr(data-label);
    color:#a9aaac;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
  }
  .admin-shell .view-api-roadmap .api-provider-focused .table td:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-shell .view-api-roadmap .api-provider-focused .table td:last-child::before{grid-column:1/-1}
  .admin-shell .view-api-roadmap .api-provider-focused .table td:last-child .btn{width:100%;min-width:0}
}

/* Recovery stays inside the owner launch preflight instead of becoming another workspace. */
.recovery-console{display:grid;gap:12px}
.recovery-console-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
}
.recovery-console-summary>div,
.recovery-restore-facts>div{
  display:grid;
  gap:3px;
  min-width:0;
  padding:10px;
  border:1px solid rgba(191,195,200,.16);
  border-radius:8px;
  background:rgba(230,233,236,.045);
}
.recovery-console-summary span,
.recovery-restore-facts span,
.recovery-snapshot-picker label{
  color:#aaa9a5;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.recovery-console-summary strong{color:#f0ece2;font-size:19px;line-height:1.15;overflow-wrap:anywhere}
.recovery-console-summary small{color:#aaa9a5;font-size:10px;overflow-wrap:anywhere}
.recovery-snapshot-picker{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:7px;
  padding:11px;
  border:1px solid rgba(214,177,101,.2);
  border-radius:8px;
  background:rgba(214,177,101,.05);
}
.recovery-snapshot-picker label{grid-column:1/-1;color:#d5c18d}
.recovery-snapshot-picker select{
  width:100%;
  min-width:0;
  min-height:36px;
  padding:8px 10px;
  border:1px solid rgba(203,207,211,.2);
  border-radius:7px;
  background:#171a1e;
  color:#ece9e1;
}
.recovery-console-section{display:grid;gap:8px;padding:0!important;margin:2px 0 0!important;border:0!important;background:transparent!important}
.recovery-console-section h2{font-size:13px}
.snapshot-restore-confirmation{display:grid;gap:12px}
.recovery-restore-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.recovery-restore-facts>div:last-child{grid-column:1/-1}
.recovery-restore-facts strong{color:#ece9e1;font-size:12px;overflow-wrap:anywhere}
.recovery-confirm-check{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px}
.recovery-confirm-check input{margin-top:3px}
.recovery-confirm-check span{color:#d5d1c7;line-height:1.45}

@media(max-width:680px){
  .recovery-console-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .recovery-snapshot-picker{grid-template-columns:1fr}
  .recovery-snapshot-picker label{grid-column:auto}
  .recovery-snapshot-picker .btn{width:100%}
  .recovery-restore-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Owner-only assignment review keeps identity evidence compact and readable. */
.assignment-review-section{display:grid;gap:9px;margin:11px 0}
.assignment-review-head{display:flex;align-items:end;justify-content:space-between;gap:10px}
.assignment-review-head strong{color:#f2eee5;font-size:13px}
.assignment-review-head small{color:#9fa4a8;font-size:10px;text-align:right}
.assignment-match-strip,
.assignment-provider-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.assignment-match-strip>div,
.assignment-provider-summary>span{
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(99,202,143,.28);
  border-radius:8px;
  background:rgba(73,168,113,.075);
}
.assignment-match-strip strong,
.assignment-match-strip span,
.assignment-match-strip small{display:block;overflow-wrap:anywhere}
.assignment-match-strip strong{color:#94ddb1;font-size:11px}
.assignment-match-strip span{margin-top:3px;color:#f1eee6;font-size:13px;font-weight:800}
.assignment-match-strip small{margin-top:3px;color:#a9b2ad;font-size:9px}
.assignment-provider-summary>span{
  border-color:rgba(205,209,213,.15);
  background:rgba(231,234,236,.04);
  color:#a8aaac;
  font-size:9px;
  text-align:center;
}
.assignment-provider-summary b{display:block;margin-bottom:2px;color:#eeeae1;font-size:16px}
.assignment-evidence-list,
.assignment-claim-list{display:grid;gap:6px}
.assignment-evidence-row,
.assignment-claim-list>div{
  display:grid;
  gap:4px;
  min-width:0;
  padding:9px 10px;
  border:1px solid rgba(203,207,211,.14);
  border-radius:8px;
  background:rgba(230,233,236,.035);
}
.assignment-evidence-row>div{display:flex;justify-content:space-between;align-items:start;gap:10px;min-width:0}
.assignment-evidence-row strong,
.assignment-claim-list strong{color:#f1eee6;font-size:12px;overflow-wrap:anywhere}
.assignment-evidence-row span,
.assignment-claim-list span{color:#c8c9c6;font-size:10px;line-height:1.4;text-align:right;overflow-wrap:anywhere}
.assignment-evidence-row small{color:#969b9e;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.assignment-claim-list>div{grid-template-columns:minmax(130px,.65fr) minmax(0,1.35fr);align-items:center}
.assignment-claim-list>div>div:first-child{display:grid;gap:3px;min-width:0}
.assignment-claim-list>div>div:first-child span{text-align:left}
.assignment-claim-action{display:flex;justify-content:flex-end;align-items:center;min-width:0}
.assignment-claim-action .inline-action{font-size:10px;white-space:normal;text-align:right}
.assignment-transfer-keep-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:5px;
}
.assignment-transfer-keep-list .native-confirm{
  min-width:0;
  margin:0;
  padding:8px 9px;
  border:1px solid rgba(205,209,213,.14);
  border-radius:8px;
  background:rgba(230,233,236,.035);
  color:#d5d4cf;
  overflow-wrap:anywhere;
}

@media(max-width:680px){
  .assignment-review-head{align-items:start}
  .assignment-match-strip,
  .assignment-provider-summary{grid-template-columns:1fr}
  .assignment-evidence-row>div,
  .assignment-claim-list>div{display:grid;grid-template-columns:1fr;gap:3px}
  .assignment-evidence-row span,
  .assignment-claim-list span{text-align:left}
  .assignment-claim-action{justify-content:flex-start}
  .assignment-claim-action .inline-action{text-align:left}
  .assignment-transfer-keep-list{grid-template-columns:1fr}
}

/* Launch evidence stays compact before the long provider and conflict tables. */
.modal .launch-preflight-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
.modal .launch-preflight-stats .stat{min-width:0}
.modal .launch-preflight-stats small{overflow-wrap:anywhere}
.launch-preflight-loading{min-height:180px;display:flex;align-items:center;justify-content:center;gap:16px;padding:28px;border:1px solid rgba(216,190,133,.24);border-radius:10px;background:rgba(255,255,255,.035);color:var(--text)}
.launch-preflight-loading>div{min-width:0}
.launch-preflight-loading strong{display:block;font-size:17px;margin-bottom:5px}
.launch-preflight-loading p{margin:0;color:var(--muted);max-width:560px;line-height:1.5}
.launch-preflight-spinner{width:28px;height:28px;flex:0 0 28px;border:2px solid rgba(216,190,133,.2);border-top-color:rgba(216,190,133,.9);border-radius:50%;animation:woa-preflight-spin .8s linear infinite}
@keyframes woa-preflight-spin{to{transform:rotate(360deg)}}
.launch-provider-console>.section-head{align-items:flex-start}
.modal:has(.launch-provider-console){width:min(960px,calc(100vw - 36px))}
.launch-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.launch-provider-card{
  min-width:0;
  display:grid;
  gap:10px;
  padding:13px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02)),#17191b;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 10px 24px rgba(0,0,0,.16)
}
.launch-provider-card.good{border-color:rgba(95,207,139,.28)}
.launch-provider-card.warn{border-color:rgba(213,177,95,.28)}
.launch-provider-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.launch-provider-head>div{display:grid;gap:2px;min-width:0}
.launch-provider-head span:not(.tag){font-size:9px;font-weight:800;color:#9fa4a8;text-transform:uppercase;letter-spacing:.04em}
.launch-provider-head strong{font-size:16px;color:#f3f1eb;overflow-wrap:anywhere}
.launch-provider-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.launch-provider-fact{min-width:0;display:grid;gap:3px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.025)}
.launch-provider-fact span{font-size:8px;font-weight:800;color:#8f9599;text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere}
.launch-provider-fact strong{font-size:10px;color:#d9dcde;overflow-wrap:anywhere}
.launch-provider-fact strong.good{color:#8fe0ad}
.launch-provider-fact strong.warn{color:#e8cb7f}
.launch-provider-proof{font-size:9px;color:#8f9599;overflow-wrap:anywhere}
.launch-provider-card p{min-height:34px;margin:0;color:#b8bdc0;font-size:10px;line-height:1.55;overflow-wrap:anywhere}
.launch-provider-link{
  justify-self:start;
  appearance:none;
  border:0;
  padding:2px 0;
  background:transparent;
  color:#e6ca7f;
  font:inherit;
  font-size:10px;
  font-weight:850;
  cursor:pointer
}
.launch-provider-link:hover,.launch-provider-link:focus-visible{color:#f5dda1;text-decoration:underline;text-underline-offset:3px}
.launch-provider-link span{font-size:15px;line-height:0;vertical-align:-1px}
.stripe-pilot-choice-list{display:grid;gap:8px;margin:10px 0}
.stripe-pilot-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(216,190,133,.2);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 10px 24px rgba(0,0,0,.12)}
.stripe-pilot-choice.blocked{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.025)}
.stripe-pilot-choice-main{display:grid;gap:5px;min-width:0}
.stripe-pilot-choice-main>span{font-size:11px;color:#d8dcde;line-height:1.45;overflow-wrap:anywhere}
.stripe-pilot-choice-main>small{font-size:10px;color:#9ea5aa;line-height:1.45;overflow-wrap:anywhere}
.stripe-pilot-next{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start;margin-top:2px}
.stripe-pilot-next b{color:#d4b96f}
.stripe-pilot-next span{color:#c7cdd1;font-weight:650;line-height:1.45}
.stripe-pilot-choice-main ul{margin:2px 0 0;padding-left:17px;color:#d4b96f;font-size:10px;line-height:1.45}
.stripe-pilot-choice>.btn{min-width:124px}
.stripe-pilot-blocked{margin-top:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}
.stripe-pilot-blocked summary{cursor:pointer;color:#b5bbc0;font-size:11px;font-weight:800}
@media(max-width:700px){
  .modal .launch-preflight-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .modal .launch-preflight-stats .stat{padding:10px}
  .modal .launch-preflight-stats .stat b{font-size:22px;margin-top:4px}
  .launch-provider-grid{grid-template-columns:1fr}
  .launch-provider-card{padding:11px}
  .launch-provider-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .launch-provider-card p{min-height:0}
  .stripe-pilot-choice{grid-template-columns:1fr;padding:10px}
  .stripe-pilot-choice>.btn{width:100%;min-width:0}
  .native-file-next{grid-template-columns:1fr;gap:7px}
  .native-file-next li{grid-template-columns:62px minmax(0,1fr)}
  .native-file-text-link{white-space:normal}
}

/* Each launch conflict opens its exact owner review instead of a broad workspace. */
.launch-assignment-review-list{display:grid;gap:7px}
.launch-assignment-review-row{
  display:grid;
  grid-template-columns:minmax(230px,1.25fr) minmax(190px,1fr) minmax(145px,.65fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(207,211,214,.14);
  border-radius:8px;
  background:rgba(229,232,234,.035);
}
.launch-assignment-identity,
.launch-assignment-claim,
.launch-assignment-gate{display:grid;gap:3px;min-width:0}
.launch-assignment-identity strong,
.launch-assignment-claim strong{color:#f0ede5;font-size:11px;overflow-wrap:anywhere}
.launch-assignment-identity span,
.launch-assignment-claim span,
.launch-assignment-gate small{color:#9fa4a8;font-size:9px;line-height:1.4;overflow-wrap:anywhere}
.launch-assignment-review-btn{min-width:76px;height:34px;padding:0 12px}
.modal .compact-list{min-width:0;margin:0;padding-left:18px}
.modal .compact-list li{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}

@media(max-width:880px){
  .launch-assignment-review-row{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto}
  .launch-assignment-gate{grid-column:1/3;grid-row:2}
  .launch-assignment-action{grid-column:3;grid-row:1/3;align-self:center}
}
@media(max-width:560px){
  .launch-assignment-review-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 9px}
  .launch-assignment-identity,
  .launch-assignment-claim{grid-column:1/-1}
  .launch-assignment-gate{grid-column:1;grid-row:auto}
  .launch-assignment-action{grid-column:2;grid-row:3;align-self:end}
}

/* Mobile navigation stays complete without hiding the active destination off-screen. */
@media(max-width:760px){
  .admin-shell .quickbar{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    grid-auto-columns:auto!important;
    gap:6px!important;
    overflow:visible!important;
  }
  .admin-shell .quickbar>button,
  .admin-shell .quickbar>.quickbar-more{
    width:100%!important;
    min-width:0!important;
  }
  .admin-shell .quickbar>.quickbar-more{position:relative;display:grid}
  .admin-shell .quickbar>.quickbar-more>summary{
    min-height:58px;
    padding:6px 3px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:4px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:7px;
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    color:#e3e5e6;
    font-size:9.5px;
    font-weight:900;
    line-height:1.05;
    list-style:none;
    cursor:pointer;
  }
  .admin-shell .quickbar>.quickbar-more>summary::-webkit-details-marker{display:none}
  .admin-shell .quickbar>.quickbar-more>summary .quick-icon{width:20px;height:20px;color:#f0d394}
  .admin-shell .quickbar>.quickbar-more.active>summary,
  .admin-shell .quickbar>.quickbar-more[open]>summary{
    border-color:rgba(240,217,147,.48);
    background:linear-gradient(180deg,rgba(213,177,95,.18),rgba(213,177,95,.09));
    color:var(--staff-accent-bright);
  }
  .admin-shell .quickbar-more-panel{
    position:fixed;
    left:8px;
    right:8px;
    bottom:calc(78px + env(safe-area-inset-bottom));
    z-index:40;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    padding:9px;
    border:1px solid rgba(213,177,95,.32);
    border-radius:10px;
    background:#111315;
    box-shadow:0 -18px 48px rgba(0,0,0,.42);
  }
  .admin-shell .quickbar-more-panel button{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
  }
  .admin-shell .health-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    padding-bottom:0!important;
  }
}
.application-live-state{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;white-space:nowrap}
.application-live-state .live-dot{width:7px;height:7px;border-radius:50%;background:#68d391;box-shadow:0 0 0 4px rgba(104,211,145,.1)}
.native-application-card.paid-priority{border-color:rgba(104,211,145,.34);box-shadow:inset 3px 0 0 rgba(104,211,145,.7),0 12px 28px rgba(0,0,0,.16)}
.native-application-next{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:10px;align-items:start;padding:10px 0;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:13px;line-height:1.35}
.native-application-next b{color:var(--text);font-size:12px;text-transform:uppercase}
.native-application-next.good b{color:#8ee3ad}
.native-cleanup-link{display:block;margin:18px auto 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.native-cleanup-link:hover{color:#f3b7b7}
.migration-proof{margin-top:12px;border:1px solid rgba(203,210,218,.24);border-radius:8px;background:rgba(203,210,218,.06);overflow:hidden}.migration-proof.warn{border-color:rgba(213,177,95,.36);background:rgba(213,177,95,.07)}.migration-proof.bad{border-color:rgba(239,135,135,.36);background:rgba(239,135,135,.07)}.migration-proof.good{border-color:rgba(104,211,145,.3);background:rgba(104,211,145,.06)}.migration-proof header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.migration-proof header strong{font-size:13px}.migration-proof header small{color:var(--muted);font-size:11px}.migration-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:10px 8px 9px;list-style:none;border-bottom:1px solid rgba(255,255,255,.08)}.migration-steps li{position:relative;display:grid;justify-items:center;align-content:start;gap:5px;min-width:0;padding:0 4px;color:var(--muted);font-size:10px;text-align:center}.migration-steps li:before{content:"";position:absolute;top:6px;right:50%;width:100%;height:1px;background:rgba(255,255,255,.12);transform:translateX(100%);z-index:0}.migration-steps li:last-child:before{display:none}.migration-steps i{position:relative;z-index:1;width:13px;height:13px;border:2px solid rgba(203,210,218,.44);border-radius:50%;background:#17191c}.migration-steps .done{color:#d7dde3}.migration-steps .done i{border-color:rgba(104,211,145,.72);background:rgba(104,211,145,.86);box-shadow:0 0 0 3px rgba(104,211,145,.08)}.migration-steps .current{color:#f2f4f6;font-weight:700}.migration-steps .current i{border-color:rgba(213,177,95,.9);background:rgba(213,177,95,.22);box-shadow:0 0 0 3px rgba(213,177,95,.1)}.migration-steps .current.failed i{border-color:rgba(239,135,135,.88);background:rgba(239,135,135,.22);box-shadow:0 0 0 3px rgba(239,135,135,.1)}.migration-next{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important;align-items:start;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.12)}.migration-next b{margin:1px 0 0;white-space:nowrap}.migration-next span{padding:0!important;border:0!important;font-size:12px;line-height:1.45}.migration-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.migration-facts>span{min-width:0;padding:9px 12px;border-right:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;overflow-wrap:anywhere}.migration-facts>span:nth-child(2n){border-right:0}.migration-facts>span.span2{grid-column:1/-1;border-right:0}.migration-proof b{display:block;margin-bottom:3px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:0}
@media(max-width:700px){.application-live-state{font-size:12px}.native-application-next{grid-template-columns:1fr;gap:4px}.migration-proof header{align-items:flex-start;flex-direction:column;gap:3px}.migration-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.migration-steps li:nth-child(3):before{display:none}.migration-next{grid-template-columns:1fr!important;gap:3px!important}.migration-facts{grid-template-columns:1fr}.migration-facts>span,.migration-facts>span:nth-child(2n){border-right:0}.migration-facts>span.span2{grid-column:auto}}
.customer-assistance-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid rgba(213,177,95,.34);border-radius:8px;background:linear-gradient(110deg,rgba(213,177,95,.12),rgba(203,210,218,.07));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.customer-assistance-banner>div{display:grid;gap:3px;min-width:0}.customer-assistance-banner strong{color:#f0d993;font-size:13px}.customer-assistance-banner span{color:#cbd1d7;font-size:12px;line-height:1.4}.customer-assistance-banner .btn{flex:0 0 auto}
.customer-account-center .local-search{margin:14px 0 10px}
@media(max-width:700px){.customer-assistance-banner{align-items:stretch;flex-direction:column;margin-bottom:10px}.customer-assistance-banner .btn{width:100%}}
.admin-shell .topbar{z-index:60}.app-notification-center{position:relative;z-index:61;margin-left:auto}.app-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:42px;height:38px;padding:0 11px;border:1px solid rgba(203,210,218,.22);border-radius:7px;background:rgba(203,210,218,.07);color:#e5e8eb;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.app-notification-bell:hover,.app-notification-bell[aria-expanded="true"]{border-color:rgba(213,177,95,.45);background:rgba(213,177,95,.11);color:#f0d993}.app-notification-bell-mark{position:relative;width:14px;height:14px;border:2px solid currentColor;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom:0}.app-notification-bell-mark:after{content:"";position:absolute;left:3px;bottom:-5px;width:5px;height:2px;border-radius:2px;background:currentColor}.app-notification-bell b{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #111315;border-radius:9px;background:#d96c72;color:#fff;font-size:9px;line-height:1}.app-notification-panel{position:absolute;z-index:62;top:46px;right:0;width:min(380px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 90px));overflow:hidden;border:1px solid rgba(203,210,218,.22);border-radius:8px;background:#15181b;box-shadow:0 24px 60px rgba(0,0,0,.5)}.app-notification-panel[hidden]{display:none}.app-notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(203,210,218,.04)}.app-notification-panel>header>div{display:grid;gap:2px}.app-notification-panel>header strong{font-size:14px}.app-notification-panel>header small{color:var(--muted);font-size:11px;line-height:1.35}.app-notification-close,.app-notification-tools button{border:0;background:transparent;color:#cbd1d7;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.app-notification-close:hover,.app-notification-tools button:hover{color:#f0d993}.app-notification-tools{display:flex;justify-content:space-between;gap:10px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.07)}.app-notification-list{max-height:min(500px,calc(100vh - 190px));overflow:auto}.app-notification-item{position:relative;display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;width:100%;padding:12px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;color:var(--text);text-align:left;cursor:pointer}.app-notification-item:hover{background:rgba(203,210,218,.06)}.app-notification-item.read{opacity:.66}.app-notification-item>span:last-child{display:grid;gap:3px;min-width:0}.app-notification-item strong{font-size:12px;line-height:1.3}.app-notification-item small{color:#b7bec5;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.app-notification-item time{color:#7f8993;font-size:10px}.app-notification-status{width:6px;height:6px;margin-top:5px;border-radius:50%;background:#8ba7c8}.app-notification-item.good .app-notification-status{background:#68d391}.app-notification-item.warn .app-notification-status{background:#d5b15f}.app-notification-item.bad .app-notification-status{background:#df777c}.app-notification-item.read .app-notification-status{background:#66717b}.app-notification-empty{padding:24px 14px;color:var(--muted);font-size:12px;text-align:center}.customer-account-actions .customer-notification-center{margin-left:0}.customer-account-actions .app-notification-bell{height:36px}
@media(max-width:700px){.app-notification-bell-label{display:none}.app-notification-bell{width:38px;min-width:38px;padding:0}.app-notification-panel{position:fixed;top:calc(58px + env(safe-area-inset-top));right:8px;bottom:auto;left:8px;display:flex;flex-direction:column;width:auto;max-height:calc(100vh - 154px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:8px}.app-notification-list{flex:1;min-height:0;max-height:none;overflow:auto}.customer-notification-center .app-notification-panel{top:calc(64px + env(safe-area-inset-top));max-height:calc(100vh - 160px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

/* Customer app: one compact five-tab workspace. */
.customer-app-body{margin:0;min-width:320px;overflow-x:hidden;background:#0b0d10;color:#edf0f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.customer-app-shell.customer-portal{min-height:100dvh;display:block;padding:0 22px 48px;background:#0b0d10;color:#edf0f2}
.customer-app-header{position:relative;z-index:70;width:min(1240px,100%);height:70px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;border-bottom:1px solid rgba(207,211,214,.1)}
.customer-app-brand{display:flex;align-items:center;gap:10px;min-width:0;color:#edf0f2;text-decoration:none}.customer-app-brand img{width:36px;height:36px;object-fit:contain}.customer-app-brand>span,.customer-app-welcome{display:grid;gap:1px}.customer-app-brand strong{font-size:13px}.customer-app-brand small,.customer-app-welcome small{color:#8f979e;font-size:10px}.customer-app-welcome{text-align:center}.customer-app-welcome strong{font-size:15px}.customer-app-header .customer-account-actions{justify-self:end;min-width:42px}
.customer-app-tabs.customer-action-hub{position:sticky;top:0;z-index:55;width:min(1240px,100%);margin:0 auto;padding:10px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#0b0d10}
.customer-app-tabs.customer-action-hub a{min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 12px;border:1px solid transparent;border-radius:7px;background:transparent;box-shadow:none;color:#929aa1;text-decoration:none;font-size:12px;font-weight:800;transition:color .16s ease,background .16s ease,border-color .16s ease}
.customer-app-tabs.customer-action-hub a:hover{transform:none;border-color:rgba(207,211,214,.12);background:rgba(207,211,214,.05);box-shadow:none;color:#edf0f2}.customer-app-tabs.customer-action-hub a.active{border-color:rgba(213,177,95,.22);background:rgba(213,177,95,.08);box-shadow:none;color:#ead18e}.customer-app-tabs span{color:inherit;font-size:inherit;text-transform:none}.customer-app-tabs b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:rgba(203,210,218,.1);color:#cbd2d8;font-size:9px}
.customer-app-pages{width:min(1240px,100%);margin:0 auto}.customer-portal-page{display:none;min-width:0;padding:28px 0}.customer-portal-page.portal-visible{display:block}.customer-portal-page[hidden]{display:none!important}
.customer-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.customer-page-heading>div{display:grid;gap:4px;min-width:0}.customer-page-heading small,.customer-section-title small{color:#a88f58;font-size:10px;font-weight:850;text-transform:uppercase}.customer-page-heading h1{margin:0;color:#f1f2f3;font-size:34px;line-height:1.08;letter-spacing:0}.customer-status{flex:0 0 auto;max-width:42%;padding:7px 10px;border:1px solid rgba(203,210,218,.18);border-radius:7px;background:rgba(203,210,218,.06);color:#cbd1d7;font-size:11px;font-weight:800;overflow-wrap:anywhere}.customer-status.good{border-color:rgba(104,211,145,.25);background:rgba(104,211,145,.07);color:#9adcb1}.customer-status.warn{border-color:rgba(213,177,95,.28);background:rgba(213,177,95,.08);color:#e1c67f}
.customer-home-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.customer-home-stats article{min-width:0;display:grid;gap:7px;padding:16px;border:1px solid rgba(203,210,218,.12);border-radius:8px;background:#13161a;box-shadow:0 12px 26px rgba(0,0,0,.16)}.customer-home-stats article:first-child{border-color:rgba(213,177,95,.25)}.customer-home-stats span{color:#9aa2a9;font-size:10px;font-weight:800;text-transform:uppercase}.customer-home-stats strong{color:#f1f2f3;font-size:24px;line-height:1.08;overflow-wrap:anywhere}.customer-home-stats small{color:#899198;font-size:11px;line-height:1.4}
.customer-app-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.customer-app-surface{min-width:0;padding:18px;border:1px solid rgba(203,210,218,.12);border-radius:8px;background:#121519;box-shadow:0 16px 34px rgba(0,0,0,.16)}
.customer-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.customer-section-title>div{display:grid;gap:3px;min-width:0}.customer-section-title h2{margin:0;color:#eceff1;font-size:17px;line-height:1.2;letter-spacing:0}.customer-app-link{display:inline-flex;align-items:center;border:0;background:transparent;color:#d8bd78!important;font:inherit;font-size:11px;font-weight:850;text-decoration:none;cursor:pointer}.customer-app-link:hover{color:#f0d996!important}.customer-app-link.danger{color:#e6979c!important}
.customer-vehicle-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid rgba(203,210,218,.09);border-radius:7px;overflow:hidden;background:rgba(203,210,218,.07)}.customer-vehicle-summary span{min-width:0;display:grid;gap:5px;padding:12px;background:#101317;color:#7f8991;font-size:9px;text-transform:uppercase}.customer-vehicle-summary b{color:#dce0e3;font-size:11px;text-transform:none;overflow-wrap:anywhere}
.customer-app-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(203,210,218,.09);color:#dfe3e6;text-decoration:none}.customer-app-row:last-child{border-bottom:0}.customer-app-row>div{min-width:0;display:grid;gap:4px}.customer-app-row strong{color:#e9ecee;font-size:13px;overflow-wrap:anywhere}.customer-app-row span,.customer-app-row small{color:#858e96;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.customer-app-row>b{flex:0 0 auto;color:#d7c184;font-size:12px}.customer-browse-row:hover strong{color:#f1d995}.customer-app-empty{padding:18px 2px;color:#858e96;font-size:12px;line-height:1.45}
.customer-app-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.customer-app-form>.customer-section-title,.customer-app-form>small,.customer-app-form>.customer-date-fee,.customer-app-form>.customer-check,.customer-app-form>.customer-vehicle-choices{grid-column:1/-1}.customer-app-form label{min-width:0;display:grid;gap:6px;color:#aeb5bb;font-size:10px;font-weight:800}.customer-app-form input,.customer-app-form select,.customer-app-form textarea{box-sizing:border-box;width:100%;min-width:0;min-height:42px;border:1px solid rgba(203,210,218,.17);border-radius:7px;padding:9px 10px;background:#0b0e11;color:#eef0f2;font:inherit;font-size:14px;letter-spacing:0;outline:none}.customer-app-form textarea{min-height:92px;resize:vertical}.customer-app-form input:focus,.customer-app-form select:focus,.customer-app-form textarea:focus{border-color:rgba(213,177,95,.5);box-shadow:0 0 0 3px rgba(213,177,95,.07)}.customer-app-form input:disabled{color:#8d969d;background:#101317}.customer-app-form label>small,.customer-app-form>small{color:#7f8991;font-size:10px;line-height:1.45;font-weight:500}.customer-app-form .btn{justify-self:start;min-height:42px}.customer-app-form.compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.customer-app-form.compact>div{display:grid;gap:4px}.customer-app-form.compact>div span{color:#8b949b;font-size:11px}.customer-app-form.compact>small{grid-column:1/-1}.customer-date-fee{padding:10px;border:1px solid rgba(203,210,218,.12);border-radius:7px;background:rgba(203,210,218,.04);color:#929ba2;font-size:11px}.customer-date-fee.ready{border-color:rgba(213,177,95,.28);background:rgba(213,177,95,.07);color:#e1c67f}.customer-divider{height:1px;margin:18px 0;background:rgba(203,210,218,.1)}
.customer-app-notice{display:grid;gap:4px;padding:11px;border:1px solid rgba(203,210,218,.14);border-radius:7px;background:rgba(203,210,218,.05)}.customer-app-notice strong{font-size:12px}.customer-app-notice span{color:#959ea5;font-size:10px;line-height:1.4}.customer-app-notice.warn{border-color:rgba(213,177,95,.28);background:rgba(213,177,95,.07)}
.customer-app-disclosure{margin-top:14px;border-top:1px solid rgba(203,210,218,.1)}.customer-app-disclosure summary{padding:14px 0 2px;color:#d4bd80;font-size:11px;font-weight:850;cursor:pointer}.customer-app-disclosure[open] summary{margin-bottom:14px}.customer-app-disclosure .customer-app-form+.customer-app-form{margin-top:14px;padding-top:14px;border-top:1px solid rgba(203,210,218,.08)}
.customer-vehicle-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:18px;border:1px solid rgba(203,210,218,.09);border-radius:7px;overflow:hidden;background:rgba(203,210,218,.07)}.customer-vehicle-facts span{min-width:0;display:grid;gap:6px;padding:12px;background:#0f1216;color:#7f8991;font-size:9px;text-transform:uppercase}.customer-vehicle-facts b{color:#dfe3e6;font-size:11px;text-transform:none;overflow-wrap:anywhere}.customer-vehicle-choices{display:grid;gap:7px}.customer-vehicle-choice{display:grid!important;grid-template-columns:auto 54px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid rgba(203,210,218,.11);border-radius:7px;background:#0f1215;cursor:pointer}.customer-vehicle-choice:has(input:checked){border-color:rgba(213,177,95,.4);background:rgba(213,177,95,.06)}.customer-vehicle-choice input{width:16px!important;height:16px;min-height:0!important}.customer-vehicle-choice-media{width:54px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:5px;background:#191d21}.customer-vehicle-choice-media img{width:100%;height:100%;object-fit:cover}.customer-vehicle-choice-media i{color:#8f979e;font-size:9px}.customer-vehicle-choice>span:last-child{min-width:0;display:grid;gap:3px}.customer-vehicle-choice strong{font-size:11px}.customer-vehicle-choice small{color:#848d95;font-size:9px}.customer-check{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px!important}.customer-check input{width:17px!important;height:17px;min-height:0!important}.customer-check span{color:#adb4ba;font-size:10px;line-height:1.45}
.customer-settings-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid rgba(203,210,218,.1)}.customer-policy-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px solid rgba(203,210,218,.1)}.customer-policy-links a{color:#aab2b8;font-size:10px;text-decoration:none}.customer-policy-links a:hover{color:#e1ca8b}
.customer-settings-menu{width:min(760px,100%);margin:0 auto;overflow:hidden;border:1px solid rgba(203,210,218,.13);border-radius:8px;background:#121519;box-shadow:0 18px 38px rgba(0,0,0,.18)}
.customer-settings-menu-row{width:100%;min-height:68px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:0;border-bottom:1px solid rgba(203,210,218,.09);border-radius:0;background:transparent;color:#edf0f2;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease}.customer-settings-menu-row:last-child{border-bottom:0}.customer-settings-menu-row:hover,.customer-settings-menu-row:focus-visible{background:rgba(213,177,95,.07);color:#f0d99d;outline:none}.customer-settings-menu-row>span{display:grid;gap:4px;min-width:0}.customer-settings-menu-row strong{font-size:14px;line-height:1.2}.customer-settings-menu-row small{color:#929aa1;font-size:11px;line-height:1.35}.customer-settings-menu-row b{flex:0 0 auto;color:#9aa2a8;font-size:26px;font-weight:400;line-height:1}
.customer-settings-workspace{width:min(800px,100%);margin:0 auto;display:block}.customer-settings-workspace[hidden],.customer-settings-menu[hidden],.customer-settings-panel[hidden]{display:none!important}.customer-settings-panel{width:100%;margin:0 auto}.customer-settings-back{display:inline-flex;align-items:center;gap:5px;min-height:36px;margin:-5px 0 14px -5px;padding:4px 8px;border:0;border-radius:6px;background:transparent;color:#d8bd7c;font-size:12px;font-weight:800;cursor:pointer}.customer-settings-back:hover,.customer-settings-back:focus-visible{background:rgba(213,177,95,.08);outline:none}.customer-settings-back span{font-size:25px;font-weight:400;line-height:.7}.customer-settings-generated-title{padding-bottom:12px;border-bottom:1px solid rgba(203,210,218,.09)}
.customer-mobile-page-head{display:none}.customer-app-shell .customer-conversation-panel{padding:0;border:1px solid rgba(203,210,218,.12);border-radius:8px;overflow:hidden;background:#121519}.customer-app-shell .customer-chat{height:min(720px,calc(100dvh - 190px));min-height:520px;background:#101317}.customer-app-shell .customer-chat-header{background:#14181c}.customer-app-shell .customer-chat-composer{background:#111418}.customer-app-shell .customer-chat-composer .btn{justify-content:center}
.customer-app-shell .customer-row{border-color:rgba(203,210,218,.09);color:#dfe3e6}.customer-app-shell .customer-row strong,.customer-app-shell .customer-row b{color:#e9ecee}.customer-app-shell .customer-row small,.customer-app-shell .customer-row p{color:#858e96}.customer-app-shell .customer-row .btn{min-height:34px;padding:7px 10px}
.customer-app-shell .btn.primary{border:1px solid rgba(213,177,95,.38);background:rgba(213,177,95,.14);color:#f0d993;box-shadow:none}.customer-app-shell .btn.primary:hover{border-color:rgba(213,177,95,.58);background:rgba(213,177,95,.2);color:#f5e3af;box-shadow:none}
@media(max-width:900px){.customer-app-shell.customer-portal{padding-inline:14px}.customer-app-columns{grid-template-columns:1fr}.customer-home-stats strong{font-size:21px}}
@media(max-width:700px){
  .customer-app-shell.customer-portal{padding:0 10px calc(82px + env(safe-area-inset-bottom))}.customer-app-header{height:54px;grid-template-columns:minmax(0,1fr) 40px;gap:7px;padding:env(safe-area-inset-top) 2px 0}.customer-app-brand{display:none}.customer-app-welcome{min-width:0;text-align:left;overflow:hidden}.customer-app-welcome small{display:none}.customer-app-welcome strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.customer-app-header .customer-account-actions{grid-column:2;justify-self:end;width:38px;min-width:38px;overflow:visible}.customer-app-header .customer-notification-center{width:38px}
  .customer-app-tabs.customer-action-hub{position:fixed;z-index:80;inset:auto 7px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;width:auto;padding:6px;border:1px solid rgba(203,210,218,.15);border-radius:10px;background:#15181c;box-shadow:0 -16px 38px rgba(0,0,0,.42)}.customer-app-tabs.customer-action-hub a{min-width:0;min-height:48px;padding:5px 2px;display:grid;place-items:center;gap:2px;border-radius:7px;font-size:9px}.customer-app-tabs.customer-action-hub a:hover{border-color:transparent}.customer-app-tabs b{display:none}
  .customer-portal-page{padding:17px 0}.customer-page-heading{align-items:flex-start;margin-bottom:14px}.customer-page-heading h1{font-size:23px}.customer-page-heading small{font-size:9px}.customer-status{max-width:45%;padding:6px 8px;font-size:9px}
  .customer-home-stats,.customer-home-stats.payments{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:9px}.customer-home-stats article{padding:10px 8px;gap:4px;border-radius:7px}.customer-home-stats span{font-size:8px}.customer-home-stats strong{font-size:15px}.customer-home-stats small{font-size:8px}
  .customer-app-columns{gap:9px}.customer-app-surface{padding:13px;border-radius:7px}.customer-section-title{margin-bottom:11px}.customer-section-title h2{font-size:15px}.customer-vehicle-summary{grid-template-columns:1fr}.customer-vehicle-summary span{padding:9px;grid-template-columns:58px minmax(0,1fr);align-items:center}
  #portal-settings.customer-settings-detail-open>.customer-page-heading{display:none}.customer-settings-menu{border-radius:7px}.customer-settings-menu-row{min-height:64px;padding:12px 13px}.customer-settings-menu-row strong{font-size:13px}.customer-settings-menu-row small{font-size:10px}.customer-settings-panel.customer-app-surface{padding-top:10px}.customer-settings-back{position:sticky;top:4px;z-index:4;margin:0 0 12px -4px;background:#121519}
  .customer-app-form,.customer-app-form.compact{grid-template-columns:1fr;gap:9px}.customer-app-form input,.customer-app-form select,.customer-app-form textarea{font-size:16px}.customer-app-form .btn{width:100%;justify-content:center}.customer-app-form.compact>small{grid-column:auto}.customer-app-row{padding:10px 0}.customer-vehicle-facts{grid-template-columns:1fr 1fr}.customer-settings-actions{display:grid;grid-template-columns:1fr;gap:4px}.customer-settings-actions .customer-app-link{min-height:38px}
  .customer-mobile-page-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 9px}.customer-mobile-page-head a{color:#d8bd78;font-size:11px;text-decoration:none}.customer-mobile-page-head strong{font-size:12px}.customer-app-shell .customer-chat{height:calc(var(--customer-live-viewport-height,100dvh) - 145px - env(safe-area-inset-bottom));min-height:0}.customer-app-shell .customer-chat-header{display:none}.customer-app-shell .customer-chat-messages{padding:11px 8px}.customer-app-shell .customer-chat-composer{position:relative;z-index:2;padding:8px}.customer-app-shell .customer-chat-composer textarea{font-size:16px}
  .customer-notification-center .app-notification-panel{top:calc(58px + env(safe-area-inset-top));max-height:calc(100vh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
  .customer-app-body.customer-keyboard-open .customer-app-tabs.customer-action-hub{opacity:0;pointer-events:none;transform:translateY(110%)}
  .customer-app-body.customer-keyboard-open .customer-app-shell.customer-portal{padding-bottom:8px}
  .customer-app-body.customer-keyboard-open .customer-app-shell .customer-chat{height:calc(var(--customer-live-viewport-height,100dvh) - 112px);min-height:0}
}

/* Staff and customer app headers use the same restrained glass surface. */
.admin-shell .topbar.compact-title{
  min-height:54px;
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid rgba(203,210,218,.14)!important;
  border-radius:8px;
  background:linear-gradient(145deg,rgba(231,235,238,.07),rgba(213,177,95,.035)),rgba(17,20,23,.94)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(14px) saturate(108%);
}
.admin-shell .topbar.compact-title h1{color:#eef0f2;font-size:22px}
.customer-live-alert{
  position:fixed;
  z-index:120;
  top:calc(12px + env(safe-area-inset-top));
  right:12px;
  display:grid;
  gap:3px;
  width:min(360px,calc(100vw - 24px));
  padding:12px 14px;
  border:1px solid rgba(203,210,218,.24);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(231,235,238,.1),rgba(213,177,95,.06)),#171a1d;
  color:#eef0f2;
  box-shadow:0 20px 54px rgba(0,0,0,.46);
  text-align:left;
  font:inherit;
  cursor:pointer;
}
.customer-live-alert strong{font-size:12px}.customer-live-alert span{color:#b9c0c6;font-size:11px;line-height:1.4}.customer-live-alert.good{border-color:rgba(104,211,145,.35)}.customer-live-alert.warn{border-color:rgba(213,177,95,.42)}.customer-live-alert.bad{border-color:rgba(223,119,124,.42)}
@media(max-width:700px){
  .admin-shell .topbar.compact-title{top:4px;min-height:48px;margin:0 0 8px;padding:8px 10px;border-radius:8px}
  .admin-shell .topbar.compact-title h1{max-width:calc(100vw - 92px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}
  .customer-live-alert{top:calc(8px + env(safe-area-inset-top));right:8px;width:calc(100vw - 16px)}
}

/* Phone chrome and keyboards must never cover the staff or customer composer. */
@media(max-width:760px){
  .admin-shell>.main{padding-top:calc(8px + env(safe-area-inset-top))!important}
  .admin-shell .message-inbox-shell{height:calc(100dvh - 150px - env(safe-area-inset-top))!important}
  .message-inbox-shell .message-reply-box{gap:3px;padding:4px 6px calc(4px + env(safe-area-inset-bottom))}
  .message-compose-row{grid-template-columns:minmax(0,1fr) 64px;gap:5px;align-items:end}
  .message-inbox-shell .message-reply-box textarea{min-height:38px;max-height:70px;padding:7px 8px}
  .message-compose-actions{grid-template-columns:1fr;gap:3px}
  .message-compose-actions .btn{min-height:28px;padding:4px 5px;font-size:9px}
}

/* An open phone conversation is a focused screen; its composer owns the bottom edge. */
@media(max-width:760px){
  body:has(.admin-shell .message-inbox-shell.message-mobile-thread-open) .admin-shell>.main{
    height:100dvh;
    min-height:0;
    padding:calc(7px + env(safe-area-inset-top)) 7px calc(7px + env(safe-area-inset-bottom))!important;
    overflow:hidden;
  }
  body:has(.admin-shell .message-inbox-shell.message-mobile-thread-open) .admin-shell .view-messages{
    height:100%;
    min-height:0;
    padding:0!important;
    overflow:hidden;
  }
  body:has(.admin-shell .message-inbox-shell.message-mobile-thread-open) .admin-shell .message-inbox-shell{
    height:100%!important;
    min-height:0!important;
  }
  body:has(.admin-shell .message-inbox-shell.message-mobile-thread-open) .admin-shell .quickbar{
    display:none!important;
  }
}
@media(max-width:700px){
  html:has(body.customer-message-keyboard-open),body.customer-message-keyboard-open{height:var(--customer-live-viewport-height,100dvh);overflow:hidden;overscroll-behavior:none}
  body.customer-message-keyboard-open .customer-app-shell.customer-portal{height:var(--customer-live-viewport-height,100dvh);overflow:hidden}
  body.customer-message-keyboard-open .customer-app-pages{height:calc(var(--customer-live-viewport-height,100dvh) - 54px);min-height:0;overflow:hidden}
  body.customer-message-keyboard-open #portal-messages{box-sizing:border-box;display:flex!important;flex-direction:column;height:100%;min-height:0;padding:0;overflow:hidden}
  body.customer-message-keyboard-open .customer-mobile-page-head{display:none}
  body.customer-message-keyboard-open .customer-conversation-panel{flex:1 1 auto;min-height:0}
  body.customer-message-keyboard-open .customer-chat{height:100%!important;min-height:0}
}

/* Match staff card surfaces to the customer app without changing action colors. */
.admin-shell :is(.card,.item,.lead-card,.column,.mechanic-card,.company-card,.api-phase,.public-vehicle-card,.account-card,.file-summary>div,.health-card,.access-lane,.match-lane,.application-lane,.claim-lane,.message-lane,.timeline-item,.access-next-item,.claim-next-item,.match-next-item,.ops-item,.due-row,.mini-row,.payment-next-item,.service-next-item,.fleet-next-item,.accounting-next-item,.customer-pay-card,.today-focus-main,.today-metric,.payment-lane,.service-lane,.fleet-lane,.workflow-step,.readiness-card,.accounting-lane,.api-lane,.executive-card,.native-online-summary span,.native-file-grid>div,.native-application-card,.native-review-file,.local-result-card),
.admin-shell :is(.native-inventory-board,.native-website-apps,.native-applications-board){
  background:#121519!important;
  border-color:rgba(203,210,218,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}
.admin-shell :is(.card,.item,.lead-card,.mechanic-card,.company-card,.due-row,.mini-row,.customer-pay-card,.native-online-card,.native-application-card,.native-review-file,.local-result-card):hover{
  background:#121519!important;
  border-color:rgba(213,177,95,.27)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.21)!important;
}

/* Customer actions share the staff app's light modern gold treatment. */
.customer-app-shell .btn.primary,
.customer-app-shell .btn.gold{
  background:linear-gradient(145deg,rgba(240,217,147,.18),rgba(213,177,95,.07)),rgba(24,27,30,.94)!important;
  border-color:rgba(240,217,147,.58)!important;
  color:#f4dda0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 9px 22px rgba(0,0,0,.2),0 0 0 1px rgba(213,177,95,.05)!important;
}
.customer-app-shell .btn.primary:hover,
.customer-app-shell .btn.gold:hover{
  background:linear-gradient(145deg,rgba(240,217,147,.25),rgba(213,177,95,.10)),rgba(28,31,34,.96)!important;
  border-color:rgba(240,217,147,.78)!important;
  color:#ffeab4!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 11px 26px rgba(0,0,0,.24),0 0 18px rgba(213,177,95,.08)!important;
}
.customer-app-tabs.customer-action-hub a.active{
  background:linear-gradient(180deg,rgba(213,177,95,.18),rgba(213,177,95,.09))!important;
  border-color:rgba(240,217,147,.48)!important;
  color:#f0d993!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 18px rgba(0,0,0,.14)!important;
}

/* Message workspaces use the same near-black card surface as the customer app. */
.admin-shell :is(.message-inbox-shell,.message-thread-list,.message-conversation-panel,.message-tool-panel,.message-setup-focused>.card,.message-focused-tabs),
.admin-shell .message-inbox-shell :is(.message-thread-row,.message-conversation-head,.message-reply-box){
  background:#121519!important;
  border-color:rgba(203,210,218,.12)!important;
}
.admin-shell .message-inbox-shell .message-bubbles{background:#0f1216!important}

@media(min-width:761px){
  .customer-pay-card{position:relative;overflow:visible!important}
  .customer-pay-card:has(.action-menu[open]){z-index:90}
  .customer-pay-card>.actions>.action-menu[open]{display:inline-block;flex:0 0 auto;min-width:0;z-index:95}
  .customer-pay-card>.actions>.action-menu>.action-menu-panel{
    position:absolute;
    z-index:100;
    top:calc(100% + 7px);
    right:auto;
    left:0;
    margin-top:0;
  }
}

/* Shared interaction finish: quieter chrome, stronger wayfinding, app-grade focus. */
html{scrollbar-gutter:stable}
body.woa-modal-open{overflow:hidden;overscroll-behavior:none}
:where(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,summary):focus-visible{
  outline:2px solid rgba(240,217,147,.82);
  outline-offset:2px;
}
.admin-shell,.customer-app-shell,.login-page{font-synthesis:none}
.admin-shell>.main>*{width:min(100%,1560px);margin-inline:auto}

@media(min-width:761px){
  .app.admin-shell{grid-template-columns:226px minmax(0,1fr)}
  .admin-shell>.sidebar{display:flex;flex-direction:column;padding:18px 11px 12px!important}
  .admin-shell>.sidebar .brand{
    margin:0 0 13px;
    padding:8px 7px;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .admin-shell>.sidebar .admin-logo{width:42px;height:42px}
  .admin-shell>.sidebar .brand b{font-size:15px}
  .admin-shell>.sidebar .brand span{font-size:9px;color:#838a90!important}
  .admin-shell>.sidebar .nav{flex:1;align-content:start;overflow:auto;padding-right:2px;scrollbar-width:thin}
  .admin-shell .nav-group,.admin-shell .nav-single{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .admin-shell .nav-group+.nav-group,.admin-shell .nav-single+.nav-group,.admin-shell .nav-group+.nav-single{margin-top:5px}
  .admin-shell .nav-group summary{min-height:30px;padding:6px 8px;font-size:9px;color:#737b82!important}
  .admin-shell .nav-group>div{padding:1px 0 4px}
  .admin-shell .nav button{min-height:41px;padding:8px 9px;border:1px solid transparent!important}
  .admin-shell .nav button.active{box-shadow:inset 2px 0 0 var(--staff-accent)!important}
  .admin-shell>.main{padding:24px clamp(22px,3vw,48px) 50px!important}
}

.nav-button-main{display:flex;align-items:center;gap:9px;min-width:0}
.nav-button-main>.quick-icon{width:17px;height:17px;flex:0 0 17px;color:#8f979e}
.nav-button-main>.quick-icon path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.nav-button-main>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-shell .nav button.active .nav-button-main>.quick-icon{color:var(--staff-accent-bright)}
.admin-shell .nav button small{min-width:20px;padding:2px 6px;text-align:center;background:rgba(203,210,218,.08)!important;color:#aeb5ba!important}

.sidebar-account{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  margin-top:12px;
  padding:8px;
  border:1px solid rgba(203,210,218,.1);
  border-radius:8px;
  background:#101316;
  color:#e7eaec;
  text-align:left;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,color .16s ease;
}
.sidebar-account:hover{border-color:rgba(213,177,95,.3);background:#14171a;color:#f3dda0}
.sidebar-account-avatar{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(213,177,95,.28);border-radius:7px;background:rgba(213,177,95,.08);color:#e5ca82;font-size:10px;font-weight:900}
.sidebar-account-copy{min-width:0;display:grid;gap:2px}
.sidebar-account-copy strong,.sidebar-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-account-copy strong{font-size:11px;color:inherit!important}
.sidebar-account-copy small{font-size:8px;color:#7f878d!important}
.sidebar-account-arrow{color:#747c82;font-size:20px;font-weight:300}
.admin-shell .side-note{display:none!important}

.admin-shell .topbar.compact-title{
  min-height:48px;
  margin-bottom:13px;
  padding:7px 3px 10px;
  border-width:0 0 1px!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none;
}
.admin-shell .topbar.compact-title h1{font-size:clamp(21px,2vw,27px);font-weight:780;line-height:1.05}
.admin-shell .ui-view-enter>*:not(.topbar){opacity:.82;transform:translateY(4px)}
.admin-shell .ui-view-enter.ui-view-ready>*:not(.topbar){opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}

.admin-shell .card.section:hover{
  background:#121519!important;
  border-color:rgba(203,210,218,.12)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16)!important;
}
.admin-shell :is(.btn,button[data-view],button[data-tab],button[data-action]):active:not(:disabled){transform:scale(.985)!important}
.admin-shell :is(.btn,button)[disabled]{cursor:not-allowed;opacity:.52}
.admin-shell .is-loading{position:relative;cursor:wait!important}
.admin-shell .is-loading:after{content:"";width:12px;height:12px;flex:0 0 12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:woa-control-spin .65s linear infinite}
@keyframes woa-control-spin{to{transform:rotate(360deg)}}

.action-menu[open]>.action-menu-panel,.quickbar-more[open]>.quickbar-more-panel{animation:woa-menu-open .14s ease-out both;transform-origin:top right}
@keyframes woa-menu-open{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
.action-menu-panel{overscroll-behavior:contain}

.modal-backdrop[style*="grid"]{animation:woa-backdrop-in .15s ease-out both}
.modal-backdrop[style*="grid"]>.modal{animation:woa-dialog-in .18s ease-out both}
@keyframes woa-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes woa-dialog-in{from{opacity:0;transform:translateY(8px) scale(.992)}to{opacity:1;transform:none}}
.modal{overscroll-behavior:contain}
.modal-head{position:sticky;top:0;z-index:12;min-height:54px;padding:11px 13px!important}
.modal-head>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.modal-close{width:36px;min-width:36px;height:36px;justify-content:center;padding:0!important;border-radius:7px!important}
.modal-close-desktop{font-size:25px;font-weight:400;line-height:1}
.modal-close-mobile{align-items:center;gap:3px}
.modal-body{overscroll-behavior:contain}

.login-card label{text-transform:none;letter-spacing:0;font-size:11px}
.login-card input{font-size:16px;outline:none}
.login-card .btn{
  width:100%;
  min-height:42px;
  justify-content:center;
  margin-top:8px!important;
  border:1px solid rgba(203,210,218,.13)!important;
  background:#111417!important;
  color:#c9ced2!important;
  box-shadow:none!important;
  text-decoration:none;
}
.login-card .btn:hover,.login-card .btn:focus-visible{border-color:rgba(213,177,95,.34)!important;background:#171a1d!important;color:#f0d993!important}
.login-card .login-pin{margin-top:12px;font-size:10px;line-height:1.45}

.customer-app-tabs .customer-tab-icon{width:16px;height:16px;flex:0 0 16px;color:#8d969d}
.customer-app-tabs .customer-tab-icon path{fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.customer-app-tabs a{display:flex;align-items:center;justify-content:center;gap:7px}
.customer-app-tabs a.active .customer-tab-icon{color:#f0d993}
.customer-app-shell .customer-chat-composer small{font-size:9px;color:#737c84}

@media(min-width:1500px){
  .admin-shell>.main{padding-inline:clamp(44px,5vw,86px)!important}
  .admin-shell>.main>*{width:min(100%,1600px)}
}

@media(max-width:760px){
  html{scrollbar-gutter:auto}
  .admin-shell>.main>*{width:100%}
  .admin-shell .topbar.compact-title{min-height:43px;padding:5px 2px 8px}
  .admin-shell .topbar.compact-title h1{font-size:18px}
  .admin-shell .ui-view-enter>*:not(.topbar){transform:translateY(2px)}
  .admin-shell .quickbar{border-radius:8px!important;box-shadow:0 -12px 32px rgba(0,0,0,.38)!important}
  .admin-shell .quickbar>button,.admin-shell .quickbar>.quickbar-more>summary{min-height:54px!important}
  .admin-shell .quickbar .quick-icon{width:19px!important;height:19px!important}
  .modal-backdrop{place-items:end center!important;padding:0!important}
  .modal{width:100%!important;max-height:calc(100dvh - env(safe-area-inset-top))!important;border-width:1px 0 0!important;border-radius:8px 8px 0 0!important}
  .modal-head{min-height:50px;padding:8px 10px!important}
  .modal-close{width:auto;min-width:62px;border:0!important;background:transparent!important;box-shadow:none!important;color:#f0d993!important}
  .modal-close-desktop{display:none!important}.modal-close-mobile{display:inline-flex!important}
  .modal-body{padding:12px 10px calc(18px + env(safe-area-inset-bottom))!important}
  .login-card{padding:18px!important}
  .customer-app-tabs.customer-action-hub a{display:grid!important;place-items:center;align-content:center;gap:2px!important}
  .customer-app-tabs .customer-tab-icon{width:19px;height:19px}
  .customer-app-shell .customer-chat-composer small{display:none}
  .message-inbox-shell .message-thread-list>.local-search{grid-template-columns:minmax(0,1fr)!important}
  .customer-app-shell .customer-chat{height:calc(var(--customer-live-viewport-height,100dvh) - 170px - env(safe-area-inset-bottom))!important;grid-template-rows:minmax(0,1fr) auto}
  .customer-app-shell .customer-chat-composer textarea{height:44px;min-height:44px;max-height:88px;resize:none;overflow-y:auto}
}

@media(prefers-reduced-motion:reduce){
  .admin-shell .ui-view-enter>*,.admin-shell .ui-view-enter.ui-view-ready>*,.modal-backdrop[style*="grid"],.modal-backdrop[style*="grid"]>.modal,.action-menu[open]>.action-menu-panel,.quickbar-more[open]>.quickbar-more-panel{animation:none!important;transition:none!important;transform:none!important}
}

/* Interface system 350: quieter structure, stronger hierarchy, and lighter rendering. */
.admin-shell,
.customer-app-shell,
.login-page,
.modal{
  --woa-canvas:#0b0d0f;
  --woa-surface:#111417;
  --woa-surface-raised:#161a1e;
  --woa-surface-hover:#1a1e22;
  --woa-line:rgba(220,226,231,.13);
  --woa-line-strong:rgba(220,226,231,.22);
  --woa-text:#f3f4f2;
  --woa-muted:#9ca4aa;
  --woa-gold:#d7bb74;
  --woa-gold-bright:#f0d993;
  --woa-gold-line:rgba(215,187,116,.48);
  --woa-focus:rgba(240,217,147,.78);
  letter-spacing:0;
}
.admin-shell :is(h1,h2,h3,p,button,a,input,select,textarea,label,small,strong,span),
.customer-app-shell :is(h1,h2,h3,p,button,a,input,select,textarea,label,small,strong,span),
.login-page :is(h1,h2,h3,p,button,a,input,label,small,strong,span){letter-spacing:0!important}
body:has(.admin-shell),body.customer-app-body{overscroll-behavior-y:none}
.admin-shell :is(button,a,summary),.customer-app-shell :is(button,a,summary){touch-action:manipulation}

/* Keep large operational lists responsive without changing their data or actions. */
.admin-shell :is(.staff-card-grid>.mechanic-card,.customer-pay-list>.customer-pay-card,.native-online-grid>.native-online-card,.native-application-grid>.native-application-card,.integration-list>.integration-row,.message-thread-grid>.message-thread-row){
  content-visibility:auto;
  contain-intrinsic-size:auto 170px;
}
.admin-shell :is(.table-wrap,.integration-list,.message-thread-scroller,.message-bubbles),
.customer-app-shell :is(.customer-app-list,.customer-chat-messages){scrollbar-width:thin;scrollbar-color:#444b51 transparent}

@media(min-width:761px){
  .app.admin-shell{grid-template-columns:266px minmax(0,1fr)}
  .admin-shell>.sidebar{padding:20px 13px 13px!important}
  .admin-shell>.sidebar .brand{padding:8px 6px 12px}
  .admin-shell>.sidebar .brand b{font-size:16px}
  .admin-shell>.sidebar .brand span{font-size:10px}
  .admin-shell .nav button{min-height:44px;padding:9px 10px;font-size:13px}
  .admin-shell .nav-group summary{font-size:10px}
  .admin-shell>.main{padding:27px clamp(26px,3vw,52px) 56px!important}
  .admin-shell>.main>*{width:min(100%,1500px)}
  .admin-shell .topbar.compact-title{min-height:51px;margin-bottom:15px;padding:6px 2px 12px}
  .admin-shell .topbar.compact-title h1{font-size:26px;font-weight:780}
  .admin-shell .section-head h2{font-size:19px}
  .admin-shell .section-head p{font-size:12px;line-height:1.45}
}

.admin-shell>.main{background:linear-gradient(145deg,#0b0d0f 0%,#121518 52%,#0d1012 100%)!important}
.admin-shell>.sidebar{background:#080a0c!important}
.admin-shell .card{animation:none!important}
.admin-shell :is(.card,.item,.lead-card,.column,.mechanic-card,.company-card,.api-phase,.public-vehicle-card,.native-inventory-board,.native-website-apps,.native-applications-board,.message-inbox-shell,.message-thread-list,.message-conversation-panel,.message-tool-panel){
  background:var(--woa-surface)!important;
  border-color:var(--woa-line)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.16)!important;
}
.admin-shell .card.section{padding:16px}
.admin-shell .section-head{margin-bottom:13px}
.admin-shell .section-head>.actions{gap:6px}
.admin-shell .btn{min-height:38px;padding:8px 11px;border-radius:7px;font-size:12px;line-height:1.15}
.admin-shell .btn:not(.primary):not(.gold):not(.danger){
  background:rgba(225,231,236,.055)!important;
  border-color:rgba(225,231,236,.14)!important;
  color:#d7dbde!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.admin-shell .btn:not(.primary):not(.gold):not(.danger):hover{
  background:rgba(225,231,236,.085)!important;
  border-color:rgba(225,231,236,.24)!important;
  color:#f3f4f2!important;
}
.admin-shell :is(.btn.primary,.btn.gold){min-height:38px}
.admin-shell .tag{padding:4px 8px;font-size:10px}
.admin-shell .notice{font-size:11px;line-height:1.5}
.admin-shell .ui-view-enter>*:not(.topbar){opacity:.96;transform:translateY(2px)}
.admin-shell .ui-view-enter.ui-view-ready>*:not(.topbar){opacity:1;transform:none;transition:opacity .14s ease-out,transform .14s ease-out}

/* Dashboard sections are groups, not decorative cards around other cards. */
.admin-shell .view-dashboard>:is(.business-overview,.dashboard-intake-summary){
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.admin-shell .view-dashboard>:is(.business-overview,.dashboard-intake-summary)>.section-head{padding:0 1px}
.business-overview-grid{gap:9px}
.business-overview-card{
  min-height:116px;
  padding:14px;
  border-color:var(--woa-line)!important;
  background:var(--woa-surface-raised)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease!important;
}
.business-overview-card:hover{background:var(--woa-surface-hover)!important;transform:translateY(-1px)!important}
.business-overview-card span{font-size:10px;color:var(--woa-muted)}
.business-overview-card strong{font-size:25px}
.business-overview-card small{font-size:11px;color:var(--woa-muted)}
.dashboard-intake-grid{gap:9px}
.dashboard-intake-grid button{
  min-height:82px;
  border-color:var(--woa-line)!important;
  background:var(--woa-surface)!important;
  color:var(--woa-text)!important;
  transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.dashboard-intake-grid button:hover{border-color:rgba(213,177,95,.28)!important;background:var(--woa-surface-hover)!important;transform:translateY(-1px)}

/* Workspace rails scan like segmented controls instead of rows of unrelated cards. */
.admin-shell .workspace-count-tabs{
  gap:3px!important;
  padding:4px!important;
  border-color:var(--woa-line)!important;
  background:#0f1215!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-tab{
  grid-template-columns:minmax(0,1fr)!important;
  min-height:45px!important;
  padding:7px 9px!important;
}
.admin-shell .workspace-count-tabs .fleet-stat-icon{display:none!important}
.admin-shell .workspace-count-tabs .fleet-stat-tab>span{gap:8px}
.admin-shell .workspace-count-tabs .fleet-stat-tab small{font-size:10px!important;color:#a6adb2}
.admin-shell .workspace-count-tabs .fleet-stat-tab strong{font-size:14px!important;color:#eef0f1!important}
.admin-shell .workspace-count-tabs .fleet-stat-tab.active{box-shadow:inset 0 -2px 0 rgba(213,177,95,.72)!important}

.admin-shell .local-search{gap:7px}
.admin-shell .local-search-input{min-height:42px!important;border-radius:7px!important;font-size:14px!important}
.admin-shell .local-search .search-all{min-width:82px!important}
.premium-vehicle-card{gap:10px!important;padding:15px!important}
.premium-vehicle-card .vehicle-card-name{font-size:16px!important}
.premium-vehicle-card :is(.vehicle-identity-line,.vehicle-tracking-line){font-size:11px;line-height:1.55!important}
.premium-vehicle-card .vehicle-mileage{font-size:20px!important}
.staff-card-grid{gap:10px!important}

/* Messages favor the conversation and preserve screen height. */
.admin-shell .view-messages>.message-focused-tabs{min-height:45px;padding:4px!important;background:#101316!important}
.admin-shell .view-messages>.message-focused-tabs button{min-height:36px;padding:7px 10px;font-size:11px}
.message-inbox-shell{border-radius:8px!important;background:#0f1215!important}
.message-inbox-shell .message-thread-list{background:#101316!important}
.message-inbox-shell .message-thread-row{min-height:82px!important;padding:11px 12px!important}
.message-inbox-shell .message-thread-row.active{background:#191b18!important}
.message-inbox-shell .message-list-empty{padding:34px 18px;color:var(--woa-muted)}
.message-inbox-shell .message-list-empty strong{color:#d8c27f!important}
.message-inbox-shell .message-list-empty span{color:#a8b0b6!important}
.message-inbox-shell .message-conversation-panel.empty>div{max-width:360px}
.message-inbox-shell .message-conversation-panel.empty p{font-size:13px;line-height:1.45}
.message-inbox-shell .message-bubble{border-radius:11px;padding:9px 11px}
.message-inbox-shell .message-bubble-text{font-size:13px;line-height:1.5}
.message-inbox-shell .message-reply-box{border-top-color:var(--woa-line)!important;background:#101316!important}
.message-inbox-shell .message-reply-box textarea{border-color:var(--woa-line-strong)!important;background:#0c0f12!important}

/* Customer app follows the same hierarchy without becoming an admin dashboard. */
.customer-app-shell.customer-portal{background:var(--woa-canvas);color:var(--woa-text)}
.customer-app-header{border-bottom-color:var(--woa-line)}
.customer-app-tabs.customer-action-hub{background:var(--woa-canvas)}
.customer-app-tabs.customer-action-hub a{color:#939ba1}
.customer-app-surface{
  background:var(--woa-surface)!important;
  border-color:var(--woa-line)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.15)!important;
}
.customer-page-heading h1{color:var(--woa-text)}
.customer-section-title h2{color:#eceeeb}
.customer-home-stats article{background:var(--woa-surface)!important;border-color:var(--woa-line)!important;box-shadow:none!important}
.customer-app-form :is(input,select,textarea){background:#0c0f12!important;border-color:var(--woa-line-strong)!important;color:var(--woa-text)!important}
.customer-app-form :is(input,select,textarea):focus{border-color:rgba(240,217,147,.56)!important;outline:2px solid rgba(213,177,95,.14)!important;outline-offset:1px}
.customer-chat{border-color:var(--woa-line)!important;background:#0f1215!important}
.customer-chat-composer{background:#101316!important;border-top-color:var(--woa-line)!important}
.customer-chat-composer textarea{background:#0b0e11!important;border-color:var(--woa-line-strong)!important;color:var(--woa-text)!important}
.admin-shell :is(input,textarea)::placeholder,.customer-app-shell :is(input,textarea)::placeholder{color:#818b93!important;opacity:1}

@media(min-width:1500px){
  .admin-shell>.main{padding-inline:clamp(48px,4.5vw,76px)!important}
  .admin-shell>.main>*{width:min(100%,1560px)}
  .business-overview-grid{gap:11px}
  .business-overview-card{min-height:122px;padding:16px}
}

@media(max-width:1000px) and (min-width:761px){
  .app.admin-shell{grid-template-columns:214px minmax(0,1fr)}
  .admin-shell>.main{padding:22px 20px 44px!important}
  .admin-shell .nav button{font-size:12px}
  .business-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(min-width:761px) and (max-width:900px){
  .app.admin-shell{display:block;grid-template-columns:1fr}
  .admin-shell>.sidebar{display:none!important}
  .admin-shell>.main{width:100%;min-height:100dvh;padding:22px 22px 88px!important}
  .admin-shell .quickbar{
    position:fixed;
    z-index:80;
    left:12px;
    right:12px;
    bottom:12px;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:6px;
    border:1px solid rgba(213,177,95,.30)!important;
    border-radius:8px;
    background:#0d1012!important;
    box-shadow:0 -16px 40px rgba(0,0,0,.38)!important;
  }
  .admin-shell .quickbar>button,
  .admin-shell .quickbar>.quickbar-more>summary{
    min-height:54px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:3px;
    padding:6px 4px;
    border:1px solid rgba(225,231,236,.12);
    border-radius:7px;
    background:rgba(225,231,236,.055);
    color:#d9dddf;
    font-size:9px;
    font-weight:900;
    list-style:none;
  }
  .admin-shell .quickbar>.quickbar-more>summary::-webkit-details-marker{display:none}
  .admin-shell .quickbar .quick-icon{width:20px;height:20px}
  .admin-shell .quickbar>button.active,
  .admin-shell .quickbar>.quickbar-more.active>summary,
  .admin-shell .quickbar>.quickbar-more[open]>summary{
    border-color:rgba(240,217,147,.46)!important;
    background:rgba(213,177,95,.12)!important;
    color:var(--woa-gold-bright)!important;
  }
  .admin-shell .quickbar-more-panel{
    position:fixed;
    z-index:82;
    left:12px;
    right:12px;
    bottom:80px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    padding:8px;
    border:1px solid rgba(213,177,95,.28);
    border-radius:8px;
    background:#111417;
    box-shadow:0 -18px 44px rgba(0,0,0,.42);
  }
  .admin-shell .quickbar-more-panel button{width:100%;min-height:44px}
  .admin-shell .view-payments-customers .payment-lanes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .admin-shell .view-payments-customers .payment-lane>*{min-width:0;max-width:100%}
  .admin-shell .view-payments-customers .payment-lane small{overflow-wrap:anywhere;word-break:break-word}
}

@media(max-width:760px){
  .admin-shell>.main{padding:calc(7px + env(safe-area-inset-top)) 9px calc(86px + env(safe-area-inset-bottom))!important}
  .admin-shell .topbar.compact-title{min-height:44px;margin-bottom:7px;padding:4px 1px 8px}
  .admin-shell .topbar.compact-title h1{max-width:calc(100vw - 74px);font-size:19px}
  .admin-shell .card.section{padding:12px}
  .admin-shell .section-head{gap:8px;margin-bottom:10px}
  .admin-shell .section-head h2{font-size:17px}
  .admin-shell .section-head p{font-size:10px;line-height:1.4}
  .admin-shell .btn{min-height:38px;padding:8px 9px;font-size:11px}
  .admin-shell .ui-view-enter>*:not(.topbar){opacity:.98;transform:translateY(1px)}
  .admin-shell .workspace-count-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    gap:3px!important;
    overflow-x:auto!important;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .admin-shell .workspace-count-tabs::-webkit-scrollbar{display:none}
  .admin-shell .workspace-count-tabs .fleet-stat-tab{
    flex:1 0 78px!important;
    min-width:78px!important;
    min-height:40px!important;
    scroll-snap-align:start;
  }
  .admin-shell .workspace-count-tabs .fleet-stat-tab small{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .admin-shell .workspace-count-tabs .fleet-stat-tab strong{font-size:12px!important}
  .admin-shell .local-search{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:5px}
  .admin-shell .local-search .search-field{width:100%;min-width:0}
  .admin-shell .local-search .search-field .local-search-input{
    width:100%;
    min-width:0;
    min-height:40px!important;
    border:1px solid var(--woa-line-strong)!important;
    border-radius:7px!important;
    font-size:16px!important;
  }
  .admin-shell .local-search .search-all{
    min-width:0!important;
    width:100%;
    border:1px solid var(--woa-gold-line)!important;
    border-radius:7px!important;
  }
  .business-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .business-overview-card{min-height:91px;padding:10px}
  .business-overview-card strong{font-size:20px}
  .business-overview-card small{font-size:9px}
  .dashboard-intake-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .dashboard-intake-grid button{min-height:70px;padding:9px}
  .admin-shell .quickbar{left:7px!important;right:7px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;padding:5px!important;gap:3px!important;border-radius:8px!important}
  .admin-shell .quickbar>button,.admin-shell .quickbar>.quickbar-more>summary{min-height:51px!important}
  .admin-shell .quickbar button{font-size:9px!important}
  .message-inbox-shell .message-thread-row{min-height:78px!important;padding:9px 10px!important}
  .message-inbox-shell .message-list-empty{padding:30px 14px}
  .message-inbox-shell .message-bubble{max-width:90%;padding:8px 10px}
  .message-inbox-shell .message-bubble-text{font-size:13px}
  .customer-app-shell.customer-portal{padding-inline:10px}
  .customer-app-header{height:54px}
  .customer-page-heading{margin-bottom:12px}
  .customer-page-heading h1{font-size:22px}
  .customer-home-stats article{min-height:84px;padding:10px 8px}
  .customer-app-surface{padding:12px}
  .customer-app-tabs.customer-action-hub{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom));padding:5px}
}

@media(max-width:370px){
  .admin-shell>.main{padding-inline:7px!important}
  .business-overview-card{min-height:88px;padding:8px}
  .admin-shell .quickbar button,.customer-app-tabs.customer-action-hub a{font-size:8px!important}
  .customer-home-stats,.customer-home-stats.payments{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .customer-home-stats article:last-child{grid-column:1/-1}
}

@media(prefers-reduced-motion:reduce){
  .business-overview-card,.dashboard-intake-grid button{transition:none!important;transform:none!important}
}

/* Interface system 350 role-portal containment and operational surface balance. */
.admin-shell .card.section{
  background:#111417!important;
  border-color:var(--woa-line)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.17)!important;
}
.admin-shell :is(.compact-fleet-board,.compact-service-board,.compact-claims-board,.staff-card-board,.manager-mini-board,.match-board,.fleet-command){
  background:#101316!important;
  border-color:var(--woa-line)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.17)!important;
}
.view-manager-portal .manager-overview-grid,
.view-manager-portal .manager-overview-grid>*{
  min-width:0;
  max-width:100%;
}
.view-manager-portal .manager-mini-board :is(.mini-list,.mini-row,.mini-row>div,.mini-row strong,.mini-row small,.mini-row .tag,.mini-row .btn){
  min-width:0;
  max-width:100%;
}
.view-manager-portal .manager-mini-board .mini-row :is(strong,small){
  overflow-wrap:anywhere;
  word-break:break-word;
}
@media(min-width:901px){
  .view-mechanic-portal .mechanic-workspace{display:block}
  .view-mechanic-portal .mechanic-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-height:none;
    overflow:visible;
    padding:0;
  }
}
@media(min-width:761px) and (max-width:900px){
  .view-manager-portal .fleet-lanes{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
  .view-manager-portal .fleet-lane{
    min-width:0!important;
    white-space:normal;
  }
  .view-mechanic-portal .mechanic-workspace{display:block}
  .view-mechanic-portal .mechanic-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:none;
    overflow:visible;
    padding:0;
  }
}
@media(max-width:760px){
  .view-manager-portal .manager-mini-board .mini-row{
    width:100%;
    overflow:hidden;
  }
  .view-manager-portal .manager-mini-board .mini-row>.tag,
  .view-manager-portal .manager-mini-board .mini-row>.btn{
    width:100%;
    justify-content:center;
  }
  .admin-shell .app-notification-bell b{right:-1px;top:-4px}
}