@import url('./office-overview.css');
/* Solucionnes: route-first workspace, existing brand and type kept intentionally. */
.operations{--op-ink:#edf3ff;--op-muted:#afc2df;color:var(--op-ink);max-width:1250px;margin:0 auto}
.operations-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:12px 0 24px}
.operations h1{font-size:clamp(28px,3vw,40px);font-weight:650;letter-spacing:-1.1px;margin:0 0 8px;text-align:left}
.operations p{color:var(--op-muted);line-height:1.6;max-width:68ch}.operations-heading p{margin:0}
.operations-heading label{font-size:12px;display:grid;gap:8px;min-width:240px}
.operations select{padding:13px;background:#10213b;color:#edf3ff;border:1px solid #3d5a83;border-radius:10px;width:100%;font-size:15px}
.operations-journal{display:flex;align-items:center;gap:9px;margin-bottom:18px;color:#b5c9e8;font-size:12px;flex-wrap:wrap}.operations-journal>span:last-child{margin-left:auto}
.operations-dot{width:8px;height:8px;border-radius:50%;background:#8a9ebc}.operations-dot.open{background:#44dfb4;box-shadow:0 0 0 4px #44dfb415}
.operations-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.operations-stat{padding:21px 19px;background:#10213b;border:1px solid #294466;border-radius:15px;display:flex;flex-direction:column;gap:12px;min-width:0;border-top:3px solid var(--stat)}
.operations-stat.mint{--stat:#44dfb4}.operations-stat.cyan{--stat:#22d3ee}.operations-stat.violet{--stat:#ba96ff}.operations-stat.blue{--stat:#648cff}
.operations-stat>span{font-size:13px;color:#d3e2f9}.operations-stat strong{font-size:clamp(22px,2vw,30px);font-weight:650;letter-spacing:-.7px;color:var(--stat);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.operations-stat small{font-size:11px;color:#a9bedc;line-height:1.5}
.operations-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0 34px}
.operations .operations-actions .btn{min-height:65px;padding:16px 20px;background:#173056;border:1px solid #365584;color:#e8f2ff;font-size:14px;justify-content:flex-start;gap:12px;border-radius:12px;transition:background .15s,transform .15s}
.operations .operations-actions .btn:hover{background:#214577;transform:translateY(-2px)}.operations .operations-actions .btn.primary{background:#245bff;border-color:#698fff}.operations-actions svg{width:21px;height:21px;color:#3addff;flex-shrink:0}.operations-actions .primary svg{color:white}
.operations-cash{display:grid;grid-template-columns:1fr 1.2fr;gap:36px;border-top:1px solid #294466;border-bottom:1px solid #294466;padding:28px 0}.operations-cash h2{font-size:23px;font-weight:600;letter-spacing:-.5px}.operations-cash p{font-size:13px;margin-bottom:0}
.operations-cash dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0;align-content:center}.operations-cash dt{font-size:12px;color:#afc2df}.operations-cash dd{margin:7px 0 0;font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.operations-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:23px 0 34px}.operations-bottom>span{font-size:12px;color:#afc2df}.operations-report{border:1px solid #294466;border-radius:12px;overflow:hidden;margin-bottom:28px}.operations-footnote{font-size:12px;margin-top:18px}
.office-loan-alert{grid-column:1/-1!important;border:1px solid #ecb54b!important;background:#392e18!important;color:#ffe2a0!important;font-size:13px!important}
.arrears-tag{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600;white-space:nowrap}.arrears-tag:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.arrears-green{color:#7de7b5;background:#163e36}.arrears-yellow,.arrears-orange,.arrears-purple,.arrears-unknown{color:#ffe280;background:#433819}.arrears-red{color:#ff9aaa;background:#4b1f29}
.owner-loan-person .arrears-tag{margin-top:8px;align-self:flex-start}
.owner-shell .owner-drawer{left:0;right:auto;width:min(360px,88vw);border-left:0;border-right:1px solid #294466;background:#10213b}.owner-shell .owner-drawer nav button,.owner-shell .owner-drawer summary{min-height:48px;font-size:15px}.owner-shell .owner-drawer-title h2{font-size:21px}
.operations button:focus-visible,.operations select:focus-visible{outline:3px solid #22d3ee;outline-offset:3px}
@media(max-width:760px){.operations-heading{display:grid;gap:20px}.operations-heading label{min-width:0}.operations-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.operations-stat{padding:16px 13px}.operations-stat strong{font-size:23px}.operations-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.operations .operations-actions .btn{font-size:12px;padding:13px;gap:9px;min-height:70px}.operations-cash{grid-template-columns:1fr;gap:16px;padding:22px 0}.operations-cash dd{font-size:21px}.operations-bottom{align-items:flex-start;flex-direction:column}.operations-journal>span:last-child{margin-left:0}}
@media(prefers-reduced-motion:reduce){.operations .operations-actions .btn{transition:none}.operations .operations-actions .btn:hover{transform:none}}
.location-consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:18px 0;line-height:1.6}.location-consent input{width:20px;height:20px;flex-shrink:0}.location-sharing-indicator{background:#123c36;border:1px solid #2b9a7f;border-radius:8px;padding:10px 14px;color:#9df0d1;font-size:12px}.location-web .panel-body p{max-width:75ch}.location-web [data-location-status]{margin-top:14px}.location-web [data-location-list]{overflow:auto}
@media(max-width:600px){.owner-shell[data-owner-view="dashboard"] .owner-breadcrumb{display:none}.operations-heading{gap:12px;margin:8px 0 18px}.operations-heading p{font-size:13px}.operations select{padding:11px}.operations-stat{gap:9px}.operations-stat small{font-size:10px}.operations-stat strong{font-size:21px}}
