/* Aligned identity, timeframes and information rail. */
#asset-chart-dialog{border:1px solid #354154;box-shadow:0 30px 110px #0009}
#asset-chart-dialog::backdrop{background:#03070ccc;backdrop-filter:blur(5px)}
#asset-chart-dialog header{gap:12px 24px;padding:16px 20px;background:#111822;align-items:center}
.chart-identity{display:flex;align-items:center;gap:11px;min-width:0;max-width:40%}
.chart-identity>div{min-width:0}
#asset-chart-dialog #asset-chart-title{font-size:16px;line-height:1.4;letter-spacing:-.025em;font-weight:550;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart-symbol-line{display:block;font-size:10px;line-height:1.6;color:#8393a9;letter-spacing:.025em}
.chart-crypto-rank{color:#8e9bb0;font-size:.8em;font-weight:500;font-variant-numeric:tabular-nums;margin-right:5px}
.chart-logo{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#263449;color:#c6d7ed;font-size:11px;font-weight:600;overflow:hidden}
.chart-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111822}
#asset-chart-dialog .chart-intervals{flex:0 0 auto;gap:2px;padding:6px 20px;border:0;border-bottom:1px solid #ffffff0b;background:#0c131d;border-radius:0}
#asset-chart-dialog .chart-intervals button{padding:5px 9px;min-width:30px;border:0;border-radius:5px;background:transparent;font-size:11px;font-weight:500;color:#91a1b7}
#asset-chart-dialog .chart-intervals button:hover{background:#ffffff08;color:#dce7f6}
#asset-chart-dialog .chart-intervals button[aria-pressed=true]{background:#26354a;color:#e4edfa;box-shadow:0 1px 3px #0003}
#asset-chart-dialog .chart-actions{margin-left:auto;gap:14px;align-items:center}
#asset-chart-dialog .chart-actions a{font-size:10px;color:#90a3bc;text-decoration:none}
#asset-chart-dialog .chart-actions a:hover{color:#dde8f8}
#asset-chart-dialog #close-asset-chart{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:0;border:1px solid #ffffff0b;border-radius:50%;background:#ffffff03;color:#94a4bb;transition:background .15s,color .15s,border-color .15s}
#asset-chart-dialog #close-asset-chart:hover{background:#ffffff09;border-color:#56657b;color:#eef4ff}
#close-asset-chart svg{width:16px;height:16px}
#asset-chart-dialog .chart-data-line{order:4;flex:0 0 100%;min-width:0;max-width:100%;display:grid;grid-template-columns:minmax(200px,26%) minmax(0,1fr);gap:24px;padding-top:14px;border-top:1px solid #ffffff09}
.chart-asset-details{min-width:0;font-size:10px;color:#94a2b5}
.chart-description>*{margin:0;padding:0;line-height:1.55;overflow-wrap:anywhere}
.chart-description .tip-summary{font-size:11px;line-height:1.65;color:#b9c5d6;max-width:none}
.chart-description .chart-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}
.chart-tags span{font-size:9px;line-height:1.4;padding:2px 6px;border-radius:4px;background:#ffffff04;border:1px solid #ffffff08;color:#91a4be}
.chart-description .tip-note,.chart-description .tip-profile-meta,.chart-description .tip-stock-value{font-size:9px;line-height:1.6;color:#74859b;margin-top:6px}
.chart-description .tip-stock-value p{margin:3px 0}
#asset-chart-dialog .chart-data-line .chart-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(106px,1fr));align-items:start;gap:14px 20px;min-width:0;margin:0;padding:0 0 0 24px;border:0;border-left:1px solid #ffffff09}
#asset-chart-dialog .chart-metrics>div{min-width:0}
#asset-chart-dialog .chart-metrics dt{font-size:9px;line-height:1.5;font-weight:450;color:#8292a8;margin:0 0 4px}
#asset-chart-dialog .chart-metrics dd{font-size:12px;line-height:1.45;font-weight:550;letter-spacing:-.01em;white-space:normal;overflow-wrap:anywhere;margin:0;font-variant-numeric:tabular-nums}
#asset-chart-dialog .chart-metric-note{display:block;font-size:9px;line-height:1.55;color:#7a8da7;margin-top:3px}
#asset-chart-dialog .chart-wide-metric{grid-column:span 2}
#asset-chart-dialog .chart-wide-metric dd{font-size:10px;font-weight:450;color:#a9b8cc}
#asset-chart-dialog .chart-metrics dd.positive{color:var(--green)}
#asset-chart-dialog .chart-metrics dd.negative{color:var(--red)}
#chart-mount .tradingview-widget-container__widget{height:100%}
@media(min-width:701px){#asset-chart-dialog header{max-height:45dvh;overflow-y:auto;scrollbar-width:thin}}
@media(max-width:1000px) and (min-width:701px){.chart-identity{max-width:35%}#asset-chart-dialog header{gap:12px}#asset-chart-dialog .chart-actions a{font-size:0}#asset-chart-dialog .chart-actions a::after{content:'↗';font-size:17px}}
@media(max-width:700px){
 #asset-chart-dialog header{max-height:42dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:8px;padding:max(8px,env(safe-area-inset-top)) 12px 12px}
 #asset-chart-dialog .chart-identity{grid-column:1;grid-row:1;max-width:none;gap:8px}
 #asset-chart-dialog #asset-chart-title{font-size:13px}
 .chart-logo{width:28px;height:28px;flex-basis:28px}.chart-symbol-line{font-size:9px}
 #asset-chart-dialog .chart-actions{gap:3px}
 #asset-chart-dialog .chart-actions a{font-size:0}
 #asset-chart-dialog #close-asset-chart{width:36px;height:36px}
 #asset-chart-dialog .chart-intervals{width:100%;gap:2px;padding:5px 12px}
 #asset-chart-dialog .chart-intervals button{padding:5px 6px}
 #asset-chart-dialog .chart-data-line{grid-column:1/-1;grid-row:2;display:flex;flex-direction:column;gap:12px;padding-top:10px}
 #asset-chart-dialog .chart-data-line .chart-metrics{width:100%;padding:0;border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
 #asset-chart-dialog .chart-metrics dd{font-size:11px}
 .chart-description .tip-summary{font-size:10px;line-height:1.6}
}
#asset-chart-dialog .chart-metrics dd.positive,#asset-chart-dialog .chart-metrics dd.negative{background:transparent;padding:0;border-radius:0}

/* Compact desktop information band; mobile keeps its dedicated detail layout. */
@media(min-width:701px){
 #asset-chart-dialog header{padding:9px 14px;gap:7px 16px}
 #asset-chart-dialog .chart-identity{max-width:70%;gap:8px}
 #asset-chart-dialog .chart-logo{width:28px;height:28px;flex-basis:28px}
 #asset-chart-dialog #asset-chart-title{font-size:14px;line-height:18px}
 #asset-chart-dialog .chart-symbol-line{line-height:14px}
 #asset-chart-dialog #close-asset-chart{width:28px;height:28px}
 #asset-chart-dialog .chart-data-line{grid-template-columns:minmax(0,1fr);gap:7px;padding-top:7px}
 #asset-chart-dialog .chart-description{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}
 #asset-chart-dialog .chart-description .tip-summary{flex:1 1 520px;font-size:11px;line-height:1.45}
 #asset-chart-dialog .chart-description .chart-tags{margin:0;gap:3px}
 #asset-chart-dialog .chart-description .tip-note,#asset-chart-dialog .chart-description .tip-profile-meta,#asset-chart-dialog .chart-description .tip-stock-value{margin:0;line-height:1.4}
 #asset-chart-dialog .chart-data-line .chart-metrics{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:7px 16px;padding:0;border:0}
 #asset-chart-dialog .chart-metrics dt{margin:0 0 1px;line-height:13px}
 #asset-chart-dialog .chart-metrics dd{line-height:16px}
 #asset-chart-dialog .chart-metric-note{margin-top:1px;line-height:12px}
 #asset-chart-dialog .chart-intervals{padding:3px 14px}
 #asset-chart-dialog .chart-intervals button{padding:4px 8px}
}

/* Use the title row for the description instead of a separate information row. */
@media(min-width:701px){
 #asset-chart-dialog header{display:grid;grid-template-columns:minmax(130px,max-content) minmax(0,1fr) auto;align-items:start;gap:6px 18px;padding:8px 14px}
 #asset-chart-dialog .chart-identity{grid-column:1;grid-row:1;max-width:280px;align-self:start}
 #asset-chart-dialog .chart-actions{grid-column:3;grid-row:1;margin:0;align-self:start}
 #asset-chart-dialog .chart-data-line{display:contents}
 #asset-chart-dialog .chart-asset-details{grid-column:2;grid-row:1;align-self:start;padding-top:1px}
 #asset-chart-dialog .chart-description{gap:3px 8px}
 #asset-chart-dialog .chart-description .tip-summary{flex-basis:100%;line-height:16px}
 #asset-chart-dialog .chart-data-line .chart-metrics{grid-column:1/-1;grid-row:2;padding-top:6px;border-top:1px solid #ffffff09;gap:5px 16px}
 #asset-chart-dialog .chart-description .chart-tags span{padding:0 5px;line-height:13px}
}

.chart-title-line{display:flex;align-items:center;gap:7px;min-width:0}.chart-title-line #asset-chart-title{min-width:0}#asset-chart-dialog .chart-favorite{flex:0 0 24px;width:24px;height:24px;min-height:24px;padding:0;border:0;background:transparent;color:#71849b;font-size:21px;line-height:24px;cursor:pointer;border-radius:5px}#asset-chart-dialog .chart-favorite.active{color:#d8b86c}#asset-chart-dialog .chart-favorite:hover{color:#e8ca82;background:#ffffff08}#asset-chart-dialog .chart-favorite:focus-visible{outline:1px solid #91adce;outline-offset:2px}