.op-nav-group{border:0;margin:0 0 8px}.op-nav-group summary{padding:14px 12px 7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);cursor:pointer}.op-nav-group .nav-link{font-size:14px;padding:10px 12px}.op-nav-group summary::marker{color:var(--brand-link)}.sidebar{overflow-y:auto}.op-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.op-kpi{border:1px solid var(--line);border-radius:12px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:9px;min-width:0}.op-kpi>span{font-size:14px;color:var(--muted)}.op-kpi>strong{font-size:clamp(22px,2vw,30px);line-height:1.2;overflow-wrap:anywhere}.op-kpi small{font-size:12px;color:var(--muted)}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.op-grid>*{min-width:0}.op-section{margin:28px 0}.op-project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.op-project-cards h3{margin-top:18px}.op-project-cards p{color:var(--muted);margin:6px 0 18px}.op-card-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.op-card-meta span{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.op-card-meta strong{font-size:14px;color:var(--ink)}.op-progress{height:6px;background:var(--brand-tint);border-radius:4px;margin:16px 0}.op-progress i{height:100%;background:var(--brand-primary);display:block;border-radius:4px}.op-module-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand-link);display:inline-flex;align-items:center;justify-content:center}.op-module-icon svg{width:23px;height:23px}.op-status{display:inline-block;border-radius:5px;padding:5px 8px;font-size:12px;font-weight:600;background:var(--brand-soft);color:var(--brand-link);white-space:nowrap}.op-status.positive{background:#e8f5ed;color:#21633c}.op-status.negative{background:#fceceb;color:#9b2828}.op-status.warning{background:#fff3d8;color:#775509}.op-filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 22px;padding:16px;background:var(--brand-soft);border-radius:12px}.op-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;flex:1 1 130px}.op-filters input,.op-filters select{min-width:0;width:100%;font-size:14px;min-height:40px}.op-filters input[type=date]{min-width:135px}.op-table{width:100%;font-size:14px}.op-table th{font-size:12px;background:var(--brand-soft);white-space:nowrap}.op-table td{padding:14px 12px;vertical-align:top}.op-table td small{display:block;margin-top:5px;color:var(--muted);font-size:12px}.op-table td strong{font-size:14px}.op-table .btn{white-space:nowrap}.op-empty{padding:28px 12px;color:var(--muted);font-size:14px;line-height:1.6}.op-tabs{display:flex;overflow-x:auto;gap:8px;padding:4px 0 16px;margin:12px 0}.op-tabs .btn{flex-shrink:0;display:flex;align-items:center;gap:7px}.op-tabs .icon{width:18px;height:18px}.op-project-strip{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font-size:14px;padding:15px 20px;border:1px solid var(--line);background:#fff;border-radius:10px}.op-modules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.op-module.btn{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;background:#fff;border:1px solid var(--line);white-space:normal}.op-module strong{font-size:14px;line-height:1.5}.op-module-icon{flex-shrink:0}.op-bars{display:flex;flex-direction:column;gap:18px;margin:24px 0}.op-bars>div{display:grid;grid-template-columns:minmax(95px,1fr) 1.4fr auto;gap:14px;align-items:center;font-size:14px}.op-bar-track{background:var(--brand-soft);height:10px;border-radius:4px;overflow:hidden}.op-bar-track i{height:100%;display:block;background:var(--brand-primary);border-radius:4px}.op-gantt{margin-top:24px}.op-gantt-row{padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.op-gantt-row strong{font-weight:500}.op-gantt-row small{font-size:12px;color:var(--muted)}.op-gantt-track{height:18px;background:var(--brand-soft);position:relative;margin:9px 0;overflow:hidden;border-radius:4px}.op-gantt-track i{position:absolute;top:2px;bottom:2px;background:var(--brand-primary);border-radius:4px}.op-gantt-track i.positive{background:#368351}.op-gantt-track i.negative{background:#b9443e}.op-today{position:absolute;border-left:1px dashed #17191c;height:100%;z-index:1}.op-note{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.6}.op-note p{font-size:14px;white-space:pre-wrap}.op-note small{font-size:12px;color:var(--muted)}.op-folders{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.op-folders .btn{display:flex;align-items:center;gap:8px}.op-file-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.op-file-card{padding:18px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:start;gap:14px}.op-file-card p{font-size:14px;white-space:pre-wrap;margin:8px 0}.op-file-preview{max-width:100%;max-height:65vh;display:block;margin:auto}.op-form-error{color:#9b2828;margin-top:16px}.op-quote-layout{font-size:12px;display:flex;flex-direction:column;gap:5px}.op-quote-layout select{font-size:14px;min-height:36px}.mb{margin-bottom:20px}.content:has(.op-kpis){max-width:1600px}.op-grid .table-wrap{margin:0 -6px}.op-grid .padded{padding:20px}.op-grid .op-table th,.op-grid .op-table td{padding:12px 9px}.op-grid .op-kpis{gap:10px;margin-top:18px}.op-grid .op-kpi{padding:14px}.op-filters .field{margin:0}.op-table td{max-width:350px;overflow-wrap:anywhere}
@media(max-width:1200px){.op-grid{grid-template-columns:1fr}.op-modules{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.op-modules{grid-template-columns:repeat(2,minmax(0,1fr))}.op-module.btn{flex-direction:column;align-items:start;padding:14px}.op-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.op-kpi{padding:15px}.op-project-cards{grid-template-columns:1fr}.op-filters{gap:10px}.op-filters label{flex:1 1 120px}.op-project-strip{gap:12px}.op-bars>div{grid-template-columns:100px 1fr auto;gap:8px}.op-tabs{margin-right:-12px}.op-table{min-width:660px}.op-grid .op-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

.op-category-field{display:block;font-size:12px;color:var(--muted);margin-top:10px}.op-category-field select{display:block;font-size:12px;margin-top:5px;width:100%;min-width:160px}.op-file-card>div{min-width:0}.op-file-card strong{overflow-wrap:anywhere}

/* Leads share one navigation group and keep drill-down cards keyboard accessible. */
.workspace .op-lead-nav>summary{display:flex;align-items:center;gap:11px;padding:11px 12px;min-height:43px;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;list-style:none;cursor:pointer;border-radius:10px}
.op-lead-nav>summary::-webkit-details-marker{display:none}
.op-lead-nav>summary::after{content:'›';margin-left:auto;font-size:18px;transition:transform .15s}
.op-lead-nav[open]>summary::after{transform:rotate(90deg)}
.op-lead-nav>summary:hover{background:var(--brand-soft)}
.op-lead-children{margin:2px 0 8px 20px;padding-left:7px;border-left:1px solid var(--brand-line)}
.workspace .op-lead-children .nav-link{font-size:13px;gap:8px;padding:10px 9px}
.op-lead-children .icon{width:16px;height:16px;flex-shrink:0}
.op-kpi-link{font:inherit;color:var(--ink);text-align:left;cursor:pointer;width:100%;transition:border-color .15s,box-shadow .15s}
.op-kpi-link:hover{border-color:var(--brand-primary);box-shadow:0 3px 12px #0000000a}
.op-kpi-link:focus-visible{outline:2px solid var(--brand-focus);outline-offset:3px}
.op-kpi-link small{color:var(--brand-link)}
.op-lead-scope{margin:-10px 0 24px;line-height:1.6}
.op-lead-tabs{margin-top:-12px}
@media(prefers-reduced-motion:reduce){.op-lead-nav>summary::after,.op-kpi-link{transition:none}}