.date-range-control{--drc-brand:#7c3aed;--drc-brand-muted:#7c3aed33;--drc-track:#7c3aed1f}.date-range-control--qipp .date-range-pill.on{background:var(--M,#9273da);border-color:var(--M,#9273da);color:#fff}.date-range-timeline{background:var(--drc-track);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;height:32px;position:relative}.date-range-timeline-available{background:var(--drc-brand-muted);pointer-events:none;border-radius:6px;position:absolute;inset:6px 0}.date-range-timeline-window{background:var(--drc-brand);opacity:.85;cursor:grab;border-radius:6px;min-width:8px;position:absolute;top:4px;bottom:4px}.date-range-timeline-window:active{cursor:grabbing}.date-range-timeline-handle{border:2px solid var(--drc-brand);cursor:ew-resize;z-index:2;background:#fff;border-radius:4px;width:10px;height:22px;margin-top:-11px;position:absolute;top:50%;box-shadow:0 1px 4px #2e204433}.date-range-timeline-handle--left{left:-5px}.date-range-timeline-handle--right{right:-5px}.date-picker-field{border:1px solid var(--border,#e2e8f0);background:var(--background,#fff);border-radius:.5rem;align-items:center;gap:.35rem;padding:.35rem .5rem;display:inline-flex}.date-picker-field input[type=date]{color:inherit;background:0 0;border:none;outline:none;min-width:7.5rem;font-size:.75rem;font-weight:600}.date-picker-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.chart-skeleton{background:linear-gradient(90deg,#f1f5f9 0%,#e8e4f4 50%,#f1f5f9 100%) 0 0/200% 100%;border-radius:1rem;animation:1.4s ease-in-out infinite chart-shimmer;position:relative;overflow:hidden}@keyframes chart-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.trend-crosshair-tooltip{pointer-events:none;z-index:10000;color:#fff;background:#2e2044;border-radius:12px;max-width:320px;padding:10px 12px;font-size:11px;position:fixed;box-shadow:0 8px 24px #2e204459}.trend-crosshair-tooltip h4{color:#d2f050;margin:0 0 6px;font-size:11px;font-weight:700}.trend-crosshair-tooltip dl{grid-template-columns:1fr auto;gap:2px 12px;margin:0;display:grid}.trend-crosshair-tooltip dt{opacity:.85}.trend-crosshair-tooltip dd{text-align:right;margin:0;font-weight:600}.chart-expand-backdrop{background:#0f0a19d1!important}
