/* Shared presentation for demo and real-source tooth series. */
#ctToothView,.tooth-slice-dialog{color-scheme:light;width:min(1120px,95vw);max-height:92dvh;border:1px solid #ddd3ea;border-radius:20px;padding:20px;background:#fff;color:#332940;font-family:system-ui,sans-serif}
#ctToothView::backdrop,.tooth-slice-dialog::backdrop{background:#20152e99}
#ctToothView>form,.tooth-slice-dialog>header{position:sticky;top:-20px;z-index:5;background:white;padding:12px 0;border-bottom:1px solid #eee6f5;margin-bottom:12px}
#ctToothView h2,.tooth-slice-dialog h2{font-size:24px;color:#30243f}
#ctToothView p,#ctSeriesInfo,#ctScoutCaption{color:#756482;line-height:1.5}
#ctToothView button,#ctToothView select,#ctToothView input:not([type=checkbox]):not([type=range]){border:1px solid #d9cee8;border-radius:8px;background:#f7f3fc;color:#59416f;padding:8px;font:inherit}
#ctToothView input[type=checkbox],.tooth-slice-dialog input[type=checkbox]{accent-color:#7956c9}
#ctToothView button:hover:not(:disabled){background:#ece2fa}#ctToothView button:focus-visible,.tooth-slice-dialog a:focus-visible{outline:2px solid #7956c9;outline-offset:2px}
#ctToothView .ct-tooth-formula{padding:10px;background:#f8f5fc;border-radius:12px;margin:12px 0}
#ctToothView .ct-tooth-formula .has-mask{background:#e7dcf5!important;color:#624486}
#ctToothView .ct-tooth-formula [aria-pressed=true]{background:#7956c9!important;color:white;outline:2px solid #b198df;outline-offset:1px}
#ctToothView .ct-tooth-tools{flex-wrap:wrap;gap:10px;padding:10px 0}
#ctToothView a{color:#7150b6;text-decoration:underline;text-underline-offset:3px}
#ctToothView #ctToothEditor{background:#faf7fd;border-color:#dfd4ec}
#ctToothView .ct-series-card{background:#f7f3fb;border:1px solid #dfd4ec;border-radius:12px}
#ctToothView .ct-series-card:has(input:checked){outline:2px solid #7956c9}
#ctToothView .ct-series-open{background:#f7f3fb;border:0}#ctToothView .ct-series-open canvas{border-radius:8px}
#ctToothView .ct-series-card>label{padding:9px;font-size:12px;color:#604e76}
#ctSeriesPaging{position:sticky;bottom:-20px;background:white;padding:12px;border-top:1px solid #eee6f5;z-index:3}
#ctToothView #ctScout strong,.tooth-series-scout strong{color:#67547e;font-size:12px}
.tooth-series-layout{display:grid;grid-template-columns:115px minmax(0,1fr);gap:14px;align-items:start}
.tooth-series-scout{position:sticky;top:60px;font-size:11px;color:#756482}.tooth-series-scout canvas{width:100%;height:220px;object-fit:contain;background:#08080a;border-radius:9px;margin-top:8px}.tooth-series-scout p{font-size:11px;line-height:1.4}
.tooth-slice-dialog .tooth-link-evidence{margin:10px 0;padding:10px 12px}.tooth-slice-dialog .tooth-slice-grid canvas{height:155px}.tooth-slice-dialog .tooth-slice-controls{align-items:center;gap:10px;margin:12px 0}.tooth-slice-dialog .tooth-slice-controls label{font-size:13px}
@media(max-width:650px){#ctToothView,.tooth-slice-dialog{padding:12px}#ctToothView .ct-tooth-formula{gap:3px;padding:7px}#ctToothView .ct-tooth-formula button{font-size:10px;padding:4px}#ctToothView h2,.tooth-slice-dialog h2{font-size:20px}.tooth-series-layout{grid-template-columns:75px minmax(0,1fr);gap:8px}.tooth-series-scout canvas{height:150px}.tooth-slice-dialog .tooth-slice-grid{gap:6px}.tooth-slice-dialog .tooth-slice-grid canvas{height:120px}}
