:root{
 --bg:#0b0905;--panel:#171208;--panel2:#21190a;--panel3:#2b210d;--border:#5b4317;
 --text:#fff8e8;--muted:#c9b98f;--accent:#d6a52a;--accent2:#f0c75e;--good:#4fd19a;--warn:#f0b93d;--bad:#fb7185;
 --shadow:0 18px 45px rgba(0,0,0,.38)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Segoe UI,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{background:
 radial-gradient(circle at 22% -18%,rgba(214,165,42,.18),transparent 35%),
 radial-gradient(circle at 88% 10%,rgba(240,199,94,.10),transparent 28%),
 linear-gradient(180deg,#120d05 0%,#080603 100%)}
button,input,select{font:inherit}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:30px}
.auth-card{width:min(460px,100%);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.brand-mark{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111e;font-weight:900;letter-spacing:.04em}
.brand-mark.small{width:40px;height:40px;border-radius:10px}.eyebrow{margin-top:18px;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}
.auth-card h1{margin:4px 0 6px}.auth-card p{color:var(--muted);line-height:1.5}.auth-card label,.field label{display:block;margin:14px 0 6px;color:var(--muted);font-size:12px;font-weight:700}
input,select{width:100%;height:40px;border:1px solid var(--border);border-radius:7px;background:#10192b;color:var(--text);padding:0 11px;outline:none}
input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(86,183,255,.12)}
button{border:1px solid var(--border);border-radius:7px;background:#17243b;color:var(--text);height:38px;padding:0 14px;font-weight:700;cursor:pointer}
button:hover{border-color:var(--accent);background:#1d2d49}.primary{background:linear-gradient(135deg,var(--accent),#4f87ff);border-color:transparent;color:#07111e}
.auth-card .primary{width:100%;margin-top:18px}.ghost{background:transparent}.status{color:var(--muted);font-size:12px;margin-top:10px}.dev-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);color:var(--muted);font-size:10px;letter-spacing:.08em}

.topbar{height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;padding:0 20px;border-bottom:1px solid var(--border);background:rgba(11,18,33,.96);position:sticky;top:0;z-index:10}
.top-brand{display:flex;align-items:center;gap:11px}.top-brand strong{display:block;font-size:16px}.top-brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.global-nav{display:flex;gap:7px}.global-nav button{height:32px;border:0;background:transparent;color:var(--muted);font-size:12px}.global-nav button.active{color:var(--text);background:var(--panel2);border:1px solid var(--border)}
.top-actions{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}

.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:calc(100vh - 66px)}
.sidebar{background:#0d1425;border-right:1px solid var(--border);padding:18px 12px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}
.company-identity{text-align:center;padding:6px 8px 18px;border-bottom:1px solid rgba(255,255,255,.05)}
.company-logo{width:70px;height:70px;margin:0 auto 9px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#263a5e,#17243c);border:1px solid var(--border);font-size:18px;font-weight:900;color:var(--accent)}
.company-name{font-weight:800;font-size:13px}.company-tag{margin-top:3px;color:var(--muted);font-size:10px}
.side-section{margin-top:18px}.side-label{color:#60708a;font-size:9px;font-weight:800;letter-spacing:.11em;padding:0 8px 6px}
.side-link{width:100%;height:32px;text-align:left;border:0;background:transparent;color:var(--muted);font-size:11px;padding:0 8px}
.side-link span{display:inline-block;width:21px;color:var(--accent)}.side-link:hover,.side-link.active{background:rgba(86,183,255,.1);color:var(--text)}.side-link.active{box-shadow:inset 2px 0 0 var(--accent)}.side-link.disabled{opacity:.38;cursor:default}

.content{padding:18px;min-width:0}.content-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:10px}.content-toolbar select{width:250px}
.view{display:none}.view.active{display:block}.company-hero{height:175px;border:1px solid var(--border);border-radius:11px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:
 linear-gradient(115deg,rgba(10,18,32,.32),rgba(10,18,32,.88)),
 radial-gradient(circle at 70% 30%,rgba(86,183,255,.25),transparent 32%),
 linear-gradient(135deg,#263b5f,#121d31 60%,#0b1220)}
.company-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 65px,rgba(255,255,255,.02) 66px 67px)}
.hero-logo{position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#111a2a;border:3px solid rgba(255,255,255,.14);box-shadow:0 8px 30px rgba(0,0,0,.4);font-weight:900;color:var(--accent)}
.company-hero h2,.company-hero p{position:relative;margin:8px 0 0}.company-hero h2{font-size:20px}.company-hero p{font-size:12px;color:#c3d2e7}
.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:13px 2px 8px}.section-title-row h3,.panel-head h3{margin:0;font-size:13px}.section-title-row span{font-size:10px;color:var(--muted)}
.pill{padding:5px 9px;border:1px solid var(--border);border-radius:14px;color:var(--accent)!important;background:var(--panel2);font-weight:800}

.metric-grid{display:grid;gap:9px}.metric-grid-5{grid-template-columns:repeat(5,1fr)}.metric-grid-4{grid-template-columns:repeat(4,1fr)}
.metric{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:8px;padding:14px}.metric span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.08em}.metric strong{display:block;margin-top:7px;font-size:21px;color:var(--accent)}.metric small{display:block;margin-top:3px;color:#6e809c}
.dashboard-columns{display:grid;grid-template-columns:1.7fr .7fr;gap:10px;margin-top:10px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:13px;margin-top:10px}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:9px;margin-bottom:10px}.panel-head span{font-size:9px;color:var(--muted)}
.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.performance-grid>div{background:var(--panel2);border:1px solid var(--border);border-radius:7px;padding:12px}.performance-grid span{display:block;color:var(--muted);font-size:10px}.performance-grid strong{display:block;margin-top:7px;color:var(--good);font-size:16px}
.summary-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);color:var(--muted);font-size:11px}.summary-row strong{color:var(--text)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:var(--muted);font-size:9px;letter-spacing:.05em;background:var(--panel2);padding:9px}td{padding:9px;border-bottom:1px solid rgba(255,255,255,.05);color:#d6e1f1}tr:hover td{background:rgba(86,183,255,.04)}.text-button{height:auto;padding:0;border:0;background:transparent;color:var(--accent);font-size:10px}
.empty-row{text-align:center!important;color:var(--muted)!important;padding:20px!important}

.page-title{display:flex;gap:12px;align-items:center;background:linear-gradient(90deg,rgba(86,183,255,.11),transparent);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:12px}.title-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(86,183,255,.14);color:var(--accent)}.page-title h2{margin:0;font-size:19px}.page-title p{margin:3px 0 0;color:var(--muted);font-size:11px}
.settings-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:0 0 12px}.settings-tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px}.settings-tabs button.active{color:var(--text);border-bottom:2px solid var(--accent)}.settings-tabs button:disabled{opacity:.35}
.mode-callout{display:flex;justify-content:space-between;gap:18px;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.25);border-radius:8px;padding:13px;margin-bottom:12px}.mode-callout strong{font-size:12px}.mode-callout p{margin:4px 0 0;color:var(--muted);font-size:10px}.mode-options{display:flex;align-items:center;gap:12px;white-space:nowrap}.mode-options label{font-size:10px;color:#cfe7dc}.mode-options input{width:auto;height:auto}
.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:15px}.field.full{grid-column:1/-1}.field label{margin-top:0}.action-row{display:flex;align-items:center;gap:12px;padding-top:8px}
.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.directory-card{background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:14px}.directory-card h3{margin:0;color:var(--accent)}.directory-card p{color:var(--muted);font-size:11px;min-height:36px}.directory-card .meta{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:9px;font-size:10px}

@media(max-width:1100px){.metric-grid-5{grid-template-columns:repeat(3,1fr)}.performance-grid{grid-template-columns:repeat(2,1fr)}.directory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.workspace{grid-template-columns:1fr}.sidebar{display:none}.global-nav{display:none}.dashboard-columns{grid-template-columns:1fr}.metric-grid-5,.metric-grid-4{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}.field.full{grid-column:auto}.directory-grid{grid-template-columns:1fr}}

.membership-gate{min-height:calc(100vh - 66px);display:grid;place-items:center;padding:38px 18px}
.membership-gate-card{width:min(760px,100%);background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:15px;padding:28px;box-shadow:var(--shadow)}
.membership-lock{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07111e;font-size:22px;font-weight:900}
.membership-gate-card h2{margin:8px 0 6px;font-size:27px}.membership-gate-card>p{color:var(--muted);line-height:1.55}
.web-application-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:22px}.web-application-form .full{grid-column:1/-1}
textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:#10192b;color:var(--text);padding:10px;outline:none;resize:vertical;font:inherit}
textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(86,183,255,.12)}
.membership-state-box{margin-top:22px;padding:17px;border:1px solid var(--border);border-radius:9px;background:var(--panel3)}
.membership-state-box strong{color:var(--accent);font-size:15px}.membership-state-box p{color:var(--muted);line-height:1.5}
.membership-state-box.danger{border-color:rgba(251,113,133,.35);background:rgba(251,113,133,.08)}.membership-state-box.danger strong{color:var(--bad)}
@media(max-width:700px){.web-application-form{grid-template-columns:1fr}.web-application-form .full{grid-column:auto}}

.company-first-page{width:min(1180px,100%);margin:0 auto}
.web-company-hero{min-height:320px;border:1px solid var(--border);border-radius:16px;padding:54px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:
 linear-gradient(105deg,rgba(7,13,24,.93),rgba(11,19,34,.62)),
 radial-gradient(circle at 78% 36%,rgba(86,183,255,.25),transparent 30%),
 linear-gradient(135deg,#243a5f,#0c1526);box-shadow:var(--shadow)}
.web-company-badge{padding:7px 10px;border-radius:5px;background:var(--accent);color:#07111e;font-size:11px;font-weight:900;letter-spacing:.08em}
.web-company-hero h1{font-size:42px;line-height:1.05;margin:18px 0 10px;max-width:740px}
.web-company-hero p{max-width:760px;color:#c4d3e8;font-size:15px;line-height:1.6}
.web-join-button{margin-top:18px;height:44px;padding:0 24px}
.company-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}
.company-info-panel{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:22px}
.company-info-panel h2{margin:6px 0 8px}.company-info-panel>p{color:var(--muted);line-height:1.55}
.company-benefits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.company-benefits>div{padding:13px;background:var(--panel3);border:1px solid var(--border);border-radius:8px}
.company-benefits strong,.company-benefits span{display:block}.company-benefits span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.4}
.division-preview{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;margin-top:8px;background:var(--panel3);border:1px solid var(--border);border-radius:8px}.division-preview span{color:var(--accent);font-weight:800}
.one-division-note{margin-top:12px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.09em}
.web-join-flow{margin-top:12px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:22px}
.join-flow-head h2{margin:5px 0}.join-flow-head p{color:var(--muted)}
.division-interest-note{padding:11px;background:rgba(86,183,255,.08);border:1px solid rgba(86,183,255,.18);border-radius:7px;color:var(--muted);font-size:11px;line-height:1.45}
@media(max-width:850px){.company-intro-grid{grid-template-columns:1fr}.company-benefits{grid-template-columns:1fr}.web-company-hero{padding:28px}.web-company-hero h1{font-size:32px}}

.public-shell{min-height:100vh;padding:28px 18px}.public-company-page{width:min(1180px,100%);margin:0 auto}.public-hero{min-height:350px}
.public-account-panel{margin-top:12px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow)}
.public-account-panel h2{margin:5px 0 6px}.public-account-panel p{color:var(--muted)}
.account-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.account-mode-card{padding:18px;background:var(--panel3);border:1px solid var(--border);border-radius:9px}.account-mode-card h3{margin:0 0 8px}.account-mode-card label{display:block;margin:11px 0 5px;color:var(--muted);font-size:11px;font-weight:700}.account-mode-card button{width:100%;margin-top:14px}
@media(max-width:760px){.account-mode-grid{grid-template-columns:1fr}}


/* =========================================================
   FIX 22 — PROFESSIONAL VTC PORTAL
   Dense management dashboard inspired by modern VTC portals,
   while retaining original Truckers World DriveHub styling.
   ========================================================= */
.topbar{
  height:58px;
  grid-template-columns:260px 1fr auto;
  padding:0 16px;
  gap:18px;
  background:#0d1425;
  border-bottom:1px solid rgba(255,255,255,.07);
  box-shadow:0 4px 18px rgba(0,0,0,.22)
}
.top-brand strong{font-size:15px}.top-brand span{font-size:9px}
.global-nav{gap:3px}.global-nav button{height:30px;font-size:10px;border-radius:5px;padding:0 10px}
.global-nav button.active{background:rgba(86,183,255,.11);border:1px solid rgba(86,183,255,.22);color:var(--accent)}
.workspace{grid-template-columns:178px minmax(0,1fr);min-height:calc(100vh - 58px)}
.sidebar{top:58px;height:calc(100vh - 58px);padding:12px 8px;background:#0c1322}
.company-identity{padding:5px 6px 13px}.company-logo{width:58px;height:58px;border-radius:13px;font-size:15px}
.company-name{font-size:11px}.company-tag{font-size:9px}
.side-section{margin-top:13px}.side-label{font-size:7px;padding:0 7px 4px;letter-spacing:.13em}
.side-link{height:27px;font-size:9px;padding:0 7px;border-radius:5px}
.side-link span{width:18px}
.content{padding:10px 12px 18px}
.content-toolbar{height:0;margin:0;overflow:hidden}
.content-toolbar select,.content-toolbar button{display:none}

.pro-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;align-items:start}
.pro-dashboard-main{min-width:0}
.pro-company-hero{height:220px;border-radius:11px}
.pro-company-hero .hero-logo{width:clamp(58px,6vw,84px);height:clamp(58px,6vw,84px)}
.pro-company-hero h2{font-size:18px;margin-top:6px}
.pro-company-hero p{font-size:10px;margin-top:4px}
.pro-section-heading{margin:9px 2px 6px}.pro-section-heading h3{font-size:12px}.pro-section-heading span{font-size:8px}

.panel.pro-stat-panel,.panel.pro-jobs-panel{border-radius:8px;margin-bottom:9px;background:#121a2b}
.pro-stat-panel .panel-head,.pro-jobs-panel .panel-head{padding:8px 10px;background:#242b42;border-bottom:1px solid rgba(255,255,255,.05)}
.panel-head{display:flex;align-items:center;justify-content:space-between}
.panel-head>div{display:flex;align-items:center;gap:8px}
.panel-head h3{font-size:10px}.panel-head span{font-size:7px;letter-spacing:.06em}

.pro-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}
.pro-stat-card{min-height:64px;border:1px solid rgba(255,255,255,.06);border-radius:7px;padding:9px 11px;background:#1b2439}
.pro-stat-card span{display:block;font-size:8px;color:var(--muted)}
.pro-stat-card strong{display:block;margin-top:7px;font-size:17px}
.pro-stat-card small{display:block;margin-top:2px;font-size:7px;color:#77859b}
.pro-stat-card.accent-purple{background:linear-gradient(135deg,rgba(127,92,255,.13),rgba(127,92,255,.035));border-color:rgba(146,112,255,.25)}
.pro-stat-card.accent-purple strong{color:#9c78ff}
.pro-stat-card.accent-green{background:linear-gradient(135deg,rgba(52,211,153,.12),rgba(52,211,153,.025));border-color:rgba(52,211,153,.22)}
.pro-stat-card.accent-green strong{color:var(--good)}
.pro-stat-card.accent-gold{background:linear-gradient(135deg,rgba(245,185,66,.13),rgba(245,185,66,.03));border-color:rgba(245,185,66,.22)}
.pro-stat-card.accent-gold strong{color:var(--warn)}

.economy-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px}
.economy-card{min-height:55px;border:1px solid rgba(127,140,255,.18);border-radius:7px;padding:9px;background:rgba(127,140,255,.07)}
.economy-card strong{display:block;font-size:14px;color:#9b88ff}.economy-card span{display:block;margin-top:4px;font-size:7px;color:var(--muted)}
.economy-card.good{background:rgba(52,211,153,.08);border-color:rgba(52,211,153,.2)}.economy-card.good strong{color:var(--good)}
.economy-card.warn{background:rgba(245,185,66,.08);border-color:rgba(245,185,66,.2)}.economy-card.warn strong{color:var(--warn)}
.economy-card.bad{background:rgba(251,113,133,.08);border-color:rgba(251,113,133,.2)}.economy-card.bad strong{color:var(--bad)}

.pro-jobs-panel .table-wrap{padding:6px 8px 8px}
.pro-job-table th{font-size:7px;background:#252b41;padding:7px 8px}
.pro-job-table td{font-size:8px;padding:7px 8px;border-bottom:1px dashed rgba(255,255,255,.05)}
.pro-job-table tbody tr:hover{background:rgba(86,183,255,.04)}
.text-button{height:25px;font-size:8px;padding:0 9px}

.pro-dashboard-rail{display:grid;gap:7px;position:sticky;top:68px}
.rail-card{min-height:65px;border:1px solid var(--border);border-radius:8px;padding:10px;background:#141d31}
.rail-card span{font-size:7px;color:var(--muted);font-weight:800;letter-spacing:.08em}
.rail-card strong{display:block;margin-top:6px;font-size:16px}
.rail-card small{display:block;margin-top:2px;font-size:7px;color:#708099}
.rail-card.purple{border-color:rgba(154,104,255,.26)}.rail-card.purple strong{color:#a879ff}
.rail-card.blue{border-color:rgba(86,183,255,.25)}.rail-card.blue strong{color:var(--accent)}
.rail-card.green{border-color:rgba(52,211,153,.22)}.rail-card.green strong{color:var(--good)}
.rail-card.cyan{border-color:rgba(34,211,238,.22)}.rail-card.cyan strong{color:#42d8e8}
.rail-mini-panel{border:1px solid var(--border);border-radius:8px;padding:9px;background:#111a2b}
.rail-mini-title{font-size:7px;color:#61738e;font-weight:900;letter-spacing:.12em;margin-bottom:6px}
.rail-mini-panel button{width:100%;height:27px;margin-top:4px;background:transparent;text-align:left;font-size:8px;border-color:rgba(255,255,255,.05)}
.rail-mini-panel button:hover{background:rgba(86,183,255,.08);border-color:rgba(86,183,255,.2)}

.page-title{margin-bottom:9px}.page-title h2{font-size:17px}.page-title p{font-size:9px}
.settings-tabs button{font-size:8px}
.settings-form{gap:9px}
.panel{box-shadow:none}

@media(max-width:1050px){
  .pro-dashboard-layout{grid-template-columns:1fr}
  .pro-dashboard-rail{grid-template-columns:repeat(4,1fr);position:static}
  .rail-mini-panel{display:none}
}
@media(max-width:760px){
  .workspace{grid-template-columns:1fr}.sidebar{display:none}
  .topbar{grid-template-columns:1fr auto}.global-nav{display:none}
  .pro-dashboard-rail{grid-template-columns:repeat(2,1fr)}
  .economy-grid-pro{grid-template-columns:repeat(2,1fr)}
}

/* FIX 23 staff-only VTC management */
.compact-metrics{grid-template-columns:repeat(4,1fr);margin-bottom:10px}
.role-editor-form{padding:14px}
.role-editor-form label,.division-role-list label{display:block;font-size:9px;color:var(--muted);font-weight:700}
.role-editor-form input,.division-role-list input,.member-role-select{width:100%;margin-top:5px;background:#0e1728;color:var(--text);border:1px solid var(--border);border-radius:5px;padding:8px}
.check-label{display:flex!important;gap:8px;align-items:center;margin-top:10px}.check-label input{width:auto;margin:0}
.division-role-list{display:grid;gap:10px;padding:14px}
.muted-note{font-size:9px;color:var(--muted);line-height:1.5;padding:0 14px 12px}
#webRolesBody tr[data-role-id]{cursor:pointer}#webRolesBody tr[data-role-id]:hover{background:rgba(86,183,255,.08)}

/* FIX 23.2 automatic XP driver ranks */
.rank-ladder-panel{margin-bottom:10px}
.rank-ladder-panel tbody tr.current-driver-rank td{
  color:var(--accent2);
  font-weight:900;
  background:rgba(214,165,42,.08);
}
.rank-ladder-panel tbody tr.current-driver-rank{
  box-shadow:inset 3px 0 0 var(--accent);
}
.current-rank-badge{
  display:inline-block;
  margin-left:8px;
  padding:2px 6px;
  border:1px solid var(--border);
  border-radius:999px;
  color:var(--accent2);
  background:var(--panel2);
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
  vertical-align:middle;
}


/* =========================================================
   FIX 24 — ADVANCED ONLINE HUB + ROUTE INTELLIGENCE
   ========================================================= */
:root{
  --hub-glow:rgba(86,183,255,.16);
  --hub-violet:rgba(168,121,255,.18);
}
body{background:
  radial-gradient(circle at 70% -10%,rgba(86,183,255,.08),transparent 28%),
  radial-gradient(circle at 8% 12%,rgba(168,121,255,.08),transparent 24%),
  #080d17}
.topbar{
  backdrop-filter:blur(18px);
  background:rgba(11,18,33,.94);
  box-shadow:0 10px 34px rgba(0,0,0,.32)
}
.advanced-top-actions{gap:9px}
.hub-live-state{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(52,211,153,.18);background:rgba(52,211,153,.06);border-radius:7px;font-size:8px;font-weight:900;color:var(--good);letter-spacing:.06em}
.hub-live-state i,.page-status i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 10px rgba(52,211,153,.75)}
.account-chip{display:flex;flex-direction:column;min-width:112px;padding:5px 10px;border-left:1px solid var(--border)}
.account-chip small{font-size:7px;color:var(--muted);font-weight:800}.account-chip strong{font-size:10px;margin-top:2px}

.operations-command-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 9px}
.operations-command-strip article{min-height:56px;padding:9px 11px;border:1px solid var(--border);border-radius:7px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(86,183,255,.025))}
.operations-command-strip span{display:block;font-size:7px;font-weight:900;letter-spacing:.1em;color:var(--muted)}
.operations-command-strip strong{display:block;margin-top:5px;font-size:11px;color:var(--text)}
.operations-command-strip small{display:block;margin-top:2px;font-size:7px;color:#718198}

.route-command-panel{overflow:hidden}
.route-command-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:0;min-height:270px}
.route-map-canvas{position:relative;min-height:255px;background:
  radial-gradient(circle at 55% 42%,rgba(86,183,255,.08),transparent 32%),
  linear-gradient(155deg,#0b1322,#0a1020 64%,#10162a);
  overflow:hidden}
.route-map-canvas.large{min-height:335px}
.route-map-empty{display:grid;place-items:center;position:absolute;inset:0;color:var(--muted);font-size:10px}
.route-map-svg{width:100%;height:100%;display:block;min-height:245px}
.route-grid line{stroke:rgba(126,146,175,.12);stroke-width:1}
.europe-mass{fill:rgba(71,91,119,.17);stroke:rgba(126,146,175,.2);stroke-width:2}
.route-shadow{fill:none;stroke:rgba(86,183,255,.19);stroke-width:13;filter:url(#softGlow)}
.route-line{fill:none;stroke:url(#routeGlow);stroke-width:5;stroke-linecap:round}
.route-start{fill:#2dd4bf;stroke:#dffdf7;stroke-width:3;filter:url(#softGlow)}
.route-finish{fill:#a879ff;stroke:#f2eaff;stroke-width:3;filter:url(#softGlow)}
.route-label rect{fill:rgba(8,14,26,.92);stroke:rgba(126,146,175,.28);stroke-width:1}
.route-label text{fill:#71839c;font-size:10px;font-weight:900;letter-spacing:.08em}
.route-label text.city{fill:#eef5ff;font-size:13px;letter-spacing:0}

.route-intelligence{padding:17px;border-left:1px solid var(--border);background:linear-gradient(180deg,rgba(22,31,51,.96),rgba(13,21,36,.96))}
.route-intelligence h3{font-size:18px;margin:7px 0 0;color:var(--text)}
.route-intelligence>p{font-size:10px;color:var(--muted);line-height:1.45}
.route-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.route-data-grid div,.selected-job-stats div{padding:9px;border:1px solid var(--border);border-radius:6px;background:rgba(255,255,255,.025)}
.route-data-grid span,.selected-job-stats span{display:block;font-size:7px;font-weight:900;color:var(--muted);letter-spacing:.08em}
.route-data-grid strong,.selected-job-stats strong{display:block;margin-top:4px;font-size:11px;color:var(--text)}
.route-map-note{margin-top:13px!important;padding-top:11px;border-top:1px solid var(--border);font-size:8px!important}

.advanced-page-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center}
.page-status{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:900;color:var(--good);padding:7px 10px;border-radius:14px;border:1px solid rgba(52,211,153,.18);background:rgba(52,211,153,.06)}
.jobs-command-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:9px;margin-bottom:9px}
.job-route-map-panel,.selected-job-panel{margin:0;overflow:hidden}
.selected-job-content{padding:16px}
.selected-job-content h2{font-size:20px;margin:6px 0 0}
.selected-job-content>p{font-size:10px;color:var(--muted);line-height:1.5}
.selected-job-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.route-legend{display:flex;gap:14px;margin-top:14px;padding-top:11px;border-top:1px solid var(--border);font-size:8px;color:var(--muted)}
.route-legend span{display:flex;align-items:center;gap:6px}.route-legend i{width:8px;height:8px;border-radius:50%}
.start-dot{background:#2dd4bf}.finish-dot{background:#a879ff}
.jobs-logbook-panel{margin-top:0}
.job-table-help{font-size:8px;color:var(--muted)}
.route-job-row{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}
.route-job-row:hover{background:rgba(86,183,255,.055)}
.route-job-row.selected{background:linear-gradient(90deg,rgba(86,183,255,.11),rgba(168,121,255,.06));box-shadow:inset 3px 0 0 var(--accent)}
.route-job-row strong{font-weight:700;color:var(--text)}
.advanced-jobs-table td{padding-top:8px;padding-bottom:8px}

.sidebar{box-shadow:8px 0 28px rgba(0,0,0,.18)}
.company-identity{background:linear-gradient(180deg,rgba(86,183,255,.035),transparent);border-bottom:1px solid rgba(255,255,255,.035)}
.side-link.active{box-shadow:inset 2px 0 0 var(--accent),0 0 18px rgba(86,183,255,.06)}
.panel{border-color:rgba(119,139,171,.16)}
.pro-company-hero{box-shadow:0 12px 35px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.05)}
.pro-stat-card,.economy-card,.rail-card{transition:transform .16s ease,border-color .16s ease}
.pro-stat-card:hover,.economy-card:hover,.rail-card:hover{transform:translateY(-1px);border-color:rgba(86,183,255,.3)}

@media(max-width:1150px){
  .route-command-grid,.jobs-command-grid{grid-template-columns:1fr}
  .route-intelligence{border-left:0;border-top:1px solid var(--border)}
}
@media(max-width:850px){
  .operations-command-strip{grid-template-columns:repeat(2,1fr)}
  .advanced-page-title{grid-template-columns:auto 1fr}.page-status{display:none}
}


/* FIX 24.2 — sidebar readability
   Restore comfortable management-portal text sizing after the compact dashboard pass. */
.workspace{grid-template-columns:194px minmax(0,1fr)}
.sidebar{padding-left:10px;padding-right:10px}
.company-name{font-size:13px;line-height:1.3}
.company-tag{font-size:10px;line-height:1.35}
.side-section{margin-top:15px}
.side-label{font-size:8.5px;line-height:1.3;padding:0 8px 5px;letter-spacing:.12em}
.side-link{
  min-height:30px;
  height:30px;
  padding:0 8px;
  font-size:11px;
  line-height:1.2;
  font-weight:500;
}
.side-link span{width:20px;font-size:11px}
.side-link.active{font-weight:700}

@media(max-width:760px){
  .workspace{grid-template-columns:1fr}
}


/* FIX 24.3 — official Truckers World DriveHub branding */
.brand-logo-image{display:block;object-fit:contain}
.brand-logo-image.small{width:42px;height:42px}
.company-logo{overflow:hidden;padding:3px}
.company-logo img,.hero-logo img{width:100%;height:100%;object-fit:contain;display:block}
.hero-logo{padding:2px;overflow:hidden;width:clamp(58px,6vw,84px);height:clamp(58px,6vw,84px);flex:0 0 auto}
.membership-hero-logo{display:block;width:clamp(104px,12vw,180px);height:auto;max-height:180px;object-fit:contain;margin:0 auto clamp(10px,1.5vw,18px);filter:drop-shadow(0 12px 24px rgba(0,0,0,.38))}
.company-info-panel p+p{margin-top:9px}


/* FIX 25.4 — real OpenStreetMap road maps */
.route-map-canvas{background:#0b1220}
.real-road-map{position:absolute;inset:0;overflow:hidden;background:#d7dde2}
.osm-tile{position:absolute;width:256px;height:256px;max-width:none;user-select:none;pointer-events:none}
.real-map-shade{position:absolute;inset:0;background:rgba(4,10,20,.12);pointer-events:none;z-index:2}
.real-map-route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}
.real-route-halo{fill:none;stroke:rgba(0,0,0,.46);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.real-route-line{fill:none;stroke:var(--accent);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px rgba(86,183,255,.45))}
.real-map-marker{position:absolute;z-index:5;transform:translate(-7px,-7px);pointer-events:none}
.real-map-marker i{display:block;width:14px;height:14px;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.7)}
.real-map-marker.start i{background:#22c985}.real-map-marker.finish i{background:var(--accent)}
.real-map-marker span{position:absolute;top:-27px;left:15px;white-space:nowrap;padding:4px 6px;border-radius:4px;background:rgba(6,12,22,.93);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:9px;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.real-map-marker.finish span{left:auto;right:15px}
.real-map-marker span b{color:#92a7c3;font-size:7px;margin-right:5px;letter-spacing:.08em}
.real-map-attribution{position:absolute;right:3px;bottom:3px;z-index:8;background:rgba(255,255,255,.88);padding:2px 4px;border-radius:2px;color:#111;font-size:7px}
.real-map-attribution a{color:#164b7d;text-decoration:none}
.route-map-loading,.route-map-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);font-size:10px}
.route-map-error strong{color:var(--accent);font-size:11px}

/* FIX 29.46 - Grannys Logistics application information */
.gl-story-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;margin:18px 0;align-items:start}
.gl-story-grid .company-info-panel{height:100%;box-sizing:border-box}
.gl-story-grid h3{margin:18px 0 7px;font-size:14px}
.gl-list{margin:8px 0 0;padding-left:20px;line-height:1.6}
.gl-list li{margin:5px 0}
.gl-values{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.gl-values span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:700}
.gl-story-grid blockquote{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--accent);background:rgba(255,255,255,.025);font-weight:700}
.gl-agreement-note{border-left:3px solid var(--accent)!important}
@media(max-width:1100px){.gl-story-grid{grid-template-columns:1fr}}


/* FIX 29.47 • Gold Layers is the standard Online Hub theme */
:root{
  --bg:#0b0905;
  --panel:#171208;
  --panel2:#21190a;
  --panel3:#2b210d;
  --border:#5b4317;
  --text:#fff8e8;
  --muted:#c9b98f;
  --accent:#d6a52a;
  --accent2:#f0c75e;
  --hub-glow:rgba(214,165,42,.18);
  --hub-violet:rgba(240,199,94,.12);
}
body{
  background:
    radial-gradient(circle at 72% -12%,rgba(214,165,42,.11),transparent 30%),
    radial-gradient(circle at 8% 12%,rgba(240,199,94,.07),transparent 25%),
    #090704;
}
.topbar{background:rgba(15,11,5,.96)}
.sidebar{background:#100c05}
input,select{background:#151006}
button{background:#21190a}
button:hover{background:#2b210d}
.primary{background:linear-gradient(135deg,#b47d12,#e7ba45);color:#140d02}
.company-logo{background:linear-gradient(135deg,#3c2b0b,#1b1305)}
.company-hero{
  background:
    linear-gradient(115deg,rgba(13,9,3,.30),rgba(13,9,3,.90)),
    radial-gradient(circle at 70% 30%,rgba(214,165,42,.28),transparent 32%),
    linear-gradient(135deg,#3a2a0c,#1c1406 60%,#0d0903);
}
.side-link:hover,.side-link.active{background:rgba(214,165,42,.11)}
.role-editor-form input,.division-role-list input,.member-role-select{background:#151006}


/* FIX 29.57 • responsive road-map canvas */
.route-map-canvas{width:100%;min-width:0}
.real-road-map{position:absolute;inset:0;width:100%!important;height:100%!important;overflow:hidden;background:#d7dde2}
.real-map-route-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}

/* FIX 29.60 • Steam identity linking */
.steam-link-panel{margin:14px 0}
.steam-link-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.secondary-link{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border:1px solid var(--border);border-radius:7px;color:var(--accent2);text-decoration:none;font-size:10px;font-weight:800}

/* FIX 29.61 • Steam-first registration */
.steam-register-gate{padding:12px;margin:6px 0 12px;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.025)}
.steam-register-gate strong{display:block;color:var(--accent2);font-size:10px;letter-spacing:.08em}
.steam-register-gate p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.45}

/* FIX 29.63 • Supplied Truckers World specialist division artwork */
.division-role-art-list{grid-template-columns:repeat(3,1fr)}
.division-role-art{
  position:relative;overflow:hidden;min-height:126px;padding:14px!important;
  border:1px solid var(--border);border-radius:9px;
  background:linear-gradient(90deg,rgba(11,9,5,.96),rgba(11,9,5,.72));
}
.division-role-art:before{content:"";position:absolute;inset:0;background-position:right center;background-repeat:no-repeat;background-size:cover;opacity:.16;pointer-events:none}
.division-role-art.flatbed-role:before{background-image:url('/hub/divisions/flatbed.png')}
.division-role-art.heavy-haul-role:before{background-image:url('/hub/divisions/heavy-haul.png')}
.division-role-art.hazmat-role:before{background-image:url('/hub/divisions/hazmat.png')}
.division-role-art>*{position:relative;z-index:1}
.division-role-art img{width:52px;height:52px;object-fit:contain;float:left;margin:0 10px 8px 0}
.division-role-art span{display:block;padding-top:6px;color:var(--accent2);font-weight:900}
.division-role-art input{clear:both;margin-top:12px}

.division-preview-art{position:relative;overflow:hidden;min-height:48px;padding-left:62px}
.division-preview-art img{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:43px;height:43px;object-fit:contain}

.division-application-art{position:relative;isolation:isolate;overflow:hidden}
.division-application-art:before{
  content:"";position:absolute;inset:0;z-index:-2;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  opacity:.14;transition:background-image .18s ease,opacity .18s ease
}
.division-application-art:after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(11,9,5,.95),rgba(11,9,5,.78))
}
.division-application-art.division-art-flatbed:before{background-image:url('/hub/divisions/flatbed.png');opacity:.22}
.division-application-art.division-art-heavy-haul:before{background-image:url('/hub/divisions/heavy-haul.png');opacity:.22}
.division-application-art.division-art-hazmat:before{background-image:url('/hub/divisions/hazmat.png');opacity:.22}

/* FIX 29.64 • Web Job Event Timeline matching DriveHub desktop structure */
.web-job-timeline-panel{margin-top:10px;overflow:hidden}
.web-timeline-head{margin-bottom:0}
.web-job-timeline-empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:10px}
.web-job-timeline-shell{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:10px;align-items:center;padding:10px 0 4px}
.web-timeline-arrow{height:64px;padding:0;font-size:24px;font-weight:900;background:var(--panel2);border-color:var(--border);color:var(--accent2)}
.web-job-timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;padding:0 0 12px}
.web-job-timeline-track{position:relative;display:flex;gap:20px;min-width:max-content;padding:0 12px 3px}
.web-job-timeline-track:before{content:"";position:absolute;left:0;right:0;top:112px;height:4px;background:linear-gradient(90deg,#7f5c1f,var(--accent),#7f5c1f);border-radius:999px}
.web-timeline-event{position:relative;width:205px;flex:0 0 205px;display:grid;grid-template-rows:92px 20px 38px 30px;justify-items:center;z-index:1}
.web-timeline-card{width:100%;height:84px;box-sizing:border-box;padding:9px 10px;border:1px solid currentColor;border-radius:9px;background:#2a1b10;color:var(--text);overflow:hidden}
.web-timeline-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.web-timeline-glyph{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:currentColor;color:#fff;font-size:10px;font-weight:900}
.web-timeline-card time{font-size:8px;color:var(--muted);font-weight:800}
.web-timeline-card strong{display:block;font-size:12px;color:#fff}
.web-timeline-card small{display:block;margin-top:4px;font-size:8px;color:#e5d7ba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.web-timeline-stem{width:1px;height:20px;background:currentColor}
.web-timeline-node{display:grid;place-items:center;width:34px;height:34px;margin-top:-2px;border-radius:50%;background:currentColor;border:2px solid #fff;color:#fff;font-size:12px;font-weight:900;box-shadow:0 0 0 2px rgba(0,0,0,.22)}
.web-timeline-label{align-self:end;min-width:104px;padding:5px 10px;border:1px solid currentColor;border-radius:8px;background:var(--panel2);font-size:8px;font-weight:900;text-align:center;color:currentColor}
.web-timeline-label b{font-weight:900;color:inherit}
.web-timeline-event.green{color:#29cc79}.web-timeline-event.red{color:#ff575f}.web-timeline-event.orange{color:#e67e22}
.web-timeline-event.purple{color:#a962ca}.web-timeline-event.blue{color:#5dade2}.web-timeline-event.cyan{color:#3498db}
.web-timeline-event.teal{color:#00bfa6}.web-timeline-event.neutral{color:#95a5a6}
@media(max-width:900px){.web-timeline-event{width:175px;flex-basis:175px}.web-timeline-card{font-size:9px}}

/* Division artwork is supplied with transparent black matte in FIX 29.64. */
.division-role-art:before{background-size:cover;opacity:.28}
.division-role-art img,.division-preview-art img{filter:drop-shadow(0 3px 8px rgba(0,0,0,.35))}
.division-application-art:before{background-color:transparent}


/* FIX 29.67 • Fleet & Garages */
.fleet-card-grid,.garage-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.fleet-card,.garage-card{position:relative;padding:18px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden}
.fleet-card.current{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.fleet-card-top{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.08em}
.fleet-card-top strong{color:var(--accent)}
.fleet-card h3,.garage-card h3{margin:10px 0 5px;font-size:20px}.fleet-card p,.garage-card p{margin:0 0 14px;color:var(--muted)}
.fleet-data{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.fleet-data div{padding:9px;border:1px solid var(--border);border-radius:8px;background:rgba(0,0,0,.14)}
.fleet-data span,.garage-card>span{display:block;font-size:8px;color:var(--muted);font-weight:800;letter-spacing:.08em}.fleet-data strong{display:block;margin-top:4px;font-size:11px}
.garage-capacity{margin-top:14px;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:end}.garage-capacity strong{font-size:20px;color:var(--accent)}.garage-capacity span{font-size:9px;color:var(--muted)}


/* FIX 29.68 • icon system, economy, maintenance, visual polish */
.side-link .nav-icon{width:26px;height:26px;display:inline-grid;place-items:center;margin-right:9px;border-radius:8px;border:1px solid var(--border);background:rgba(255,255,255,.035);font-size:13px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.side-link:hover .nav-icon,.side-link.active .nav-icon{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent)}
.icon-title{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.page-title-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 85%,white 8%),color-mix(in srgb,var(--accent) 70%,black 20%));color:var(--accent-foreground,#101014);border:1px solid color-mix(in srgb,var(--accent) 72%,white 18%);font-size:23px;font-weight:900;box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.28)}
.metric-icon-card{position:relative;padding-left:58px!important}.metric-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--border);font-size:16px;font-weight:900}.metric-icon.income{color:#34d399;background:rgba(52,211,153,.09);border-color:rgba(52,211,153,.28)}.metric-icon.expense{color:#f87171;background:rgba(248,113,113,.09);border-color:rgba(248,113,113,.28)}.metric-icon.service{color:#fbbf24;background:rgba(251,191,36,.09);border-color:rgba(251,191,36,.28)}
.two-column-detail{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:14px}.ledger-list{display:flex;flex-direction:column;gap:8px}.ledger-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018)}.ledger-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-weight:900}.ledger-icon.positive{color:#34d399;background:rgba(52,211,153,.09)}.ledger-icon.negative{color:#f87171;background:rgba(248,113,113,.09)}.ledger-copy{min-width:0}.ledger-copy strong,.ledger-copy span{display:block}.ledger-copy span{margin-top:2px;color:var(--muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ledger-row time{font-size:9px;color:var(--muted)}.ledger-row b{min-width:90px;text-align:right}.ledger-row b.positive{color:#34d399}.ledger-row b.negative{color:#f87171}
.economy-outlook{align-self:start}.operating-card{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.02)}.operating-card span{color:var(--muted);font-size:10px}.operating-card strong{font-size:17px}.muted-note{font-size:10px;line-height:1.5;color:var(--muted);margin-top:12px}
.maintenance-list{display:flex;flex-direction:column;gap:10px}.maintenance-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.maintenance-row.automatic{border-left:3px solid #f59e0b}.maintenance-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--border);font-size:17px}.maintenance-main>div{display:flex;gap:10px;align-items:baseline}.maintenance-main>div span{color:var(--muted);font-size:10px}.maintenance-main p{margin:5px 0 4px;color:var(--text);font-size:11px}.maintenance-main small{color:var(--muted)}.maintenance-cost{text-align:right}.maintenance-cost strong,.maintenance-cost time{display:block}.maintenance-cost strong{font-size:16px;color:var(--accent)}.maintenance-cost time{margin-top:5px;color:var(--muted);font-size:9px}
.fleet-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.fleet-card:hover,.garage-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:0 10px 28px rgba(0,0,0,.18)}
.panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 30px rgba(0,0,0,.08)}
@media(max-width:900px){.two-column-detail{grid-template-columns:1fr}.ledger-row{grid-template-columns:34px minmax(0,1fr) auto}.ledger-row time{display:none}.fleet-data{grid-template-columns:repeat(2,1fr)}}


/* FIX 29.69 • Events, convoys and refined operational iconography */
.next-event-rail strong{display:block;margin:7px 0 4px;font-size:12px}.next-event-rail p{margin:0 0 10px;color:var(--muted);font-size:10px;line-height:1.4}.next-event-meta{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.next-event-meta b{color:var(--accent)}.mini-title-icon,.heading-icon{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:7px;border-radius:7px;background:color-mix(in srgb,var(--accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border));color:var(--accent)}
.convoy-icon{font-size:27px}
.event-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;position:relative;overflow:hidden;margin-bottom:16px;background:
linear-gradient(100deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 46%),
linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006))}
.event-hero:after{content:"";position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 16%,transparent),transparent 68%);pointer-events:none}
.event-hero-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;font-size:27px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 20%,transparent),rgba(255,255,255,.025));border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.event-hero-copy h3{margin:4px 0 5px;font-size:22px}.event-hero-copy p{margin:0;color:var(--muted)}.event-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.event-hero-tags span{padding:5px 8px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.025);font-size:9px;color:var(--muted)}
.event-countdown-box{position:relative;z-index:1;min-width:116px;padding:12px 14px;text-align:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,rgba(0,0,0,.18));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.event-countdown-box span,.event-countdown-box strong{display:block}.event-countdown-box span{font-size:8px;letter-spacing:.09em;color:var(--muted)}.event-countdown-box strong{margin-top:5px;font-size:16px;color:var(--accent)}
.event-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(330px,.8fr);gap:16px}.event-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.convoy-event-card{position:relative;padding:15px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008));cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;overflow:hidden}.convoy-event-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 52%,var(--border));box-shadow:0 10px 28px rgba(0,0,0,.18)}.convoy-event-card.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent),0 10px 28px rgba(0,0,0,.16)}.convoy-event-card:after{content:"";position:absolute;right:-35px;bottom:-42px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%)}
.convoy-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.event-status,.event-division{padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.07em;border:1px solid var(--border)}.event-status.scheduled{color:#60a5fa;border-color:rgba(96,165,250,.3);background:rgba(96,165,250,.08)}.event-status.live{color:#34d399;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.09)}.event-status.completed{color:#a78bfa;border-color:rgba(167,139,250,.35);background:rgba(167,139,250,.09)}.event-status.cancelled{color:#f87171;border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.09)}.event-division{color:var(--muted)}
.convoy-route-icon{margin-top:14px;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.035);border:1px solid var(--border);font-size:19px}.convoy-event-card h3{margin:10px 0 5px;font-size:17px}.convoy-route{margin:0;color:var(--muted);font-size:11px}.convoy-route b{margin:0 4px;color:var(--accent)}
.convoy-card-meta{display:flex;flex-direction:column;gap:6px;margin:12px 0}.convoy-card-meta span{font-size:9px;color:var(--muted)}.convoy-card-meta i{display:inline-grid;width:19px;margin-right:4px;color:var(--accent);font-style:normal}.convoy-card-footer{display:flex;align-items:center;gap:12px;padding-top:10px;border-top:1px solid var(--border);font-size:9px;color:var(--muted)}.convoy-card-footer strong{margin-left:auto;color:var(--accent)}
.event-detail-panel,.event-attendance-panel{margin-bottom:12px}.event-detail-panel>h3{margin:4px 0;font-size:18px}.event-detail-panel>p{margin:0;color:var(--muted)}.event-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:13px 0}.event-detail-grid div{padding:9px;border-radius:8px;background:rgba(255,255,255,.02);border:1px solid var(--border)}.event-detail-grid span,.event-detail-grid strong{display:block}.event-detail-grid span{font-size:8px;color:var(--muted);letter-spacing:.06em}.event-detail-grid strong{margin-top:3px;font-size:10px}.event-description{line-height:1.55!important}.requirements-box{margin-top:12px;padding:10px;border-radius:9px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.requirements-box span{font-size:8px;font-weight:900;color:var(--accent)}.requirements-box p{margin:5px 0 0!important;font-size:10px;line-height:1.5}
.rsvp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}.event-rsvp{padding:8px 5px;font-size:8px}.event-rsvp.selected{outline:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.attendance-list{display:flex;flex-direction:column;gap:7px;max-height:360px;overflow:auto}.attendance-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.015)}.attendance-row.checked{border-left:3px solid #34d399}.attendance-avatar{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--border));color:var(--accent);font-size:9px;font-weight:900}.attendance-copy strong,.attendance-copy span{display:block}.attendance-copy strong{font-size:10px}.attendance-copy span{margin-top:2px;font-size:8px;color:var(--muted)}.attendance-role-select{max-width:120px;padding:6px;font-size:8px}.attendance-check-button{padding:6px 8px;font-size:8px}.attendance-check-button.checked{color:#34d399;border-color:rgba(52,211,153,.35)}.attendance-check-label{color:#34d399;font-size:8px;font-weight:800}
.event-staff-panel{margin-top:16px}.event-create-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.event-create-grid label{display:flex;flex-direction:column;gap:5px}.event-create-grid label>span{font-size:8px;font-weight:800;color:var(--muted);letter-spacing:.05em}.event-create-grid .span-2{grid-column:span 2}.event-create-grid input,.event-create-grid select,.event-create-grid textarea{width:100%;box-sizing:border-box}.event-create-grid textarea{resize:vertical}.form-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.danger-text{color:#f87171!important}
@media(max-width:1100px){.event-layout{grid-template-columns:1fr}.event-create-grid{grid-template-columns:repeat(2,1fr)}.attendance-row{grid-template-columns:34px minmax(0,1fr) auto}.attendance-role-select{grid-column:2}.event-hero{grid-template-columns:auto 1fr}.event-countdown-box{grid-column:1/-1;text-align:left}}@media(max-width:700px){.event-hero{grid-template-columns:1fr}.event-hero-icon{display:none}.event-create-grid{grid-template-columns:1fr}.event-create-grid .span-2{grid-column:span 1}.rsvp-row{grid-template-columns:1fr}.event-card-grid{grid-template-columns:1fr}}


/* FIX 29.69.1 • Calendar/Events are live features, not placeholders */
.side-link.feature-ready{
  opacity:1!important;
  cursor:pointer!important;
  color:var(--text)!important;
}
.side-link.feature-ready .nav-icon{
  color:var(--accent)!important;
  border-color:color-mix(in srgb,var(--accent) 36%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
.side-link.feature-ready:hover,
.side-link.feature-ready.active{
  background:color-mix(in srgb,var(--accent) 11%,transparent)!important;
  color:var(--text)!important;
}
.side-link.disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
}
.hub-build-marker{
  position:fixed;
  right:12px;
  bottom:9px;
  z-index:9999;
  padding:4px 7px;
  border:1px solid var(--border);
  border-radius:7px;
  background:rgba(0,0,0,.42);
  color:var(--muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  pointer-events:none;
}


/* FIX 29.69.2 • authoritative Online Hub feature state */
.side-link.live-feature{
  opacity:1!important;
  cursor:pointer!important;
  color:var(--text)!important;
}
.side-link.live-feature .nav-icon,
.side-link.live-feature>span:first-child{
  color:var(--accent)!important;
}
.side-link.live-feature:hover,
.side-link.live-feature.active{
  opacity:1!important;
  color:var(--text)!important;
  background:color-mix(in srgb,var(--accent) 12%,transparent)!important;
}
.side-link.coming-soon{
  opacity:.30!important;
  cursor:not-allowed!important;
  color:var(--muted)!important;
}
.side-link.coming-soon small{
  float:right;
  margin-top:1px;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--muted);
}


/* FIX 29.69.3 • live-vs-coming-soon sidebar visual correction */
.sidebar .side-link.live-feature{
  opacity:1!important;
  filter:none!important;
  color:#f3e4bd!important;
  cursor:pointer!important;
}
.sidebar .side-link.live-feature>span,
.sidebar .side-link.live-feature>.nav-icon{
  opacity:1!important;
  filter:none!important;
  color:var(--accent)!important;
}
.sidebar .side-link.live-feature:hover{
  color:#fff4d6!important;
  background:rgba(214,165,42,.10)!important;
}
.sidebar .side-link.live-feature.active{
  color:#fff7df!important;
  background:rgba(214,165,42,.16)!important;
  box-shadow:inset 2px 0 0 var(--accent)!important;
}
.sidebar .side-link.disabled.coming-soon{
  opacity:.28!important;
  filter:saturate(.45)!important;
  color:var(--muted)!important;
  cursor:not-allowed!important;
}
.sidebar .side-link.disabled.coming-soon>span{
  color:var(--accent)!important;
  opacity:.55!important;
}


/* FIX 29.69.4 • role parity + shared client/web sync indicator */
#staffRolesNav .nav-icon{
  width:26px!important;
  height:26px!important;
  display:inline-grid!important;
  place-items:center!important;
  margin-right:9px!important;
  border-radius:8px!important;
  border:1px solid color-mix(in srgb,var(--accent) 36%,var(--border))!important;
  background:color-mix(in srgb,var(--accent) 8%,transparent)!important;
  color:var(--accent)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.hub-sync-indicator{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  color:#86efac;
  background:rgba(34,197,94,.06);
}
.hub-sync-indicator i{
  width:6px;height:6px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 8px rgba(34,197,94,.65);
}
.hub-sync-indicator.syncing{color:#fbbf24;background:rgba(251,191,36,.06)}
.hub-sync-indicator.syncing i{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.6)}
.hub-sync-indicator.offline{color:#f87171;background:rgba(248,113,113,.06)}
.hub-sync-indicator.offline i{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}


/* FIX 29.69.5 • economy/fleet metric layout + separate Calendar/Events selection */
.metrics.compact-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 12px!important;
}
.metrics.compact-metrics>article{
  min-width:0;
  min-height:76px;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.008));
  box-sizing:border-box;
  overflow:hidden;
}
.metrics.compact-metrics>article:not(.metric-icon-card){
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:5px;
}
.metrics.compact-metrics>article .metric-label,
.metric-icon-card .metric-copy>span{
  display:block;
  color:var(--muted);
  font-size:9px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.02em;
}
.metrics.compact-metrics>article strong,
.metric-icon-card .metric-copy>strong{
  display:block;
  margin-top:3px;
  color:var(--text);
  font-size:20px;
  line-height:1.1;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.metric-icon-card{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  padding:13px 14px 13px 58px!important;
}
.metric-icon-card .metric-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.metric-icon-card .metric-icon{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.fleet-metrics>article strong{
  color:var(--accent)!important;
}
.sidebar .side-link[data-nav-key].active{
  background:rgba(214,165,42,.16)!important;
  box-shadow:inset 2px 0 0 var(--accent)!important;
}
@media(max-width:1100px){
  .metrics.compact-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  .metrics.compact-metrics{grid-template-columns:1fr!important}
}


/* FIX 29.69.7 • dedicated Calendar page */
.calendar-toolbar-panel{margin-bottom:12px}
.calendar-toolbar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px}
.calendar-toolbar>div{text-align:center}.calendar-toolbar>div span,.calendar-toolbar>div strong{display:block}.calendar-toolbar>div span{font-size:8px;color:var(--muted);letter-spacing:.08em}.calendar-toolbar>div strong{margin-top:3px;font-size:17px}
.calendar-layout{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(250px,.75fr);gap:12px}
.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:5px}.calendar-weekdays span{text-align:center;padding:6px 2px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.07em}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
.calendar-day{min-height:102px;padding:8px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.014);box-sizing:border-box}.calendar-day.outside{opacity:.22;background:transparent}.calendar-day.today{border-color:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent)}.calendar-day.has-events{background:color-mix(in srgb,var(--accent) 3%,rgba(255,255,255,.014))}
.calendar-day-number{font-size:10px;font-weight:900;color:var(--text);margin-bottom:6px}.calendar-day.today .calendar-day-number{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#161006}
.calendar-day-events{display:flex;flex-direction:column;gap:4px}.calendar-event-chip{width:100%;text-align:left;padding:4px 5px;border-radius:5px;border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-event-chip.live{border-color:rgba(52,211,153,.45);color:#86efac}.calendar-event-chip.cancelled{opacity:.5;text-decoration:line-through}.calendar-more{font-size:7px;color:var(--muted)}
.calendar-agenda{display:flex;flex-direction:column;gap:7px}.calendar-agenda-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.015);text-align:left}.calendar-agenda-item:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:color-mix(in srgb,var(--accent) 6%,transparent)}.agenda-date{display:grid;place-items:center;min-height:32px;border-radius:7px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:9px;font-weight:900}.agenda-copy strong,.agenda-copy small{display:block}.agenda-copy strong{font-size:9px;color:var(--text)}.agenda-copy small{margin-top:3px;font-size:8px;color:var(--muted)}.calendar-agenda-item>b{font-size:8px;color:var(--accent)}
@media(max-width:1000px){.calendar-layout{grid-template-columns:1fr}.calendar-day{min-height:85px}}@media(max-width:720px){.calendar-main-panel{overflow-x:auto}.calendar-grid,.calendar-weekdays{min-width:700px}.calendar-toolbar{grid-template-columns:1fr 1fr}.calendar-toolbar>div{grid-column:1/-1;grid-row:1}}


/* FIX 29.69.8 • recruitment enable/disable */
.recruitment-toggle-field small{display:block;margin-top:6px;color:var(--muted);font-size:8px}
.web-switch{display:flex!important;align-items:center;gap:9px;margin-top:7px;cursor:pointer}
.web-switch input{position:absolute;opacity:0;pointer-events:none}
.web-switch>span{position:relative;width:36px;height:19px;border-radius:999px;background:#352617;border:1px solid var(--border);transition:.16s ease}
.web-switch>span:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#9a8662;transition:.16s ease}
.web-switch input:checked+span{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.45)}
.web-switch input:checked+span:after{left:19px;background:#34d399}
.web-switch b{font-size:9px;color:var(--text)}
.recruitment-gate-status{display:inline-block;margin:0 8px 8px 0;padding:5px 8px;border-radius:999px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.08);color:#86efac;font-size:8px;font-weight:900;letter-spacing:.06em}
.recruitment-gate-status.closed{border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08);color:#fca5a5}

/* FIX 29.70 progression */
.rank-progress-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:12px}.rank-emblem{width:68px;height:68px;border-radius:17px;display:grid;place-items:center;font-size:30px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 38%,var(--border))}.rank-progress-copy h2{margin:3px 0 4px;font-size:24px}.rank-progress-track,.achievement-progress-track{height:7px;border-radius:999px;background:rgba(255,255,255,.045);overflow:hidden;border:1px solid var(--border)}.rank-progress-track{margin-top:12px}.rank-progress-track i,.achievement-progress-track i{display:block;height:100%;background:var(--accent)}.rank-progress-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:9px;color:var(--muted)}.rank-xp-breakdown{display:grid;gap:7px;min-width:160px}.rank-xp-breakdown div,.progression-metrics article,.achievement-summary-strip article{padding:10px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.015)}.progression-metrics,.achievement-summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.achievement-summary-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.rank-ladder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rank-ladder-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:9px}.rank-ladder-card.current{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.rank-order{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.03);color:var(--muted)}.rank-ladder-card small{display:block;color:var(--muted)}.rank-ladder-card>b{font-size:7px;color:var(--accent)}.achievement-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.achievement-filter.active{color:var(--accent);border-color:var(--accent)}.achievement-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.achievement-card{padding:13px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.achievement-card.locked{opacity:.58}.achievement-card.unlocked{border-color:color-mix(in srgb,var(--accent) 42%,var(--border))}.achievement-card-head{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.achievement-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--accent);border:1px solid var(--border)}.achievement-card p{color:var(--muted);font-size:9px;min-height:34px}.achievement-progress-meta{display:flex;justify-content:space-between;margin-top:6px;font-size:8px;color:var(--muted)}.achievement-progress-meta strong{color:var(--accent)}.achievement-date{display:block;margin-top:8px;color:#34d399;font-size:7px}@media(max-width:1000px){.achievement-grid{grid-template-columns:repeat(2,1fr)}.rank-ladder-grid{grid-template-columns:repeat(2,1fr)}}

.staff-only.hidden{display:none!important}


/* FIX 29.71 • Truckers World cinematic showcase using the supplied ETS2 screenshots */
.showcase-hero{
  min-height:220px;
  background-image:linear-gradient(90deg,rgba(8,7,4,.24),rgba(8,7,4,.54) 42%,rgba(8,7,4,.82) 100%),var(--showcase-image)!important;
  background-size:cover!important;
  background-position:center 46%!important;
  box-shadow:inset 0 -80px 110px rgba(0,0,0,.46);
}
.showcase-hero:after{content:"TRUCKERS WORLD • DRIVE TOGETHER";position:absolute;left:12px;bottom:9px;padding:4px 7px;border-radius:999px;border:1px solid rgba(214,165,42,.38);background:rgba(8,6,3,.58);color:#f0c75e;font-size:6px;font-weight:900;letter-spacing:.08em}
.vtc-showcase-strip{margin:12px 0 14px;padding:12px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(180deg,rgba(214,165,42,.05),rgba(255,255,255,.012));overflow:hidden}
.vtc-showcase-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 10px}.vtc-showcase-title span,.vtc-showcase-title strong{display:block}.vtc-showcase-title span{font-size:8px;color:var(--accent);font-weight:900;letter-spacing:.09em}.vtc-showcase-title strong{margin-top:3px;font-size:15px}.vtc-showcase-title small{font-size:7px;color:var(--muted);letter-spacing:.07em}
.vtc-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:center;gap:10px}.vtc-showcase-grid figure{position:relative;width:100%;height:145px;margin:0;border-radius:9px;overflow:hidden;border:1px solid rgba(214,165,42,.28);background:#090704}.vtc-showcase-grid img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.03);transition:transform .22s ease,filter .22s ease}.vtc-showcase-grid figure:hover img{transform:scale(1.025);filter:saturate(1.05) contrast(1.04)}.vtc-showcase-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 28%,rgba(0,0,0,.76) 100%)}.vtc-showcase-grid figcaption{position:absolute;z-index:2;left:12px;bottom:10px;color:#fff7df;font-size:9px;font-weight:800;text-shadow:0 2px 10px #000}
.vtc-story-banner{position:relative;height:135px;margin:-6px -6px 18px;border-radius:10px;overflow:hidden;border:1px solid var(--border)}.vtc-story-banner img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}.vtc-story-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,2,.88),rgba(7,5,2,.24) 62%,rgba(7,5,2,.58))}.vtc-story-copy{position:absolute;left:20px;bottom:18px;right:20px}.vtc-story-copy span,.vtc-story-copy strong,.vtc-story-copy small{display:block}.vtc-story-copy span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em}.vtc-story-copy strong{margin-top:5px;color:white;font-size:20px;max-width:580px;text-shadow:0 2px 12px #000}.vtc-story-copy small{margin-top:5px;color:#e4d5ae;font-size:9px}
.vtc-photo-wall{margin:16px 0;padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.012)}.vtc-photo-wall-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.vtc-photo-wall-grid img{width:100%;height:130px;object-fit:cover;border-radius:8px;border:1px solid rgba(214,165,42,.25);filter:saturate(.9) brightness(.82);transition:.18s ease}.vtc-photo-wall-grid img:hover{filter:saturate(1.05) brightness(1);transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(9,7,4,.94),rgba(9,7,4,.97)),var(--showcase-image);background-size:cover;background-position:center;opacity:.22}
@media(max-width:900px){.pro-company-hero{height:205px}.vtc-photo-wall-grid{grid-template-columns:repeat(2,1fr)}.vtc-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(245px,1fr));justify-content:center}.vtc-showcase-grid figure{height:150px}.vtc-showcase-grid figure:last-child{display:block}}
@media(max-width:620px){.pro-company-hero{height:190px}.vtc-photo-wall-grid{grid-template-columns:1fr}.vtc-showcase-grid{grid-template-columns:1fr}.vtc-showcase-grid figure{height:165px}.vtc-showcase-grid figure:nth-child(2){display:block}.vtc-story-copy strong{font-size:16px}}


/* FIX 29.71.1 • preserve useful truck framing in cinematic cards */
.vtc-showcase-grid figure:nth-child(1) img{object-position:center 48%}
.vtc-showcase-grid figure:nth-child(2) img{object-position:center 47%}
.vtc-showcase-grid figure:nth-child(3) img{object-position:center 52%}

/* FIX 29.71.3 • compact auto-wrapping showcase grid; additional screenshots can be added without widening gaps */


/* FIX 29.72 • Public Truckers World website redesign */
.public-vtc-home{background:#090704}
.public-company-page-redesign{max-width:1500px;margin:0 auto;padding:16px 22px 28px}
.public-vtc-hero{position:relative;min-height:390px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#0a0805;box-shadow:0 18px 45px rgba(0,0,0,.28)}
.public-vtc-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.96) contrast(1.03)}
.public-vtc-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,3,.93) 0%,rgba(6,5,3,.75) 42%,rgba(6,5,3,.35) 70%,rgba(6,5,3,.62) 100%),linear-gradient(0deg,rgba(6,5,3,.9),transparent 50%)}
.public-vtc-hero-content{position:relative;z-index:2;max-width:760px;padding:46px 46px 125px}
.public-vtc-brandline{display:flex;align-items:center;gap:14px;margin-bottom:22px}.public-vtc-brandline img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 5px 12px rgba(0,0,0,.4))}.public-vtc-brandline span,.public-vtc-brandline strong{display:block}.public-vtc-brandline span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.12em}.public-vtc-brandline strong{margin-top:4px;color:#fff5d8;font-size:15px}
.public-vtc-hero h1{max-width:720px;margin:0;color:#fff;font-size:38px;line-height:1.08;letter-spacing:-.02em;text-shadow:0 3px 18px rgba(0,0,0,.55)}.public-vtc-hero p{max-width:700px;margin:16px 0 0;color:#e6dcc4;font-size:14px;line-height:1.65}
.public-vtc-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.public-vtc-actions span{color:#d7c9a7;font-size:9px}
.public-vtc-hero-stats{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.public-vtc-hero-stats>div{padding:11px 13px;border:1px solid rgba(214,165,42,.28);border-radius:9px;background:rgba(9,7,4,.76);backdrop-filter:blur(8px)}.public-vtc-hero-stats span,.public-vtc-hero-stats strong,.public-vtc-hero-stats small{display:block}.public-vtc-hero-stats span{font-size:7px;color:var(--accent);font-weight:900;letter-spacing:.09em}.public-vtc-hero-stats strong{margin-top:3px;color:#fff;font-size:13px}.public-vtc-hero-stats small{margin-top:2px;color:#aa9f85;font-size:7px}

.public-vtc-showcase,.public-bottom-showcase{margin-top:16px;padding:16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(214,165,42,.035),rgba(255,255,255,.008))}
.public-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.public-section-heading span{display:block;color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.11em}.public-section-heading h2{margin:4px 0 0;font-size:20px}.public-section-heading p{max-width:520px;margin:0;color:var(--muted);font-size:9px;text-align:right}
.public-vtc-showcase-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:9px}.public-vtc-showcase-grid figure{position:relative;height:195px;margin:0;border-radius:10px;overflow:hidden;border:1px solid rgba(214,165,42,.22);background:#070604}.public-vtc-showcase-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:.2s ease}.public-vtc-showcase-grid figure:hover img{transform:scale(1.018)}.public-vtc-showcase-grid figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 36%,rgba(0,0,0,.83))}.public-vtc-showcase-grid figcaption{position:absolute;z-index:2;left:14px;right:14px;bottom:12px}.public-vtc-showcase-grid figcaption strong,.public-vtc-showcase-grid figcaption span{display:block}.public-vtc-showcase-grid figcaption strong{color:#fff6df;font-size:11px}.public-vtc-showcase-grid figcaption span{margin-top:3px;color:#c8b995;font-size:8px}

.public-vtc-overview{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(370px,.7fr);gap:12px;margin-top:16px}
.public-feature-panel,.public-guidance-card,.public-heritage-copy{padding:22px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(255,255,255,.006))}
.public-feature-panel h2,.public-guidance-card h2,.public-heritage-copy h2{margin:5px 0 10px;font-size:21px}.public-feature-panel>p,.public-guidance-card>p,.public-heritage-copy>p{color:#c9bea6;font-size:10px;line-height:1.65}
.public-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.public-feature-list>div{display:flex;gap:10px;padding:12px;border:1px solid rgba(214,165,42,.17);border-radius:9px;background:rgba(255,255,255,.012)}.public-feature-list b{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:rgba(214,165,42,.08);border:1px solid rgba(214,165,42,.23)}.public-feature-list strong,.public-feature-list small{display:block}.public-feature-list strong{font-size:10px}.public-feature-list small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}

.public-division-list{display:grid;gap:7px;margin-top:14px}.public-division-card{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:70px;padding:7px 10px;border:1px solid rgba(214,165,42,.19);border-radius:9px;background:#0b0906;overflow:hidden}.public-division-card img{width:68px;height:54px;object-fit:cover;border-radius:7px;opacity:.88}.public-division-card span strong,.public-division-card span small{display:block}.public-division-card span strong{font-size:11px}.public-division-card span small{margin-top:3px;color:var(--muted);font-size:8px}.public-division-card>b{color:var(--accent);font-size:9px}.public-division-note{margin-top:10px;padding:8px 10px;border-radius:7px;background:rgba(214,165,42,.06);color:#d9c99f;font-size:8px;text-align:center;border:1px solid rgba(214,165,42,.15)}

.public-heritage-section{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.1fr);gap:12px;margin-top:16px}.public-heritage-image{position:relative;min-height:320px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.public-heritage-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.public-heritage-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,4,2,.88),rgba(5,4,2,.12) 58%)}.public-heritage-image>div:last-child{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.public-heritage-image span,.public-heritage-image strong{display:block}.public-heritage-image span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em}.public-heritage-image strong{margin-top:5px;color:white;font-size:20px;line-height:1.2;text-shadow:0 2px 10px #000}
.public-values{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.public-values span{padding:6px 9px;border:1px solid rgba(214,165,42,.22);border-radius:999px;background:rgba(214,165,42,.055);color:#ead7a8;font-size:8px}.public-heritage-copy blockquote{margin:18px 0 0;padding:13px 16px;border-left:3px solid var(--accent);background:rgba(214,165,42,.045);color:#f1e4c3;font-size:11px;font-style:normal}

.public-guidance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.public-guidance-card{position:relative}.public-guidance-icon{width:36px;height:36px;display:grid;place-items:center;margin-bottom:13px;border-radius:9px;background:rgba(214,165,42,.09);border:1px solid rgba(214,165,42,.23);color:var(--accent);font-size:12px;font-weight:900}.public-guidance-card .gl-list{margin-top:12px}.public-guidance-card .gl-list li{margin:0 0 8px;color:#d3c7ad;font-size:9px;line-height:1.5}.public-vtc-requirements{background:linear-gradient(145deg,rgba(214,165,42,.045),rgba(255,255,255,.008))}
.public-requirement-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid rgba(214,165,42,.13)}.public-requirement-row span{color:var(--muted);font-size:9px}.public-requirement-row strong{font-size:10px;color:#f3e3ba}.public-community-first{margin-top:16px!important;padding:10px;border-radius:8px;background:rgba(255,255,255,.018)}

.public-bottom-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.public-bottom-showcase-grid img{width:100%;height:170px;object-fit:cover;border-radius:9px;border:1px solid rgba(214,165,42,.22);filter:saturate(.92) brightness(.88);transition:.18s ease}.public-bottom-showcase-grid img:hover{filter:saturate(1.03) brightness(1)}
.public-account-redesign{margin-top:18px!important;border-radius:12px!important}.public-account-heading{margin-bottom:12px}

@media(max-width:1100px){
  .public-vtc-hero-content{padding-right:30px}.public-vtc-hero-stats{grid-template-columns:repeat(2,1fr)}
  .public-vtc-overview,.public-heritage-section{grid-template-columns:1fr}.public-guidance-grid{grid-template-columns:1fr 1fr}.public-vtc-showcase-grid{grid-template-columns:1fr 1fr}.public-vtc-showcase-grid .wide{grid-column:1/-1}
}
@media(max-width:760px){
  .public-company-page-redesign{padding:10px}.public-vtc-hero{min-height:520px}.public-vtc-hero-content{padding:28px 24px 210px}.public-vtc-hero h1{font-size:29px}.public-vtc-hero-stats{left:12px;right:12px;bottom:12px}
  .public-vtc-showcase-grid,.public-guidance-grid,.public-bottom-showcase-grid,.public-feature-list{grid-template-columns:1fr}.public-vtc-showcase-grid .wide{grid-column:auto}.public-vtc-showcase-grid figure{height:190px}.public-heritage-image{min-height:250px}.public-section-heading{align-items:start;flex-direction:column}.public-section-heading p{text-align:left}.public-vtc-brandline img{width:54px;height:54px}
}
@media(max-width:520px){
  .public-vtc-hero-stats{grid-template-columns:1fr 1fr}.public-vtc-hero-stats>div{padding:8px}.public-vtc-hero{min-height:570px}.public-vtc-hero-content{padding-bottom:230px}.public-vtc-actions{align-items:flex-start;flex-direction:column}.public-division-card{grid-template-columns:58px 1fr}.public-division-card img{width:58px}.public-division-card>b{grid-column:2}
}


/* FIX 29.72.1 • authenticated DriveHub client downloads */
.download-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:12px}
.download-client-card{padding:0!important;overflow:hidden}.download-client-visual{position:relative;height:210px;overflow:hidden;border-bottom:1px solid var(--border)}.download-client-visual img{width:100%;height:100%;object-fit:cover;object-position:center 48%}.download-client-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,5,3,.88),rgba(6,5,3,.25) 65%,rgba(6,5,3,.62))}.download-client-copy{position:absolute;left:22px;bottom:18px}.download-client-copy span,.download-client-copy strong,.download-client-copy small{display:block}.download-client-copy span{color:var(--accent);font-size:8px;font-weight:900;letter-spacing:.1em}.download-client-copy strong{margin-top:4px;color:#fff;font-size:24px}.download-client-copy small{margin-top:5px;color:#d7c8a4;font-size:9px}.download-client-body{padding:20px}.download-client-body h3{margin:4px 0 8px;font-size:19px}.download-client-body p{color:var(--muted);line-height:1.55;font-size:9px}.download-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:15px}.download-meta-grid>div{padding:10px;border:1px solid rgba(214,165,42,.18);border-radius:8px;background:rgba(255,255,255,.012)}.download-meta-grid span,.download-meta-grid strong{display:block}.download-meta-grid span{color:var(--accent);font-size:7px;font-weight:900}.download-meta-grid strong{margin-top:4px;font-size:9px}.download-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.download-help-card h3{margin:5px 0 10px;font-size:18px}.download-help-card ol{padding-left:20px;margin:12px 0}.download-help-card li{margin-bottom:10px;color:#cfc3aa;font-size:9px;line-height:1.5}.download-note{margin-top:16px;padding:12px;border:1px solid rgba(214,165,42,.18);border-radius:8px;background:rgba(214,165,42,.045)}.download-note strong,.download-note span{display:block}.download-note strong{color:#f0d596;font-size:10px}.download-note span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}
@media(max-width:900px){.download-command-grid{grid-template-columns:1fr}}
@media(max-width:620px){.download-meta-grid{grid-template-columns:1fr}.download-client-visual{height:170px}}


/* FIX 29.72.1 • registered-user download callout before VTC approval */
.member-gate-download{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;margin:16px 0;border:1px solid var(--border);border-radius:11px;overflow:hidden;background:linear-gradient(145deg,rgba(214,165,42,.035),rgba(255,255,255,.008))}
.member-gate-download-image{position:relative;min-height:170px}.member-gate-download-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.member-gate-download-image>div{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,3,.12),rgba(7,5,3,.82))}
.member-gate-download-copy{padding:22px}.member-gate-download-copy h2{margin:5px 0 8px;font-size:19px}.member-gate-download-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.member-gate-download-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
@media(max-width:760px){.member-gate-download{grid-template-columns:1fr}.member-gate-download-image{min-height:135px}.member-gate-download-image>div{background:linear-gradient(0deg,rgba(7,5,3,.82),rgba(7,5,3,.15))}}

.member-management-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:360px}.member-management-actions select{min-width:135px}.member-action-btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:7px 9px;font:700 11px inherit;cursor:pointer}.member-action-btn:hover:not(:disabled){filter:brightness(1.12)}.member-action-btn:disabled{opacity:.38;cursor:not-allowed}.member-action-btn.danger{border-color:#8b3444}

/* BETA 7 branding/community polish */
.discord-community-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border:1px solid var(--border);border-radius:8px;background:rgba(180,125,18,.12);color:#f4d882;text-decoration:none;font-weight:800;letter-spacing:.04em;box-sizing:border-box}.discord-community-link:hover{border-color:var(--accent);background:rgba(180,125,18,.22)}.discord-community-link.inline{min-height:0;padding:5px 9px;margin-right:4px;vertical-align:middle}.public-vtc-brandline img,.brand-logo-image,.membership-hero-logo,.hero-logo img{object-fit:contain}

/* BETA 7 FIX29.76.17 — public hero action alignment */
.public-vtc-actions .web-join-button{margin-top:0;min-height:44px;height:44px}
.public-vtc-actions .discord-community-link{min-height:44px;height:44px;padding:0 22px}
@media (min-width:701px){.public-vtc-actions>span{flex-basis:100%;margin-top:-4px}}

/* FIX29.76.18 responsive brand scaling */
@media (max-width:760px){.membership-hero-logo{width:clamp(90px,28vw,142px)}.pro-company-hero .hero-logo,.hero-logo{width:58px;height:58px}}

/* FIX29.76.50 • recruitment/support sync */
.support-thread{display:grid;gap:10px;max-height:360px;overflow:auto;margin:10px 0 14px}.support-message{padding:12px 14px;border:1px solid var(--line,#3a414f);border-radius:12px;background:rgba(10,14,22,.72)}.support-message strong{display:flex;gap:8px;align-items:center}.support-message small{opacity:.65}.support-message p{margin:7px 0;white-space:pre-wrap}.support-message span{font-size:11px;opacity:.6}.support-ticket-row{cursor:pointer}.support-ticket-row:hover{filter:brightness(1.08)}

/* FIX29.76.61 - division reward visibility in themed job tables */
.division-reward-badge{display:inline-flex;flex-direction:column;gap:2px;padding:5px 8px;border:1px solid var(--line,#5b4521);border-radius:8px;background:rgba(245,183,26,.08);white-space:nowrap}
.division-reward-badge strong{color:var(--gold,#f5b71a);font-size:11px;letter-spacing:.02em}
.division-reward-badge small{color:var(--muted,#c5b896);font-size:9px}
.division-reward-none{color:var(--muted,#8d846f)}


/* FIX29.76.62 - strict row/column alignment for Company Job Logbook */
.company-job-logbook-table{table-layout:fixed;min-width:1180px;width:100%;border-collapse:collapse}
.company-job-logbook-table col.job-col-driver{width:16%}
.company-job-logbook-table col.job-col-cargo{width:21%}
.company-job-logbook-table col.job-col-route{width:29%}
.company-job-logbook-table col.job-col-distance{width:10%}
.company-job-logbook-table col.job-col-revenue{width:10%}
.company-job-logbook-table col.job-col-division{width:19%}
.company-job-logbook-table col.job-col-damage{width:8%}
.company-job-logbook-table th,.company-job-logbook-table td{box-sizing:border-box;vertical-align:middle;text-align:left;overflow:hidden;text-overflow:ellipsis}
.company-job-logbook-table th{white-space:nowrap;border-bottom:1px solid var(--border)}
.company-job-logbook-table td{height:46px;white-space:nowrap;border-right:1px solid rgba(214,165,42,.07)}
.company-job-logbook-table th:last-child,.company-job-logbook-table td:last-child{border-right:0}
.company-job-logbook-table td:nth-child(4),.company-job-logbook-table td:nth-child(5),.company-job-logbook-table td:nth-child(7){font-variant-numeric:tabular-nums}
.company-job-logbook-table td:nth-child(6){white-space:normal;line-height:1.2}
.company-job-logbook-table .division-reward-badge{width:100%;box-sizing:border-box;align-items:flex-start}
.jobs-logbook-panel .table-wrap{overflow-x:auto;overflow-y:hidden}


/* FIX29.76.63 - hard-locked Company Job Logbook row/column matrix */
.company-job-logbook-table{table-layout:fixed!important;width:1660px!important;min-width:1660px!important;max-width:1660px!important;border-collapse:collapse!important}
.company-job-logbook-table col.job-col-driver{width:180px!important}
.company-job-logbook-table col.job-col-cargo{width:260px!important}
.company-job-logbook-table col.job-col-route{width:430px!important}
.company-job-logbook-table col.job-col-distance{width:130px!important}
.company-job-logbook-table col.job-col-revenue{width:140px!important}
.company-job-logbook-table col.job-col-division{width:360px!important}
.company-job-logbook-table col.job-col-damage{width:160px!important}
.company-job-logbook-table thead,.company-job-logbook-table tbody{width:1660px}
.company-job-logbook-table tr{display:table-row!important;height:52px!important}
.company-job-logbook-table th,.company-job-logbook-table td{display:table-cell!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:0 12px!important;vertical-align:middle!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-right:1px solid rgba(214,165,42,.18)!important;border-bottom:1px solid rgba(214,165,42,.28)!important;box-sizing:border-box!important}
.company-job-logbook-table th:last-child,.company-job-logbook-table td:last-child{border-right:0!important}
.company-job-logbook-table td:nth-child(4),.company-job-logbook-table td:nth-child(5),.company-job-logbook-table td:nth-child(7){font-variant-numeric:tabular-nums!important}
.company-job-logbook-table td:nth-child(6){white-space:nowrap!important;line-height:normal!important}
.company-job-logbook-table .division-reward-badge{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:8px!important;align-items:center!important;width:100%!important;height:34px!important;padding:0 8px!important;white-space:nowrap!important;overflow:hidden!important}
.company-job-logbook-table .division-reward-badge strong,.company-job-logbook-table .division-reward-badge small{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.jobs-logbook-panel .table-wrap{overflow-x:auto!important;overflow-y:hidden!important}