.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;margin-bottom:.75rem}.quick-chart-title{display:flex;align-items:center;gap:.5rem;min-width:0}.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-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>div{color:rgb(var(--color-text-secondary));font-size:.875rem}.quick-chart-error-text{color:rgb(var(--color-accent-red));font-size:.875rem}