.oi-dashboard{max-width:1280px;margin:0 auto 26px;background:var(--panel);border:1px solid #dce7e5;border-radius:18px;overflow:hidden;color:#20382f;box-shadow:0 8px 28px #1b554408}
.oi-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:26px 26px 22px;background:linear-gradient(120deg,#eff8f5,#fff 72%)}
.oi-heading h1{font-size:clamp(24px,3vw,32px);letter-spacing:-.8px;line-height:1.2;margin:0 0 10px}.oi-heading p{font-size:13px;line-height:1.6;color:#63756e;margin:0;max-width:640px}
.oi-report{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}.oi-report strong{font-size:13px}.oi-eod{display:inline-block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#805e19;background:#fbf0d6;border-radius:5px;padding:5px 8px}
.oi-dashboard button,.oi-dialog button{font:inherit;cursor:pointer}.oi-dashboard .ghost,.oi-dialog .ghost{border:1px solid #d8e3de;border-radius:7px;background:white;color:#3d5a4e;padding:7px 11px;font-size:12px;font-weight:650}.oi-dashboard button:hover{filter:brightness(.97)}.oi-dashboard button:focus-visible,.oi-dashboard input:focus-visible,.oi-dashboard select:focus-visible,.oi-dialog button:focus-visible{outline:3px solid #008b75;outline-offset:3px}.oi-dashboard button:disabled{opacity:.5;cursor:default}
.oi-controls{display:flex;align-items:end;gap:14px;padding:18px 26px 10px;flex-wrap:wrap}.oi-controls label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#5b7065}.oi-controls .mini{margin:0;min-height:38px;font-size:13px;width:100%;box-sizing:border-box}.oi-search{flex:1;min-width:180px}.oi-status{font-size:12px;line-height:1.55;margin:0;padding:0 26px 16px;color:#66786e}.oi-status.warning{color:#996612}
.oi-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 26px 23px}.oi-card{border:1px solid #e0e7e3;border-top:3px solid var(--oi-color);border-radius:11px;padding:15px;text-align:left;background:var(--oi-bg);color:#223b31;min-width:0;display:flex;flex-direction:column;gap:6px}.oi-card[aria-pressed=true]{box-shadow:0 0 0 2px var(--oi-color);border-color:var(--oi-color)}.oi-card-title{font-size:13px;font-weight:800}.oi-card-count{font-size:32px;letter-spacing:-1px;font-weight:800;line-height:1.2;color:var(--oi-color)}.oi-card-rule{font-size:11px;font-weight:750;color:var(--oi-color)}.oi-card-desc{font-size:11px;line-height:1.45;color:#607267;min-height:32px}.oi-card-leaders{font-size:10px;color:#566b60;border-top:1px solid #d8e4dd;padding-top:8px;line-height:1.6;min-height:25px}
.oi-long_buildup{--oi-color:#167459;--oi-bg:#eff8f3}.oi-short_buildup{--oi-color:#b34949;--oi-bg:#fff3f1}.oi-long_unwinding{--oi-color:#b3741d;--oi-bg:#fff8e9}.oi-short_covering{--oi-color:#4178a9;--oi-bg:#f0f6fd}.oi-neutral{--oi-color:#6d777b;--oi-bg:#f3f5f5}
.oi-results-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 26px;border-top:1px solid #e2e9e5}.oi-results-head h2{font-size:16px;margin:0 0 4px}.oi-results-head p{font-size:11px;color:#718077;margin:0;line-height:1.5}.oi-results-actions{display:flex;gap:7px;flex-wrap:wrap}.oi-results-actions [aria-pressed=true]{background:#eaf5ef;border-color:#94b6a4;color:#255a41}
.oi-table-wrap{overflow:auto;max-height:620px}.oi-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.oi-table th{background:#f5f8f6;color:#64786b;font-size:10px;text-transform:uppercase;letter-spacing:.45px;text-align:left;padding:12px 14px;position:sticky;top:0;z-index:1;border-block:1px solid #e3e9e5}.oi-table th small{text-transform:none;letter-spacing:0;font-weight:500}.oi-table td{padding:12px 14px;border-bottom:1px solid #edf1ee;font-variant-numeric:tabular-nums}.oi-table tr:hover td{background:#f8fbf9}.oi-table .r{text-align:right}.oi-table th:first-child,.oi-table td:first-child{padding-left:26px}.oi-stock{border:0;background:none;color:#254c3c;font-weight:800!important;padding:0!important;text-align:left}.oi-stock:hover{text-decoration:underline}.oi-expiry{display:block;font-size:10px;color:#7a887f;margin-top:4px}.oi-badge{font-size:10px;font-weight:750;border-radius:5px;padding:5px 7px;color:var(--oi-color);background:var(--oi-bg)}.oi-pos{color:#17795b;font-weight:750}.oi-neg{color:#b14b43;font-weight:750}.oi-flat{color:#728077}.oi-evidence{color:#477361;background:none;border:0;padding:4px 0;font-size:11px!important;font-weight:750!important}.oi-empty{text-align:center!important;white-space:normal;padding:40px 20px!important;color:#738279;line-height:1.6}
.oi-method{padding:17px 26px 20px;background:#fafcfb;border-top:1px solid #e5ece7;font-size:12px;line-height:1.65;color:#687a6e}.oi-method summary{cursor:pointer;font-weight:750;color:#43614e}.oi-method a{color:#30765c}.oi-method p{max-width:1040px;margin:10px 0 0}
.oi-dialog{width:min(660px,94vw);max-height:88vh;overflow:auto;box-sizing:border-box;border:1px solid #d3e2d9;border-radius:16px;padding:25px;color:#233d2f;box-shadow:0 20px 70px #0b312540}.oi-dialog::backdrop{background:#102c286e}.oi-dialog-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.oi-dialog h2{margin:6px 0;font-size:25px}.oi-dialog h3{margin:22px 0 7px;font-size:15px}.oi-dialog p{font-size:13px;line-height:1.65;color:#586f60}.oi-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.oi-detail-grid>div{background:#f4f8f5;border-radius:9px;padding:13px}.oi-detail-grid span{display:block;font-size:11px;color:#6e8074;margin-bottom:6px}.oi-detail-grid strong{font-size:17px}.oi-detail-grid small{display:block;font-size:11px;color:#6e8074;margin-top:5px}.oi-dialog a{font-size:12px;color:#2b7759}
.oi-scroll-hint{display:none;font-size:11px;color:#687d6e;line-height:1.6;padding:0 16px 12px;margin:0}
@media(max-width:900px){.oi-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-controls label{flex:1;min-width:150px}.oi-results-head{align-items:flex-start;flex-direction:column}.oi-scroll-hint{display:block}}
@media(max-width:550px){.oi-heading{padding:20px 16px;flex-direction:column;gap:14px}.oi-report{flex-direction:row;align-items:center;gap:9px;flex-wrap:wrap}.oi-report strong{font-size:12px}.oi-controls{padding:15px 16px 10px;gap:12px}.oi-controls label{min-width:120px}.oi-cards{padding:0 16px 18px;gap:9px}.oi-card{padding:11px}.oi-card-title{font-size:12px}.oi-card-count{font-size:28px}.oi-card-leaders{font-size:9px}.oi-status{padding:0 16px 14px}.oi-results-head,.oi-method{padding:16px}.oi-detail-grid{grid-template-columns:1fr}.oi-dialog{padding:19px}}