/*
 * Workshop Diary customer portal refresh — Phase 1.
 * Presentation only: existing routes, forms, permissions and AJAX contracts stay intact.
 */
:root{
  --wdcp-refresh-blue: var(--diary-primary);
  --wdcp-refresh-orange: var(--diary-accent);
  --wdcp-refresh-sidebar: var(--diary-bg);
  --wdcp-refresh-topbar:72px;
  --wdcp-refresh-radius:13px;
  --wdcp-refresh-shadow:0 18px 44px rgba(0,0,0,.18);
}

html[data-wdcp-theme="dark"]{
  --wdcp-refresh-bg: var(--diary-bg);
  --wdcp-refresh-panel: var(--diary-panel);
  --wdcp-refresh-panel-soft: var(--diary-panel-alt);
  --wdcp-refresh-sidebar-bg: var(--diary-bg);
  --wdcp-refresh-border: var(--diary-border);
  --wdcp-refresh-border-strong: var(--diary-border-strong);
  --wdcp-refresh-text: var(--diary-text);
  --wdcp-refresh-muted: var(--diary-muted);
  --wdcp-refresh-soft:#b8c2cf;
}

html[data-wdcp-theme="light"]{
  --wdcp-refresh-bg: var(--diary-bg);
  --wdcp-refresh-panel: var(--diary-panel);
  --wdcp-refresh-panel-soft: var(--diary-panel-alt);
  --wdcp-refresh-sidebar-bg: var(--diary-bg);
  --wdcp-refresh-border: var(--diary-border);
  --wdcp-refresh-border-strong: var(--diary-border-strong);
  --wdcp-refresh-text: var(--diary-text);
  --wdcp-refresh-muted: var(--diary-muted);
  --wdcp-refresh-soft:#4b596d;
  --wdcp-refresh-shadow:0 18px 44px rgba(29,48,73,.10);
}

body{
  background:var(--wdcp-refresh-bg);
  color:var(--wdcp-refresh-text);
}

body .card{
  border:1px solid var(--wdcp-refresh-border);
  border-radius:var(--wdcp-refresh-radius);
  background:var(--wdcp-refresh-panel);
  box-shadow:none;
}

body .card.subtle{background:var(--wdcp-refresh-panel-soft)}
body .muted{color:var(--wdcp-refresh-muted)}
body .kicker{
  color:#718096;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.15em;
}

body .btn{
  min-height:38px;
  border:1px solid var(--wdcp-refresh-border-strong);
  border-radius:9px;
  background:var(--wdcp-refresh-panel-soft);
  color:var(--wdcp-refresh-soft);
  box-shadow:none;
  font-weight:750;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;
}
body .btn:hover{border-color:#42617f;transform:translateY(-1px)}
body .btn-primary{border-color:var(--wdcp-refresh-blue);background:var(--wdcp-refresh-blue);color:#fff}
body .btn-primary:hover{border-color:#159cf7;background:#159cf7;color:#fff}
body .btn-ghost{background:transparent}

body input,body select,body textarea{
  border:1px solid var(--wdcp-refresh-border);
  border-radius:9px;
  background:var(--wdcp-refresh-panel-soft);
  color:var(--wdcp-refresh-text);
  box-shadow:none;
}
body input:focus,body select:focus,body textarea:focus{
  border-color:var(--wdcp-refresh-blue);
  box-shadow:0 0 0 3px rgb(var(--diary-primary-rgb) / .15);
}

/* Authenticated shell: transform the existing header/nav into the approved sidebar. */
body[data-portal-account-id]{padding-left:var(--wdcp-refresh-sidebar);transition:padding-left .2s ease}
body[data-portal-account-id]>.topbar{
  position:fixed;
  inset:0 auto 0 0;
  z-index:120;
  width:var(--wdcp-refresh-sidebar);
  height:100vh;
  min-height:0;
  padding:28px 16px 88px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  overflow:visible;
  border:0;
  border-right:1px solid var(--wdcp-refresh-border);
  background:var(--wdcp-refresh-sidebar-bg);
  box-shadow:none;
  backdrop-filter:none;
}
body[data-portal-account-id]>.topbar.is-scrolled{
  padding:28px 16px 88px;
  border-right-color:var(--wdcp-refresh-border);
  background:var(--wdcp-refresh-sidebar-bg);
  box-shadow:none;
}

body[data-portal-account-id]>.topbar>.brand{
  flex:none;
  gap:11px;
  width:100%;
  min-height:50px;
  padding:0 10px 22px;
  border-bottom:1px solid var(--wdcp-refresh-border);
}
.topbar .brand-mark{
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:0;
  border-radius:8px;
  background-color:transparent;
  background-image:url("wd-portal-logo-placeholder.webp");
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  box-shadow:none;
}
.topbar .brand-copy strong{color:var(--wdcp-refresh-text);font-size:.9rem}
.topbar .brand-copy small{color:var(--wdcp-refresh-muted);font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}

body[data-portal-account-id] .portal-nav{
  width:100%;
  min-height:0;
  margin-top:17px;
  padding:0 0 15px;
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  align-items:stretch;
  flex-wrap:nowrap;
  gap:3px;
  overflow-x:hidden;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--wdcp-refresh-border) transparent;
}
body[data-portal-account-id] .portal-nav:before{
  content:"YOUR PORTAL";
  padding:0 12px 8px;
  color:#6e7b8e;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.16em;
}
body[data-portal-account-id] .portal-nav>a{
  position:relative;
  width:100%;
  min-height:41px;
  padding:0 12px 0 41px;
  display:flex;
  align-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#9ca8b8;
  font-size:.76rem;
  font-weight:650;
  transform:none;
}
html[data-wdcp-theme="light"] body[data-portal-account-id] .portal-nav>a{color:#667389}
body[data-portal-account-id] .portal-nav>a:before{
  position:absolute;
  left:13px;
  width:18px;
  color:#7e8c9e;
  font-size:1rem;
  line-height:1;
  text-align:center;
}
body[data-portal-account-id] .portal-nav>a[href*="page=dashboard"]:before{content:"⌂"}
body[data-portal-account-id] .portal-nav>a[href*="page=fleet_dashboard"]:before{content:"▦"}
body[data-portal-account-id] .portal-nav>a[href*="page=vehicles"]:before{content:"◇"}
body[data-portal-account-id] .portal-nav>a[href*="page=deferred_work"]:before{content:"♡"}
body[data-portal-account-id] .portal-nav>a[href*="page=bookings"]:before{content:"◫"}
body[data-portal-account-id] .portal-nav>a[href*="page=maintenance"]:before{content:"◷"}
body[data-portal-account-id] .portal-nav>a[href*="page=approvals"]:before{content:"✓"}
body[data-portal-account-id] .portal-nav>a[href*="page=messages"]:before{content:"✉"}
body[data-portal-account-id] .portal-nav>a[href*="page=invoices"]:before{content:"£"}
body[data-portal-account-id] .portal-nav>a[href*="page=history"]:before{content:"↺"}
body[data-portal-account-id] .portal-nav>a[href*="page=jobs"]:before{content:"▣"}
body[data-portal-account-id] .portal-nav>a[href*="page=job_request"]:before{content:"＋"}
body[data-portal-account-id] .portal-nav>a[href*="page=vin_lookup"]:before{content:"⌕"}
body[data-portal-account-id] .portal-nav>a[href*="page=portal_users"]:before{content:"♙"}
body[data-portal-account-id] .portal-nav>a[href*="page=document_vault"]:before{content:"▤"}
body[data-portal-account-id] .portal-nav>a[href*="page=feedback"]:before{content:"☆"}
body[data-portal-account-id] .portal-nav>a[href*="page=account_settings"]:before{content:"⚙"}
body[data-portal-account-id] .portal-nav>a[href*="page=logout"]:before{content:"↪"}
body[data-portal-account-id] .portal-nav>a:hover{
  border:0;
  background:var(--wdcp-refresh-panel-soft);
  color:var(--wdcp-refresh-text);
  transform:none;
}
body[data-portal-account-id] .portal-nav>a.is-active{
  border:0;
  background:#102a42;
  color:#fff;
  box-shadow:inset 3px 0 var(--wdcp-refresh-blue);
}
html[data-wdcp-theme="light"] body[data-portal-account-id] .portal-nav>a.is-active{background:#eaf5fd;color:#0871bc}
body[data-portal-account-id] .portal-nav>a.is-active:before{color:#59bafa}
body[data-portal-account-id] .portal-nav-badge{
  margin-left:auto;
  min-width:20px;
  height:20px;
  padding:0 6px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:11px;
  background:#1d3d5e;
  color:#77c6ff;
  font-size:.58rem;
}
body[data-portal-account-id] .portal-company-switch{order:20;margin:8px 4px 0;padding:10px;border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
body[data-portal-account-id] .portal-company-switch label{display:grid;gap:5px}
body[data-portal-account-id] .portal-company-switch-label{color:var(--wdcp-refresh-muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em}
body[data-portal-account-id] .portal-company-switch select{width:100%;min-width:0;padding:7px;font-size:.68rem}

body[data-portal-account-id] .portal-global-search-launcher{
  position:fixed;
  z-index:125;
  top:18px;
  right:28px;
  width:38px;
  height:38px;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:9px;
  background:var(--wdcp-refresh-panel);
  color:var(--wdcp-refresh-muted);
  box-shadow:none;
}
body[data-portal-account-id] .portal-global-search-launcher:hover{border-color:#41617f;color:var(--wdcp-refresh-text);transform:none}
body[data-portal-account-id] .portal-global-search-bar{position:fixed;z-index:130;top:14px;left:calc(var(--wdcp-refresh-sidebar) + 26px);right:26px;width:auto;max-width:none}

body[data-portal-account-id]>.shell{
  width:min(1390px,calc(100% - 72px));
  min-height:calc(100vh - var(--wdcp-refresh-topbar));
  margin:var(--wdcp-refresh-topbar) auto 70px;
}
body[data-portal-account-id]>.shell:before{
  content:"Customer portal";
  position:fixed;
  z-index:110;
  top:0;
  left:var(--wdcp-refresh-sidebar);
  right:0;
  height:var(--wdcp-refresh-topbar);
  padding-left:36px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--wdcp-refresh-border);
  background:color-mix(in srgb,var(--wdcp-refresh-bg) 92%,transparent);
  color:var(--wdcp-refresh-muted);
  font-size:.74rem;
  backdrop-filter:blur(15px);
}

.wdcp-refresh-menu-toggle,.wdcp-refresh-collapse{
  position:fixed;
  z-index:132;
  display:grid;
  place-items:center;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:9px;
  background:var(--wdcp-refresh-panel);
  color:var(--wdcp-refresh-muted);
  cursor:pointer;
}
.wdcp-refresh-menu-toggle{display:none;top:12px;left:14px;width:38px;height:38px;font-size:1.15rem}
.wdcp-refresh-collapse{left:198px;bottom:20px;width:30px;height:30px;font-size:.8rem}

body.wdcp-sidebar-collapsed{--wdcp-refresh-sidebar:78px}
body.wdcp-sidebar-collapsed .topbar .brand-copy,
body.wdcp-sidebar-collapsed .portal-nav:before,
body.wdcp-sidebar-collapsed .portal-nav>a{font-size:0}
body.wdcp-sidebar-collapsed .portal-nav>a{padding:0;justify-content:center}
body.wdcp-sidebar-collapsed .portal-nav>a:before{position:static;font-size:1rem}
body.wdcp-sidebar-collapsed .portal-nav-badge{position:absolute;top:4px;right:5px;font-size:.52rem}
body.wdcp-sidebar-collapsed .portal-company-switch{display:none}
body.wdcp-sidebar-collapsed .wdcp-refresh-collapse{left:45px;transform:rotate(180deg)}

/* Dashboard: use the current data and links, presented as the approved live overview. */
body[data-portal-account-id] .hero.card{
  min-height:150px;
  margin-bottom:18px;
  padding:27px 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-color:var(--wdcp-refresh-border);
  background:var(--wdcp-refresh-panel);
  overflow:hidden;
}
body[data-portal-account-id] .hero.card:before,body[data-portal-account-id] .hero.card:after{display:none}
body[data-portal-account-id] .hero h1{margin:.25rem 0 .45rem;font-size:clamp(1.75rem,3vw,2.2rem);letter-spacing:-.035em}
body[data-portal-account-id] .hero p{max-width:760px;font-size:.82rem}
body[data-portal-account-id] .hero-actions{gap:8px;margin-top:17px}
body[data-portal-account-id] .hero-stat{min-width:190px;padding:18px;border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel-soft)}
body[data-portal-account-id] .hero-stat span{color:var(--wdcp-refresh-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}
body[data-portal-account-id] .hero-stat strong{font-size:1.6rem}

body[data-portal-account-id] .portal-action-centre{
  margin:0 0 18px;
  padding:19px 21px;
  border-color:#75492f;
  border-left:3px solid var(--wdcp-refresh-orange);
  background:var(--wdcp-refresh-panel);
}
body[data-portal-account-id] .portal-action-centre-head{padding:0 0 14px}
body[data-portal-account-id] .portal-action-centre-head h2{font-size:1rem}
body[data-portal-account-id] .portal-action-count{background:var(--wdcp-refresh-orange);color:#fff;box-shadow:none}
body[data-portal-account-id] .portal-action-list{gap:8px}
body[data-portal-account-id] .portal-action-item{border:1px solid var(--wdcp-refresh-border);border-radius:9px;background:var(--wdcp-refresh-panel-soft)}
body[data-portal-account-id] .portal-action-icon{border-radius:8px;background:#482b21;color:#ff9c5e}
body[data-portal-account-id] .portal-action-empty{border-color:#285e51;background:#102a25}
html[data-wdcp-theme="light"] body[data-portal-account-id] .portal-action-empty{background:#eefaf7}

body[data-portal-account-id] .stat-grid{gap:12px;margin:0 0 18px}
body[data-portal-account-id] .stat-grid>div{
  min-height:108px;
  padding:18px;
  border:1px solid var(--wdcp-refresh-border);
  border-radius:11px;
  background:var(--wdcp-refresh-panel);
  box-shadow:none;
}
body[data-portal-account-id] .stat-grid>div:before{display:none}
body[data-portal-account-id] .stat-grid span{color:var(--wdcp-refresh-muted);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body[data-portal-account-id] .stat-grid strong{font-size:1.45rem;color:var(--wdcp-refresh-text)}

body[data-portal-account-id] .portal-grid{gap:18px}
body[data-portal-account-id] .dashboard-grid>.card,body[data-portal-account-id] .invoice-list+.card{padding:22px}
body[data-portal-account-id] .card-head{gap:18px}
body[data-portal-account-id] .card-head h2{font-size:1.02rem}
body[data-portal-account-id] .job-card-row,
body[data-portal-account-id] .invoice-row,
body[data-portal-account-id] .mini-row{
  border:1px solid var(--wdcp-refresh-border);
  border-radius:9px;
  background:var(--wdcp-refresh-panel-soft);
  box-shadow:none;
}
body[data-portal-account-id] .job-card-row:hover,body[data-portal-account-id] .invoice-row:hover{border-color:#3e5a79;transform:translateY(-1px)}

/* Login, recovery and activation: same form actions, refreshed flow. */
body:not([data-portal-account-id])>.topbar{
  min-height:72px;
  padding:14px clamp(18px,4vw,54px);
  border-bottom:1px solid var(--wdcp-refresh-border);
  background:var(--wdcp-refresh-sidebar-bg);
}
body:not([data-portal-account-id])>.topbar .brand-mark{width:42px;height:42px;flex-basis:42px}
body:not([data-portal-account-id])>.topbar .portal-nav a{border-radius:8px;font-size:.78rem}
body:not([data-portal-account-id])>.shell{width:min(1180px,calc(100% - 36px));margin:42px auto 70px}

.auth-wrap,.activation-wrap{
  grid-template-columns:minmax(0,1.18fr) minmax(350px,.72fr);
  gap:18px;
  align-items:stretch;
}
.auth-panel,.activation-panel{
  position:relative;
  min-height:580px;
  padding:clamp(34px,6vw,70px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border-color:#17486b;
  background:#0a2941;
}
.auth-panel:before,.activation-panel:before{display:none}
.auth-panel:after,.activation-panel:after{
  content:"";
  position:absolute;
  top:50px;
  left:clamp(34px,6vw,70px);
  width:180px;
  height:72px;
  background:url("wd-portal-logo-placeholder.webp") left center/contain no-repeat;
  opacity:.95;
}
.auth-panel .activation-copy,.activation-panel .activation-copy{position:relative;z-index:1;max-width:650px}
.auth-panel .activation-copy h1,.activation-panel .activation-copy h1{max-width:620px;margin:.55rem 0 1rem;font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.03;letter-spacing:-.045em;color:#fff}
.auth-panel .activation-copy p,.activation-panel .activation-copy p{max-width:600px;color:#b9d5e9;font-size:1rem;line-height:1.65}
.auth-panel .kicker,.activation-panel .kicker{color:#64bdff}
.auth-panel .trust-grid,.activation-panel .trust-grid{position:relative;z-index:1;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:32px}
.auth-panel .trust-tile,.activation-panel .trust-tile{min-height:102px;padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#103652;color:#fff}
.auth-panel .trust-tile span,.activation-panel .trust-tile span{color:#a9c5d8;font-size:.72rem}
.auth-card,.activation-card{align-self:stretch;margin:0;padding:clamp(28px,4vw,44px);display:flex;flex-direction:column;justify-content:center;background:var(--wdcp-refresh-panel)}
.auth-card h2,.activation-card h2{margin:0 0 .45rem;font-size:1.55rem;letter-spacing:-.025em}
.auth-card>.muted,.activation-card>.muted{margin-bottom:24px}
.auth-card .form-stack,.activation-card .form-stack{gap:17px}
.auth-card label,.activation-card label{color:var(--wdcp-refresh-soft);font-size:.76rem;font-weight:750}
.auth-card input,.activation-card input{min-height:48px;margin-top:7px;padding:0 14px}
.auth-card .btn-primary,.activation-card .btn-primary{width:100%;min-height:46px}
.wdcp-password-field{position:relative}
.wdcp-password-field input{padding-right:52px}
.wdcp-password-toggle{position:absolute;right:8px;bottom:7px;width:36px;height:36px;border:0;border-radius:7px;background:transparent;color:var(--wdcp-refresh-muted);cursor:pointer}
.wdcp-password-toggle:hover{background:var(--wdcp-refresh-panel);color:var(--wdcp-refresh-text)}
.auth-divider span{background:var(--wdcp-refresh-panel)}
.public-request-login-cta{padding:17px;border:1px solid var(--wdcp-refresh-border);border-radius:10px;background:var(--wdcp-refresh-panel-soft)}
.public-request-login-cta p{font-size:.75rem}

/* Public guest media access and gallery. */
.walkin-login-hero{
  padding:32px;
  border-left:3px solid var(--wdcp-refresh-blue)!important;
  background:var(--wdcp-refresh-panel)!important;
}
.walkin-login-hero:before,.walkin-login-hero:after{display:none!important}
.walkin-login-hero h1{margin:.45rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.04em}
.walkin-login-grid{gap:18px}
.walkin-login-card{position:relative;padding:25px;overflow:hidden}
.walkin-login-card:after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--wdcp-refresh-blue)}
.walkin-login-card:nth-child(2):after{background:var(--wdcp-refresh-orange)}
.walkin-login-icon{width:42px;height:42px;border:1px solid #24577b;border-radius:9px;background:#0e2c42;color:#56b9ff}
.walkin-login-card:nth-child(2) .walkin-login-icon{border-color:#70442c;background:#35241d;color:#ffa066}
.walkin-login-card .btn{width:100%;min-height:44px}
.walkin-security-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:26px;padding:25px}

.guest-access-hero{
  padding:25px;
  border-left:3px solid var(--wdcp-refresh-blue)!important;
  background:var(--wdcp-refresh-panel)!important;
}
.guest-access-hero:after{display:none!important}
.guest-access-hero h1{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.035em}
.guest-session-actions{align-items:flex-end}
.guest-access-hero+.card{padding:24px}
.media-grid,.customer-media-grid{gap:13px}
.media-card,.customer-media-card{
  overflow:hidden;
  border:1px solid var(--wdcp-refresh-border)!important;
  border-radius:11px!important;
  background:var(--wdcp-refresh-panel-soft)!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.media-card:hover,.customer-media-card:hover{border-color:#3f6483!important;transform:translateY(-2px);box-shadow:var(--wdcp-refresh-shadow)!important}
.guest-approval-card{border:1px solid var(--wdcp-refresh-border);border-radius:11px;background:var(--wdcp-refresh-panel-soft)}
.guest-approval-total{border-top:1px solid var(--wdcp-refresh-border)}

/* Existing detail pages inherit the shell without losing their specialised CSS. */
body[data-portal-account-id] .table-wrap,body[data-portal-account-id] .invoice-list,body[data-portal-account-id] .job-card-list{border-radius:10px}
body[data-portal-account-id] table{border-collapse:separate;border-spacing:0}
body[data-portal-account-id] th{color:var(--wdcp-refresh-muted);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}
body[data-portal-account-id] td,body[data-portal-account-id] th{border-color:var(--wdcp-refresh-border)}
body[data-portal-account-id] details{border-color:var(--wdcp-refresh-border);background:var(--wdcp-refresh-panel-soft)}
body[data-portal-account-id] .flash{border-radius:10px;box-shadow:none}

@media(max-width:1120px){
  body[data-portal-account-id]>.shell{width:min(100% - 38px,1390px)}
  .auth-wrap,.activation-wrap{grid-template-columns:1fr 390px}
  .auth-panel,.activation-panel{padding:42px}
  .auth-panel:after,.activation-panel:after{left:42px}
}

@media(max-width:860px){
  body[data-portal-account-id]{padding-left:0}
  body[data-portal-account-id]>.topbar{
    width:min(320px,88vw);
    transform:translateX(-105%);
    box-shadow:22px 0 60px rgba(0,0,0,.45);
    transition:transform .2s ease;
  }
  body[data-portal-account-id].wdcp-mobile-nav-open>.topbar{transform:translateX(0)}
  body[data-portal-account-id]>.shell{width:calc(100% - 28px);margin:62px auto 88px}
  body[data-portal-account-id]>.shell:before{left:0;height:62px;padding-left:64px;content:"Workshop Diary";font-weight:800;color:var(--wdcp-refresh-text)}
  body[data-portal-account-id] .portal-global-search-launcher{top:12px;right:14px}
  body[data-portal-account-id] .portal-global-search-bar{top:8px;left:60px;right:10px}
  .wdcp-refresh-menu-toggle{display:grid}
  .wdcp-refresh-collapse{display:none}
  .wdcp-refresh-nav-backdrop{position:fixed;inset:0;z-index:118;background:rgba(1,7,14,.7);backdrop-filter:blur(2px)}
  .auth-wrap,.activation-wrap{grid-template-columns:1fr}
  .auth-panel,.activation-panel{min-height:390px}
  .auth-panel .trust-grid,.activation-panel .trust-grid{display:none}
}

@media(max-width:640px){
  body:not([data-portal-account-id])>.topbar{padding:12px 15px}
  body:not([data-portal-account-id])>.topbar .portal-nav{gap:3px}
  body:not([data-portal-account-id])>.topbar .portal-nav a{padding:8px;font-size:.67rem}
  body:not([data-portal-account-id])>.shell{width:calc(100% - 24px);margin:22px auto 55px}
  .auth-panel,.activation-panel{min-height:330px;padding:28px}
  .auth-panel:after,.activation-panel:after{top:26px;left:28px;width:126px;height:48px}
  .auth-panel .activation-copy h1,.activation-panel .activation-copy h1{font-size:2rem}
  .auth-panel .activation-copy p,.activation-panel .activation-copy p{font-size:.84rem}
  .auth-card,.activation-card{padding:25px}
  .walkin-login-hero,.walkin-login-card,.guest-access-hero,.guest-access-hero+.card{padding:20px}
  .walkin-security-card{grid-template-columns:1fr;padding:20px}
  .guest-access-hero .card-head{display:block}
  .guest-session-actions{align-items:flex-start;margin-top:16px}
  body[data-portal-account-id] .hero.card{display:block;padding:22px}
  body[data-portal-account-id] .hero-stat{margin-top:17px}
  body[data-portal-account-id] .portal-action-item{align-items:flex-start}
}

@media(prefers-reduced-motion:reduce){
  body,body *,body *:before,body *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}