/* Shared readable type scale. UI content stays at 13–16px across desktop and phone. */
.login-art h1{font-size:clamp(62px,6vw,92px);line-height:1.05}
.metrics:empty{display:none}.business-overview .detail-item strong{font-size:18px}.business-overview .card-head{flex-wrap:wrap}
.finance-line{border:1px solid var(--line);border-radius:16px;padding:20px;margin:0 0 18px;min-width:0}.finance-line legend{font-size:14px;padding-inline:8px}.metric .money{font-family:var(--sans);font-size:25px!important;white-space:normal;overflow-wrap:anywhere}.finance-tabs{padding-top:5px}.finance-line .fields{grid-template-columns:1fr 1fr}.finance-tabs .tab{flex-shrink:0}#finance-range input{max-width:220px}.tabs{max-width:100%}
.video-wrap{position:relative;aspect-ratio:16/9;width:100%;max-width:760px;background:var(--paper);border-radius:16px;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#care-patient-filter{min-width:230px;max-width:100%}.sidebar nav{padding-bottom:20px}.sidebar-foot{flex-shrink:0}.card>.note-text{max-width:85ch}.card>.gap{overflow-wrap:anywhere}
@media(max-width:1000px){.finance-line .fields{grid-template-columns:1fr}.finance-line{padding:16px}.dialog-body .list-row{flex-wrap:wrap}#finance-range{flex-direction:column;align-items:stretch}#care-patient-filter{min-width:0;width:100%}}
:root{--sans:'Cairo','DM Sans',Arial,sans-serif;--serif:'Cairo','DM Sans',Arial,sans-serif;--text:16px;--small:13px;--label:14px;--title:25px}
html[lang=ar],html[lang=en]{--sans:'Cairo','DM Sans',Tahoma,sans-serif;--serif:'Cairo','DM Sans',Tahoma,sans-serif}
body{font-size:var(--text);line-height:1.85}h1,h2,h3{font-weight:600;letter-spacing:0;line-height:1.55}
.side-link{font-size:14px;padding:12px 14px;gap:10px}.sidebar{width:auto}.app-shell{grid-template-columns:266px minmax(0,1fr)}
.nav-label,.brand small,.eyebrow,.topbar .eyebrow,.metric small{font-size:11px;line-height:1.7}.fine,.notice,.pill,.user-name,.list-row p,.list-row small,.calendar-event small,.detail-item span{font-size:13px}.notice{line-height:1.8}
.button,.text-button,.quick,.tab{font-size:14px;line-height:1.6}.button{min-height:46px;padding:11px 20px}.topbar h1{font-size:20px}.intro h2{font-size:26px}.intro p,.section-description{font-size:15px}.card h3{font-size:19px}.metric p{font-size:14px}.metric strong{font-size:34px}
label,.field-label,.permissions label{font-size:14px}input,select,textarea{font-size:15px;line-height:1.65;min-height:46px}.check{line-height:1.8}input[type=checkbox]{min-height:0}
th{font-size:13px;font-weight:600}td{font-size:14px}td small{font-size:12px}.list-row strong,.detail-item strong,.note-text{font-size:15px}.calendar-event,.calendar-head{font-size:13px}.calendar-event strong{font-size:14px}.calendar-event{padding:13px 11px}.calendar{grid-template-columns:repeat(7,minmax(170px,1fr));min-width:1190px}.calendar-day{padding:10px}.calendar-head strong{font-size:25px}
.feature h3{font-size:32px;line-height:1.65;max-width:540px}.feature p{font-size:15px;line-height:1.9}.feature{min-height:270px}.quick{padding:17px 14px}.login-form>p,.login-art p{font-size:15px}.login-note{font-size:13px!important}.login-art h1{font-family:'Instrument Serif',Georgia,serif}.login-form h2{font-size:29px}.dialog-head h2{font-size:23px}.dialog-head{gap:16px}.fields{gap:20px}.detail-toolbar{align-items:center}.dialog-body .row{flex-wrap:wrap}.toolbar .search{width:min(420px,100%)}
@media(max-width:1200px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.content{padding:26px}.intro h2{font-size:25px}.feature h3{font-size:30px}.quick{flex-direction:row;align-items:center}}
@media(max-width:1000px){.app-shell{display:block}.sidebar{width:268px}.side-link{font-size:14px;padding-block:12px}.topbar{padding-inline:16px}.topbar h1{font-size:17px}.content{padding:18px 14px}.intro{flex-wrap:wrap;align-items:flex-start}.intro h2{font-size:23px}.intro p{font-size:14px;max-width:100%}.intro>.row{justify-content:flex-start;gap:8px}.metric p{font-size:13px}.metric strong{font-size:31px}.metric small{font-size:10px}.metric{padding:16px}.feature h3{font-size:27px}.feature p{font-size:14px}.feature{min-height:250px}.button,.quick,.tab{font-size:13px}.button{padding-inline:16px}.topbar .eyebrow{font-size:10px}.fine,.notice,.pill{font-size:12px}.list-row{gap:12px;align-items:flex-start}.list-row strong{font-size:14px}.list-row p{font-size:12px}.list-row .pill{flex-shrink:0}.login-form input,input,select,textarea{font-size:16px}label{font-size:14px}.dialog-head h2{font-size:20px}.calendar-tools{flex-wrap:wrap}.login-art p{font-size:13px}.login-form h2{font-size:26px}.dialog-footer{flex-wrap:wrap}.table-wrap td,.table-wrap th{padding:14px}.toolbar{align-items:flex-start}.tabs{flex-wrap:nowrap}.card-head{flex-wrap:wrap}}