.dhan-ui{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a2233;background:#f4f6fa;height:100%;margin:0;padding:18px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;overflow-y:auto}.dhan-ui h1{color:#1f3864;border-bottom:2px solid #1f3864;margin:0 0 8px;padding-bottom:8px;font-size:22px;font-weight:700}.dhan-ui h2{color:#1f3864;margin-top:28px;font-size:17px;font-weight:700}.dhan-ui h3{color:#2e5496;margin:14px 0 6px;font-size:14px;font-weight:700}.dhan-ui h4{color:#5b6678;margin:10px 0 4px;font-size:.95em;font-weight:700}.dhan-ui table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin:4px 0 14px;font-size:.88em;overflow:hidden;box-shadow:0 1px 3px #14285012}.dhan-ui th,.dhan-ui td{text-align:right;border:1px solid #e6eaf0;padding:5px 9px}.dhan-ui th{color:#fff;background:#1f3864;font-weight:600}.dhan-ui td.sym{text-align:left;color:#1f3864;font-weight:700}.dhan-ui td.strike-col{text-align:center;color:#9a6b00;background:#fff7e0;font-weight:700}.dhan-ui tr.atm td{color:#7a5a00;background:#fff3cd!important}.dhan-ui .grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:8px;display:grid}.dhan-ui .card{background:#fff;border:1px solid #dde3ec;border-radius:8px;padding:12px 14px}.dhan-ui .kpi{flex-wrap:wrap;gap:14px;margin:6px 0 10px;display:flex}.dhan-ui .kpi div{background:#fff;border:1px solid #dde3ec;border-radius:6px;padding:6px 10px}.dhan-ui .kpi b{color:#1f3864}.dhan-ui .meta{color:#5b6678;font-size:.85em}.dhan-ui .err,.dhan-ui .pcr-hi{color:#b11616}.dhan-ui .pcr-lo{color:#1f7a3a}.dhan-ui a.refresh{color:#2e5496;float:right;cursor:pointer;font-size:.9em;text-decoration:none}.dhan-ui .tabs{border-bottom:2px solid #1f3864;margin:14px 0 8px}.dhan-ui .tab-btn{color:#3a4760;cursor:pointer;background:#e7ebf2;border:1px solid #dde3ec;border-bottom:none;border-radius:8px 8px 0 0;margin-right:4px;padding:8px 18px;font-family:inherit;font-size:.95em;font-weight:600}.dhan-ui .tab-btn.active{color:#fff;background:#1f3864;border-color:#1f3864}.dhan-ui .tab-btn.delivery{color:#ff9ab0;background:#5a1030}.dhan-ui .tab-btn.delivery.active{color:#fff;background:#1f3864;border-color:#1f3864}.dhan-ui .chain-table th{font-size:.8em}.dhan-ui .chain-table td{padding:3px 6px;font-size:.85em}.dhan-ui .ce-side{background:#eaf4ec}.dhan-ui .pe-side{background:#fdecec}.dhan-ui .chart-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:10px;display:grid}.dhan-ui .chart-box{background:#fff;border:1px solid #dde3ec;border-radius:8px;height:280px;padding:10px;position:relative}.dhan-ui .range-picker{margin:8px 0}.dhan-ui .range-picker button{color:#3a4760;cursor:pointer;background:#e7ebf2;border:1px solid #dde3ec;border-radius:6px;margin-right:4px;padding:4px 12px;font-family:inherit}.dhan-ui .range-picker button.active{color:#fff;background:#1f3864;border-color:#1f3864}.dhan-ui .mcx-badge{letter-spacing:.03em;border-radius:10px;padding:2px 8px;font-size:.78em;font-weight:700;display:inline-block}.dhan-ui ul{margin:4px 0 14px;padding-left:22px}.dhan-ui li{margin:2px 0}.dhan-ui code{background:#eef1f6;border-radius:4px;padding:1px 5px;font-size:.92em}.dhan-ui .table-scroll{width:100%;overflow-x:auto}@media (max-width:900px){.dhan-ui .grid,.dhan-ui .chart-grid{grid-template-columns:1fr}.dhan-ui{padding:12px}}