:root{--scm-bg:#f8fafc;--scm-bg-strong:#f1f5f9;--scm-surface:#fff;--scm-surface-strong:#fff;--scm-border:#e2e8f0;--scm-border-strong:#cbd5e1;--scm-ink:#0f172a;--scm-muted:#64748b;--scm-brand:hsl(var(--primary));--scm-brand-strong:hsl(var(--primary-700));--scm-primary:#0f172a;--scm-accent:hsl(var(--primary));--scm-accent-soft:hsl(var(--primary) / .12);--scm-positive:hsl(var(--primary-700));--scm-warning:#ef9f27;--scm-danger:#e24b4a;--scm-shadow:0 1px 2px #0f172a0d;--scm-shadow-strong:0 12px 28px #0f172a14;--scm-radius-lg:8px;--scm-radius-md:8px;--scm-radius-sm:6px;--scm-space-1:.25rem;--scm-space-2:.5rem;--scm-space-3:.75rem;--scm-space-4:1rem;--scm-space-5:1.25rem;--scm-space-6:1.5rem;--scm-space-7:2rem;--scm-font-display:var(--font-inter,Inter, sans-serif);--scm-font-body:var(--font-inter,Inter, sans-serif);--scm-grid-gap:1rem}[data-density=dense]{--scm-space-4:.875rem;--scm-space-5:1rem;--scm-space-6:1.25rem;--scm-grid-gap:.875rem}*{box-sizing:border-box}body{font-family:var(--scm-font-body);color:var(--scm-ink);background:var(--scm-bg);margin:0}.scm-card{background:var(--scm-surface);border:1px solid var(--scm-border);border-radius:var(--scm-radius-lg);box-shadow:var(--scm-shadow)}.scm-card--strong{background:var(--scm-surface-strong);border-color:var(--scm-border);box-shadow:var(--scm-shadow-strong)}.scm-button{appearance:none;min-height:2.5rem;font-family:var(--scm-font-body);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s;display:inline-flex}.scm-button:hover{transform:translateY(-1px)}.scm-button:active{transform:scale(.98)}.scm-button--primary{background:var(--scm-brand);color:#fff;box-shadow:0 8px 18px hsl(var(--primary) / .22)}.scm-button--primary:hover{background:var(--scm-brand-strong)}.scm-button--secondary{border-color:var(--scm-border-strong);color:var(--scm-primary);background:#fff}.scm-button--secondary:hover,.scm-button--ghost:hover{border-color:var(--scm-brand);color:var(--scm-brand-strong);background:hsl(var(--primary) / .08)}.scm-button--ghost{border-color:var(--scm-border);color:var(--scm-muted);background:0 0}.scm-badge{border:1px solid hsl(var(--primary) / .2);letter-spacing:0;width:fit-content;color:var(--scm-brand-strong);background:hsl(var(--primary) / .1);border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.scm-badge--accent{color:var(--scm-accent);background:#0284c71a;border-color:#0284c73d}.scm-metric{gap:.6rem;padding:1rem;display:grid}.scm-metric__label{color:var(--scm-muted);font-size:.75rem;font-weight:600}.scm-metric__value{font-family:var(--scm-font-display);letter-spacing:0;color:var(--scm-primary);font-variant-numeric:tabular-nums;font-size:1.875rem;font-weight:700}.scm-metric__delta{color:var(--scm-muted);font-size:.75rem}.scm-metric__delta[data-tone=positive]{color:var(--scm-positive)}.scm-metric__delta[data-tone=warning]{color:var(--scm-warning)}.scm-shell{background:var(--scm-bg);grid-template-columns:220px minmax(0,1fr);gap:0;min-height:100vh;display:grid}.scm-shell__sidebar{background:#0f172a;border-right:1px solid #ffffff14;align-content:start;gap:1rem;padding:1rem;display:grid}.scm-shell__content{gap:var(--scm-grid-gap);padding:1.5rem;display:grid}.scm-shell__nav-item{color:#94a3b8;border-left:2px solid #0000;border-radius:0 8px 8px 0;justify-content:space-between;align-items:center;gap:.75rem;min-height:2.5rem;padding:.6rem .75rem;text-decoration:none;transition:all .15s;display:flex}.scm-shell__nav-item:hover{color:#f8fafc;background:#1e293b}.scm-shell__nav-item[data-active=true]{background:hsl(var(--primary) / .15);border-left-color:var(--scm-brand);color:#5eead4}.scm-section-heading{gap:.35rem;display:grid}.scm-section-heading__eyebrow{color:var(--scm-brand-strong);letter-spacing:0;text-transform:none;font-size:.75rem;font-weight:700}.scm-section-heading__title{font-family:var(--scm-font-display);letter-spacing:0;color:var(--scm-primary);margin:0;font-size:1.25rem;font-weight:700;line-height:1.25}.scm-section-heading__description{color:var(--scm-muted);max-width:72ch;margin:0;font-size:.875rem;line-height:1.65}@media (max-width:960px){.scm-shell{grid-template-columns:1fr}.scm-shell__sidebar{border-right:none}.scm-shell__content{padding:1rem}}
:root{--dark-blue:#3e5edc;--base-blue:#8a98be;--light-blue:#c6ccf8}#storybook-root{width:100%;height:100%}.dark-template{background-color:#0b0d1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.Odontogram{--odontogram-tooltip-bg:#000000d9;--odontogram-tooltip-fg:#fff}.Odontogram.dark-theme{--odontogram-tooltip-bg:#fffffff2;--odontogram-tooltip-fg:#000}.Odontogram.dark-theme svg{--dark-blue:#aab6ff;--base-blue:#d0d5f6;--light-blue:#5361e6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4e6ef;background-color:#0b0d1a}.Odontogram svg{color:var(--base-blue);fill:none;transition:all .125s ease-in}.Odontogram[data-read-only=true]{pointer-events:none}.Odontogram svg path:nth-of-type(2){opacity:0;transition:all .2s ease-in}.Odontogram svg path[data-colored=true]{transition:none;opacity:1!important}.Odontogram g.selected path:nth-of-type(2){fill:var(--light-blue);opacity:1}.Odontogram g.selected path:first-of-type{transition:stroke 1s}.Odontogram g.selected:hover path:first-of-type{stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-dasharray:4 4;stroke-dashoffset:0;-webkit-filter:drop-shadow(0 0 8px);transition:stroke 5s;animation:1s linear 1s infinite dash-move}@keyframes dash-move{to{stroke-dashoffset:8px}}.Odontogram g.selected{color:var(--dark-blue);transition:all .3s}.Odontogram g.selected path{stroke-width:1.5px}.Odontogram g[class^=teeth-]:hover path:nth-of-type(2){fill:var(--light-blue);opacity:1}.odontogram-tooltip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #00000026}.Odontogram g[role=option]:focus-visible{outline:4px solid var(--dark-blue)!important}