.d-patient-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid #d8e4e7;background:#fff;border-radius:14px}.d-patient-identity{display:flex;align-items:center;gap:15px}.d-patient-identity .avatar{height:52px;width:52px;font-size:18px;background:#e2edf1;color:#255468}.d-patient-identity label{display:block;font-size:11px;letter-spacing:1.3px;color:#78909b}.d-patient-identity select{font:inherit;font-size:20px;font-weight:800;border:0;border-bottom:1px solid #c8dce2;padding:5px 22px 6px 0;color:#234855;background:white;max-width:100%}.d-patient-identity small{display:block;font-size:13px;color:#7b939c;margin-top:6px}.d-tabs{display:flex;gap:6px;border-bottom:1px solid #d5e2e5;margin:24px 0;overflow-x:auto}.d-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 18px;font-size:15px;font-weight:700;color:#6e8791;white-space:nowrap}.d-tabs .active{color:#1b586f;border-color:#257ca0}.d-chart-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.d-chart-panel{overflow:hidden}.d-panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 24px 15px}.d-panel-title h2{font-size:21px;margin-bottom:0}.d-panel-title .j-tag{font-size:12px;white-space:normal;text-align:center;background:#eef4f7;color:#3e6576}.d-orientation{display:flex;justify-content:space-between;background:#eff5f7;padding:10px 24px;color:#6c8490;font-size:12px}.d-arch-scroll{overflow-x:auto;padding:0 22px}.d-arch{min-width:600px;padding:20px 0}.d-arch:first-child{border-bottom:1px solid #dde7eb}.d-arch h3{text-align:center;text-transform:uppercase;letter-spacing:2px;font-size:11px;color:#8296a0;font-weight:700;margin:0 0 13px}.d-quadrant-labels{display:flex;justify-content:space-around;font-size:11px;color:#95a5ac;margin-bottom:12px}.d-tooth-row{display:grid;grid-template-columns:repeat(16,minmax(32px,1fr));gap:2px}.d-tooth-cell{background:white;border:1px solid transparent;border-radius:9px;padding:6px 2px;color:#385e6f;transition:background .15s,box-shadow .15s}.d-tooth-cell:nth-child(8){margin-right:6px}.d-tooth-cell:nth-child(9){margin-left:6px}.d-tooth-cell:hover{background:#eff6fa;border-color:#bad3e0}.d-tooth-cell.selected{background:#e7f2fa;border-color:#3482ad;box-shadow:0 0 0 1px #3482ad}.d-tooth-number{font-size:13px;font-weight:800;display:block;margin-bottom:7px}.d-tooth-mark{display:block;height:14px;font-size:9px;color:#73909f;margin-top:5px}.d-tooth-svg{display:block;width:100%;height:auto}.d-chart-legend{display:flex;flex-wrap:wrap;gap:17px;padding:18px 24px;border-top:1px solid #dfe8ec;background:#fafcfd}.d-chart-legend span{display:flex;align-items:center;gap:6px;font-size:12px;color:#577787}.d-chart-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.d-chart-legend .unmarked{background:#fff;border:1px solid #9bb0bc}.d-note{font-size:12px!important;color:#7c919a;line-height:1.6;display:block}.d-chart-panel>.d-note{padding:0 24px 12px}.d-summary{display:flex;padding:16px 24px;background:#f2f7f9;border-top:1px solid #e1eaee;gap:24px;justify-content:space-around}.d-summary div{text-align:center}.d-summary b{font-size:23px;color:#28556c;display:block}.d-summary span{font-size:11px;color:#718d9b}.d-editor{padding:22px;position:sticky;top:90px}.d-selected-head{display:flex;align-items:center;gap:12px}.d-selected-head>span{width:48px;height:48px;display:grid;place-items:center;flex:none;border-radius:12px;background:#204c60;color:white;font-size:24px;font-weight:700}.d-selected-head h2{font-size:17px;margin:5px 0 0;line-height:1.4}.d-selected-head small{font-size:10px;color:#7e929c;letter-spacing:.7px}.d-surface-selector{max-width:160px;margin:20px auto 16px;text-align:center}.d-surface-selector span{font-size:11px;color:#688493;display:block;margin:6px 0}.d-surface-selector svg path[role=button]{cursor:pointer;transition:opacity .15s}.d-surface-selector svg path[role=button]:hover{opacity:.65}.d-surface-selector svg path:focus{outline:none;stroke:#142f3d;stroke-width:5}.d-editor label{display:block;font-size:13px;font-weight:700;color:#537383;margin:12px 0 5px}.d-editor input,.d-editor select,.d-editor textarea{display:block;width:100%;background:white;border:1px solid #c9dce4;border-radius:7px;padding:10px;font:inherit;font-size:14px;color:#274c60;margin-top:5px}.d-editor textarea{resize:vertical}.d-wide{width:100%;font-size:13px!important}.d-editor>.d-note{margin-top:12px}.d-editor [hidden]{display:none!important}.d-history{display:flex;gap:13px;padding:18px 0;border-bottom:1px solid #e2e9ed}.d-history>i{height:10px;width:10px;flex:none;margin-top:8px;border-radius:50%}.d-history p{font-size:14px;margin:5px 0}.d-history small{font-size:12px;color:#82939c}.d-status{display:inline-block;font-size:12px;border:1px solid currentColor;padding:2px 7px;border-radius:5px;margin-left:7px}.d-empty-small{padding:24px 8px;font-size:14px;color:#708b9a}.d-drop-area{display:flex;align-items:center;gap:17px;padding:25px;background:#f0f7fb;border:1.5px dashed #86aec7;border-radius:12px;margin:16px 0;cursor:pointer}.d-drop-area.dragging{background:#d9eefe;border-color:#286692}.d-drop-area b{font-size:16px;color:#2a5872}.d-drop-area p{font-size:12px;margin:6px 0 0;color:#658296}.d-drop-area .btn{margin-left:auto;white-space:nowrap}.d-upload-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;background:#deedf6;color:#4b7b9c;border-radius:10px}.d-upload-icon svg{width:22px;height:22px}.d-gallery-filters{display:flex;flex-wrap:wrap;gap:9px;padding:14px 0 22px}.d-gallery-filters .btn{font-size:13px}.d-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.d-media-card{border:1px solid #d7e4ea;border-radius:13px;overflow:hidden;background:white}.d-thumbnail{height:210px;width:100%;display:grid;place-items:center;border:0;padding:0;background:#edf3f7;cursor:zoom-in}.d-thumbnail img{width:100%;height:100%;object-fit:contain}.d-media-info{padding:18px}.d-media-info h3{font-size:17px;margin:8px 0;overflow-wrap:anywhere}.d-category{font-size:11px;color:#3d7a96;border-radius:5px;padding:4px 7px;background:#eaf3f8;font-weight:700}.d-media-info p{font-size:12px;color:#7b929f;margin:8px 0}.d-media-info .btn{font-size:12px;min-height:34px;padding:7px 9px}.d-sharing-state{font-size:12px;color:#5e7c89;margin:12px 0}.d-gallery-empty{grid-column:1/-1;text-align:center;padding:42px 20px;background:#f8fbfd;border:1px solid #e5eef3;border-radius:12px}.d-gallery-empty>svg{width:36px;height:36px;margin:0 auto 15px;color:#6b92a8}.d-gallery-empty p{font-size:14px;color:#7793a1;max-width:550px;margin:10px auto 22px}.d-gallery-empty h3{font-size:20px;color:#40697c}.d-upload-patient{display:flex;gap:12px;align-items:center;background:#f1f7fa;padding:15px;border-radius:10px;margin-top:15px}.d-upload-patient .avatar{width:40px;height:40px}.d-upload-patient small{display:block;font-size:12px;color:#78909d;margin-top:5px}.d-file-input-label{background:#edf5fa;border:1px dashed #9bbdd2;border-radius:9px;padding:18px}.d-file-input-label input{border:0;background:transparent}.d-upload-previews{max-height:260px;overflow-y:auto}.d-upload-preview{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;margin:10px 0;padding:10px;border:1px solid #e1e9ed;border-radius:8px}.d-upload-preview img{width:60px;height:55px;object-fit:contain;background:#edf3f6}.d-upload-preview label{margin:0;font-size:11px}.d-upload-preview input{margin-top:4px;padding:7px}.d-upload-preview small{font-size:11px;color:#82949d}.d-viewer-modal{width:min(1000px,96vw)!important}.d-viewer-meta{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;margin:18px 0;color:#78929e;font-size:13px}.d-viewer-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.d-viewer-controls .btn{padding:7px 14px;min-height:34px}.d-image-viewport{height:55vh;overflow:auto;border-radius:10px;background:#e9f0f5;text-align:center}.d-image-viewport img{width:100%;height:100%;max-width:none;object-fit:contain;display:block;margin:auto}.d-pdf-view{padding:40px;text-align:center;background:#eff5f8;border-radius:12px}.d-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.d-comparison section>div{height:360px;display:grid;place-items:center;background:#edf3f7;border-radius:10px;margin-top:12px;overflow:hidden}.d-comparison img{width:100%;height:100%;object-fit:contain}.d-comparison p{font-size:12px;color:#6f8998}.d-patient-preview-head{background:#173e4b;color:#fff;padding:24px;border-radius:11px;margin:20px 0}.d-patient-preview-head .eyebrow{color:#d9b68a}.d-patient-preview-head h3{font-size:26px;margin:8px 0}.d-patient-preview-head p{color:#c4d8df;font-size:14px;line-height:1.6}.d-clinic-access{border-top:1px solid #426069;margin:20px 10px 0;padding-top:18px}.d-clinic-access small{font-size:10px;letter-spacing:1px;color:#cdb28a;display:block;margin-bottom:10px}.d-clinic-access .btn{font-size:12px;background:#dbeaf0;color:#244f60;border:0;width:100%}.d-clinic-access span{font-size:11px;display:block;color:#98b8c1;margin-top:8px;line-height:1.5}.d-quick-entry,.d-record-entry{padding:24px;border:1px solid #b9d2de;background:#edf5f9;border-radius:12px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.d-quick-entry h2{font-size:22px;margin:8px 0}.d-quick-entry p,.d-record-entry p{font-size:14px;margin-bottom:0;color:#678799}.d-record-entry{margin:0 0 24px}.d-record-entry h3{font-size:19px}.d-record-entry .j-inline{flex-direction:column;align-items:stretch;flex:none}
@media(max-width:1250px){.d-chart-layout{grid-template-columns:1fr}.d-editor{position:static;display:grid;grid-template-columns:220px 1fr;gap:0 24px}.d-selected-head{grid-column:1}.d-surface-selector{grid-column:1;width:180px;max-width:180px}.d-editor form{grid-column:2;grid-row:1/4}.d-editor>.d-note{grid-column:1}.d-panel-title{flex-wrap:wrap}.d-arch{min-width:680px}}
@media(max-width:760px){.d-patient-bar{flex-direction:column;align-items:stretch;padding:18px}.d-patient-identity select{font-size:18px;max-width:230px}.d-patient-bar>.j-inline .btn{flex:1;font-size:13px}.d-tabs button{font-size:13px;padding:13px 10px}.d-editor{display:block;padding:20px}.d-arch-scroll{padding:0 12px}.d-panel-title{padding:18px}.d-panel-title h2{font-size:19px}.d-orientation{padding:10px 16px;font-size:10px}.d-drop-area{flex-wrap:wrap;padding:18px}.d-drop-area .btn{margin-left:0;flex-basis:100%}.d-drop-area b{font-size:14px}.d-upload-icon{display:none}.d-summary{padding:15px;gap:15px}.d-summary span{font-size:10px}.d-media-grid{grid-template-columns:1fr}.d-media-card{max-width:100%}.d-upload-preview{grid-template-columns:45px 1fr}.d-upload-preview img{width:45px}.d-upload-preview small{grid-column:2}.d-comparison{grid-template-columns:1fr}.d-comparison section>div{height:260px}.d-quick-entry,.d-record-entry{flex-direction:column;align-items:flex-start;padding:20px}.d-record-entry .j-inline{flex-direction:row}.d-history b{font-size:14px}}