:root{--navy:#0b2a59;--navy2:#061c3b;--orange:#f36b21;--blue:#2e79c7;--green:#168760;--red:#c94444;--amber:#c98212;--ink:#16243a;--muted:#708096;--line:#e1e7ef;--bg:#f4f7fb;--white:#fff;--shadow:0 18px 45px rgba(9,38,79,.10);--radius:18px;font-family:Inter,Segoe UI,Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.vr-app{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.vr-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:linear-gradient(180deg,var(--navy2),var(--navy));padding:22px 16px;color:#fff;display:flex;flex-direction:column;z-index:60}.vr-brand{display:flex;align-items:center;gap:11px;padding:2px 5px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.vr-brand>span,.vr-login-brand>span{width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,var(--orange),#ff9253);display:grid;place-items:center;font-weight:900;box-shadow:0 10px 24px rgba(243,107,33,.28)}.vr-brand b,.vr-brand small,.vr-login-brand b,.vr-login-brand small{display:block}.vr-brand b,.vr-login-brand b{font-size:15px}.vr-brand small,.vr-login-brand small{font-size:10px;color:#bbcade;text-transform:uppercase;letter-spacing:.08em}.vr-rider-card{display:flex;gap:11px;align-items:center;margin:18px 1px;padding:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px}.vr-rider-card>i{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;font-style:normal;font-weight:900}.vr-rider-card b,.vr-rider-card span,.vr-rider-card small{display:block}.vr-rider-card b{font-size:12px}.vr-rider-card span{font-size:10px;color:#ffb184}.vr-rider-card small{font-size:9px;color:#aebed3}.vr-nav{display:grid;gap:5px}.vr-nav a{display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:10px;color:#c7d4e6;font-weight:800}.vr-nav a:hover{background:rgba(255,255,255,.07);color:#fff}.vr-nav a.is-active{background:#fff;color:var(--navy)}.vr-nav i{font-style:normal;width:22px;text-align:center;font-size:17px}.vr-signout{margin-top:auto;padding:12px;color:#ffb184;font-weight:800}.vr-main{grid-column:2;min-width:0}.vr-topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:30}.vr-topbar>div{flex:1}.vr-topbar small,.vr-topbar h1{display:block;margin:0}.vr-topbar small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.vr-topbar h1{font-size:23px;margin-top:3px}.vr-menu{display:none;border:0;background:#edf2f8;border-radius:10px;width:40px;height:40px;margin-right:12px;color:var(--navy)}.vr-location-button{border:0;background:var(--navy);color:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.vr-content{padding:26px 30px 105px;max-width:1500px;margin:auto}.vr-alert{padding:12px 14px;border:1px solid transparent;border-radius:10px;margin-bottom:16px;font-weight:700}.vr-alert-success{background:#e8f7f1;border-color:#bce6d7;color:#087753}.vr-alert-danger{background:#fff0f0;border-color:#f0c4c4;color:#a93232}.vr-alert-warning{background:#fff6e5;border-color:#ecd8aa;color:#8d5a08}.vr-alert-info{background:#edf5ff;border-color:#c5dbf4;color:#14538b}.vr-eyebrow{margin:0;color:var(--orange);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.vr-shift-card,.vr-route-summary,.vr-profile-hero,.vr-task-hero{background:linear-gradient(135deg,var(--navy),#1d609f);color:#fff;padding:23px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:18px}.vr-shift-card p,.vr-shift-card h2,.vr-shift-card span,.vr-route-summary h2,.vr-route-summary span,.vr-profile-hero h2,.vr-profile-hero span,.vr-task-hero h2,.vr-task-hero span{display:block;margin:0}.vr-shift-card h2,.vr-route-summary h2,.vr-profile-hero h2,.vr-task-hero h2{font-size:27px}.vr-shift-card span,.vr-route-summary span,.vr-profile-hero span,.vr-task-hero span{color:#c5d5e8;font-size:11px}.vr-shift-status{font-style:normal;font-size:10px;font-weight:900;background:#25b780;padding:8px 11px;border-radius:10px;box-shadow:0 0 0 5px rgba(37,183,128,.14)}.vr-metric-grid,.vr-wallet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.vr-metric-grid article,.vr-wallet-grid article,.vr-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.vr-metric-grid article,.vr-wallet-grid article{padding:17px}.vr-metric-grid span,.vr-metric-grid b,.vr-metric-grid small,.vr-wallet-grid span,.vr-wallet-grid b,.vr-wallet-grid small{display:block}.vr-metric-grid span,.vr-wallet-grid span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:900}.vr-metric-grid b,.vr-wallet-grid b{font-size:25px;color:var(--navy);margin:6px 0 1px}.vr-metric-grid small,.vr-wallet-grid small{font-size:10px;color:var(--muted)}.vr-metric-grid .is-money,.vr-wallet-grid .is-primary{background:linear-gradient(135deg,var(--orange),#ff8846)}.vr-metric-grid .is-money span,.vr-metric-grid .is-money b,.vr-metric-grid .is-money small,.vr-wallet-grid .is-primary span,.vr-wallet-grid .is-primary b,.vr-wallet-grid .is-primary small{color:#fff}.vr-wallet-grid .is-cod{border-color:#f0d3a3;background:#fff9ef}.vr-card{padding:20px;margin-bottom:18px}.vr-card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.vr-card-head h2{margin:3px 0 0;font-size:19px}.vr-card-head>a{font-size:11px;font-weight:900;color:var(--blue)}.vr-task-list{display:grid}.vr-task-row{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 2px;border-bottom:1px solid #edf1f6}.vr-task-row:last-child{border-bottom:0}.vr-task-row:hover{background:#fafcff}.vr-sequence{width:35px;height:35px;border-radius:10px;background:#edf4fc;color:var(--blue);display:grid;place-items:center;font-weight:900}.vr-task-row b,.vr-task-row p,.vr-task-row small{display:block;margin:0}.vr-task-row b{font-size:13px}.vr-task-row p{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}.vr-task-row small{font-size:9px;color:#94a0b1;margin-top:3px}.vr-status{display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;padding:6px 8px;border-radius:10px;background:#edf1f6;color:#596777;white-space:nowrap}.vr-status-assigned,.vr-status-requested{background:#edf5ff;color:#145b98}.vr-status-accepted,.vr-status-en-route{background:#eef0ff;color:#4a55a8}.vr-status-arrived{background:#fff4dd;color:#9a650d}.vr-status-delivered,.vr-status-approved,.vr-status-active{background:#e6f7ef;color:#087653}.vr-status-failed,.vr-status-rejected,.vr-status-suspended{background:#ffeded;color:#a53232}.vr-status-cancelled,.vr-status-inactive{background:#edf0f4;color:#697585}.vr-two-column,.vr-proof-grid,.vr-task-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vr-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vr-action-grid a,.vr-action-grid button{background:#f7f9fc;border:1px solid var(--line);border-radius:10px;padding:14px;text-align:left;color:var(--ink)}.vr-action-grid i,.vr-action-grid b,.vr-action-grid small{display:block}.vr-action-grid i{font-style:normal;font-size:20px;color:var(--orange)}.vr-action-grid b{margin:7px 0 2px}.vr-action-grid small{font-size:9px;color:var(--muted)}.vr-notification-list{display:grid}.vr-notification-list article{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #edf1f6}.vr-notification-list article:last-child{border-bottom:0}.vr-notification-list>article>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--blue)}.vr-notification-list>article>i.is-success{background:var(--green)}.vr-notification-list>article>i.is-warning{background:var(--amber)}.vr-notification-list>article>i.is-danger{background:var(--red)}.vr-notification-list b,.vr-notification-list p,.vr-notification-list small{display:block;margin:0}.vr-notification-list b{font-size:11px}.vr-notification-list p{font-size:10px;color:var(--muted)}.vr-notification-list small{font-size:9px;color:#9aa6b6}.vr-empty{text-align:center;padding:28px 10px;color:var(--muted);font-size:12px}.vr-filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.vr-filter-tabs a{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:900;color:var(--muted)}.vr-filter-tabs a.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}.vr-task-meta{display:grid;justify-items:end;gap:5px}.vr-task-meta strong{font-size:11px;color:var(--orange)}.vr-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vr-detail-grid article{padding:13px;background:#f7f9fc;border-radius:10px}.vr-detail-grid span,.vr-detail-grid b,.vr-detail-grid small{display:block}.vr-detail-grid span{font-size:9px;color:var(--muted);text-transform:uppercase;font-weight:900}.vr-detail-grid b{font-size:12px;margin-top:4px}.vr-detail-grid small{font-size:10px;color:var(--muted)}.vr-span-full{grid-column:1/-1}.vr-contact-actions{display:flex;gap:9px;margin-top:13px}.vr-contact-actions a,.vr-primary-button,.vr-secondary-button,.vr-danger-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 15px;font-weight:900}.vr-contact-actions a:first-child,.vr-primary-button{background:var(--orange);color:#fff}.vr-contact-actions a:last-child,.vr-secondary-button{background:#eef3f9;color:var(--navy);border:1px solid #dce5ef}.vr-danger-button{background:var(--red);color:#fff}.vr-workflow{display:flex;gap:9px;flex-wrap:wrap}.vr-workflow-note{margin:0;color:var(--muted)}.vr-form{display:grid;gap:13px}.vr-form label{display:grid;gap:6px;font-size:11px;font-weight:900;color:#536174}.vr-form input,.vr-form select,.vr-form textarea{width:100%;border:1px solid #dce4ee;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}.vr-form input:focus,.vr-form select:focus,.vr-form textarea:focus{border-color:#77a8d9;box-shadow:0 0 0 3px rgba(46,121,199,.10)}.vr-demo-inline{padding:8px 10px;border-radius:10px;background:#fff5e8;color:#925010;font-weight:800}.vr-image-preview{min-height:110px;border:1px dashed #ccd6e3;border-radius:10px;display:grid;place-items:center;color:var(--muted);overflow:hidden}.vr-image-preview img{width:100%;max-height:260px;object-fit:cover}.vr-signature-pad{width:100%;height:150px;background:#fff;border:1px dashed #becbda;border-radius:10px;touch-action:none}.vr-signature-actions{display:flex;justify-content:flex-end}.vr-timeline{display:grid}.vr-timeline article{display:flex;gap:12px;padding:10px 0}.vr-timeline article>i{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px;box-shadow:0 0 0 5px #edf5ff}.vr-timeline b,.vr-timeline p,.vr-timeline small{display:block;margin:0}.vr-timeline p{font-size:10px;color:var(--muted)}.vr-timeline small{font-size:9px;color:#99a5b4}.vr-route-list{display:grid}.vr-route-list article{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f6}.vr-route-list article:last-child{border-bottom:0}.vr-route-list b,.vr-route-list p,.vr-route-list small{display:block;margin:0}.vr-route-list p{font-size:10px;color:var(--muted)}.vr-route-list small{font-size:9px;color:#9aa6b6}.vr-route-actions{display:flex;gap:6px}.vr-route-actions a{padding:7px 9px;border-radius:10px;background:#edf3fa;color:var(--navy);font-size:10px;font-weight:900}.vr-route-actions a:first-child{background:var(--orange);color:#fff}.vr-compact-list{display:grid}.vr-compact-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf1f6}.vr-compact-list article:last-child{border-bottom:0}.vr-compact-list b,.vr-compact-list p,.vr-compact-list strong{display:block;margin:0}.vr-compact-list p{font-size:9px;color:var(--muted)}.vr-compact-list strong{text-align:right;color:var(--navy)}.vr-table-wrap{overflow:auto}.vr-table{width:100%;border-collapse:collapse;min-width:650px}.vr-table th,.vr-table td{padding:11px 10px;border-bottom:1px solid #edf1f6;text-align:left;font-size:11px}.vr-table th{font-size:9px;color:var(--muted);text-transform:uppercase}.vr-table td small{display:block;color:var(--muted)}.vr-credit{color:var(--green);font-weight:900}.vr-debit{color:var(--red);font-weight:900}.vr-profile-hero{justify-content:flex-start;gap:15px}.vr-profile-hero>i{width:58px;height:58px;border-radius:10px;background:#fff;color:var(--navy);display:grid;place-items:center;font-style:normal;font-size:22px;font-weight:900}.vr-profile-hero>b{margin-left:auto}.vr-profile-list{display:grid}.vr-profile-list article{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf1f6}.vr-profile-list article:last-child{border-bottom:0}.vr-profile-list span{font-size:10px;color:var(--muted)}.vr-profile-list b{font-size:11px;text-align:right}.vr-safety-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.vr-safety-card h2{margin:4px 0}.vr-safety-card p{margin:0;color:var(--muted)}.vr-safety-card>a{background:var(--navy);color:#fff;padding:10px 13px;border-radius:10px;font-weight:900;white-space:nowrap}.vr-bottom-nav{display:none}.vr-overlay{display:none}.vr-toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(130%);opacity:0;transition:.25s;z-index:100}.vr-toast.is-visible{transform:none;opacity:1}.vr-toast.is-error{background:var(--red)}
.vr-login-body{background:var(--navy2)}.vr-login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.vr-login-hero{padding:50px 7vw;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(46,121,199,.35),transparent 30%),linear-gradient(145deg,#06172f,#0d376f);display:flex;flex-direction:column}.vr-login-brand{display:flex;align-items:center;gap:11px}.vr-login-copy{margin:auto 0;max-width:620px}.vr-login-copy>p{color:#ffb184;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.1em}.vr-login-copy h1{font-size:clamp(40px,5.2vw,70px);line-height:1.02;margin:14px 0 24px;letter-spacing:-.045em}.vr-login-copy>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.vr-login-copy>div span{padding:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:11px}.vr-login-hero>small{color:#8fa8c6}.vr-login-panel{background:#fff;display:grid;place-items:center;padding:35px}.vr-login-card{width:min(100%,430px)}.vr-login-card h2{font-size:32px;margin:5px 0}.vr-login-card>p:not(.vr-eyebrow){color:var(--muted);margin:0 0 24px}.vr-login-card label{display:grid;gap:6px;margin-bottom:14px;font-size:11px;font-weight:900;color:#536174}.vr-login-card input{width:100%;border:1px solid #dce4ee;border-radius:10px;padding:13px}.vr-login-card>button{width:100%;border:0;border-radius:10px;padding:14px;background:var(--orange);color:#fff;font-weight:900}.vr-demo-note{margin-top:16px;padding:12px;background:#f7f9fc;border:1px dashed #cad5e2;border-radius:10px}.vr-demo-note b,.vr-demo-note span,.vr-demo-note small{display:block}.vr-demo-note span,.vr-demo-note small{font-size:10px;color:var(--muted)}
@media(max-width:1050px){.vr-metric-grid,.vr-wallet-grid{grid-template-columns:1fr 1fr}.vr-two-column,.vr-proof-grid,.vr-task-layout{grid-template-columns:1fr}.vr-login-copy>div{grid-template-columns:1fr}}
@media(max-width:850px){.vr-app{display:block}.vr-sidebar{transform:translateX(-105%);transition:.25s}.vr-sidebar.is-open{transform:none}.vr-main{grid-column:auto}.vr-menu{display:block}.vr-topbar{height:76px;padding:0 16px}.vr-content{padding:17px 14px 95px}.vr-bottom-nav{position:fixed;inset:auto 0 0 0;height:70px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.vr-bottom-nav a{display:grid;place-items:center;align-content:center;gap:2px;color:#8693a5}.vr-bottom-nav i{font-style:normal;font-size:19px}.vr-bottom-nav span{font-size:9px;font-weight:900}.vr-bottom-nav a.is-active{color:var(--orange)}.vr-menu-open{overflow:hidden}.vr-menu-open .vr-overlay{display:block;position:fixed;inset:0;background:rgba(5,20,43,.45);z-index:50}.vr-toast{bottom:84px;left:14px;right:14px;text-align:center}.vr-login-shell{grid-template-columns:1fr}.vr-login-hero{min-height:430px;padding:32px}.vr-login-panel{padding:38px 20px}.vr-task-row p{max-width:450px}}
@media(max-width:600px){.vr-metric-grid,.vr-wallet-grid{grid-template-columns:1fr 1fr;gap:10px}.vr-metric-grid article,.vr-wallet-grid article{padding:14px}.vr-metric-grid b,.vr-wallet-grid b{font-size:20px}.vr-card{padding:15px;border-radius:10px}.vr-task-row{grid-template-columns:36px 1fr}.vr-task-row>.vr-status,.vr-task-meta{grid-column:2;justify-self:start;justify-items:start}.vr-task-row p{max-width:260px}.vr-detail-grid{grid-template-columns:1fr}.vr-span-full{grid-column:auto}.vr-contact-actions{display:grid;grid-template-columns:1fr 1fr}.vr-route-list article{grid-template-columns:36px 1fr}.vr-route-actions{grid-column:2}.vr-shift-card,.vr-route-summary,.vr-profile-hero,.vr-task-hero{padding:18px}.vr-shift-card h2,.vr-route-summary h2,.vr-profile-hero h2,.vr-task-hero h2{font-size:22px}.vr-action-grid{grid-template-columns:1fr}.vr-safety-card{align-items:flex-start;flex-direction:column}.vr-safety-card>a{width:100%;text-align:center}.vr-login-copy h1{font-size:42px}.vr-login-hero{min-height:500px}}
@media(max-width:390px){.vr-metric-grid,.vr-wallet-grid{grid-template-columns:1fr}.vr-task-row p{max-width:210px}.vr-topbar h1{font-size:19px}}

/* Shawn Logistics unified component radius: frontend and admin */
:where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  fieldset,
  a.btn,
  a.button,
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="table-wrap"]
){border-radius:10px!important;}


/* Shawn Cargo Logistics: unified 10px component radius override.
   Scoped to interactive controls and visual container components only. */
:root{--sl-radius:10px!important;}
html body :where(
  button,
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,
  textarea,
  fieldset,
  details,
  a.btn,
  a.button,
  [role="button"],
  [class~="btn"],
  [class~="button"],
  [class*="-btn"],
  [class*="__btn"],
  [class*="-button"],
  [class*="__button"],
  [class*="card"],
  [class*="panel"],
  [class*="box"],
  [class*="tile"],
  [class*="widget"],
  [class*="modal"],
  [class*="dialog"],
  [class*="dropdown"],
  [class*="popover"],
  [class*="alert"],
  [class*="notice"],
  [class*="badge"],
  [class*="pill"],
  [class*="chip"],
  [class*="tag"],
  [class*="stat"],
  [class*="metric"],
  [class*="table-wrap"],
  [class*="form-wrap"],
  [class*="form-card"],
  [class*="search-wrap"]
){border-radius:10px!important;}

/* --- login-v2 — unified portal login layout -------------------------------
   Matches courier-partner and merchant-client so all three portals read as one
   product. Changes: even 50/50 split (was 1.05fr/.95fr), the official logo in
   place of the SL square, a single tick-list treatment, and one heading scale
   with no clamp so wide screens stop over-enlarging the headline. */
body.vr-login-body .vr-login-shell{grid-template-columns:1fr 1fr}
body.vr-login-body .vr-login-hero{
  display:flex;flex-direction:column;padding:38px 44px;
  background:linear-gradient(150deg,#0a2350 0%,#123566 55%,#0d2a5c 100%);
}
body.vr-login-body .vr-login-brand{
  display:flex;flex-direction:column;align-items:flex-start;gap:7px;
  padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.14);
}
/* The mark is navy on transparent, so it needs a light plate to stay legible
   against the dark panel. */
body.vr-login-body .vr-login-brand img{
  width:148px;height:auto;display:block;background:#fff;padding:9px 13px;border-radius:9px;
}
body.vr-login-body .vr-login-brand span{
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#9db4d4;font-weight:600;
}
body.vr-login-body .vr-login-copy{margin-top:auto;padding:34px 0}
body.vr-login-body .vr-login-copy h1{
  margin:0 0 14px;font-size:38px;line-height:1.14;letter-spacing:-.025em;
  font-weight:700;max-width:15ch;
}
body.vr-login-body .vr-login-copy .vr-login-lede{margin:0 0 22px;color:#c3d3e8;font-size:15px;max-width:52ch}
body.vr-login-body .vr-login-copy .vr-eyebrow{color:#ff9a4d}
body.vr-login-body .vr-login-points{
  display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin:0;padding:0;list-style:none;
}
body.vr-login-body .vr-login-points li{
  display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:#e6eefa;
}
body.vr-login-body .vr-login-points li::before{
  content:"";flex:none;width:17px;height:17px;border-radius:50%;
  background:rgba(232,99,14,.9) no-repeat center/9px 9px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 8.5l3.2 3.2 7.8-7.8'/%3E%3C/svg%3E");
}
body.vr-login-body .vr-login-hero>small{margin-top:auto;font-size:11.5px;color:#7f96b8}
body.vr-login-body .vr-login-panel{
  display:flex;align-items:center;justify-content:center;padding:38px 44px;background:#fff;
}
body.vr-login-body .vr-login-card{width:100%;max-width:380px}
body.vr-login-body .vr-login-card h2{
  margin:0 0 7px;font-size:27px;line-height:1.2;letter-spacing:-.02em;color:#0d2a5c;
}
@media(max-width:900px){
  body.vr-login-body .vr-login-shell{grid-template-columns:1fr}
  body.vr-login-body .vr-login-hero{padding:30px 26px}
  body.vr-login-body .vr-login-copy{padding:26px 0}
  body.vr-login-body .vr-login-copy h1{font-size:30px}
  body.vr-login-body .vr-login-points{grid-template-columns:1fr}
  body.vr-login-body .vr-login-panel{padding:32px 26px}
}

/* The pre-existing `.vr-login-brand>span` rule styled the SL badge: a fixed
   42px orange rounded square with display:grid. The label that replaced the
   badge is still a <span>, so it inherited that box - which is the orange
   square bleeding through the text and the label wrapping onto three lines
   inside a 42px-wide grid cell. Reset the box explicitly; setting only
   colour and font-size (as login-v2 first did) left the geometry behind. */
body.vr-login-body .vr-login-brand span{
  width:auto;height:auto;display:block;
  background:none;border-radius:0;box-shadow:none;
  place-items:initial;font-weight:600;white-space:nowrap;
}


/* --- brand-mark — site icon replaces the SL lettermark ---------------------
   The badge was a gradient orange square with "SL" set inside it. The site
   icon is the navy and orange S mark on a transparent ground, so an orange
   plate behind it would bury the orange arrow. White plate, contained fit,
   same footprint as the old badge so surrounding layout is unaffected. */
.vr-brand>img{
  display:block;width:42px;height:42px;padding:5px;
  background:#fff;border-radius:10px;
  object-fit:contain;box-shadow:0 6px 16px rgba(9,26,52,.16);
}