.graph-card{position:relative;display:inline-block;max-width:100%;background:linear-gradient(135deg,#fff,#f8fafc 40%,#fff);border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 14px 36px #0f172a1f,inset 0 1px #ffffffb3;color:#0f172a}.graph-card.graph-card--flush{padding:6px;background:transparent;border:none;box-shadow:none}.graph-card.graph-card--flush .graph-canvas-frame{border-radius:12px}.graph-card.graph-card--flush-tight{width:auto;padding:0;background:transparent;border:none;box-shadow:none}.graph-card.graph-card--flush-tight .graph-canvas-frame{width:100%;display:block;border-radius:10px}.graph-card.graph-card--single-frame .graph-canvas-frame{border:0;box-shadow:none;background:transparent}.graph-card-title{font-weight:700;font-size:14px;letter-spacing:.4px;color:#1f2937;margin-bottom:8px}.graph-canvas-frame{position:relative;max-width:100%;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #e2e8f099;display:inline-block}.graph-canvas-frame canvas{display:block;margin:0 auto;max-width:100%}.graph-card--clickable .graph-canvas-frame canvas{cursor:crosshair}.graph-card.graph-card--bare{display:block;width:-moz-fit-content;width:fit-content;padding:0;background:transparent;border:0;box-shadow:none}.graph-card.graph-card--bare.graph-card--flush-tight{width:100%}.graph-card.graph-card--bare .graph-canvas-frame{border:0;border-radius:0;box-shadow:none;background:transparent}.graph-hover-tooltip{position:absolute;pointer-events:none;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:11px;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2937;transform:translate(-50%,-100%);margin-top:-8px;box-shadow:0 2px 6px #00000014;z-index:10;white-space:nowrap}