:root{--oyi-paper:#f5f7fa;--oyi-ink:#202d3a;--oyi-line:#dfe5eb;--oyi-blue:#2373bc;--oyi-teal:#157f83;--oyi-green:#168054;--oyi-gofood:#df3548;--oyi-grab:#00a65a;--oyi-shopee:#ed692b}
.oyi-eyebrow{font-size:11px;font-weight:600;color:var(--oyi-muted);margin:0 0 7px}.oyi-source-badge{display:flex;align-items:center;gap:7px;color:var(--oyi-ink-2);font-size:12px}.oyi-source-badge .lucide{width:16px;height:16px}
.oyi-operations .dash-filters{padding:16px 0;border-top:1px solid var(--oyi-line);border-bottom:1px solid var(--oyi-line)}.oyi-quality{font-size:12px;color:var(--oyi-ink-2);display:flex;align-items:center;gap:8px;padding:8px 0}.oyi-quality::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--oyi-warning);flex:none}.oyi-quality.is-complete::before{background:var(--oyi-green)}
.oyi-financial-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:20px 0;border-bottom:1px solid var(--oyi-line)}.oyi-financial-band>div{min-width:0;display:grid;gap:8px}.oyi-financial-band span,.oyi-driver span{font-size:12px;color:var(--oyi-muted)}.oyi-financial-band strong{font-size:24px;font-weight:600;color:var(--oyi-ink);overflow-wrap:anywhere}.oyi-financial-band small,.oyi-driver small{font-size:11px;color:var(--oyi-muted)}
.oyi-operations .dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;border-bottom:1px solid var(--oyi-line);padding:8px 0 22px;gap:18px}.oyi-operations .dash-kpis .kpi{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.oyi-operations .kpi strong{font-size:22px;overflow-wrap:anywhere}.oyi-operations .kpi>span{font-size:11px}.oyi-operations .ops-note{margin:0}
.oyi-growth-band{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px;padding:18px 0;border-bottom:1px solid var(--oyi-line)}.oyi-growth-band h2{font-size:17px;margin:0 0 8px}.oyi-growth-band p{font-size:12px;margin:0}.oyi-driver{display:grid;gap:6px}.oyi-driver strong{font-size:24px;font-weight:600}.oyi-operations .ops-grid{gap:24px}.oyi-operations .dash-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:16px 0;border-bottom:1px solid var(--oyi-line)}.oyi-operations .dash-card h2,.oyi-scorecard h2{font-size:16px}.oyi-operations .ops-mark{fill:var(--oyi-blue)}.oyi-operations .ops-mark.is-peak{fill:var(--oyi-teal)}
.oyi-scorecard{padding:16px 0;border-bottom:1px solid var(--oyi-line)}.oyi-weight-strip{display:flex;height:30px;margin:16px 0;gap:2px;overflow:hidden}.oyi-weight-strip span{display:flex;align-items:center;justify-content:center;background:var(--oyi-info-soft);color:var(--oyi-info);font-size:11px;min-width:28px;white-space:nowrap}.oyi-weight-strip span:nth-child(2){background:var(--oyi-green-soft);color:#136965}.oyi-weight-strip span:nth-child(3){background:var(--oyi-green-soft);color:var(--oyi-green-ink)}.oyi-weight-strip span:nth-child(4){background:var(--oyi-warning-soft);color:var(--oyi-warning)}.oyi-score-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}.oyi-score-item{padding:12px 0;border-bottom:1px solid var(--oyi-line);min-width:0}.oyi-score-item header{display:flex;justify-content:space-between;gap:10px;font-size:12px}.oyi-score-item strong{display:block;font-size:20px;margin:10px 0}.oyi-score-item small{font-size:11px;color:var(--oyi-muted)}.oyi-score-item meter{width:100%;height:7px;display:block;margin-top:10px}
.oyi-channel-mix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}.oyi-channel-item{background:transparent!important;border:0;border-radius:0!important;padding:12px 0!important;text-align:left;color:var(--oyi-ink)!important;display:grid;gap:8px;min-width:0;min-height:80px;cursor:pointer}.oyi-channel-item>span{display:flex;align-items:center;gap:7px;font-size:12px}.oyi-channel-item i{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.oyi-channel-item strong{font-size:18px;font-weight:600}.oyi-channel-track{height:4px;background:var(--oyi-info-soft);overflow:hidden}.oyi-channel-track b{height:4px;display:block}.oyi-data-details>summary{cursor:pointer;font-size:13px;padding:14px 0}.oyi-operations .ops-tip{max-width:calc(100vw - 24px);white-space:normal}.oyi-app-switcher{display:flex;gap:4px;align-items:center}.oyi-app-switcher a{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:2px solid transparent;color:var(--oyi-muted);font-size:12px;min-height:40px}.oyi-app-switcher a[aria-current=page]{color:var(--oyi-green);border-bottom-color:var(--oyi-green)}.oyi-app-switcher .lucide{width:15px;height:15px}
@media(max-width:1000px){.oyi-operations .dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.oyi-score-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.oyi-channel-mix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.oyi-financial-band{grid-template-columns:1fr;gap:16px}.oyi-financial-band>div{padding-bottom:12px;border-bottom:1px solid var(--oyi-info-soft)}.oyi-financial-band strong{font-size:22px}.oyi-operations .dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.oyi-growth-band{grid-template-columns:1fr 1fr;gap:18px}.oyi-growth-band>div:first-child{grid-column:1/-1}.oyi-score-metrics{grid-template-columns:1fr 1fr;gap:12px}.oyi-score-item header{display:block}.oyi-score-item header span{display:block;margin-top:4px}.oyi-weight-strip span{font-size:9px}.oyi-channel-mix{grid-template-columns:1fr 1fr;gap:8px 16px}.oyi-app-switcher a{padding:8px 6px}.workspace-header{gap:8px}.oyi-operations .ops-chart{height:220px}.oyi-source-badge{font-size:11px}}
