.quick-chart-tooltip{background:rgb(var(--color-surface-1));border:1px solid rgba(100,116,139,.3);border-radius:12px;padding:1rem;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;animation:quick-chart-fadein .15s ease-out}@keyframes quick-chart-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.quick-chart-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.quick-chart-title{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}.quick-chart-symbol{font-weight:700;font-size:1.125rem;color:rgb(var(--color-text-primary));flex-shrink:0}.quick-chart-name{font-size:.875rem;color:rgb(var(--color-text-secondary));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-chart-header-actions{display:flex;align-items:center;gap:.75rem;flex:0 0 auto;margin-left:auto}.quick-chart-quote{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;min-width:6.75rem;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.quick-chart-quote.hidden{display:none}.quick-chart-quote-price{color:rgb(var(--color-text-primary));background:rgb(var(--color-surface-2) / .72);border:1px solid rgb(var(--color-text-secondary) / .2);border-radius:.375rem;padding:.1875rem .5rem;font-size:1rem;font-weight:700}.quick-chart-quote-change{color:rgb(var(--color-text-secondary));border:1px solid rgb(var(--color-text-secondary) / .2);border-radius:999px;padding:.1875rem .5rem;font-size:.8125rem;font-weight:700}.quick-chart-quote-change.positive{color:rgb(var(--color-accent-green));background:rgb(var(--color-accent-green) / .14);border-color:rgb(var(--color-accent-green) / .38)}.quick-chart-quote-change.negative{color:rgb(var(--color-accent-red));background:rgb(var(--color-accent-red) / .14);border-color:rgb(var(--color-accent-red) / .38)}.quick-chart-quote-change.neutral{color:rgb(var(--color-text-secondary));background:rgb(var(--color-surface-2) / .48)}.quick-chart-quote-change-label{font-weight:600;opacity:.8}.quick-chart-close{padding:.25rem;border-radius:.375rem;color:rgb(var(--color-text-secondary));background:transparent;border:none;cursor:pointer;transition:color .15s,background-color .15s;flex-shrink:0}.quick-chart-close:hover{color:rgb(var(--color-text-primary));background-color:rgb(var(--color-surface-2) / .5)}.quick-chart-close:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.quick-chart-timeframes{display:flex;gap:.25rem;margin-bottom:.75rem}.quick-chart-tf-btn{padding:.25rem .5rem;font-size:.75rem;border-radius:.375rem;border:none;cursor:pointer;transition:background-color .15s,color .15s}.quick-chart-tf-btn:hover{filter:brightness(1.1)}.quick-chart-tf-btn:focus-visible{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.quick-chart-container{position:relative}.quick-chart-loading,.quick-chart-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-surface-1) / .9);border-radius:.5rem}.quick-chart-loading.hidden,.quick-chart-error.hidden{display:none}.quick-chart-loading>div{color:rgb(var(--color-text-secondary));font-size:.875rem}.quick-chart-error-text{color:rgb(var(--color-accent-red));font-size:.875rem}@media(max-width:430px){.quick-chart-header{gap:.5rem}.quick-chart-title{gap:.375rem}.quick-chart-name{max-width:7.5rem}.quick-chart-header-actions{gap:.5rem}.quick-chart-quote{gap:.1875rem;min-width:5.75rem}.quick-chart-quote-price{padding:.15625rem .375rem;font-size:.875rem}.quick-chart-quote-change{padding:.15625rem .375rem;font-size:.6875rem}}
