.odontogram-workspace{display:grid;gap:18px;color:#1d2939}
.odontogram-header,.odontogram-toolbar,.odontogram-chart,.odontogram-editor,.odontogram-history{box-sizing:border-box;border:1px solid #e1e7ef;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(18,32,56,.05)}
.odontogram-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px}.odontogram-header>div:first-child{display:flex;align-items:center;gap:14px}.odontogram-header>div:first-child>.dashicons{display:grid;width:48px;height:48px;place-items:center;border-radius:14px;background:#eaf7ff;color:#0879b9;font-size:25px}.odontogram-header small{color:#0879b9;font-size:10px;font-weight:900;letter-spacing:.12em}.odontogram-header h2,.odontogram-header p{margin:0}.odontogram-header h2{margin-top:3px;font-size:23px}.odontogram-header p{margin-top:4px;color:#667085;font-size:12px}.odontogram-stats{display:flex;gap:9px}.odontogram-stats span{padding:9px 12px;border-radius:11px;background:#f2f5f8;color:#667085;font-size:10px;font-weight:800}.odontogram-stats b{color:#17233c;font-size:15px}.odontogram-stats .has-findings{background:#fff0f0;color:#a83b48}.odontogram-stats .has-findings b{color:#b42336}.odontogram-stats .is-clear{background:#eaf8f1;color:#087a4f}
.odontogram-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px}.odontogram-toolbar nav{display:flex;gap:6px}.odontogram-toolbar nav a{padding:10px 13px;border-radius:10px;color:#667085;font-size:11px;font-weight:850;text-decoration:none}.odontogram-toolbar nav a.active{background:#6837df;color:#fff}.odontogram-toolbar p{display:flex;align-items:center;gap:6px;margin:0;color:#667085;font-size:10px;font-weight:700}.odontogram-toolbar .dashicons{width:16px;height:16px;color:#6837df;font-size:16px}
.odontogram-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.55fr);gap:18px}.odontogram-chart{min-width:0;padding:20px;overflow-x:auto}.odontogram-orientation{display:flex;justify-content:space-between;gap:16px;margin-bottom:15px;color:#7b8798;font-size:9px;font-weight:800;text-transform:uppercase}.odontogram-orientation strong{color:#344054}.odontogram-arch{display:grid;grid-template-columns:repeat(17,minmax(42px,1fr));align-items:end;gap:5px;min-width:760px}.odontogram-arch.lower{align-items:start;margin-top:17px}.odontogram-midline{display:block;width:1px;height:70px;background:#d8dfea;justify-self:center}.odontogram-tooth{min-width:0;padding:0;border:0;background:transparent;cursor:pointer}.odontogram-tooth-number{display:block;margin-bottom:5px;color:#536176;font-size:10px;font-weight:900}.odontogram-arch.lower .odontogram-tooth-number{margin:5px 0 0;order:2}.odontogram-arch.lower .odontogram-tooth{display:flex;flex-direction:column}.odontogram-faces{position:relative;display:grid;width:40px;height:48px;margin:auto;grid-template:12px 24px 12px/10px 20px 10px;filter:drop-shadow(0 3px 4px rgba(20,34,58,.08));transition:transform .16s}.odontogram-faces i{display:block;border:1px solid #cbd5e1;background:#fff}.face-vestibular{grid-area:1/2;border-radius:7px 7px 2px 2px!important}.face-mesial{grid-area:2/1;border-radius:7px 2px 2px 7px!important}.face-occlusal{grid-area:2/2;border-radius:3px!important}.face-distal{grid-area:2/3;border-radius:2px 7px 7px 2px!important}.face-lingual{grid-area:3/2;border-radius:2px 2px 7px 7px!important}.odontogram-tooth:hover .odontogram-faces,.odontogram-tooth:focus-visible .odontogram-faces{transform:translateY(-2px)}.odontogram-tooth:focus-visible{outline:0}.odontogram-tooth.is-selected .odontogram-faces{outline:3px solid rgba(104,55,223,.23);outline-offset:3px;transform:translateY(-2px)}.odontogram-tooth.is-selected .odontogram-tooth-number{color:#6837df}
.odontogram-chart.dentition-child .odontogram-arch{grid-template-columns:repeat(11,minmax(52px,1fr));min-width:610px}
.status-healthy{background:#fff!important}.status-caries{background:#ef4444!important;border-color:#dc2626!important}.status-restoration{background:#3b82f6!important;border-color:#2563eb!important}.status-absent{background:#cbd5e1!important;border-color:#94a3b8!important}.status-crown{background:#f59e0b!important;border-color:#d97706!important}.status-implant{background:#8b5cf6!important;border-color:#7c3aed!important}.status-endodontics{background:#14b8a6!important;border-color:#0f9488!important}.status-fracture{background:#f97316!important;border-color:#ea580c!important}.status-extraction{background:#111827!important;border-color:#111827!important}
.odontogram-legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:20px;padding-top:15px;border-top:1px solid #e7ecf3}.odontogram-legend span{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:9px;font-weight:750}.odontogram-legend i,.odontogram-history-list>article>i{display:block;width:11px;height:11px;flex:0 0 11px;border:1px solid #cbd5e1;border-radius:3px}
.odontogram-editor{padding:18px}.odontogram-editor-empty{display:grid;min-height:310px;place-items:center;align-content:center;text-align:center}.odontogram-editor-empty[hidden],.odontogram-editor form[hidden]{display:none!important}.odontogram-editor-empty .dashicons{width:42px;height:42px;color:#9aa6b6;font-size:42px}.odontogram-editor-empty strong{margin-top:10px;font-size:15px}.odontogram-editor-empty p{max-width:230px;margin:5px 0 0;color:#7b8797;font-size:11px;line-height:1.5}.odontogram-editor form{display:grid;gap:13px}.odontogram-selection{padding:13px;border-radius:12px;background:#f3efff}.odontogram-selection small{color:#7042e8;font-size:9px;font-weight:900}.odontogram-selection strong{display:block;margin-top:3px;color:#31205c;font-size:20px}.odontogram-selection p{margin:4px 0 0;color:#71678b;font-size:10px}.odontogram-editor label{display:grid;gap:6px;color:#344054;font-size:11px;font-weight:800}.odontogram-editor select,.odontogram-editor textarea{width:100%;box-sizing:border-box;margin:0;border:1px solid #d9e1ec;border-radius:10px;background:#fbfcfe}.odontogram-editor select{min-height:42px}.odontogram-editor textarea{padding:10px 11px;resize:vertical}.odontogram-editor button{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px!important;border-radius:11px!important}
.odontogram-history{overflow:hidden}.odontogram-history>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e7ecf3}.odontogram-history>header>div{display:flex;align-items:center;gap:10px}.odontogram-history>header .dashicons{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef1ff;color:#4c5fd7}.odontogram-history h3,.odontogram-history p{margin:0}.odontogram-history h3{font-size:15px}.odontogram-history p{margin-top:3px;color:#7b8797;font-size:10px}.odontogram-history>header>span{padding:6px 9px;border-radius:999px;background:#eef2f7;color:#667085;font-size:9px;font-weight:850}.odontogram-history-list>article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:start;gap:11px;padding:14px 20px;border-top:1px solid #eef1f5}.odontogram-history-list>article:first-child{border-top:0}.odontogram-history-list strong,.odontogram-history-list small{display:block}.odontogram-history-list strong{font-size:12px}.odontogram-history-list small{margin-top:3px;color:#7b8797;font-size:9px}.odontogram-history-list p{margin:6px 0 0;color:#526078;font-size:10px}.odontogram-history-list>article>span{text-align:right}.odontogram-history-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:34px;color:#7b8797}.odontogram-history-empty p{margin:0;font-size:11px}
body.clinessy-dark .odontogram-header,body.clinessy-dark .odontogram-toolbar,body.clinessy-dark .odontogram-chart,body.clinessy-dark .odontogram-editor,body.clinessy-dark .odontogram-history{border-color:var(--cl-dark-border)!important;background:var(--cl-dark-surface)!important;color:var(--cl-dark-text)!important}.clinessy-dark .odontogram-header h2,.clinessy-dark .odontogram-history h3,.clinessy-dark .odontogram-editor strong,.clinessy-dark .odontogram-history-list strong{color:var(--cl-dark-text)!important}.clinessy-dark .odontogram-selection{background:var(--cl-dark-purple-soft)}.clinessy-dark .odontogram-selection strong{color:#fff}.clinessy-dark .odontogram-tooth-number,.clinessy-dark .odontogram-orientation,.clinessy-dark .odontogram-toolbar p{color:var(--cl-dark-muted)}.clinessy-dark .status-healthy{background:var(--cl-dark-surface-2)!important;border-color:var(--cl-dark-border-strong)!important}
body.clinessy-gray .odontogram-header,body.clinessy-gray .odontogram-toolbar,body.clinessy-gray .odontogram-chart,body.clinessy-gray .odontogram-editor,body.clinessy-gray .odontogram-history{border-color:var(--clinessy-gray-border)!important;background:var(--clinessy-gray-surface)!important;color:var(--clinessy-gray-text)!important}
@media(max-width:1050px){.odontogram-layout{grid-template-columns:1fr}.odontogram-editor-empty{min-height:180px}}
@media(max-width:700px){.odontogram-header,.odontogram-toolbar{align-items:flex-start;flex-direction:column}.odontogram-stats{width:100%;flex-wrap:wrap}.odontogram-toolbar nav{width:100%}.odontogram-toolbar nav a{flex:1;text-align:center}.odontogram-chart{padding:16px 12px}.odontogram-history-list>article{grid-template-columns:12px 1fr}.odontogram-history-list>article>span{grid-column:2;text-align:left}.odontogram-arch{min-width:720px}}