/* WeeklyLoan Pro 5.1: usable compact navigation and responsive workspaces */
:root{--wlp-shadow:0 12px 35px rgba(17,28,60,.08)}
body.app-shell{scroll-padding-top:12px}
.app-shell .app-header{z-index:50}
.app-shell .header-controls{gap:9px}
.app-shell .header-menu-panel[hidden]{display:none!important}
.app-shell .header-menu-panel{position:fixed!important;top:74px!important;right:clamp(12px,2.4vw,34px)!important;left:auto!important;width:min(330px,calc(100vw - 28px))!important;max-height:min(70dvh,560px)!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:0 16px 54px rgba(10,24,61,.20)!important;padding:11px!important;border-radius:18px!important;z-index:200!important}
.header-menu-user{padding:7px 8px 10px!important;margin-bottom:4px!important}
.header-menu-list{gap:0!important}
.header-menu-panel .menu-row{min-height:43px!important;padding:7px 8px!important;border-radius:10px!important;gap:9px!important}
.header-menu-panel .menu-row-icon .wlp-ui-icon{height:33px!important;width:33px!important;border-radius:10px!important}
.header-menu-panel .menu-row-copy b{font-size:.82rem!important}
.header-menu-panel .menu-row-copy small{font-size:.70rem!important;margin-top:1px!important}
.header-menu-panel .menu-row-end{font-size:1rem!important}
.header-menu-panel .menu-row.danger{color:var(--danger)}
.header-menu-panel .menu-row.danger .wlp-ui-icon{background:var(--danger-soft);color:var(--danger)}
.page-content .settings-hero{padding:16px 19px!important;border-radius:18px!important;align-items:center!important}
.page-content .settings-hero h1{font-size:1.55rem!important;margin:4px 0!important}
.page-content .settings-hero p{font-size:.81rem!important;line-height:1.45!important;margin-top:4px!important}
.page-content .settings-hero .account-pill{font-size:.75rem;max-width:330px;flex:none}
.page-content .menu-grid{gap:10px!important}
.page-content .menu-grid .action-tile{min-height:88px!important;padding:12px!important;border-radius:15px!important;gap:8px!important;box-shadow:var(--wlp-shadow)}
.page-content .menu-grid .action-tile .wlp-ui-icon{height:32px;width:32px;border-radius:9px}
.page-content .menu-grid .action-tile .action-tile-text strong{font-size:.83rem}
.page-content .menu-grid .action-tile .action-tile-text small{font-size:.73rem;margin-top:2px}
.page-content .menu-section-head{margin:8px 0 10px!important;gap:5px!important}
.page-content .menu-section-head h2{font-size:1.08rem}
.page-content .menu-section-head p{font-size:.78rem}
.page-content .settings-two-col{gap:12px;margin-top:12px}
.page-content .settings-card-modern{border-radius:17px}
.page-content .settings-card-modern .menu-row{min-height:51px;padding:9px 11px}
.page-content .password-form{margin-top:13px}
.page-content .dashboard-heading{margin-top:0}
.page-content .section-head{margin-top:14px}
.workspace-status{margin:12px 0;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}
.workspace-status strong{display:block;font-size:.9rem}
.workspace-status p{color:var(--muted);font-size:.78rem;margin:5px 0 0;max-width:680px;line-height:1.45}
.workspace-status .status-actions{display:flex;flex-wrap:wrap;gap:8px}
.workspace-status .status-actions a{font-size:.78rem;text-decoration:none;padding:8px 11px;border-radius:9px;background:var(--primary-soft);color:var(--primary);font-weight:750}
.workspace-status .status-actions a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media(min-width:1180px){.page-content .menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.app-shell .header-menu-panel{top:66px!important;right:9px!important;max-height:min(70dvh,500px)!important}.page-content .settings-hero{align-items:flex-start!important}.page-content .settings-hero .account-pill{width:auto;max-width:100%}.page-content .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page-content .menu-grid .action-tile{min-height:84px!important}.workspace-status{padding:12px}}
@media(max-width:350px){.page-content .menu-grid{grid-template-columns:1fr!important}.app-shell .header-menu-panel{width:calc(100vw - 18px)!important}}
@media print{.header-menu-panel,.workspace-status{display:none!important}}