/* Pool workspace: chart-first composition, restrained token accents. */
.chart-toolbar{gap:10px}.chart-periods,.chart-tools{flex:0 0 auto}.chart-periods button{min-width:40px}.chart-source{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-tools{margin-left:0}.chart-crosshair-readout{font-size:10px;max-width:calc(100% - 105px);white-space:normal;line-height:1.6}.chart-watermark{z-index:2}
.boundary-handle.offscreen{cursor:zoom-out}.boundary-handle.offscreen .boundary-line{display:none}.boundary-handle.offscreen .boundary-tag{background:#3d3026;color:#f1bb8e;border:1px dashed #b77f53}
.pool-detail .page-heading,.pool-detail .metrics,.pool-detail #pool-view>.section-top,.pool-detail .pool-list{display:none}
.pool-detail main{padding:0 20px;max-width:none}.pool-detail .topbar{height:62px;padding:0 20px}
.pool-detail .pool-workspace{grid-template-columns:minmax(0,1fr) 350px;gap:0;margin:18px 0 0;border-top:1px solid #31333e;border-bottom:1px solid #31333e;align-items:start}
.pool-detail .inspector{border:0;border-left:1px solid #31333e;border-radius:0;background:#1b1c24;min-height:100%;padding:0 4px}
.pool-detail .inspector-top{padding:18px 14px}.pool-detail .inspector-top .token-pair{display:none}.pool-detail .inspector-top h2{font-size:15px}.pool-detail .inspector-top small{color:#9c98af}
.pool-detail .inspector-price,.pool-detail .inspector .chart-label,.pool-detail #detail-chart,.pool-detail .inspector-divider{display:none}
.pool-detail .inspector-inner{padding:18px}.pool-detail .inspector input{background:#242530;border-color:#3b3d4a;font-size:12px;font-variant-numeric:tabular-nums;min-width:0}
.pool-detail .inspector h3{font-size:13px;font-weight:600;color:#e4e3ec}.pool-detail .range-presets button{border-color:#414152;color:#aca8bb}.pool-detail .range-presets button.active{color:#e7d8ff;background:#40354f;border-color:#81669f}
.pool-detail .range-track{background:#584164}.pool-detail .range-track>span{background:#e4cfff}.pool-detail .range-labels{color:#a7a2b5;gap:5px;font-size:9px}.pool-detail .quote-box{background:#202a29;border-color:#3a514c}.pool-detail .quote-box strong{color:#87e0cd}
.pool-detail #open-position{background:#c7eca1;color:#1b2618;box-shadow:0 3px 14px #0003}.pool-detail .page-footer{margin-top:0;border:0}
#pool-chart-workbench{min-width:0;background:#14151a;overflow:hidden}
#market-chart table{border-collapse:separate;border-spacing:0;table-layout:auto}#market-chart td{border:0;padding:0;height:auto;vertical-align:top}#market-chart td:first-child{width:0}
.market-heading{display:flex;align-items:center;gap:18px;min-height:84px;padding:14px 22px 14px 10px;border-bottom:1px solid #30323d;flex-wrap:wrap}
.market-heading h2{font-size:18px;margin:0 0 7px;overflow-wrap:anywhere}.market-heading h2 span{font-weight:400;color:#90919f;font-size:14px}.market-heading small{font-size:10px!important;color:#9c9aaf!important}.market-dot{padding:0 5px}
.market-heading .token-avatar{width:36px;height:36px}.market-heading .token-pair{width:42px;height:37px}.market-heading .quote-avatar{height:18px;width:18px}.market-price{margin-left:auto}.market-price b{font-size:19px;font-weight:500;color:#edeee9}.market-price span,.market-stat>span{display:block;font-size:10px;color:#8f8f9e;margin-top:5px}.market-stat{padding-left:18px;border-left:1px solid #35343f}.market-stat b{font-weight:500;display:block;margin-top:7px;font-size:13px}
.market-heading .token-avatar img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}.market-contract{display:flex;align-items:center;gap:3px;margin-top:3px;color:#9298a7;font-size:10px}.market-contract a{font-variant-numeric:tabular-nums}.market-contract a:hover{text-decoration:underline;color:#d7d9e3}.market-contract .icon-button{width:22px;height:22px}.market-contract .icon-button svg{width:13px;height:13px}
.chart-toolbar{display:flex;align-items:center;gap:20px;padding:10px 15px;height:53px;border-bottom:1px solid #262832}.chart-periods{display:flex;gap:4px}.chart-periods button{font-size:11px;color:#9d9bad;padding:6px 10px;border-radius:4px}.chart-periods button.active{color:#d9c6f8;background:#332c43}.chart-source{color:#7e8391;font-size:10px}.chart-tools{margin-left:auto;display:flex;gap:3px}.chart-tools .active{background:#2d2a38;color:#c8b2ed}
.chart-stage{position:relative;height:clamp(410px,56vh,670px);overflow:hidden}#market-chart{position:absolute;inset:0}.range-shade{position:absolute;left:0;background:#f4a15c0b;pointer-events:none;z-index:2}.chart-watermark{position:absolute;left:30px;top:22px;font-size:40px;color:#6f748318;pointer-events:none;font-weight:700}.chart-watermark small{display:block;font-size:11px;margin-top:7px;color:#72788742}.chart-no-data{position:absolute;left:25px;top:50%;font-size:13px;color:#a9aaba;pointer-events:none}.chart-crosshair-readout{position:absolute;left:20px;top:8px;color:#c4c3d0;background:#14151ad9;font-size:11px;pointer-events:none;z-index:3;font-variant-numeric:tabular-nums}
.boundary-handle{height:28px;position:absolute;transform:translateY(-50%);padding:0;display:flex;align-items:center;cursor:ns-resize;touch-action:none;z-index:5;color:#ffb97f;background:transparent;overflow:visible}.boundary-line{flex:1;border-top:1px solid #e99b59b8;position:relative}.boundary-line:before{content:'';position:absolute;left:18px;top:-5px;width:9px;height:9px;background:#eca266;border:2px solid #14151a;border-radius:50%}.boundary-tag{font-size:10px;font-weight:600;background:#cc7f3f;color:#150f0a;padding:5px 8px;min-width:90px;white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:3px 0 0 3px}.boundary-handle:hover .boundary-tag,.boundary-handle.dragging .boundary-tag{background:#ffc58c}.boundary-handle:hover .boundary-line,.boundary-handle.dragging .boundary-line{border-color:#ffd5a5;border-width:2px}.boundary-handle:focus-visible{outline:1px solid #ffd5a5;outline-offset:0}
.chart-caption{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#868896;padding:12px 18px;border-bottom:1px solid #30313c}.chart-caption a{color:#a5a3b4}
.position-blueprint{padding:22px}.blueprint-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.blueprint-heading h3{margin:0;font-size:14px;font-weight:500}.blueprint-heading>span{font-size:10px;color:#8f8b9e}.blueprint-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:25px 0}.blueprint-grid span{font-size:10px;color:#8e8b9c}.blueprint-grid b{display:block;margin-top:9px;font-size:15px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.blueprint-grid>div:first-child b,.blueprint-grid>div:nth-child(3) b{color:#e8b17f}.blueprint-foot{border-top:1px solid #2e3039;padding-top:18px;display:flex;align-items:center;gap:8px;font-size:10px;color:#b3b0c1}.blueprint-foot svg{color:#9da994;width:14px}.blueprint-foot>span{margin-left:auto;color:#9e928a}
.absolute-prices{margin-bottom:13px}.absolute-prices input{font-size:11px!important}.composition{margin-top:22px;border-top:1px solid #363844;padding-top:18px}.composition-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.composition-title h3{margin:0!important}.composition-title>span{font-size:9px;color:#a09cae}.allocation-chart{position:relative;height:78px;margin:20px 0 12px;border-bottom:1px solid #494555}#allocation-bars{position:absolute;inset:12px 0 0;display:flex;gap:3px;align-items:stretch}#allocation-bars span{flex:1;min-width:0;border-radius:3px 3px 0 0}#allocation-bars .base-bin{background:#9b78da}#allocation-bars .quote-bin{background:#47bdae}.allocation-price{position:absolute;top:7px;bottom:-4px;border-left:2px dashed #eee5fa;pointer-events:none}.allocation-price>span{position:absolute;bottom:100%;left:0;transform:translateX(-50%);padding:3px 6px;background:#3c3947;font-size:8px;white-space:nowrap;border-radius:3px}.allocation-legend{display:flex;justify-content:space-between;font-size:10px;color:#ada7be;gap:12px;margin-bottom:15px}.allocation-legend i{display:inline-block;width:6px;height:6px;background:#9b78da;border-radius:50%;margin-right:5px}.allocation-legend>span:last-child i{background:#47bdae}.allocation-legend b{font-weight:400;margin-left:4px;color:#eeeaf4}.token-allocation{border-bottom:1px solid #363744;padding:10px 0;position:relative}.token-allocation label{font-size:11px;display:flex;align-items:center;gap:12px;color:#d5c3f0}.token-allocation input{margin-left:auto!important;width:65%!important;background:transparent!important;border:0!important;text-align:right;font-size:17px!important;padding:4px 0!important;min-height:28px!important}.token-allocation small{display:block;text-align:right;color:#93929f;font-size:10px;margin-top:3px}.token-allocation.quote label{color:#97ded1}.allocation-note{display:block;font-size:9px;line-height:1.6;margin-top:12px;color:#928b9f}.composition input::-webkit-inner-spin-button{display:none}
#pool-chart-workbench:fullscreen,#pool-chart-workbench.chart-expanded{background:#14151a;width:100%;height:100%;overflow:auto}#pool-chart-workbench:fullscreen .chart-stage{height:calc(100vh - 205px)}#pool-chart-workbench:fullscreen .position-blueprint{display:none}#pool-chart-workbench.chart-expanded{position:fixed;inset:0;z-index:40}
@media(min-width:1800px){.pool-detail .pool-workspace{grid-template-columns:minmax(0,1fr) 390px}.chart-stage{height:62vh}}
@media(max-width:1250px){.pool-detail .sidebar{width:64px;padding:23px 10px}.pool-detail .brand{font-size:0;padding:0;justify-content:center}.pool-detail .brand-mark{flex-shrink:0}.pool-detail .brand-dot,.pool-detail .workspace,.pool-detail .nav-caption,.pool-detail .nav-count,.pool-detail .sidebar-bottom{display:none}.pool-detail .nav{font-size:0;justify-content:center;padding:14px 0}.pool-detail .nav svg{width:21px;height:21px}.pool-detail .shell{margin-left:64px}.pool-detail main{padding:0 12px}.pool-detail .pool-workspace{grid-template-columns:minmax(0,1fr) 315px}.market-heading{gap:12px;padding:12px}.market-stat{display:none}.market-heading h2{font-size:16px}.market-price b{font-size:17px}.chart-source{font-size:9px}.chart-toolbar{gap:8px}}
@media(max-width:850px){.pool-detail .pool-workspace{grid-template-columns:minmax(0,1fr)}.pool-detail .inspector{border-left:0;border-top:1px solid #363743}.chart-stage{height:420px}.pool-detail .inspector-inner{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.pool-detail .inspector-inner>h3,.pool-detail .composition,.pool-detail .inspector-meta,.pool-detail .warning-band{grid-column:1/-1}.pool-detail .composition{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.composition-title,.allocation-note,.allocation-chart,.allocation-legend{grid-column:1/-1}.pool-detail .quote-box{margin-top:0}.pool-detail #open-position{align-self:end;margin:0}.pool-detail .range-labels{grid-column:1/-1}.blueprint-heading>span{font-size:9px}.blueprint-foot{flex-wrap:wrap}.blueprint-foot>span{margin-left:0}}
@media(max-width:520px){.pool-detail main{padding:0 7px}.pool-detail .topbar{padding:0 10px}.market-heading{gap:9px;min-height:98px}.market-heading .pool-name{flex:1;min-width:0}.market-heading h2{font-size:15px}.market-price{margin-left:41px;display:flex;align-items:center;gap:9px;width:100%}.market-price b{font-size:18px}.market-price span{font-size:9px;margin:0}.chart-stage{height:385px}.chart-toolbar{padding:6px;gap:3px}.chart-source{display:none}.chart-periods button{padding:6px 8px}.chart-tools .icon-button{width:26px}.position-blueprint{padding:17px 12px}.blueprint-heading{align-items:start}.blueprint-heading>span{max-width:100px;text-align:right;line-height:1.5}.blueprint-grid{grid-template-columns:1fr 1fr;gap:19px;margin:20px 0}.blueprint-grid b{font-size:14px}.blueprint-foot{font-size:9px;line-height:1.5}.chart-caption{padding:10px 8px;font-size:8px;flex-wrap:wrap}.pool-detail .inspector-inner{display:block;padding:14px 10px}.pool-detail .composition{display:block}.pool-detail .inspector h3{margin-bottom:14px}.pool-detail #open-position{margin-top:14px}.pool-detail .quote-box{margin-top:16px}.pool-detail .page-footer{display:none}.boundary-tag{font-size:9px;min-width:78px;padding:5px}.pool-detail .inspector-meta{font-size:8px}.chart-watermark{font-size:30px;left:12px}.token-allocation input{font-size:16px!important}}