.touch-manipulation{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dental-chart-mini{width:100%}.dental-chart-mini .tooth-mini{display:flex;flex-direction:column;align-items:center}.dental-chart-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.dental-chart-layout{flex-direction:row;align-items:center;justify-content:center;gap:1.5rem}}.dental-chart-section{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.dental-chart-full{width:100%}.dental-chart-full .tooth-full{display:flex;flex-direction:column;align-items:center;gap:.125rem;min-width:44px;min-height:44px}.tooth-svg{transition:all .15s ease;-moz-user-select:none;user-select:none;-webkit-user-select:none}.tooth-svg:hover{filter:drop-shadow(0 4px 3px rgb(0 0 0 / .07)) drop-shadow(0 2px 2px rgb(0 0 0 / .06))}.tooth-svg:active{transform:scale(.95)}.tooth-svg .surface-area{transition:all .1s ease;cursor:pointer}.tooth-svg .surface-area:hover{opacity:.8;filter:brightness(.9)}.tooth-svg .surface-area:active{opacity:.7;filter:brightness(.85)}.tooth-svg .tooth-selection{transition:opacity .2s ease}.tooth-svg .tooth-status-overlay{pointer-events:none}.bpe-chart select{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;font-weight:700;cursor:pointer;background-image:none}.bpe-chart select:focus{--tw-ring-offset-width: 1px;--tw-ring-color: var(--color-primary-500, #06b6d4);box-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.dental-chart-full .condition-selector button{transition:all .15s ease}.dental-chart-full .condition-selector button:hover:not(:disabled){transform:scale(1.02)}.dental-chart-full .condition-selector button:disabled{opacity:.5;cursor:not-allowed}.dental-chart-history{width:100%}.dental-chart-history .tooth-mini-history{display:flex;flex-direction:column;align-items:center}@keyframes tooth-pulse{0%,to{box-shadow:0 0 0 2px var(--color-primary-500, #06b6d4)}50%{box-shadow:0 0 0 4px var(--color-primary-400, #22d3ee)}}.tooth-svg.selected{animation:tooth-pulse 1s ease-in-out infinite}:root{--tooth-present-bg: #fffef0;--tooth-healthy-surface: #fffef0;--tooth-healthy: #fffef0}.dark{--tooth-present-bg: #374151;--tooth-healthy-surface: #4b5563;--tooth-healthy: #374151}.tooth-mini-surface{display:flex;flex-direction:column;align-items:center}.dental-chart-legend{display:none}@media(min-width:1024px){.dental-chart-legend{display:flex;flex-direction:column;justify-content:center;width:12rem;flex-shrink:0;border-left:1px solid #e5e7eb;padding-left:1rem}.dark .dental-chart-legend{border-left-color:#374151}}.dental-chart-legend-mobile{display:block}@media(min-width:1024px){.dental-chart-legend-mobile{display:none}}.tooth-mini-surface svg{transition:transform .15s ease}.tooth-mini-surface:hover svg{filter:drop-shadow(0 2px 2px rgb(0 0 0 / .1))}.dark .tooth-svg .tooth-crown-bg{stroke:#4b5563}.dark .tooth-svg .surface-area{stroke:#6b7280}.dark .tooth-svg .tooth-root path{stroke:#6b7280}.dental-chart-full .condition-list::-webkit-scrollbar{width:.375rem}.dental-chart-full .condition-list::-webkit-scrollbar-track{background-color:#f3f4f6;border-radius:9999px}.dental-chart-full .condition-list::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}.dental-chart-full .condition-list::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.dark .dental-chart-full .condition-list::-webkit-scrollbar-track{background-color:#1f2937}.dark .dental-chart-full .condition-list::-webkit-scrollbar-thumb{background-color:#4b5563}.dark .dental-chart-full .condition-list::-webkit-scrollbar-thumb:hover{background-color:#6b7280}@media print{.dental-chart-mini,.dental-chart-history{box-shadow:none;border:1px solid #d1d5db}.dental-chart-mini button,.dental-chart-history button{display:none}}@media(min-width:640px){.tooth-svg{width:40px;height:52px}}@media(min-width:768px){.tooth-svg{width:44px;height:56px}}@media(min-width:1024px){.tooth-svg{width:48px;height:60px}}@media(hover:none)and (pointer:coarse){.tooth-full{min-width:48px;padding:4px}.tooth-svg{width:44px;height:56px}.dental-chart-full button,.dental-chart-full select{min-height:44px;min-width:44px}.tooth-svg:hover{filter:none}.tooth-svg:active{filter:drop-shadow(0 4px 3px rgb(0 0 0 / .1));transform:scale(.95)}.tooth-svg .surface-area:hover{opacity:1;filter:none}.tooth-svg .surface-area:active{opacity:.7;filter:brightness(.85)}.bpe-chart select{min-width:48px;min-height:48px;font-size:16px}.dental-chart-full input,.dental-chart-full select,.dental-chart-full textarea{font-size:16px}}@media(min-width:768px)and (max-width:1023px)and (orientation:landscape){.tooth-svg{width:42px;height:54px}}@media(max-width:1023px)and (orientation:portrait){.dental-chart-full .tooth-full{min-width:40px}.tooth-svg{width:36px;height:48px}}@media(min-width:1024px)and (max-width:1366px)and (hover:none){.tooth-svg{width:48px;height:60px}.tooth-full{padding:2px}}.overscroll-contain{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dental-chart-full{overscroll-behavior-y:contain}.dental-chart-full .condition-selector button:active:not(:disabled),.dental-chart-full [role=button]:active{transform:scale(.98);transition:transform .1s ease}@media(hover:none)and (pointer:coarse){.dental-chart-full input[type=checkbox]{width:24px;height:24px}}