/* Bright Operational Console: loaded after the legacy stylesheet. */
:root { --cx-ink:#0d2740; --cx-text:#526979; --cx-line:#d6e1e7; --cx-mint:#dff4eb; --cx-sky:#e4f1ff; --cx-peach:#fff0e8; --cx-coral:#ed6f52; --cx-surface:#fff; --cx-raised:#fbfdff; --cx-radius:20px; --cx-shadow:0 18px 46px rgba(13,39,64,.08); }
body { color:var(--cx-ink); background:#fff; }
.primary,.secondary,.quiet { min-height:44px; border-radius:999px; font-weight:650; transition:transform .18s ease,background .18s ease,border-color .18s ease; }
.primary { background:var(--cx-ink); }.primary:hover { background:#176b73; transform:translateY(-1px); }.primary:active { transform:translateY(1px); }
.secondary { border-color:var(--cx-line); }.secondary:hover { background:var(--cx-mint); border-color:#b9d8ce; }
.sidebar { width:240px; padding:28px 18px; background:linear-gradient(180deg,#fff,#f7fcff); border-color:var(--cx-line); }
.workspace-label { margin:26px 10px 12px; font-size:11px; letter-spacing:.1em; text-transform:uppercase; }
nav { gap:5px; } nav button { min-height:44px; padding:12px 14px; border-radius:12px; font-weight:600; } nav button:hover { color:var(--cx-ink); background:#eff8f7; } nav button[aria-current] { color:#176b73; background:var(--cx-mint); font-weight:700; }
main { margin-left:240px; padding:36px 48px; }
body:not(.client-page)>#hub>main>header { padding:18px 0 28px; } header .eyebrow,.panel-label { color:#176b73; font-size:11px; font-weight:750; letter-spacing:.11em; text-transform:uppercase; }
.panel,.contract-card,.board-card,.customer-detail { border-color:var(--cx-line); border-radius:var(--cx-radius); background:var(--cx-surface); }
.records,.payment-table { border-color:var(--cx-line); border-radius:16px; }.record-row { min-height:76px; border-color:var(--cx-line); }.record-row:hover { background:#f7fcff; }
.badge { border-radius:999px; font-weight:650; }.status-ready-for-review,.status-sent-for-signature,.status-draft,.status-mercury { color:#6a4b38; background:#fff2d8; }
.operational-overview { display:grid; gap:20px; }.priority-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:24px; align-items:end; padding:30px; border:1px solid #efd7cb; border-radius:var(--cx-radius); background:linear-gradient(115deg,var(--cx-peach),#fff 72%); box-shadow:var(--cx-shadow); }.priority-panel h2 { max-width:700px; margin:0; font-size:clamp(27px,3.2vw,46px); line-height:1.05; letter-spacing:-.045em; }.priority-panel .muted { margin:9px 0 0; font-size:14px; }.overview-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.stat { padding:18px 20px; border-radius:16px; }.stat span { margin-bottom:7px; font-size:12px; }.stat strong { font-size:31px; font-weight:700; }.overview-support { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:20px; }.activity-panel,.readiness-panel { min-width:0; padding:24px; border:1px solid var(--cx-line); border-radius:var(--cx-radius); }.activity-panel { background:var(--cx-raised); }.readiness-panel { background:var(--cx-mint); }.activity-panel h2,.readiness-panel h2 { margin:8px 0 16px; font-size:24px; }.activity-list { border-top:1px solid var(--cx-line); }.activity { padding:13px 0; border-color:var(--cx-line); }.readiness-notes { display:grid; gap:12px; margin:18px 0 22px; padding:0; list-style:none; }.readiness-notes li { display:grid; grid-template-columns:14px 1fr; gap:10px; color:#355866; font-size:13px; line-height:1.5; }.readiness-notes li::before { content:'✓'; color:#176b73; font-weight:800; }
dialog { border-radius:var(--cx-radius); box-shadow:0 25px 80px rgba(13,39,64,.18); } input,select,textarea { border-color:#a7bbc5; border-radius:10px; } #content { animation:cx-enter .2s ease-out; }
@keyframes cx-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }
.site-management { display:grid; gap:18px; }.site-management>section,.access-boundary { min-width:0; padding:22px 24px; border:1px solid var(--cx-line); border-radius:var(--cx-radius); background:#fff; }.site-management .integration-note { background:var(--cx-sky); border-color:#d2e6f8; }.integration-note strong { display:block; margin-bottom:6px; }.integration-note p,.access-boundary p { margin:5px 0 0; line-height:1.55; }.access-boundary { background:var(--cx-peach); border-color:#f1ddcf; }.access-boundary h2,.manager-directory h2 { margin:0 0 8px; }.site-actions { display:flex; flex-wrap:wrap; gap:10px; }.site-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr)); gap:16px; }.site-card { min-width:0; padding:22px; border:1px solid var(--cx-line); border-radius:var(--cx-radius); background:#fff; box-shadow:var(--cx-shadow); }.site-card h2 { margin:0; font-size:20px; }.site-card .detail-heading { gap:12px; }.site-link { display:block; margin:12px 0; overflow-wrap:anywhere; }.site-assignment-list { margin:18px 0; padding-top:14px; border-top:1px solid var(--cx-line); }.site-assignment-list h3 { margin:0 0 10px; font-size:14px; }.site-assignment,.manager-row { display:flex; align-items:center; gap:12px; min-width:0; padding:10px 0; border-bottom:1px solid var(--cx-line); }.site-assignment>span:first-child,.manager-row>span:first-child { flex:1; min-width:0; overflow-wrap:anywhere; font-weight:600; }.site-assignment .fine,.manager-row .fine { color:var(--cx-text); text-align:right; }.manager-directory { padding:22px 24px; border:1px solid var(--cx-line); border-radius:var(--cx-radius); background:var(--cx-raised); }.site-card>.quiet { min-height:38px; }.site-management .empty { margin:0; }
@media(max-width:680px) { .site-management>section,.manager-directory { padding:18px; }.site-card { padding:18px; }.site-actions { display:grid; grid-template-columns:1fr; }.site-assignment,.manager-row { align-items:flex-start; flex-wrap:wrap; }.site-assignment>span:first-child,.manager-row>span:first-child { flex-basis:100%; }.site-assignment .fine,.manager-row .fine { text-align:left; }.site-assignment .quiet,.manager-row .quiet { margin-left:auto; } }
@media (max-width:900px) { .sidebar { width:208px; }.sidebar img { max-width:145px; } main { margin-left:208px; padding:28px; }.overview-support { grid-template-columns:1fr; } }
@media (max-width:680px) { .sidebar { position:static; width:auto; min-height:auto; }.sidebar nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.sidebar-bottom { margin-top:20px; } main { margin-left:0; padding:22px 18px; }.priority-panel { grid-template-columns:1fr; padding:24px; }.overview-summary { grid-template-columns:1fr; }.record-row { grid-template-columns:minmax(0,1fr) auto; gap:10px; }.record-row .row-owner { display:none; }.form-grid { grid-template-columns:1fr; }.wide { grid-column:auto; } }