/* Observed e看牙 record sheet: one metadata row, directory, tooth + text rows. */
@media screen and (min-width:721px){
 .visit-editor-layout,.visit-editor-layout:has(.visit-editor-history[open]){grid-template-columns:minmax(0,1fr) var(--visit-history-width,48px);gap:12px}
 .visit-editor-layout:not(:has(.visit-editor-history)){grid-template-columns:minmax(0,1fr)}
 .visit-editor-layout #visit-form.visit-reference-sheet{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:12px;align-items:start}
 .visit-reference-sheet>.visit-editor-metadata{grid-column:1/-1;grid-row:1}
 .visit-reference-sheet>.visit-editor-directory{grid-column:1;grid-row:2;margin:0;top:62px;border:1px solid #e5e6e8;background:#fff}
 .visit-reference-sheet>.visit-editor-directory>summary{display:none}
 .visit-reference-sheet>.visit-editor-body{grid-column:2;grid-row:2;min-width:0;padding:0 8px!important}
 .visit-reference-sheet>.savebar{grid-column:2;grid-row:3}
 .visit-editor-layout .visit-editor-history{grid-column:2;grid-row:1;top:62px}
 .visit-editor-layout .visit-editor-metadata>.card{padding:10px 8px 18px;border-bottom:1px dashed #ebedf0;margin-bottom:16px}
 .visit-encounter-summary{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:#646973;margin:0 0 8px}
 .visit-encounter-summary strong{font-weight:400;color:#454b53}
 .visit-encounter-summary>label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0;min-width:0}
 .visit-encounter-summary input{width:170px;min-height:32px;height:32px;padding:5px 8px;margin:0;border-radius:0;font-size:13px}
 .visit-encounter-summary>label:has([name=revision_reason]){flex:1;min-width:200px}
 .visit-encounter-summary [name=revision_reason]{flex:1;min-width:100px}
 .visit-encounter-summary .visit-optional-reason{display:none!important}
 .visit-editor-metadata .toolbar{font-size:12px;margin:0;align-items:center;min-height:24px}
 .visit-sheet-input-tools{margin-left:auto;font-size:12px;position:relative}
 .visit-sheet-input-tools summary{color:#87909a;cursor:pointer}
 .visit-sheet-input-tools>div{position:absolute;right:0;z-index:30;width:260px;padding:10px;background:#fff;border:1px solid #ddd;box-shadow:0 5px 15px #243b5317}
 .visit-sheet-input-tools label{display:block;width:100%;margin:6px 0}
 .visit-sheet-template{display:block;margin:0 0 14px!important;color:#00a6bd;font-size:12px}
 .visit-sheet-template select{width:100%;height:30px;min-height:30px;border:1px solid #00a6bd;border-radius:2px;color:#00a6bd;background:#fff;font-size:13px;margin:3px 0 0;padding:3px 8px}
 .visit-editor-layout #visit-form .clinical-fields{gap:14px}
 .visit-editor-layout #visit-form .clinical-field-heading{margin:0 0 6px;min-height:24px}
 .visit-editor-layout #visit-form .clinical-field-heading label{font-size:14px;font-weight:600;color:#3d4148}
 .visit-editor-layout #visit-form .clinical-plain>textarea{min-height:36px;height:40px;margin-top:0;border-radius:0;font-size:14px;padding:7px 10px}
 .visit-editor-layout #visit-form .clinical-row{grid-template-columns:196px minmax(0,1fr);border:1px solid #e0e3e7;margin:0;padding:5px 10px;gap:0;align-items:stretch}
 .visit-editor-layout #visit-form .clinical-row-tooth{border:0!important;background:#fff;box-shadow:none;border-radius:0;padding:12px 24px 12px 6px}
 .visit-editor-layout #visit-form .clinical-row-tooth:hover{background:#fafdfe}
 .visit-editor-layout #visit-form .clinical-row-description textarea{min-height:64px;height:68px;resize:vertical;font-size:14px;line-height:1.6;padding:8px 10px;border:1px solid #cfd2d6;border-radius:0}
 .visit-editor-layout #visit-form [data-clinical-rows=exam] .clinical-row-description textarea,.visit-editor-layout #visit-form [data-clinical-rows=treatment] .clinical-row-description textarea{height:94px;min-height:94px}
 .visit-editor-layout #visit-form .clinical-row-description:has(.clinical-row-actions){padding-bottom:0}
 .visit-editor-layout #visit-form .clinical-row-actions{bottom:2px;right:3px;left:auto;background:#fff;height:22px}
 .visit-field-row-tools{display:flex;justify-content:flex-end;min-height:24px;align-items:center}
 .visit-field-row-tools>button{border:0;background:transparent;color:#90969f;font-size:12px;padding:3px 0;min-height:24px}
 .visit-editor-layout .empty-notation-cross{width:100px;position:relative;height:42px;color:transparent}
 .visit-editor-layout .empty-notation-cross span{border-color:#3da9ba!important;padding:0;min-height:21px}
 .visit-editor-layout .empty-notation-cross:after{content:'';position:absolute;top:0;bottom:0;left:50%;border-left:1px solid #3da9ba}
 .visit-editor-layout .clinical-row-tooth .notation-cell-0,.visit-editor-layout .clinical-row-tooth .notation-cell-2{border-right-color:#3da9ba}
 .visit-editor-layout .clinical-row-tooth .notation-cell-0,.visit-editor-layout .clinical-row-tooth .notation-cell-1{border-bottom-color:#3da9ba}
 .visit-editor-layout #visit-form .clinical-field-heading .visit-field-template-trigger{font-size:12px;color:#00a6bd}
 .visit-editor-reference-tools{top:230px;width:58px}
 .visit-editor-reference-tools button{font-size:12px;font-weight:400;min-height:62px}
}
@media screen and (min-width:721px) and (max-width:1150px){
 .visit-editor-layout #visit-form.visit-reference-sheet{grid-template-columns:132px minmax(0,1fr)}
 .visit-editor-layout #visit-form .clinical-row{grid-template-columns:124px minmax(0,1fr);padding:5px}
 .visit-editor-layout .visit-editor-history{display:none}
 .visit-editor-layout,.visit-editor-layout:has(.visit-editor-history[open]){grid-template-columns:minmax(0,1fr)}
}
/* Terms lie below the active description, with horizontal category rows. */
@media screen and (min-width:721px){
 .visit-field-template-panel{padding:0;border-radius:0;gap:0;box-shadow:0 3px 9px #243b531c;font-family:inherit;font-size:13px}
 .visit-field-template-panel>header{position:absolute;right:5px;top:1px;z-index:2;height:34px}
 .visit-field-template-panel>header>strong{display:none}
 .visit-field-template-panel>header button{border:0;background:transparent;color:#8c939c;font-size:11px;min-height:26px;padding:3px 6px}
 .visit-field-template-panel .visit-template-modes{padding:0 120px 0 12px;min-height:36px;gap:12px}
 .visit-field-template-panel .visit-template-modes button{flex:0 0 auto;padding:6px 2px;font-size:13px;white-space:nowrap;background:transparent!important;min-height:35px}
 .visit-field-template-panel .visit-template-filters{padding:10px 14px 7px}
 .visit-field-template-panel .visit-template-filters input{max-width:290px;min-height:28px;height:28px;border-radius:0;font-size:12px}
 .visit-field-template-panel .visit-template-browser{display:block;padding:0 14px 8px;overflow:hidden}
 .visit-field-template-panel [data-template-groups]{display:none}
 .visit-field-template-panel .visit-term-group{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px}
 .visit-field-template-panel .visit-term-group h4{flex:0 0 76px;line-height:26px;margin:0;font-size:13px;color:#747b84;font-weight:400}
 .visit-field-template-panel .visit-term-group h4:after{content:'：'}
 .visit-field-template-panel .visit-term-group>div{gap:5px;align-items:flex-start}
 .visit-field-template-panel .visit-term-group button{border:0;border-radius:0;background:#f5f6f7;color:#606771;min-height:26px;padding:3px 10px;font-size:12px;font-weight:400}
 .visit-field-template-panel .visit-term-group button:hover{background:#e9f9fc;color:#00a6bd}
 .visit-field-template-panel footer{padding:2px 14px;font-size:11px}
 .visit-field-template-panel>label{padding:4px 14px}
}

@media screen and (min-width:721px){
 .visit-field-template-panel{container-type:inline-size}
 @container(max-width:560px){
  .visit-field-template-panel>header{position:static;height:26px;justify-content:flex-end;padding:0 6px}
  .visit-field-template-panel .visit-template-modes{padding:0 10px;gap:10px;overflow-x:auto;flex-shrink:0}
  .visit-field-template-panel .visit-term-group h4{flex-basis:64px;font-size:12px}
  .visit-field-template-panel .visit-term-group button{padding:3px 7px}
 }
}

.visit-additional-history{margin:0;border:0;min-width:0}
.visit-additional-history>summary{font-size:12px;font-weight:400;color:#8b929b;padding:3px 0;cursor:pointer}
.visit-additional-history[open]>.clinical-field{margin-top:12px}
@media screen and (min-width:721px){
 .visit-editor-layout #visit-form .clinical-row:not(.has-teeth):not(.is-editing){grid-template-columns:196px minmax(0,1fr)}
}
@media screen and (min-width:721px) and (max-width:1150px){
 .visit-editor-layout #visit-form .clinical-row:not(.has-teeth):not(.is-editing){grid-template-columns:124px minmax(0,1fr)}
}