.od{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:16px;container-type:inline-size}.od-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.od-title{font-weight:600;font-size:14px}.od-meta{display:flex;align-items:center;gap:12px}.od-count{display:inline-flex;align-items:baseline;gap:4px;font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.od-count i{display:none;font-style:normal}.od-count-label{font-family:var(--font-sans)}@container (max-width: 700px){.od-count i{display:inline}.od-count-label{display:none}}.od-count b{color:var(--text-primary)}.od-decid-toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);cursor:pointer;user-select:none}.od-chart-scroll{overflow-x:auto;padding-bottom:4px}.od-chart{position:relative;display:grid;grid-template-columns:repeat(8,minmax(34px,1fr)) 14px repeat(8,minmax(34px,1fr));row-gap:22px;align-items:end}.od-midline{grid-column:9;border-left:1.5px dashed var(--border-strong);justify-self:center;height:100%}.od-plane{grid-column:1/-1;border-top:1.5px solid var(--border);align-self:start;margin-top:-11px}.od-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 1px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;min-width:0;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.od-cell:hover{background:var(--bg-sunken)}.od-cell.on{background:var(--primary-tint);box-shadow:inset 0 0 0 1.5px var(--primary)}.od-cell:disabled{cursor:default}.od-cell:disabled:hover{background:none}.od-cell:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.od-svg{width:100%;max-width:40px;height:auto;display:block}.od-cell-decid .od-svg{max-width:32px}.od-num{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-muted);line-height:1.2;position:relative;padding:1px 5px;border-radius:var(--radius-pill)}.od-num-on{color:var(--primary-active);background:var(--teal-50)}.od-note-dot{position:absolute;top:-1px;right:-3px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.od-badges{display:flex;gap:2px;flex-wrap:wrap;justify-content:center;min-height:14px}.od-badge{animation:odBadgeIn var(--dur-fast) var(--ease-out);font-style:normal;font-family:var(--font-mono);font-size:9.5px;font-weight:700;line-height:1;padding:2px 4px;border-radius:4px;background:var(--bg-sunken);color:var(--text-secondary)}.od-badge-caries{background:var(--red-100);color:var(--red-700)}.od-badge-missing{background:var(--ink-200);color:var(--ink-700)}.od-badge-warn{background:var(--amber-100);color:var(--amber-700)}.od-badge-treated{background:var(--teal-100);color:var(--teal-800)}.od-badge-sano{background:var(--teal-50);color:var(--teal-700)}.od-badge-obs{background:var(--ink-100);color:var(--ink-600)}.od-badge-more,.od-badge-noreg,.od-badge-unerupted{background:var(--ink-100);color:var(--ink-500)}.od-tooth .od-root{fill:var(--ink-100);stroke:var(--ink-300);stroke-width:1.2}.od-tooth .od-root-mid{fill:var(--ink-50);stroke:var(--ink-300);stroke-width:1}.od-tooth .od-crown{fill:var(--ink-0);stroke:var(--ink-400);stroke-width:1.4}.od-tooth .od-groove{fill:none;stroke:var(--ink-300);stroke-width:1.2;stroke-linecap:round}.od-cat-caries .od-crown{fill:var(--red-100);stroke:var(--red-500)}.od-cat-warn .od-crown{fill:var(--amber-100);stroke:var(--amber-500)}.od-cat-treated .od-crown{fill:var(--teal-100);stroke:var(--teal-600)}.od-cat-obs .od-crown{fill:var(--ink-100);stroke:var(--ink-500)}.od-cat-sano .od-crown{stroke:var(--teal-500)}.od-endo .od-root{fill:var(--teal-100);stroke:var(--teal-600)}.od-cat-missing{opacity:.9}.od-cat-missing .od-crown,.od-cat-missing .od-root{fill:var(--ink-50);stroke:var(--ink-300)}.od-x line{stroke:var(--red-500);stroke-width:2.4;stroke-linecap:round}.od-cat-unerupted .od-crown,.od-cat-unerupted .od-root{stroke-dasharray:3 2.5;fill:var(--ink-25)}.od-cat-noreg{opacity:.42}.od-seg{display:inline-flex;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px}.od-seg button{border:none;background:none;color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 12px;border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.od-seg button.on{background:var(--bg-surface);color:var(--primary-active);box-shadow:0 1px 2px rgba(0,0,0,.1)}.od-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:14px;align-items:start}.od-split-chart{position:sticky;top:12px;min-width:0}.od-split .od-chart{grid-template-columns:repeat(8,minmax(22px,1fr)) 10px repeat(8,minmax(22px,1fr))}.od-split .od-svg{max-width:34px}.od-split .od-cell-decid .od-svg{max-width:27px}.od-ficha{border:1px solid var(--teal-200);background:var(--teal-50);border-radius:var(--radius-md);padding:12px 14px}.od-ficha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.od-ficha-name{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.od-codes-ficha .od-code-chip{font-size:11.5px;padding:4px 9px}.od-ficha-subtitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px}.od-ficha-perio{margin-top:12px;border-top:1px dashed var(--teal-200);padding-top:10px}.od-ficha-perionote{margin:10px 0 0;font-size:12px;color:var(--text-muted)}.od-ficha-foot{display:flex;align-items:center;gap:12px;margin-top:12px;border-top:1px solid var(--teal-200);padding-top:10px}.od-prog{flex:1;min-width:80px}.od-prog small{font-family:var(--font-mono);font-size:10.5px;color:var(--text-muted)}.od-prog-bar{height:5px;background:var(--bg-sunken);overflow:hidden;margin-top:3px}.od-prog-bar,.od-prog-bar i{border-radius:var(--radius-pill)}.od-prog-bar i{display:block;height:100%;background:var(--primary)}.od-ficha-next{border:none;background:var(--primary-fill);color:var(--on-primary-fill);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;padding:7px 12px;cursor:pointer}.od-ficha-next:hover:not(:disabled){filter:brightness(1.06)}.od-ficha-next:disabled{opacity:.45;cursor:default}.od-ficha-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.od-ficha-empty b{font-size:13.5px}.od-ficha-empty p{margin:0;font-size:12.5px;color:var(--text-secondary)}.od-ficha-empty .od-ficha-foot{width:100%}@container (max-width: 700px){.od-split{grid-template-columns:1fr}.od-split-chart{position:static}}.od-editor{margin-top:12px;border:1px solid var(--teal-200);background:var(--teal-50);border-radius:var(--radius-md);padding:12px 14px}.od-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.od-editor-title{font-weight:700;font-size:14px}.od-editor-name{font-weight:500;color:var(--text-secondary);text-transform:capitalize}.od-editor-nav{display:flex;gap:6px}.od-nav-btn{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-sm);padding:4px 10px;font-size:12.5px;cursor:pointer;color:var(--text-secondary)}.od-nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary-active)}.od-nav-btn:disabled{opacity:.45;cursor:default}.od-codes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.od-code-chip{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-pill);padding:5px 11px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease);text-align:left}.od-code-chip b{font-family:var(--font-mono);margin-right:2px}.od-code-chip:hover{border-color:var(--primary)}.od-code-chip.on{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--on-primary-fill)}.od-note{width:100%}.od-summary{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.od-summary-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px}.od-summary-row{display:flex;align-items:baseline;gap:8px;padding:4px 0;font-size:13px;border-bottom:1px dashed var(--border)}.od-summary-row:last-child{border-bottom:none}.od-summary-row>b{font-family:var(--font-mono);min-width:24px}.od-summary-codes{display:flex;gap:3px;flex:none}.od-summary-text{color:var(--text-secondary);font-size:12.5px}.od-summary-text i{color:var(--text-primary)}.od-legend{margin-top:12px}.od-legend summary{font-size:12px;color:var(--text-muted);cursor:pointer;user-select:none}.od-legend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:5px 14px;padding:10px 2px 2px}.od-legend-item{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--text-secondary)}.od-readonly .od-cell{padding:6px 1px}@media print{.od{border:none;padding:0}.od-decid-toggle,.od-legend,.od-seg{display:none}.od-chart-scroll{overflow:visible}}@keyframes odBadgeIn{0%{opacity:0;transform:scale(.92)}}.od-sf{display:block;width:100%;height:auto}.od-sf-face{fill:var(--ink-0);stroke:var(--ink-300);stroke-width:1;transition:fill var(--dur-fast) var(--ease),stroke var(--dur-fast) var(--ease)}.od-sf-face[role=button]{cursor:pointer}.od-sf-face[role=button]:hover{fill:var(--teal-50);stroke:var(--primary)}.od-sf-face:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.od-sf-face.on{stroke:var(--primary);stroke-width:1.8}.od-sf-caries{fill:var(--red-100);stroke:var(--red-500)}.od-sf-warn{fill:var(--amber-100);stroke:var(--amber-500)}.od-sf-treated{fill:var(--teal-100);stroke:var(--teal-600)}.od-sf-obs{fill:var(--ink-100);stroke:var(--ink-500)}.od-sf-sano{fill:var(--teal-50);stroke:var(--teal-500)}.od-sf-missing{fill:var(--ink-100);stroke:var(--ink-400)}.od-sf-unerupted{fill:var(--ink-25);stroke:var(--ink-400);stroke-dasharray:3 2.5}.od-sf-noreg{fill:var(--ink-50);stroke:var(--ink-300)}.od-sf-planned{stroke:var(--primary);stroke-width:1.6;stroke-dasharray:3 2}.od-rootcat-treated .od-root{fill:var(--teal-100);stroke:var(--teal-600)}.od-rootcat-warn .od-root{fill:var(--amber-100);stroke:var(--amber-500)}.od-rootcat-caries .od-root{fill:var(--red-100);stroke:var(--red-500)}.od-cell-ai{position:relative;border-radius:var(--radius-sm);outline:1.5px dashed var(--primary);outline-offset:-1px;background:var(--primary-tint)}.od-cell-ai.on{outline-style:solid}.od-ai-tag{position:absolute;top:-7px;right:-2px;z-index:2;padding:0 4px;border-radius:4px;background:var(--primary-fill);color:var(--on-primary-fill);font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1.5;pointer-events:none}