/* Shared owner/admin home. Brand navy, electric blue, cyan, mint and violet. */
.office-shell .office-header{height:72px;grid-template-columns:52px 1fr 52px;align-items:center;background:#102b56;padding:0 22px}
.office-header .home-brand{grid-column:1;grid-row:1;width:46px;height:46px;padding:0;border:0;background:transparent;border-radius:50%}
.office-header .home-brand{position:relative;overflow:hidden;mix-blend-mode:screen}
.home-brand img{position:absolute;width:379.06%;height:auto;max-width:none;left:-138.74%;top:-84.29%}
.office-header .owner-menu-button{grid-column:3;grid-row:1}
.office-header .office-header-title{grid-column:2;grid-row:1;font-weight:600;font-size:21px}
.office-shell .office-drawer{left:auto;right:0;box-shadow:-12px 0 48px #0b193438;background:#102b56}
.office-shell.menu-open .owner-page{transform:translateX(calc(-1 * var(--drawer-width)))}
.office-shell.menu-open .owner-drawer-backdrop{left:0;right:var(--drawer-width)}
.office-shell .office-drawer nav>button,.office-shell .office-drawer nav>details>summary{font-size:19px;font-weight:500;min-height:58px}
.office-shell .office-drawer nav>button>svg,.office-shell .office-drawer nav>details>summary>svg{color:#57d6ef}
.owner-ui .home-hub{max-width:760px;color:#142e50;font-family:"Segoe UI",Arial,sans-serif}
.home-greeting{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 20px}
.home-greeting h1{color:#142e50;font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0 0 7px}
.home-greeting p{color:#5b6c82;font-size:14px;margin:0;line-height:1.5}
.home-greeting>span{font-size:34px}
.home-selectors{display:grid;gap:10px;margin-bottom:20px}
.home-picker{position:relative;min-width:0}
.home-picker-trigger{width:100%;display:flex;align-items:center;gap:12px;background:#fff;color:#526780;border:1px solid #dce5f1;border-radius:12px;min-height:58px;padding:12px 16px;text-align:left;font:inherit;font-size:15px;cursor:pointer;box-shadow:0 3px 10px #102b5605}
.home-picker-trigger strong{display:flex;align-items:center;gap:9px;justify-content:flex-end;font-weight:600;margin-left:auto;color:#17355d;min-width:0}
.home-picker-trigger>svg{width:18px;height:18px;flex-shrink:0;transform:rotate(90deg);color:#355f90;transition:transform .18s}
.home-picker-trigger[aria-expanded=true]>svg{transform:rotate(-90deg)}
.home-picker-trigger[aria-expanded=true]{border-color:#245bff}
.home-status{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0;background:#ad3152}
.home-status.is-open{background:#148457;box-shadow:0 0 0 4px #14845712}
.home-picker-options{position:absolute;inset:calc(100% + 6px) 0 auto;background:#fff;border:1px solid #dce5f1;border-radius:12px;box-shadow:0 20px 50px #102b5638;z-index:90;padding:6px;max-height:340px;overflow:auto}
.home-picker-options[hidden]{display:none}
.home-picker-options button{width:100%;display:flex;align-items:center;gap:10px;min-height:50px;padding:12px;border:0;border-radius:8px;background:#fff;color:#17355d;font:inherit;text-align:left;cursor:pointer}
.home-picker-options button span:first-child{flex:1}
.home-picker-options button[aria-pressed=true]{background:#edf3ff;color:#174fc3;font-weight:600}
.home-picker-options button:hover{background:#f0f8fc}
.home-picker-options svg{width:18px;height:18px}
.home-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px}
.home-shortcut{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:90px;border:1px solid #d7e4f0;background:#fff;border-radius:14px;color:#17355d;padding:14px 10px;font:600 14px/1.35 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:box-shadow .18s,transform .18s}
.home-shortcut>svg{width:18px;height:18px;flex-shrink:0;margin-left:auto}
.home-shortcut:not(.client):not(.credit):not(.payment)>svg{display:none}
.home-action-emoji{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;font-size:29px;line-height:1;background:#ffffff20;border-radius:12px}
.home-shortcut.client,.home-shortcut.credit{grid-column:span 3;color:#fff;border:0;min-height:94px;font-size:17px;justify-content:flex-start;padding:16px}
.home-shortcut.client{background:#245bff;box-shadow:0 6px 16px #245bff20}
.home-shortcut.credit{background:#086b9a;box-shadow:0 6px 16px #086b9a20}
.home-shortcut.clients{background:#e8f8f4;border-color:#ccebe2;color:#14664f}
.home-shortcut.reconcile{background:#eef0ff;border-color:#d9dcfa;color:#4b4297}
.home-shortcut.report{background:#eaf5ff;border-color:#cfe4f5;color:#225d91}
.home-shortcut.payment{grid-column:1/-1;background:#102b56;color:#fff;border:0;min-height:76px;font-size:18px;justify-content:flex-start;padding:14px 22px}
.home-shortcut:hover{transform:translateY(-2px);box-shadow:0 7px 18px #17355d20}
.home-shortcut:active{transform:translateY(0)}
.home-metric-group{border:1px solid #e1e8f1;border-radius:16px;background:#fff;padding:18px 20px;margin:0 0 14px;box-shadow:0 4px 14px #102b5605}
.home-metric-group h2{font-size:17px;margin:0 0 17px;color:#142e50;display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-metric-group h2 small{font-size:12px;font-weight:400;color:#66768a}
.home-metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.home-metric{display:flex;gap:12px;align-items:center;min-width:0;color:#245bff}
.home-metric+div{border-left:1px solid #e1e8f1;padding-left:16px}
.home-metric>span{font-size:32px;line-height:1;flex-shrink:0}
.home-metric>div{min-width:0}
.home-metric strong{display:block;font-size:clamp(18px,3vw,25px);font-weight:750;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.home-metric strong span{display:block}
.home-metric div>span{display:block;font-size:12px;color:#566b85;margin-top:5px;line-height:1.4}
.home-metric.green{color:#148457}.home-metric.violet{color:#6350b2}.home-metric.teal{color:#087686}
.home-daily-detail{background:#edf3fc;border:1px solid #d9e4f1;border-radius:12px;margin-top:8px;padding:16px;color:#17355d}
.home-daily-detail summary{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;cursor:pointer;list-style:none}
.home-daily-detail summary svg{width:16px;height:16px}
.home-daily-detail[open] summary svg{transform:rotate(90deg)}
.home-daily-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:13px}
.home-daily-detail dt{color:#526780}.home-daily-detail dd{margin:5px 0 0;font-weight:650}.home-daily-detail dd span{display:block}
.home-daily-detail p{font-size:12px;color:#526780;line-height:1.6;margin-bottom:0}
.home-footer-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.owner-ui .home-footer-actions .btn{font-size:12px;min-height:40px;border-color:#cad8eb;background:#fff;color:#245bff}
.home-hub button:focus-visible,.home-daily-detail summary:focus-visible,.home-brand:focus-visible{outline:3px solid #02acc8;outline-offset:3px}
.owner-ui .office-detail>p{color:#b5c8e2}
@media(max-width:500px){
 .office-shell .owner-content{padding:20px 14px 40px}
 .home-greeting h1{font-size:22px}.home-greeting p{font-size:13px}
 .home-picker-trigger{font-size:13px;padding:12px;gap:8px}
 .home-shortcuts{gap:8px}
 .home-shortcut{flex-direction:column;gap:5px;min-height:95px;font-size:12px;padding:10px 6px;text-align:center}
 .home-shortcut.client,.home-shortcut.credit{flex-direction:row;min-height:86px;padding:12px 10px;font-size:14px;gap:7px;text-align:left}
 .home-shortcut.client>svg,.home-shortcut.credit>svg{display:none}
 .home-shortcut.payment{flex-direction:row;min-height:68px;font-size:17px;padding:10px 16px}
 .home-action-emoji{width:34px;height:34px;font-size:25px}
 .home-metric-group{padding:16px 14px}.home-metric-pair{grid-template-columns:.85fr 1.15fr;gap:10px}
 .home-metric{gap:7px}.home-metric+div{padding-left:10px}.home-metric>span{font-size:23px}
 .home-metric strong{font-size:18px}.home-metric div>span{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.home-shortcut,.home-picker-trigger>svg{transition:none}}