/* Owner entry: office totals, reference layout, SolucioNes blue. */
.office-shell{--office-blue:#174fc3;--office-navy:#102752;--drawer-width:min(76vw,390px);overflow-x:clip;min-height:100dvh}
.office-shell[data-owner-view=dashboard]{background:#f4f5f8;color:#536171}
.office-shell .owner-page{min-height:100dvh;transition:transform .2s ease}
.office-shell.menu-open .owner-page{transform:translateX(var(--drawer-width))}
.office-shell .office-header{height:76px;padding:0 22px;display:grid;grid-template-columns:44px 1fr 44px;position:relative;background:var(--office-navy);border:0;color:#fff;box-shadow:none}
.office-header .owner-menu-button{grid-column:1;width:44px;height:44px;margin:0;padding:9px;background:transparent;border:0;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center}
.office-header .owner-menu-button svg{width:27px;height:27px}
.office-header-title{grid-column:2;text-align:center;font-size:24px;font-weight:400;letter-spacing:.2px}
.office-shell .owner-content{padding:25px 22px 64px;max-width:1400px;margin:0 auto;animation:none}
.office-home{max-width:680px;margin:0 auto;font-family:"Segoe UI",Arial,sans-serif}
.office-home .office-current{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 20px;font-size:clamp(22px,4.7vw,29px);font-weight:450;line-height:1.3;text-align:center;text-transform:uppercase;color:#65727c;letter-spacing:.2px}
.office-status{display:inline-block;flex-shrink:0;width:14px;height:14px;border-radius:50%;background:#96a1b2;border:2px solid #eef0f4;box-shadow:0 0 0 1px #c8d0db}
.office-status.active{background:#9cdb65;border-color:#e5f6d4;box-shadow:0 0 0 1px #c7e6a5}
.office-picker{position:relative;margin:0 0 32px}
.office-picker-trigger{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;padding:13px 20px;background:#fff;color:#6e7680;border:0;border-radius:0;font-size:20px;text-align:left;cursor:pointer}
.office-picker-trigger strong{margin-left:auto;font-size:18px;font-weight:400;text-align:right;overflow-wrap:anywhere}
.office-caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #92969e;flex-shrink:0}
.office-picker-shade{position:fixed;inset:0;background:#07142a25;z-index:80;border:0;cursor:default}
.office-options{position:absolute;right:0;top:calc(100% + 12px);width:min(100%,370px);background:#fff;border-radius:13px;box-shadow:0 14px 42px #12264430;z-index:81;padding:5px 18px;max-height:55dvh;overflow:auto}
.office-options button{display:flex;align-items:center;gap:16px;justify-content:space-between;width:100%;border:0;border-bottom:1px solid #e4e6eb;border-radius:0;background:#fff;color:#646c76;font-size:19px;min-height:58px;padding:14px 2px;text-align:left;cursor:pointer}
.office-options button:last-child{border-bottom:0}.office-options button[aria-current]{color:#1854c5}.office-options button:hover{background:#f0f5ff}.office-options svg{width:23px;height:23px;flex-shrink:0}
.office-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 6px}
.office-stat{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:0;min-height:100px;overflow:hidden;border-radius:11px;background:#fff;box-shadow:0 6px 13px #17233413;padding:16px 14px;color:var(--stat)}
.office-stat.mint{--stat:#37b68d}.office-stat.cyan{--stat:#208fce}.office-stat.violet{--stat:#7964d6}.office-stat.pink{--stat:#df4d92}
.office-stat-icon{position:absolute;left:10px;bottom:-9px;opacity:.085;pointer-events:none}.office-stat-icon svg{width:94px;height:94px;stroke-width:2.3}
.office-stat>div:last-child{position:relative;text-align:right;min-width:0}.office-stat strong{display:block;font-size:clamp(18px,3.9vw,24px);font-weight:700;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.office-stat strong span{display:block}.office-stat>div>span{display:block;color:#7c8792;font-size:16px;margin-top:10px;font-weight:400;line-height:1.25}
.office-home .office-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:34px 0 0;padding:20px;border-radius:15px;background:#f5f6f8;box-shadow:0 7px 20px #17233424}
.office-shell .office-actions .btn{justify-content:center;min-height:65px;padding:12px 8px;background:var(--office-blue);border:0;border-radius:7px;box-shadow:none;color:#fff;font-size:16px;font-weight:400;text-align:center;line-height:1.3}
.office-shell .office-actions .btn:hover{background:#123fa0;transform:none;box-shadow:0 3px 10px #123a7e33}
.office-journal-actions{margin:60px 6px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.office-shell .office-journal-actions .btn{justify-content:center;gap:12px;min-height:59px;border:0;background:#fff;border-radius:10px;box-shadow:0 6px 13px #17233418;color:#172338;font-size:16px;font-weight:400;padding:12px}
.office-journal-actions svg{width:19px;height:19px}.office-loading{min-height:214px;display:grid;place-content:center;color:#68788a;font-size:15px;text-align:center}
.office-shell .office-drawer{left:0;right:auto;top:0;bottom:0;width:var(--drawer-width);background:#172a44;border:0;box-shadow:none;padding:66px 20px 26px;z-index:110;overflow-y:auto;display:flex;flex-direction:column}
.office-shell .office-drawer[hidden],.office-picker [hidden]{display:none}
.office-shell .office-menu-close{position:absolute;right:16px;top:15px;background:transparent;border:0;color:#dbe5f4;width:36px;height:36px;padding:7px;border-radius:6px}
.office-shell .office-drawer nav{display:block;padding:0;flex:1}
.office-shell .office-drawer nav>button,.office-shell .office-drawer nav>details>summary{display:flex;align-items:center;gap:14px;min-height:68px;width:100%;padding:14px 8px;border:0;background:transparent;color:#cad4e2;font-size:23px;font-weight:300;text-align:left;cursor:pointer;list-style:none;border-radius:6px;margin:0;box-shadow:none}
.office-drawer summary::-webkit-details-marker{display:none}.office-shell .office-drawer nav>button>svg,.office-shell .office-drawer nav>details>summary>svg{color:#8b9aad;width:21px;height:21px;flex-shrink:0}
.office-shell .office-drawer nav>button>svg:last-child,.office-shell .office-drawer nav>details>summary>svg:last-child{margin-left:auto;color:#c8d3e3;width:18px}.office-drawer details[open]>summary>svg:last-child{transform:rotate(90deg)}
.office-shell .office-drawer details{border:0;margin:0;padding:0}.office-shell .office-drawer summary::after{display:none}
.office-shell .office-drawer nav button:hover,.office-shell .office-drawer summary:hover{background:#243d5b;transform:none}
.office-shell .office-drawer .office-menu-children{padding:0 0 8px 18px}.office-shell .office-menu-children button{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px;font-weight:400;border:0;background:transparent;width:100%;padding:10px;color:#cedbeb;text-align:left;justify-content:flex-start}.office-menu-children button>svg{width:18px;height:18px;flex-shrink:0}.office-menu-children button>svg:last-child:not(:first-child){margin-left:auto}
.office-drawer footer{padding:38px 4px 0;text-align:right;color:#a5b5cc;font-size:15px}
.office-shell .owner-drawer-backdrop{z-index:105;background:#0b19343b}
.office-shell.menu-open .owner-drawer-backdrop{left:var(--drawer-width)}
.office-detail{max-width:1100px;margin:auto}.office-detail h1{font-size:30px;margin:24px 0 10px}.office-detail>p{color:#b5c8e2}.office-detail .office-stats{margin:24px 0}.office-detail .table-wrap{margin-top:25px}.office-metric-note{font-size:13px;line-height:1.6}.office-guide{padding:20px;background:#142b49;border-radius:10px;line-height:1.7}.office-guide summary{cursor:pointer}
.active-client-list{display:grid;gap:18px}.active-client-list>.btn{justify-self:start}.active-client-list>.field,.active-client-list>.search-field{margin:0}.active-client-cards{display:grid;gap:10px}.active-client-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto 20px;align-items:center;gap:12px;width:100%;min-height:82px;padding:14px 16px;border:1px solid #d8e3f1;border-radius:16px;background:#fff;color:#12345d;text-align:left;font:inherit;cursor:pointer;box-shadow:0 5px 16px #153f7210}.active-client-card:hover{border-color:#71a3f7;background:#f8fbff}.active-client-card:focus-visible{outline:3px solid #245bff;outline-offset:2px}.active-client-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf2ff;color:#245bff}.active-client-avatar svg{width:23px;height:23px}.active-client-summary{display:grid;gap:5px;min-width:0}.active-client-summary strong{font-size:16px;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-client-summary small{color:#647895;font-size:12px;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-client-arrow{color:#245bff}.active-client-arrow svg{width:18px;height:18px}
.office-route-choices{display:grid;gap:10px;margin-top:18px;max-height:55dvh;overflow:auto}.owner-ui .modal .office-route-choices .btn{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;padding:15px;font-size:14px;white-space:normal}.office-route-choices small{display:block;font-size:12px;color:#a7c0e0;margin-top:6px}.office-route-choices svg{width:20px;height:20px}
.office-home button:focus-visible,.office-drawer button:focus-visible,.office-drawer summary:focus-visible,.office-header button:focus-visible{outline:3px solid #21bce7;outline-offset:3px}
@media(max-width:390px){.office-shell .owner-content{padding:23px 14px 50px}.office-header-title{font-size:22px}.office-home .office-actions{padding:15px;gap:10px}.office-shell .office-actions .btn{font-size:14px;min-height:59px}.office-stats{gap:11px;margin:0 3px}.office-stat{padding:13px 10px}.office-stat strong{font-size:17px}.office-stat>div>span{font-size:14px}.office-picker-trigger{font-size:18px;padding:13px}.office-picker-trigger strong{font-size:16px}.office-shell .office-drawer{padding-inline:14px}.office-shell .office-drawer nav>button,.office-shell .office-drawer nav>details>summary{font-size:21px;gap:11px;min-height:63px}}
@media(prefers-reduced-motion:reduce){.office-shell .owner-page{transition:none}}
@media(max-width:520px){.active-client-card{grid-template-columns:42px minmax(0,1fr) 18px;padding:13px 12px}.active-client-avatar{width:42px;height:42px}.active-client-card .arrears-tag{grid-column:2;justify-self:start}.active-client-arrow{grid-column:3;grid-row:1/3}}