@media(max-width:899px){
  .topbar{position:sticky;top:0;z-index:90;backdrop-filter:none}
  .topbar-row{padding:.55rem .8rem}
  .brand-name{font-size:1rem}
  .brand-sub{max-width:calc(100vw - 170px)}
  #rate-prompt{display:none!important}
  .topbar-row>.btn{font-size:0;width:38px;padding:0}
  .topbar-row>.btn svg{width:18px;height:18px}
  .content{padding:.9rem .75rem calc(78px + env(safe-area-inset-bottom,0px))}
  .ntabs{position:fixed;left:0;right:0;bottom:0;z-index:120;display:grid;grid-template-columns:repeat(5,1fr);overflow:visible;border:0;border-top:1px solid var(--v23-line);background:color-mix(in srgb,var(--v23-surface) 95%,transparent);padding:.3rem .25rem calc(.3rem + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px rgba(23,32,38,.07);backdrop-filter:blur(14px)}
  .ntab{min-width:0;min-height:51px;padding:.25rem .1rem;border:0;color:var(--v23-faint);font-size:var(--font-size-meta);gap:3px}
  .ntab svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .ntab.on{border:0;color:var(--v23-brand)}
  .v23-scan-link svg{width:22px;height:22px}
  .v23-page-header{display:block;margin-bottom:1rem}
  .v23-page-header h1{font-size:1.45rem}
  .v23-page-header p{font-size:var(--font-size-metadata)}
  .v23-page-actions{margin-top:.75rem}
  .v23-page-actions .btn{flex:1}
  .v23-more-menu{display:block;position:fixed;inset:0;z-index:220;pointer-events:none;visibility:hidden}
  .v23-more-menu.open{pointer-events:auto;visibility:visible}
  .v23-more-backdrop{position:absolute;inset:0;width:100%;border:0;background:rgba(8,17,20,.48);opacity:0;transition:opacity .18s}
  .v23-more-menu.open .v23-more-backdrop{opacity:1}
  .v23-more-sheet{position:absolute;z-index:1;left:0;right:0;bottom:0;max-height:82vh;padding:.45rem .85rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:8px 8px 0 0;background:var(--v23-surface);transform:translateY(102%);transition:transform .2s ease-out;box-shadow:0 -20px 50px rgba(8,17,20,.18)}
  .v23-more-menu.open .v23-more-sheet{transform:none}
  .v23-sheet-handle{width:42px;height:4px;margin:.1rem auto .6rem;border-radius:2px;background:var(--v23-line-strong)}
  .v23-more-heading{display:flex;align-items:center;justify-content:space-between;padding:.15rem .35rem .55rem}
  .v23-more-heading strong{font-size:1.05rem}
  .v23-more-sheet>button:not(.v23-more-backdrop){display:flex;width:100%;align-items:center;gap:.75rem;min-height:48px;padding:.65rem .55rem;border:0;border-top:1px solid var(--v23-line);background:transparent;color:var(--v23-ink);font-size:var(--font-size-meta);font-weight:650;text-align:left}
  .v23-more-sheet>button svg{width:19px;height:19px;fill:none;stroke:var(--v23-brand);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .v23-more-sheet>.v23-signout-link{color:var(--v23-danger)!important}
  #period-metrics .mgrid,#summary-metrics,#screen-leave .mgrid,#screen-deductions .mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v23-recon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v23-compare-grid{grid-template-columns:1fr}
  .v23-shift-compare-row{grid-template-columns:1fr 1fr!important;padding:.3rem 0}
  .v23-shift-compare-row>span:first-child{grid-column:1/-1}
  .v23-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v23-overview-tax-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem}
  .v23-overview-tax-card{padding:.55rem .58rem}
  .v23-overview-primary{grid-template-columns:1fr}
  .v23-account-grid{grid-template-columns:1fr}
  .v23-settings-grid{grid-template-columns:1fr}
  .v23-settings-column{gap:1rem}
  .v23-account-grid>.card:has(#cfg-name),.v23-account-grid>.card:has(#cfg-fte-mode),.v23-typography-card,.v23-reset-card,.v23-legal-privacy-card{grid-column:auto}
  .v23-position-fields,.v23-position-fields.compact{grid-template-columns:1fr}
  .v23-formula-row{grid-template-columns:1fr}.v23-formula-row small{grid-column:1}
  .v23-tutorial-intro{align-items:stretch;flex-direction:column}.v23-tutorial-intro .btn{width:100%}.v23-tutorial-sections>section{grid-template-columns:30px minmax(0,1fr);gap:.65rem}.v23-tutorial-columns{grid-template-columns:1fr}.v23-tutorial-scan-row{grid-template-columns:1fr 1fr;gap:.35rem .75rem}.v23-tutorial-scan-row strong{grid-column:1/-1}.v23-tour-popover{left:12px!important;right:12px;width:auto!important}
  #v23-tour-layer[data-tour-target="payslip-upload"] .v23-tour-popover::before,#v23-tour-layer[data-tour-target="payslip-upload"] .v23-tour-popover::after{display:none}
  .v23-toast-region{right:.75rem;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:calc(100vw - 1.5rem)}
  #cl-pill{bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;right:.75rem!important}
}

@media(max-width:560px){
  .fr.c2,.fr.c3{grid-template-columns:1fr}
  .card{padding:.8rem}
  .mgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
  .met{padding:.68rem}
  .met-v{font-size:1.05rem}
  .ai-compare-grid{grid-template-columns:1fr}
  #screen-shifts #shift-list>div[style*="border-bottom"]{padding:.7rem .75rem!important}
  .v23-dashboard-context{grid-template-columns:1fr}
  .v23-overview-metrics{grid-template-columns:1fr 1fr;gap:.5rem}
  .v23-overview-metric{padding:.72rem}.v23-overview-metric strong{font-size:1.15rem}.v23-overview-metric small{white-space:normal}
  .v23-overview-tax-summary{gap:.32rem}
  .v23-overview-tax-card{padding:.48rem .42rem}
  .v23-overview-tax-card strong{font-size:.95rem}
  .v23-dashboard-context>article{align-items:flex-start;flex-direction:column}.v23-dashboard-context>article .btn{width:100%}
  .v23-chart{min-height:170px}.v23-chart svg{width:100%}
  .v23-chart-controls{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.v23-chart-control select{width:100%;min-width:0}.clinical-position-editor{grid-template-columns:1fr!important}.clinical-position-editor .btn{width:100%}
}

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