/* DriverLog AU V8.9.0 — desktop web workspace */
@media (min-width: 900px){
  body.driverlog-web{background:#eef2f7;color:#0f172a}
  body.driverlog-web #appShell{min-height:100vh;padding-left:236px}
  body.driverlog-web header{position:sticky;top:0;z-index:60;background:#0f172a;padding:12px 24px;border-bottom:1px solid #1e293b}
  body.driverlog-web header .header-row{width:100%;max-width:1480px;margin:0 auto}
  body.driverlog-web header .brand{font-size:22px}
  body.driverlog-web header .sub{font-size:12px;color:#cbd5e1}
  body.driverlog-web main{width:100%;max-width:1480px;margin:0 auto;padding:24px 28px 40px;overflow:visible}
  body.driverlog-web nav{position:fixed;left:0;top:0;bottom:0;width:236px;height:100vh;z-index:80;display:flex;flex-direction:column;justify-content:flex-start;gap:6px;padding:92px 14px 18px;background:linear-gradient(180deg,#0b1220,#111827);border-right:1px solid #1f2937;box-shadow:10px 0 35px #0f172a18}
  body.driverlog-web nav::before{content:'DriverLog AU\A DESKTOP PORTAL';white-space:pre;position:absolute;left:22px;top:22px;color:#fff;font-weight:900;font-size:19px;line-height:1.25;letter-spacing:.2px}
  body.driverlog-web nav::after{content:'Cloud business workspace';position:absolute;left:22px;top:67px;color:#94a3b8;font-size:11px}
  body.driverlog-web nav button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:10px;text-align:left;border-radius:12px;padding:11px 14px;background:transparent;color:#cbd5e1;font-size:14px;font-weight:800;border:1px solid transparent}
  body.driverlog-web nav button br{display:none}
  body.driverlog-web nav button:hover{background:#1e293b;color:#fff}
  body.driverlog-web nav button.active{background:#2563eb;color:#fff;border-color:#60a5fa;box-shadow:0 10px 24px #2563eb33}
  body.driverlog-web .page{padding-bottom:0}
  body.driverlog-web .page.active{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:start}
  body.driverlog-web .page.active>.card,body.driverlog-web .page.active>.hero{margin:0;grid-column:span 12}
  body.driverlog-web #home.active>.hero{grid-column:span 12}
  body.driverlog-web #home.active>.card:nth-of-type(1){grid-column:span 7}
  body.driverlog-web #home.active>.card:nth-of-type(2){grid-column:span 5}
  body.driverlog-web #home.active>.card:nth-of-type(3){grid-column:span 12}
  body.driverlog-web #income.active>.card:first-child,body.driverlog-web #expenses.active>.card:first-child{grid-column:span 5}
  body.driverlog-web #income.active>.card:last-child,body.driverlog-web #expenses.active>.card:last-child{grid-column:span 7}
  body.driverlog-web #shift.active>.card:first-child{grid-column:span 12}
  body.driverlog-web #shift.active>.card:not(:first-child){grid-column:span 6}
  body.driverlog-web #vehicle.active>#webVehicleNotice{grid-column:span 12}
  body.driverlog-web #vehicle.active>.card{grid-column:span 6}
  body.driverlog-web #vehicle.active>.card:nth-of-type(2),body.driverlog-web #vehicle.active>.card:nth-of-type(3){grid-column:span 6}
  body.driverlog-web #reports.active>*{grid-column:span 12}
  body.driverlog-web #settings.active>*{grid-column:span 12}
  body.driverlog-web .card{border-radius:18px;box-shadow:0 8px 28px #0f172a0d;border:1px solid #e2e8f0}
  body.driverlog-web .hero.compact{border-radius:20px;padding:26px 28px}
  body.driverlog-web .formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.driverlog-web .table-wrap{max-height:560px;overflow:auto}
  body.driverlog-web .money-row{grid-template-columns:repeat(3,1fr)}
  body.driverlog-web .work-row{grid-template-columns:repeat(4,1fr)}
  body.driverlog-web .platform-row{grid-template-columns:repeat(4,1fr)}
  body.driverlog-web .desktop-only-banner{display:flex!important}
}
.desktop-only-banner{display:none;align-items:center;gap:10px;margin:0 0 16px;padding:12px 15px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:14px;font-size:13px}
.session-device-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:5px 9px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:800}
.takeover-device-card{margin:12px 0;padding:12px;border:1px solid #fde68a;background:#fffbeb;border-radius:14px;color:#92400e;font-size:13px;line-height:1.45}
.takeover-code{font-size:24px!important;letter-spacing:8px;text-align:center;font-weight:900}
.takeover-channel{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.takeover-channel button{min-height:52px}
@media (max-width: 899px){.desktop-only-banner{display:none!important}}