/* Reference-style clinical timeline: recent encounter open, other summaries quiet. */
.patient-clinical-workspace{background:#fff;min-width:0}
.clinical-record-toolbar{display:flex;align-items:center;gap:12px;padding:16px 12px;border-bottom:1px solid #e4e8ed;background:#f7f9fc;flex-wrap:wrap}
.clinical-record-toolbar>strong{font-size:16px;color:#35414d;margin-right:6px}.clinical-record-toolbar small{font-weight:400;font-size:12px;color:#8793a0;margin-left:7px}
.visit-directory-search{margin:0;min-width:180px;flex:0 1 300px}.visit-directory-search input{width:100%;font-size:13px;min-height:34px;border:1px solid #dce2e7;border-radius:3px;padding:7px 10px;background:white}
.clinical-record-status{margin:0}.clinical-record-status select{min-height:34px;font-size:13px;border:1px solid #dce2e7;border-radius:3px;padding:6px 28px 6px 10px;background:#fff}.clinical-record-toolbar>button{margin-left:auto;min-height:34px;font-size:13px;padding:6px 12px;border-radius:3px}
.clinical-record-timeline{padding:20px 12px 30px;min-width:0}.clinical-record-year{font-size:16px;font-weight:500;color:#85909b;margin:12px 0 18px;display:flex;align-items:center;gap:30px;padding-left:25px}.clinical-record-year>span{font-size:22px;color:#969fa9}
.clinical-record-card{display:grid;grid-template-columns:155px minmax(0,1fr);gap:12px;position:relative;margin:0 0 18px;min-width:0}.clinical-record-date{align-self:stretch;display:flex;align-items:flex-start;position:relative;padding:20px 10px 0 0;border-top:1px solid #b7c1ca;color:#7d8792;font-size:13px;line-height:1.5}.clinical-record-date:after{content:'';position:absolute;top:56px;bottom:-18px;left:70px;border-left:1px solid #d9dfe5}.clinical-record-card:last-child .clinical-record-date:after{display:none}
.clinical-record-main{border:1px solid #d6e1e8;min-width:0;background:#fff}.clinical-record-summary{display:flex;align-items:center;gap:12px;justify-content:space-between;background:#eef9fd;border-bottom:1px solid #d6e1e8;min-height:40px;padding:7px 12px;font-size:13px;color:#4b5b68}.clinical-record-summary>span{min-width:0;overflow-wrap:anywhere}.clinical-record-summary button{border:0;background:transparent;color:#1b9bb9;box-shadow:none;padding:2px 0;min-height:26px;font-size:12px;white-space:nowrap;flex-shrink:0}
.clinical-record-preview{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;font-size:13px;color:#485763}.clinical-record-preview[hidden]{display:none}.clinical-record-preview p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.clinical-record-preview>span{white-space:nowrap;color:#71818e;font-size:12px}
.clinical-record-expanded{display:grid;grid-template-columns:minmax(0,1fr) 145px;min-width:0}.clinical-record-info{padding:16px 12px;border-left:1px solid #e1e7ec;font-size:13px;color:#5d6d79}.clinical-record-info p{margin:0 0 12px;line-height:1.8;overflow-wrap:anywhere}.clinical-record-info strong{font-weight:500;color:#364550}.clinical-record-info .patient-shortcuts{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0}.clinical-record-info button{font-size:12px;padding:5px 7px;min-height:30px;border-radius:3px;box-shadow:none}
.visit-record-reader{min-width:0;color:#35414c;padding:4px 14px 12px;display:flex;flex-direction:column}.visit-reader-document{order:0;min-width:0}.visit-reader-heading{order:2;border:0;padding:10px 0 0}.visit-reader-heading h2{font-size:18px;margin:0}.visit-reader-heading p{font-size:13px;color:#6d7b87}.visit-reader-actions{display:flex;flex-wrap:wrap;gap:6px}.visit-reader-actions button{min-height:28px;padding:4px 8px;font-size:12px;border-radius:3px;box-shadow:none}.visit-reader-actions [data-visit-reader-edit]{color:#008fae;border-color:#a8d8e4}
.visit-reader-section{display:grid;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #e6ecf0;min-width:0}.visit-reader-section h3{align-self:center;font-size:13px;line-height:1.9;font-weight:500;margin:0;color:#43515e}.visit-reader-value{font-size:13px;line-height:1.9;min-width:0}.visit-reader-entry{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin-bottom:8px;min-width:0}.visit-reader-entry:last-child{margin-bottom:0}.visit-reader-tooth{flex:0 0 auto;min-width:94px;max-width:100%}.visit-reader-text{flex:1 1 160px;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#34414c}.visit-reader-empty{color:#a9b1b9}
.visit-reader-tooth .tooth-notation{display:flex;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;margin:0;font:13px/1.4 ui-monospace,monospace;width:max(94px,calc(var(--notation-columns,1) * 2.3ch + 16px));max-width:100%}.visit-reader-tooth .notation-dentition,.visit-reader-tooth .notation-cross{width:100%;min-width:0;max-width:100%}.visit-reader-tooth .notation-cell{min-height:19px;padding:0 3px}.visit-reader-tooth .notation-cell strong{font-size:13px;line-height:1.4;font-weight:400}.visit-reader-tooth .notation-cell-0,.visit-reader-tooth .notation-cell-2{border-right:1px solid #3d9eb3}.visit-reader-tooth .notation-cell-0,.visit-reader-tooth .notation-cell-1{border-bottom:1px solid #3d9eb3}
.visit-reader-state{font-size:11px;padding:2px 6px;background:#f1f4f7;color:#71808c;border-radius:3px;white-space:nowrap}.visit-reader-state.state-confirmed{color:#37804a;background:#eff8f1}.visit-reader-state.state-draft{color:#a67218;background:#fff8e9}
.visit-reader-source{order:3;margin-top:12px;color:#8a97a2;font-size:11px}.visit-reader-source summary{cursor:pointer;color:#8398a5}.visit-reader-source p{margin:6px 0;overflow-wrap:anywhere}.visit-reader-confirmation,.visit-reader-return{order:1;font-size:12px;color:#70808d;margin:12px 0 0}
@media(min-width:721px) and (max-width:1200px){.clinical-record-card{grid-template-columns:122px minmax(0,1fr);gap:10px}.clinical-record-date{font-size:12px}.clinical-record-expanded{grid-template-columns:minmax(0,1fr) 122px}.visit-reader-section{grid-template-columns:62px minmax(0,1fr);gap:8px}.visit-reader-entry{gap:10px}.visit-reader-tooth{min-width:94px}}
@media(max-width:720px){.clinical-record-toolbar{padding:12px 10px;gap:8px}.clinical-record-toolbar>strong{width:100%;font-size:15px}.visit-directory-search{flex:1;min-width:140px}.clinical-record-status select{max-width:110px}.clinical-record-toolbar>button{margin:0}.clinical-record-timeline{padding:12px 8px 18px}.clinical-record-year{margin:8px 0 12px;padding-left:0;gap:10px;font-size:14px}.clinical-record-card{display:block;margin-bottom:16px}.clinical-record-date{padding:0 0 6px;border:0;font-size:12px}.clinical-record-date:after{display:none}.clinical-record-summary{padding:8px 10px;align-items:flex-start;gap:8px;line-height:1.6}.clinical-record-summary>span{font-size:12px}.clinical-record-summary button{font-size:12px;min-height:32px}.clinical-record-preview{padding:12px 10px;display:block;font-size:13px}.clinical-record-preview>span{display:block;margin-top:8px}.clinical-record-expanded{display:flex;flex-direction:column}.clinical-record-info{order:0;border-left:0;border-bottom:1px solid #edf0f2;padding:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.clinical-record-info p{margin:0}.clinical-record-info .patient-shortcuts{margin:0 0 0 auto;gap:6px}.clinical-record-info button{min-height:34px;font-size:11px;padding:5px 7px}.visit-record-reader{order:1;padding:0 10px 12px}.visit-reader-section{grid-template-columns:56px minmax(0,1fr);gap:7px;padding:12px 0}.visit-reader-section h3,.visit-reader-value{font-size:13px}.visit-reader-entry{gap:8px;flex-wrap:wrap}.visit-reader-tooth{flex:0 0 auto;min-width:94px}.visit-reader-text{flex:1 1 110px}.visit-reader-actions button{min-height:34px}}

/* Keep one quadrant on one line in readers, editors, and their print previews.
   Full arches grow as a single cross; the narrative may wrap below the cross. */
.notation-cell strong{white-space:nowrap;word-break:normal;overflow-wrap:normal;letter-spacing:0}
.notation-tooth-code{display:inline-block;min-width:1.1ch;padding:0 .025ch;text-align:center;white-space:nowrap}
.clinical-row-tooth .notation-cell strong{white-space:nowrap;word-break:normal;overflow-wrap:normal}
@media(max-width:600px){
 .clinical-row:has(.tooth-notation[data-notation-columns="7"]),.clinical-row:has(.tooth-notation[data-notation-columns="8"]){grid-template-columns:minmax(0,1fr)}
 .clinical-row:has(.tooth-notation[data-notation-columns="7"]) .clinical-row-tooth,.clinical-row:has(.tooth-notation[data-notation-columns="8"]) .clinical-row-tooth{width:180px;max-width:100%}
}

/* Keep legacy Roman numerals distinguishable in the existing tooth editor. */
.notation-primary-roman .notation-tooth-code{padding-inline:.2ch}
.clinical-row:has(.notation-roman-wide){grid-template-columns:max-content minmax(0,1fr)}
.clinical-row-tooth:has(.notation-roman-wide){width:230px;max-width:100%}
@media(max-width:600px){
 .clinical-row:has(.notation-roman-wide){grid-template-columns:minmax(0,1fr)}
 .clinical-row-tooth:has(.notation-roman-wide){width:210px}
}

/* External stylesheet mapping also works under the installed app CSP. */
.tooth-notation[data-notation-columns="1"]{--notation-columns:1}
.tooth-notation[data-notation-columns="2"]{--notation-columns:2}
.tooth-notation[data-notation-columns="3"]{--notation-columns:3}
.tooth-notation[data-notation-columns="4"]{--notation-columns:4}
.tooth-notation[data-notation-columns="5"]{--notation-columns:5}
.tooth-notation[data-notation-columns="6"]{--notation-columns:6}
.tooth-notation[data-notation-columns="7"]{--notation-columns:7}
.tooth-notation[data-notation-columns="8"]{--notation-columns:8}