/* DriverLog AU V8.9.0 — Web UX Hotfix 1
   New-user guidance, useful empty states, and defensive page visibility. */
@media (min-width:900px){
  body.driverlog-pro-web .page.active>.card,
  body.driverlog-pro-web .page.active>.hero,
  body.driverlog-pro-web .page.active>.web-page-title,
  body.driverlog-pro-web .page.active>.web-desktop-note,
  body.driverlog-pro-web .page.active>.web-empty-guide,
  body.driverlog-pro-web .page.active>.web-getting-started{
    visibility:visible!important;opacity:1!important;
  }
  body.driverlog-pro-web .web-empty-guide,
  body.driverlog-pro-web .web-getting-started{grid-column:span 12!important;display:block!important}
  body.driverlog-pro-web .web-guide-card{background:#fff;border:1px solid #dbe6f2;border-radius:18px;box-shadow:0 8px 28px rgba(7,22,46,.055);padding:20px}
  body.driverlog-pro-web .web-guide-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
  body.driverlog-pro-web .web-guide-head h3{margin:0;color:#122a49;font-size:18px;letter-spacing:-.25px}
  body.driverlog-pro-web .web-guide-head p{margin:6px 0 0;color:#667790;font-size:12px;line-height:1.55;max-width:850px}
  body.driverlog-pro-web .web-guide-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 9px;border-radius:999px;background:#eef6ff;color:#145fba;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
  body.driverlog-pro-web .web-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:16px}
  body.driverlog-pro-web .web-benefit{border:1px solid #e2e9f2;border-radius:13px;padding:13px 14px;background:#f9fbfe}
  body.driverlog-pro-web .web-benefit b{display:block;color:#183656;font-size:12px;margin-bottom:4px}
  body.driverlog-pro-web .web-benefit span{display:block;color:#718198;font-size:11px;line-height:1.45}
  body.driverlog-pro-web .web-guide-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
  body.driverlog-pro-web .web-guide-actions button{min-height:38px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:850}
  body.driverlog-pro-web .web-empty-box{margin-top:15px;padding:16px;border:1px dashed #b8cbe1;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f1f7ff)}
  body.driverlog-pro-web .web-empty-box strong{display:block;color:#17385f;font-size:13px;margin-bottom:5px}
  body.driverlog-pro-web .web-empty-box p{margin:0;color:#667991;font-size:11px;line-height:1.55}
  body.driverlog-pro-web .web-example-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
  body.driverlog-pro-web .web-example-stat{border-radius:12px;background:#fff;border:1px solid #dce7f2;padding:12px}
  body.driverlog-pro-web .web-example-stat span{display:block;font-size:9px;font-weight:850;letter-spacing:.06em;color:#8090a4;text-transform:uppercase}
  body.driverlog-pro-web .web-example-stat b{display:block;margin-top:5px;font-size:16px;color:#183655}
  body.driverlog-pro-web .web-example-note{margin-top:7px;color:#8a6a27;font-size:10px;font-weight:700}
  body.driverlog-pro-web .web-start-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:15px}
  body.driverlog-pro-web .web-start-step{position:relative;border:1px solid #e0e8f2;border-radius:14px;padding:15px;background:#fff}
  body.driverlog-pro-web .web-start-step.done{background:#f1fbf6;border-color:#bfe8cf}
  body.driverlog-pro-web .web-start-step .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#1660bb;font-weight:900;font-size:12px;margin-bottom:10px}
  body.driverlog-pro-web .web-start-step.done .num{background:#dcfce7;color:#15803d}
  body.driverlog-pro-web .web-start-step b{display:block;font-size:12px;color:#193754}
  body.driverlog-pro-web .web-start-step span{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:#75859a}
  body.driverlog-pro-web .web-start-progress{height:8px;border-radius:999px;background:#e8eef6;overflow:hidden;margin-top:14px}
  body.driverlog-pro-web .web-start-progress>i{display:block;height:100%;background:linear-gradient(90deg,#1268ff,#18b5df);border-radius:999px}
  body.driverlog-pro-web .web-help-toggle{border:0;background:transparent;color:#155cb3;font-size:11px;font-weight:850;cursor:pointer;padding:4px 0}
  body.driverlog-pro-web .web-guide-card.compact .web-benefit-grid,
  body.driverlog-pro-web .web-guide-card.compact .web-empty-box{display:none}
}
@media (max-width:899px){
  .web-empty-guide,.web-getting-started{display:none!important}
}

/* DriverLog AU V8.9.0 — Home Setup Panel Hotfix 11
   Scope intentionally limited to the Home "DriverLog setup underway" panel. */
@media (min-width:900px){
  body.driverlog-pro-web .web-getting-started .web-guide-card.web-setup-reference{
    padding:13px 14px 11px;
    border:1px solid #d8e4f0;
    border-radius:17px;
    background:rgba(255,255,255,.985);
    box-shadow:0 5px 18px rgba(26,61,100,.055);
  }
  body.driverlog-pro-web .web-getting-started .web-setup-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(290px,39%);
    align-items:center;
    gap:22px;
    margin-bottom:11px;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-title{
    min-width:0;
    display:flex;
    align-items:flex-start;
    gap:12px;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-master-check{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:7px;
    background:linear-gradient(145deg,#28c86b,#0faf55);
    color:#fff;
    font-size:24px;
    font-weight:950;
    line-height:1;
    box-shadow:0 4px 10px rgba(19,167,82,.18);
  }
  body.driverlog-pro-web .web-getting-started .web-setup-title h3{
    margin:0;
    color:#122b57;
    font-size:20px;
    line-height:1.05;
    letter-spacing:-.35px;
    font-weight:900;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-title p{
    margin:4px 0 0;
    color:#55708f;
    font-size:11px;
    line-height:1.35;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-progress-wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"label allset" "bar allset";
    align-items:center;
    column-gap:10px;
    row-gap:4px;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-progress-label{
    grid-area:label;
    justify-self:end;
    color:#095dc7;
    font-size:11px;
    font-weight:900;
    text-transform:none;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-progress-track{
    grid-area:bar;
    width:100%;
    height:7px;
    overflow:hidden;
    border-radius:999px;
    background:#e3edf5;
    box-shadow:inset 0 1px 2px rgba(18,43,87,.08);
  }
  body.driverlog-pro-web .web-getting-started .web-setup-progress-track>i{
    display:block;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#1bc34f 0%,#14bd55 55%,#15a9dc 100%);
  }
  body.driverlog-pro-web .web-getting-started .web-setup-allset{
    grid-area:allset;
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:32px;
    padding:0 11px;
    border:1px solid #c7edc9;
    border-radius:9px;
    background:#edfae9;
    color:#245b2e;
    font-size:11px;
    font-weight:850;
    white-space:nowrap;
  }
  body.driverlog-pro-web .web-getting-started .web-setup-allset b{
    display:grid;
    place-items:center;
    width:19px;
    height:19px;
    border-radius:50%;
    background:#20bd4f;
    color:white;
    font-size:12px;
  }
  body.driverlog-pro-web .web-getting-started .web-start-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:9px;
    margin-top:0;
  }
  body.driverlog-pro-web .web-getting-started .web-start-step{
    min-height:113px;
    display:grid;
    grid-template-columns:47px minmax(0,1fr);
    align-items:start;
    gap:10px;
    padding:12px 11px;
    border-radius:12px;
    border-width:1px;
    border-style:solid;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
  }
  body.driverlog-pro-web .web-getting-started .web-start-step.vehicle{
    background:linear-gradient(135deg,#eef9ff,#e9f6ff);
    border-color:#cbe8fa;
  }
  body.driverlog-pro-web .web-getting-started .web-start-step.shift{
    background:linear-gradient(135deg,#fff9e8,#fff6dd);
    border-color:#f1dfb5;
  }
  body.driverlog-pro-web .web-getting-started .web-start-step.income{
    background:linear-gradient(135deg,#effcf4,#e9faef);
    border-color:#c6e9d2;
  }
  body.driverlog-pro-web .web-getting-started .web-start-step.expense{
    background:linear-gradient(135deg,#f8f1ff,#f2eaff);
    border-color:#dbc9f3;
  }
  body.driverlog-pro-web .web-getting-started .web-start-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 10px rgba(29,56,94,.08);
  }
  body.driverlog-pro-web .web-getting-started .web-start-icon svg{width:27px;height:27px;fill:currentColor}
  body.driverlog-pro-web .web-getting-started .vehicle .web-start-icon{color:#0a7bf2}
  body.driverlog-pro-web .web-getting-started .shift .web-start-icon{color:#f3a700}
  body.driverlog-pro-web .web-getting-started .income .web-start-icon{color:#17af55}
  body.driverlog-pro-web .web-getting-started .expense .web-start-icon{color:#8538d8}
  body.driverlog-pro-web .web-getting-started .web-start-copy{min-width:0}
  body.driverlog-pro-web .web-getting-started .web-start-title-row{
    min-width:0;
    display:flex;
    align-items:center;
    gap:6px;
    color:#122b57;
  }
  body.driverlog-pro-web .web-getting-started .web-start-title-row>b{
    margin:0;
    font-size:14px;
    line-height:1.1;
    font-weight:900;
  }
  body.driverlog-pro-web .web-getting-started .web-step-done{
    flex:0 0 16px;
    width:16px;
    height:16px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#25bf59;
    color:#fff;
    font-size:10px;
    font-weight:950;
  }
  body.driverlog-pro-web .web-getting-started .web-start-chevron{
    margin-left:auto;
    color:#143b73;
    font-size:22px;
    font-weight:700;
    line-height:1;
  }
  body.driverlog-pro-web .web-getting-started .web-start-copy>span{
    display:block;
    margin-top:5px;
    min-height:26px;
    color:#506a88;
    font-size:10px;
    line-height:1.32;
  }
  body.driverlog-pro-web .web-getting-started .web-guide-actions{
    margin-top:8px;
    display:block;
  }
  body.driverlog-pro-web .web-getting-started .web-guide-actions button{
    width:100%;
    min-height:31px;
    padding:0 10px;
    border-radius:8px;
    background:rgba(255,255,255,.92);
    color:#122b57;
    font-size:11px;
    font-weight:850;
    box-shadow:0 2px 5px rgba(19,48,85,.035);
  }
  body.driverlog-pro-web .web-getting-started .vehicle .web-guide-actions button{border-color:#91c7f5}
  body.driverlog-pro-web .web-getting-started .shift .web-guide-actions button{border-color:#e6c978}
  body.driverlog-pro-web .web-getting-started .income .web-guide-actions button{border-color:#89d7a5}
  body.driverlog-pro-web .web-getting-started .expense .web-guide-actions button{border-color:#c3a0ea}
}