.sdp,.sdp-mobile{font-family:var(--font-sans);color:hsl(var(--foreground));background:hsl(var(--background));flex-direction:column;width:100%;display:flex}.sdp{min-height:calc(100vh - var(--header-height,58px))}.sdp-mobile{min-height:calc(100vh - 48px)}.sdp .sdp-kicker,.sdp-mobile .sdp-kicker{letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--fg-muted));font-size:10px;font-weight:700}.sdp .sdp-seg,.sdp-mobile .sdp-seg{border:1px solid hsl(var(--border));background:hsl(var(--muted));border-radius:6px;padding:2px;display:inline-flex;overflow:hidden}.sdp .sdp-seg button,.sdp-mobile .sdp-seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:hsl(var(--fg-muted));cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .12s,color .12s}.sdp .sdp-seg button.on,.sdp-mobile .sdp-seg button.on{background:hsl(var(--surface));color:hsl(var(--foreground));box-shadow:var(--shadow-sm);font-weight:600}.sdp .sdp-seg.compact button,.sdp-mobile .sdp-seg.compact button{padding:2px 8px;font-size:11px}.sdp .sdp-panel,.sdp-mobile .sdp-panel{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.sdp .sdp-panel-head,.sdp-mobile .sdp-panel-head{border-bottom:1px solid hsl(var(--border));flex:none;align-items:center;gap:10px;min-height:40px;padding:10px 12px;display:flex}.sdp .sdp-panel-head h3,.sdp-mobile .sdp-panel-head h3{color:hsl(var(--foreground));letter-spacing:-.005em;margin:0;font-size:13px;font-weight:600}.sdp .sdp-panel-head .ico,.sdp-mobile .sdp-panel-head .ico{width:16px;height:16px;color:hsl(var(--primary));display:inline-flex}.sdp .sdp-panel-head .sub,.sdp-mobile .sdp-panel-head .sub{color:hsl(var(--fg-muted));font-variant-numeric:tabular-nums;font-size:11px}.sdp .sdp-panel-head .spacer,.sdp-mobile .sdp-panel-head .spacer{flex:1}.sdp .sdp-panel-body,.sdp-mobile .sdp-panel-body{flex:auto;min-height:0;padding:12px}.sdp .sdp-panel-body.flush,.sdp-mobile .sdp-panel-body.flush{padding:0}.sdp .rs-pill,.sdp-mobile .rs-pill{font-variant-numeric:tabular-nums;letter-spacing:.02em;border-radius:4px;justify-content:center;align-items:center;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.sdp .rs-pill.strong,.sdp-mobile .rs-pill.strong{background:hsl(var(--success-bg));color:hsl(var(--success-fg))}.sdp .rs-pill.neutral,.sdp-mobile .rs-pill.neutral{background:hsl(var(--stock-flat-bg));color:hsl(var(--stock-flat))}.sdp .rs-pill.weak,.sdp-mobile .rs-pill.weak{background:hsl(var(--stock-down-bg));color:hsl(var(--stock-down))}.sdp .rs-bar,.sdp-mobile .rs-bar{background:hsl(var(--muted));border-radius:999px;height:8px;display:inline-block;position:relative;overflow:hidden}.sdp .rs-bar>i,.sdp-mobile .rs-bar>i{border-radius:999px;position:absolute;top:0;bottom:0;left:0;right:auto}.sdp .rs-bar.strong>i,.sdp-mobile .rs-bar.strong>i{background:linear-gradient(90deg,hsl(var(--success-fg)/.7),hsl(var(--success-fg)))}.sdp .rs-bar.neutral>i,.sdp-mobile .rs-bar.neutral>i{background:hsl(var(--stock-flat))}.sdp .rs-bar.weak>i,.sdp-mobile .rs-bar.weak>i{background:hsl(var(--stock-down))}.sdp .rs-bar.brand>i,.sdp-mobile .rs-bar.brand>i{background:linear-gradient(90deg,hsl(var(--primary)/.7),hsl(var(--primary)))}.sdp .rs-dist,.sdp-mobile .rs-dist{background:hsl(var(--muted));border-radius:999px;height:6px;display:flex;overflow:hidden}.sdp .rs-dist>i.s,.sdp-mobile .rs-dist>i.s{background:hsl(var(--success-fg))}.sdp .rs-dist>i.n,.sdp-mobile .rs-dist>i.n{background:hsl(var(--stock-flat))}.sdp .rs-dist>i.w,.sdp-mobile .rs-dist>i.w{background:hsl(var(--stock-down))}.sdp .up,.sdp-mobile .up{color:hsl(var(--stock-up));font-variant-numeric:tabular-nums}.sdp .down,.sdp-mobile .down{color:hsl(var(--stock-down));font-variant-numeric:tabular-nums}.sdp .flat,.sdp-mobile .flat{color:hsl(var(--fg-muted));font-variant-numeric:tabular-nums}.sdp .num,.sdp-mobile .num{font-variant-numeric:tabular-nums}.sdp .rs-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:12px}.sdp .rs-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--fg-muted));background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));z-index:2;padding:8px 10px;font-size:10px;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.sdp .rs-table thead th.num{text-align:right}.sdp .rs-table thead th.text-center{text-align:center}.sdp .rs-table thead th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sdp .rs-table thead th.sortable.on{color:hsl(var(--primary))}.sdp .rs-table tbody td{border-bottom:1px solid hsl(var(--border-muted));vertical-align:middle;padding:8px 10px}.sdp .rs-table tbody td.num{text-align:right}.sdp .rs-table tbody tr:hover{background:hsl(var(--surface-hover))}.sdp .rs-table .rank{background:hsl(var(--muted));width:18px;height:18px;color:hsl(var(--fg-muted));border-radius:4px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.sdp .mini-line,.sdp-mobile .mini-line{display:block}.sdp .mini-line .grid,.sdp-mobile .mini-line .grid{stroke:hsl(var(--border-muted));stroke-width:1px;stroke-dasharray:2 3}.sdp .mini-line .axis,.sdp-mobile .mini-line .axis{stroke:hsl(var(--border));stroke-width:1px}.sdp .mini-line text,.sdp-mobile .mini-line text{fill:hsl(var(--fg-muted));font-variant-numeric:tabular-nums;font-size:10px}.sdp .legend-chips,.sdp-mobile .legend-chips{flex-wrap:wrap;gap:6px;display:flex}.sdp .legend-chip,.sdp-mobile .legend-chip{border:1px solid hsl(var(--border));background:hsl(var(--surface));cursor:pointer;color:hsl(var(--fg-muted));-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:999px;align-items:center;gap:5px;padding:2px 8px 2px 4px;font-family:inherit;font-size:11px;font-weight:600;transition:background .12s;display:inline-flex}.sdp .legend-chip:hover,.sdp-mobile .legend-chip:hover{background:hsl(var(--surface-hover))}.sdp .legend-chip.on,.sdp-mobile .legend-chip.on{color:hsl(var(--foreground));background:hsl(var(--surface))}.sdp .legend-chip.off,.sdp-mobile .legend-chip.off{opacity:.45}.sdp .legend-chip .swatch,.sdp-mobile .legend-chip .swatch{border-radius:2px;width:12px;height:4px}.sdp .legend-chip .rs-val,.sdp-mobile .legend-chip .rs-val{font-variant-numeric:tabular-nums;margin-left:4px;font-size:10px;font-weight:700}.sdp .subsec-list,.sdp-mobile .subsec-list{flex-direction:column;gap:6px;display:flex}.sdp .subsec-row,.sdp-mobile .subsec-row{border-radius:4px;grid-template-columns:1fr 60px 60px;align-items:center;gap:8px;padding:5px 4px;font-size:11px;display:grid}.sdp .subsec-row:hover,.sdp-mobile .subsec-row:hover{background:hsl(var(--surface-hover));cursor:pointer}.sdp .subsec-row .name,.sdp-mobile .subsec-row .name{color:hsl(var(--foreground))}.sdp .pick-row{border-bottom:1px solid hsl(var(--border-muted));cursor:pointer;grid-template-columns:12px 56px 1fr 40px 50px 50px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:grid}.sdp .pick-row:hover{background:hsl(var(--surface-hover))}.sdp .pick-row .rank{color:hsl(var(--fg-muted));font-size:10px;font-weight:700}.sdp .pick-row .ticker{color:hsl(var(--foreground));font-weight:700}.sdp .pick-row .rs-pill{justify-self:center}.sdp .pick-row .name{color:hsl(var(--fg-muted));white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.sdp .pick-row .price{font-variant-numeric:tabular-nums;text-align:right}.sdp .pick-row .change{font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.sdp .spark-mini,.sdp-mobile .spark-mini{vertical-align:middle;display:inline-block}.sdp ::-webkit-scrollbar{width:6px;height:6px}.sdp-mobile ::-webkit-scrollbar{width:6px;height:6px}.sdp ::-webkit-scrollbar-thumb{background:hsl(var(--border-strong));border-radius:999px}.sdp-mobile ::-webkit-scrollbar-thumb{background:hsl(var(--border-strong));border-radius:999px}
