#odontogram{margin-top:22px}.od-layout{display:grid;grid-template-columns:minmax(300px, .9fr) minmax(0,1.4fr);margin-top:20px}.od-diagram{padding:22px;border-right:1px solid var(--line);text-align:center}.od-diagram>p{font-size:11px;color:var(--muted)}.od-arch{position:relative;height:440px;max-width:380px;margin:15px auto}.od-tooth{position:absolute;transform:translate(-50%,-50%);width:33px;padding:0;border:0;background:transparent;cursor:pointer;color:var(--muted)}.od-tooth span{font-size:10px;display:block;margin-bottom:3px}.od-tooth svg{width:30px;height:38px;fill:white;stroke:#8493a5;stroke-width:1.4}.od-tooth .od-groove{fill:none;stroke-width:1}.od-tooth.planned svg{fill:#fff0d4;stroke:#93621e}.od-tooth.done svg{fill:#e0f2eb;stroke:#237c6b}.od-tooth.selected svg{fill:#dcecf8;stroke:#0f4c75;stroke-width:2}.od-tooth.selected span{color:#0f4c75;font-weight:700}.od-tooth:focus-visible{outline:2px solid #0f4c75;outline-offset:3px;border-radius:5px}.od-record{padding:22px;min-width:0}.od-record>h3{margin-bottom:12px}.od-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.od-legend{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;font-size:11px;color:var(--muted)}.od-history-title{margin-top:28px}.od-entry{padding:16px;border:1px solid var(--line);border-radius:8px;margin-top:12px;overflow-wrap:anywhere}.od-entry>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.od-entry small{display:block;color:var(--muted);margin-top:8px}.od-entry p{margin-top:10px;font-size:13px;line-height:1.6}#odontogram .card-head select{margin-left:10px}#od-error{font-size:13px;color:#a62943;margin-bottom:12px}@media(max-width:900px){.od-layout{grid-template-columns:1fr}.od-diagram{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:450px){.od-diagram,.od-record{padding:16px}.od-arch{height:400px}.od-fields{grid-template-columns:1fr}#odontogram .card-head{flex-wrap:wrap}.od-tooth{width:28px}.od-tooth svg{width:26px}}
/* Anyeu Dental Care odontogram presentation. */