/* Phone-only registration and record reading, grounded in the Oct 28 mirror.
   Presentation only: no new data fields, permissions, signatures or save paths. */
@media screen and (max-width:720px){
 /* Check-in retains the appointment form, including every required input. */
 #modal.appointment-dialog[open]{position:fixed;inset:0;margin:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-sizing:border-box;padding:0;border:0;border-radius:0;background:#fff;overflow:hidden}
 #modal.appointment-dialog #modal-content{display:flex;flex-direction:column;height:100%;min-height:0;background:#fff}
 #modal.appointment-dialog #modal-content>h2{flex:none;position:relative;display:block;box-sizing:border-box;min-height:49px;margin:0;padding:calc(13px + env(safe-area-inset-top)) 50px 12px;text-align:center;color:#333;font-size:16px;font-weight:600;line-height:24px;background:white;border:0}
 #modal.appointment-dialog #modal-form{flex:1;display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}
 #modal.appointment-dialog #modal-form>.appointment-form-layout{order:0;flex:1;display:block!important;min-height:0;padding:0 13px 14px;overflow-y:auto;overscroll-behavior:contain;scroll-padding:12px;background:#fff;scrollbar-width:none}
 #modal.appointment-dialog #modal-form>.appointment-form-layout::-webkit-scrollbar{display:none}
 #modal.appointment-dialog .appointment-entry{display:block!important;min-width:0;background:white;gap:0}
 #modal.appointment-dialog .booking-patient{position:relative;box-sizing:border-box;min-height:78px;padding:16px 0 13px 54px;margin:0;border:0;border-bottom:1px solid #f0f1f2;background:#fff;color:#9a9ca2;font-size:11px;line-height:21px;overflow-wrap:anywhere}
 #modal.appointment-dialog .booking-patient:not(:has(img))::before{content:'';position:absolute;top:17px;left:0;width:40px;height:40px;border-radius:50%;background:#f2f3f5 url('/static/assets/avatars/patient-cartoon-male.png') center/cover no-repeat}
 #modal.appointment-dialog .booking-patient strong{display:block;margin:0 0 2px;color:#34383d;font-size:14px;line-height:21px;font-weight:500}
 #modal.appointment-dialog .registration-patient-birth{padding:4px 0 6px;margin:0;border-bottom:7px solid #f7f7f8;font-size:11px;color:#979da3}
 #modal.appointment-dialog [data-registration-birth-summary]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:22px;margin:0;font-size:11px;line-height:20px}
 #modal.appointment-dialog [data-registration-birth-summary] strong{font-weight:400;color:#777e84}
 #modal.appointment-dialog [data-registration-birth-editor]{margin:0;border:0;background:#fff}
 #modal.appointment-dialog [data-registration-birth-editor]>summary{min-height:30px;padding:4px 0;box-sizing:border-box;font-size:11px;color:#32a9be;cursor:pointer}
 #modal.appointment-dialog [data-registration-birth-editor]>label{display:block;margin:8px 0;font-size:12px;color:#777e84}
 #modal.appointment-dialog [data-registration-birth-editor] .subtle{font-size:11px;line-height:1.6;color:#999fa4}
 #modal.appointment-dialog .appointment-entry>label{display:grid;grid-template-columns:minmax(72px,26%) minmax(0,1fr);align-items:center;gap:10px;min-height:49px;box-sizing:border-box;margin:0;padding:5px 0;border:0;border-bottom:1px solid #f1f2f3;color:#92979d;font-size:13px;font-weight:400;line-height:1.5}
 #modal.appointment-dialog .appointment-entry>label>input,
 #modal.appointment-dialog .appointment-entry>label>select{width:100%;min-width:0;max-width:100%;height:38px;min-height:38px;box-sizing:border-box;margin:0;padding:4px 3px;border:0;border-radius:0;background:#fff;color:#555c63;font-size:16px;font-weight:400;line-height:1.4;text-align:right;box-shadow:none}
 #modal.appointment-dialog .appointment-entry>label>select{text-align-last:right}
 #modal.appointment-dialog .appointment-entry>label>input::placeholder,
 #modal.appointment-dialog .appointment-entry>label>textarea::placeholder{color:#c2c5c8;opacity:1}
 #modal.appointment-dialog .appointment-entry>label:has(textarea){display:block;min-height:90px;padding:13px 0 8px}
 #modal.appointment-dialog .appointment-entry>label>textarea{display:block;width:100%;min-width:0;box-sizing:border-box;min-height:60px;max-height:220px;margin:5px 0 0;padding:0;border:0;border-radius:0;background:#fff;color:#555c63;font-size:16px;font-weight:400;line-height:1.7;resize:vertical;box-shadow:none}
 #modal.appointment-dialog .appointment-entry input:focus-visible,
 #modal.appointment-dialog .appointment-entry select:focus-visible,
 #modal.appointment-dialog .appointment-entry textarea:focus-visible{outline:2px solid #51b9cb;outline-offset:2px;border-radius:2px}
 #modal.appointment-dialog .appointment-duration{padding:8px 0 11px;margin:0;border-bottom:1px solid #f1f2f3;font-size:11px;color:#999fa5}
 #modal.appointment-dialog .appointment-duration button{min-height:32px;padding:5px 9px;border:1px solid #eef0f2;border-radius:3px;background:#fafafb;color:#92999f;font-size:11px}
 #modal.appointment-dialog .appointment-duration button.active{border-color:#9dd9e2;color:#30a6bb;background:#f5fcfd}
 #modal.appointment-dialog .appointment-suggestions{padding:5px 0;font-size:12px}
 #modal.appointment-dialog .appointment-suggestions details{margin:0;border:0;border-bottom:1px solid #f1f2f3;border-radius:0;background:#fff;padding:0}
 #modal.appointment-dialog .appointment-suggestions summary{padding:12px 0;color:#92999f;font-size:12px;min-height:36px;box-sizing:border-box}
 #modal.appointment-dialog .registration-note{order:1;flex:none;margin:0;padding:6px 13px;background:#fcfcfd;color:#a1a6ad;font-size:11px;line-height:1.5}
 #modal.appointment-dialog #form-error{order:2;flex:none;margin:0;padding:0 13px;color:#b24d40;font-size:12px;line-height:1.7;max-height:110px;overflow:auto;background:#fff}
 #modal.appointment-dialog #form-error:empty{padding:0;min-height:0}
 #modal.appointment-dialog #modal-form>.actions{order:3;position:static;display:flex;flex:none;gap:0;box-sizing:border-box;margin:0;padding:0 0 env(safe-area-inset-bottom);min-height:52px;border-top:1px solid #f0f2f3;background:#fff;z-index:3}
 #modal.appointment-dialog #modal-form>.actions>button[type=submit]{flex:1;width:100%;min-height:51px;margin:0;padding:13px;border:0;border-radius:0;background:#fff;color:#34aec4;font-size:15px;font-weight:500;box-shadow:none}
 #modal.appointment-dialog #cancel-modal{position:fixed;top:calc(4px + env(safe-area-inset-top));left:8px;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:transparent url('/static/assets/icons/caret-left.svg') center/22px 22px no-repeat;font-size:0;color:transparent;box-shadow:none;z-index:5}
 #modal.appointment-dialog #cancel-modal:focus-visible{outline:2px solid #2daabe;outline-offset:-2px}
 /* Encounter cards keep source dates and clinical content, but use one column. */
 .patient-clinical-workspace{background:#f5f5f6;font-size:14px;color:#555b60}
 .patient-clinical-workspace .clinical-record-toolbar{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:7px;background:#fff;border:0;padding:8px 12px 10px}
 .patient-clinical-workspace .clinical-record-toolbar>strong{grid-column:1/-1;width:auto;display:block;margin:0;min-height:36px;padding:0 60px;box-sizing:border-box;text-align:center;font-size:16px;font-weight:600;line-height:34px;color:#333}
 .patient-clinical-workspace .clinical-record-toolbar>strong small{font-size:11px;font-weight:400;color:#a5a9af;margin-left:5px}
 .patient-clinical-workspace .clinical-record-toolbar>#clinical-record-new{position:absolute;top:9px;right:12px;min-height:32px;margin:0;padding:4px 0;border:0;border-radius:0;background:#fff;color:#38acc1;font-size:13px;font-weight:400;box-shadow:none}
 .patient-clinical-workspace .visit-directory-search{min-width:0;width:100%;margin:0}
 .patient-clinical-workspace .visit-directory-search input{width:100%;box-sizing:border-box;min-height:34px;padding:5px 7px;border:0;border-radius:3px;background:#fafafb;color:#767d83;font-size:12px}
 .patient-clinical-workspace .clinical-record-status{min-width:0;margin:0}
 .patient-clinical-workspace .clinical-record-status select{width:100%;min-width:0;max-width:100%;min-height:34px;padding:5px 0;border:0;border-radius:0;background:#fff;font-size:12px;color:#5c6268}
 .patient-clinical-workspace .clinical-record-timeline{padding:6px 9px 16px;background:#f5f5f6}
 .patient-clinical-workspace .clinical-record-year{margin:5px 0 7px;padding:0;font-size:11px;line-height:17px;font-weight:400;color:#a4a9ae;gap:6px}
 .patient-clinical-workspace .clinical-record-year>span{font-size:12px;color:#b3b8bd}
 .patient-clinical-workspace .clinical-record-card{display:block;margin:0 0 10px;border:1px solid #edeef0;border-radius:4px;background:#fff;overflow:hidden;box-shadow:none;min-width:0}
 .patient-clinical-workspace .clinical-record-date{display:block;margin:0;padding:9px 12px;border:0;border-bottom:1px solid #f0f0f2;background:#fafafa;color:#555c62;font-size:13px;font-weight:400;line-height:20px;overflow-wrap:anywhere}
 .patient-clinical-workspace .clinical-record-date::after{display:none}
 .patient-clinical-workspace .clinical-record-main{border:0;background:white;min-width:0}
 .patient-clinical-workspace .clinical-record-summary{display:flex;align-items:flex-start;gap:8px;min-height:36px;padding:8px 12px;border:0;background:#fff;color:#71787e;font-size:12px;line-height:1.6}
 .patient-clinical-workspace .clinical-record-summary>span{font-size:12px;color:#7c838a;line-height:1.6;min-width:0;overflow-wrap:anywhere}
 .patient-clinical-workspace .clinical-record-summary button{min-height:30px;padding:3px 0;border:0;background:transparent;color:#38acc1;font-size:11px;font-weight:400}
 .patient-clinical-workspace .clinical-record-preview{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 12px 13px;color:#62686d;font-size:14px;line-height:1.75}
 .patient-clinical-workspace .clinical-record-preview[hidden]{display:none}
 .patient-clinical-workspace .clinical-record-preview p{font-size:14px;line-height:1.75;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
 .patient-clinical-workspace .clinical-record-preview>span{font-size:11px;color:#9a9fa5;margin:0}
 .patient-clinical-workspace .clinical-record-expanded{display:flex;flex-direction:column;min-width:0}
 .patient-clinical-workspace .clinical-record-info{order:0;display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;padding:9px 12px;background:#fff;border:0;border-bottom:7px solid #f7f7f8;color:#858b91;font-size:11px;line-height:1.65}
 .patient-clinical-workspace .clinical-record-info p{margin:0;font-size:11px;line-height:1.7}
 .patient-clinical-workspace .clinical-record-info strong{font-size:12px;font-weight:400;color:#666d73}
 .patient-clinical-workspace .clinical-record-info .patient-shortcuts{margin:0 0 0 auto;display:flex;flex-wrap:wrap;gap:6px}
 .patient-clinical-workspace .clinical-record-info button{min-height:30px;padding:3px 5px;border-color:#edf0f2;border-radius:2px;background:#fff;font-size:11px;color:#3aa9bc}
 .patient-clinical-workspace .visit-record-reader{order:1;display:flex;flex-direction:column;min-width:0;padding:0 12px 13px;background:#fff;color:#61686e}
 .patient-clinical-workspace .visit-reader-heading{order:-1;padding:8px 0;border:0;border-bottom:1px solid #f1f2f3;margin:0}
 .patient-clinical-workspace .visit-reader-heading h2{font-size:15px;font-weight:500;color:#444}
 .patient-clinical-workspace .visit-reader-heading p{font-size:11px;color:#979da3;line-height:1.65}
 .patient-clinical-workspace .visit-reader-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;justify-content:flex-end}
 .patient-clinical-workspace .visit-reader-actions button{min-height:32px;margin:0;padding:4px 7px;border:1px solid #edf0f2;border-radius:2px;background:#fff;box-shadow:none;color:#41a7b9;font-size:11px;font-weight:400}
 .patient-clinical-workspace .visit-reader-document{order:0;min-width:0}
 .patient-clinical-workspace .visit-reader-section{display:block;padding:13px 0;border:0;border-bottom:1px solid #f1f2f3;min-width:0}
 .patient-clinical-workspace .visit-reader-section h3{display:block;margin:0 0 8px;padding:0;font-size:14px;line-height:21px;font-weight:400;color:#50585f}
 .patient-clinical-workspace .visit-reader-value{min-width:0;font-size:14px;line-height:1.75;color:#6b7177}
 .patient-clinical-workspace .visit-reader-entry{display:block;min-width:0;margin:0 0 9px}
 .patient-clinical-workspace .visit-reader-entry:last-child{margin-bottom:0}
 .patient-clinical-workspace .visit-reader-entry.has-teeth{display:flex;flex-direction:column;align-items:stretch;gap:0;border:1px solid #eef0f2;border-radius:6px;overflow:hidden;background:#fff}
 .patient-clinical-workspace .visit-reader-text{display:block;flex:none;min-width:0;font-size:14px;line-height:1.75;color:#7d8389;white-space:pre-wrap;overflow-wrap:anywhere}
 .patient-clinical-workspace .visit-reader-entry.has-teeth>.visit-reader-text{padding:9px 10px;box-sizing:border-box;color:#858c92}
 .patient-clinical-workspace .visit-reader-tooth{display:flex;align-items:center;justify-content:center;flex:none;min-width:0;width:100%;max-width:100%;padding:14px 8px 12px;box-sizing:border-box;background:#fbfbfc}
 .patient-clinical-workspace .visit-reader-tooth .tooth-notation{display:flex;flex-wrap:wrap;gap:10px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 .patient-clinical-workspace .visit-reader-tooth .notation-dentition{flex:1 1 100%;width:100%;min-width:0;max-width:100%}
 .patient-clinical-workspace .visit-reader-tooth .notation-cross{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;min-width:0;max-width:100%}
 .patient-clinical-workspace .visit-reader-tooth .notation-cell{box-sizing:border-box;min-height:26px;padding:1px 5px;min-width:0}
 .patient-clinical-workspace .visit-reader-tooth .notation-cell strong{display:flex;flex-wrap:nowrap;gap:0;min-height:20px;white-space:nowrap;word-break:normal;overflow-wrap:normal;font:400 13px/20px ui-monospace,monospace;color:#45afc3;letter-spacing:0}
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-0,
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-2{border-right:1px solid #59b7c9}
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-0 strong,
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-2 strong{justify-content:flex-end}
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-0,
 .patient-clinical-workspace .visit-reader-tooth .notation-cell-1{border-bottom:1px solid #59b7c9}
 .patient-clinical-workspace .visit-reader-tooth .notation-tooth-code{display:inline-block;flex:none;min-width:1.1ch;padding:0 .025ch;font-weight:400;text-align:center}
 .patient-clinical-workspace .visit-reader-empty{font-size:13px;color:#bcc0c5}
 .patient-clinical-workspace .visit-reader-source{order:2;margin:10px 0 0;padding:7px 0 0;border-top:1px solid #f0f2f3;color:#a0a6ad;font-size:11px;line-height:1.75}
 .patient-clinical-workspace .visit-reader-source summary{color:#979fa6;font-size:11px;min-height:28px;line-height:28px}
 .patient-clinical-workspace .visit-reader-source p{font-size:11px;line-height:1.75;margin:4px 0;overflow-wrap:anywhere}
 .patient-clinical-workspace .visit-reader-state{font-size:10px;font-weight:400;line-height:17px;padding:1px 5px;border-radius:2px}
 .patient-clinical-workspace .visit-reader-confirmation,
 .patient-clinical-workspace .visit-reader-return{order:1;font-size:11px;line-height:1.7;color:#8f969d;margin:9px 0 0}
 /* Writing uses the same form and listeners, with one quiet phone record sheet. */
 .shell:has(#visit-form) .topbar,.shell:has(#visit-form) .patient-management-nav,
 .shell:has(#visit-form) .recent-patients,.shell:has(#visit-form) .visit-shortcuts,
 .shell:has(#visit-form) .mobile-bottom,.shell:has(#visit-form) #view>.work-return{display:none!important}
 .shell:has(#visit-form) .main{padding:0!important;background:#fff}
 .shell #view:has(#visit-form){display:block;min-width:0;min-height:100dvh;padding:0;background:#fff;color:#555c63}
 .shell #view:has(#visit-form)>.pagehead{position:sticky;top:0;z-index:25;display:block;min-height:54px;box-sizing:border-box;margin:0;padding:calc(15px + env(safe-area-inset-top)) 101px 14px 47px;border:0;border-bottom:1px solid #f0f2f3;background:#fff}
 .shell #view:has(#visit-form)>.pagehead>div:first-child{display:block;min-width:0;margin:0;padding:0;text-align:center}
 .shell #view:has(#visit-form)>.pagehead h1{margin:0;color:#383e44;font-size:15px;font-weight:550;line-height:24px;letter-spacing:0;overflow-wrap:anywhere}
 .shell #view:has(#visit-form)>.pagehead .subtle{display:none}
 .shell #view:has(#visit-form)>.pagehead>.visit-editor-actions{display:contents}
 .shell #view:has(#visit-form) #back-patient{position:absolute;top:calc(5px + env(safe-area-inset-top));left:5px;width:42px;min-width:42px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:#fff url('/static/assets/icons/caret-left.svg') center/22px 22px no-repeat;font-size:0;color:transparent;box-shadow:none}
 .shell #view:has(#visit-form)>.pagehead>.visit-editor-actions>[data-print]{position:absolute;top:calc(5px + env(safe-area-inset-top));right:56px;width:40px;min-height:44px;padding:8px 0;border:0;border-radius:0;background:#fff;color:#43a7b8;font-size:12px;font-weight:400}
 .shell #view:has(#visit-form)>.pagehead .visit-editor-more{position:absolute;top:calc(5px + env(safe-area-inset-top));right:8px;min-width:44px;margin:0}
 .shell #view:has(#visit-form)>.pagehead .visit-editor-more>summary{min-height:44px;box-sizing:border-box;padding:11px 5px;border:0;border-radius:0;background:#fff;color:#43a7b8;font-size:12px;line-height:22px}
 .shell #view:has(#visit-form)>.pagehead .visit-editor-more>div{max-height:70dvh;overflow:auto}
 .shell #view:has(#visit-form)>.warning{margin:0;padding:7px 13px;border:0;border-bottom:5px solid #f7f7f8;border-radius:0;background:#fffaf3;color:#aa8053;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
 .shell #view:has(#visit-form) .visit-editor-layout{display:block;min-width:0;margin:0;padding:0 13px;background:#fff}
 .shell #view:has(#visit-form) .visit-editor-directory{margin:0;border:0;border-bottom:1px solid #f0f2f3;border-radius:0;background:#fff}
 .shell #view:has(#visit-form) .visit-editor-directory>summary{min-height:40px;padding:10px 0;border:0;background:#fff;color:#969da4;font-size:12px;font-weight:400}
 .shell #view:has(#visit-form) .visit-editor-directory nav{padding:3px 0 8px}
 .shell #view:has(#visit-form) #visit-form{min-width:0;margin:0;padding:0;background:#fff;scroll-padding-bottom:120px}
 .shell #view:has(#visit-form) .visit-editor-metadata{margin:0;border:0;border-bottom:5px solid #f7f7f8;border-radius:0;background:#fff}
 .shell #view:has(#visit-form) .visit-editor-metadata>summary{min-height:40px;padding:10px 0;color:#969da4;font-size:12px}
 .shell #view:has(#visit-form) .visit-editor-metadata>.card{padding:8px 0 12px}
 .shell #view:has(#visit-form) .visit-editor-metadata .toolbar{gap:7px;margin:0 0 10px}
 .shell #view:has(#visit-form) .visit-editor-metadata .toolbar>label{flex:1 1 140px;min-width:0;margin:0;font-size:11px}
 .shell #view:has(#visit-form) .visit-editor-metadata input,.shell #view:has(#visit-form) .visit-editor-metadata select{font-size:16px;min-height:40px;max-width:100%}
 .shell #view:has(#visit-form) #visit-form>.card{margin:0;padding:0;border:0;border-radius:0;background:#fff;box-shadow:none}
 .shell #view:has(#visit-form) #visit-form .clinical-fields{display:block!important;gap:0}
 .shell #view:has(#visit-form) #visit-form .clinical-field{min-width:0;margin:0;padding:15px 0;border:0;border-bottom:1px solid #f0f2f3;background:#fff;scroll-margin-top:65px}
 .shell #view:has(#visit-form) #visit-form .clinical-field>label,.shell #view:has(#visit-form) #visit-form .clinical-field-heading label{margin:0;color:#646c74;font-size:14px;font-weight:500;line-height:22px}
 .shell #view:has(#visit-form) #visit-form .clinical-field-heading{align-items:center;gap:7px;margin:0 0 7px}
 .shell #view:has(#visit-form) #visit-form .clinical-field-heading .actions{gap:5px}
 .shell #view:has(#visit-form) #visit-form .clinical-field-heading .actions>button{min-height:36px;padding:5px 3px;border:0;border-radius:0;background:#fff;color:#41a7b9;font-size:11px;font-weight:400}
 .shell #view:has(#visit-form) #visit-form .clinical-field textarea{width:100%;min-width:0;max-width:100%;min-height:86px;box-sizing:border-box;margin:7px 0 0;padding:6px 0;border:0;border-radius:0;background:#fff;color:#5b646b;font-size:16px;line-height:1.65;resize:vertical}
 .shell #view:has(#visit-form) #visit-form .clinical-row{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;margin-top:8px;border:1px solid #edf0f2;border-radius:5px;background:#fff;overflow:hidden}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth{order:0;display:block;width:100%;min-height:70px;margin:0;padding:9px 10px;border:0;border-bottom:1px solid #edf0f2;border-radius:0;background:#fbfbfc;color:#44aabd}
 .shell #view:has(#visit-form) #visit-form .clinical-row-description{order:1;display:flex;min-width:0;gap:0}
 .shell #view:has(#visit-form) #visit-form .clinical-row-description textarea{min-height:86px;margin:0;border:0;border-radius:0;background:#fff}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .tooth-notation{display:flex;min-width:0;width:100%;max-width:100%;margin:0;padding:0;background:transparent}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-dentition,.shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cross{width:100%;min-width:0;max-width:100%}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell{min-height:25px;padding:2px 7px}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell strong{display:flex;flex-wrap:nowrap;gap:0;min-height:20px;font:400 13px/20px ui-monospace,monospace;white-space:nowrap;word-break:normal;overflow-wrap:normal;color:#44aabd}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-0 strong,.shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-2 strong{justify-content:flex-end}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-0,.shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-2{border-right:1px solid #59b7c9}
 .shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-0,.shell #view:has(#visit-form) #visit-form .clinical-row-tooth .notation-cell-1{border-bottom:1px solid #59b7c9}
 .shell #view:has(#visit-form) #visit-form .clinical-row-actions{padding:4px 8px}
 .shell #view:has(#visit-form) #visit-form .savebar{position:sticky;bottom:0;z-index:24;display:grid;grid-template-columns:minmax(0,1fr);gap:7px;margin:0 -13px;padding:8px 13px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid #edf0f2;border-radius:0;background:#fff;box-shadow:none}
 .shell #view:has(#visit-form) #visit-form .visit-save-status{font-size:11px;line-height:1.4;overflow-wrap:anywhere}
 .shell #view:has(#visit-form) #visit-form .savebar>.actions{display:flex;flex-wrap:wrap;gap:8px;margin:0}
 .shell #view:has(#visit-form) #visit-form .savebar>.actions>button{flex:1;min-height:44px;margin:0;padding:9px 10px;border-radius:4px;font-size:13px;line-height:1.5}
 .shell #view:has(#visit-form) .visit-editor-history{margin:0;padding:0;border:0;border-top:5px solid #f7f7f8;border-radius:0;background:#fff}
 .shell #view:has(#visit-form) .visit-editor-history>summary{min-height:44px;padding:12px 0;text-align:left;color:#969da4;font-size:12px}
}