.op-category{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.op-category button{min-width:145px;padding:11px 19px;text-align:left;border-radius:10px}.op-category small{display:block;font-weight:400;font-size:11px;opacity:.8;margin-top:3px}.op-category .active{background:#0d68da;color:white;border-color:#0d68da;box-shadow:0 4px 12px #0d68da25}.op-scope{font-size:11px}.op-filters{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:14px;padding:18px;margin-bottom:20px}.op-filters label{margin:0}.op-filters .actions{align-self:end;justify-content:flex-end}.op-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.op-kpi{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:132px;padding:19px;border:1px solid #dce8f4;box-shadow:0 3px 9px #234c6810;border-radius:10px;font-weight:400;gap:8px}.op-kpi strong{font-size:30px;line-height:1.1}.op-kpi span{font-size:12px}.op-kpi small{font-size:10px}.op-kpi.blue{color:white;background:#0d68da;border-color:#0d68da}.op-kpi.blue:hover{background:#0954b0}.op-kpi.amber{background:#fff8eb;color:#825211}.op-insights{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin:16px 0 22px}.op-insights>div,.op-insights>button{padding:15px 18px;background:#edf8f5;border:1px solid #d0eae1;border-radius:10px;text-align:left;font-weight:400}.op-insights span,.op-insights strong,.op-insights small{display:block}.op-insights span{font-size:11px}.op-insights strong{font-size:23px;margin:4px 0}.op-insights small{font-size:10px;color:#59796e}.op-tabs{display:flex;gap:6px;margin-bottom:17px;flex-wrap:wrap;border-bottom:1px solid #dce7f0;padding-bottom:9px}.op-tabs button{border-color:transparent;font-size:12px}.op-tabs .active{background:#e7f0ff;color:#075fc9;border-color:#c8dcf9}.op-family-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 22px 22px}.op-family-summary button{text-align:left;border-radius:9px}.op-family-summary span,.op-family-summary strong,.op-family-summary small{display:block}.op-family-summary strong{font-size:25px;margin:6px 0}.op-family-summary small{font-weight:400;color:#687f91}.op-chart{padding:5px 20px 15px}.op-chart svg{width:100%;max-height:215px;overflow:visible}.op-chart circle:hover,.op-chart circle:focus{fill:#0d68da;stroke-width:4;outline:none}.op-chart-tip{min-height:28px;font-size:12px;padding:6px 10px;background:#eff5fe;border-radius:6px;color:#164b87}.op-table{font-size:11px;min-width:1040px}.op-table th{white-space:nowrap}.op-table td{padding:12px 10px}.op-table td:first-child{min-width:190px}.op-orders{min-width:850px}.op-orders td:last-child{min-width:300px;max-width:470px;font-size:12px}.op-orders .link-button{font-size:12px}.op-pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:17px}.op-selection{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#edf4ff;border:1px solid #dce7ff;border-radius:8px;padding:9px 14px;margin-bottom:16px}.op-method{padding:18px 22px;font-size:12px;color:#506b7f}.op-method summary{font-weight:600;cursor:pointer;color:#163d5c}.op-method p{margin-top:13px;margin-bottom:0}#operationHeader{font-size:12px;color:#075fc9;background:#edf4ff;padding:8px 13px;border-radius:8px;font-weight:600}#operationHeader[hidden],#typeSwitch[hidden]{display:none!important}#navigation{overflow-y:auto;min-height:0}#navigation .nav-label{margin-top:14px}
@media(max-width:1100px){.op-filters{grid-template-columns:repeat(3,minmax(120px,1fr))}.op-insights{grid-template-columns:1fr 1fr}.op-insights>div{grid-column:1/-1}.op-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.op-filters{grid-template-columns:repeat(2,minmax(100px,1fr));padding:12px}.op-category{display:grid;grid-template-columns:1fr 1fr}.op-category button{min-width:0;padding:10px}.op-kpis,.op-insights{gap:8px}.op-insights{grid-template-columns:1fr}.op-kpi{min-height:125px;padding:14px}.op-family-summary{grid-template-columns:1fr}.op-tabs button{font-size:11px;padding:8px}.op-filters .actions{flex-wrap:wrap}.op-chart-tip{font-size:10px}.op-category small{font-size:10px}}

#navigation button{gap:7px;font-size:11px;padding-right:8px}#navigation button .nav-count{margin-left:auto}#navigation button .nav-type{width:auto;flex-shrink:0}