/* Readable Arabic type, comfortable controls and accessible foreground contrast. */
:root{--muted:#506675;--teal-text:#087568}
body{font-size:16px;line-height:1.75}
button,input,select,textarea{font-family:inherit}
p{line-height:1.85}
small,.small,.muted{color:var(--muted)}
input::placeholder,textarea::placeholder{color:#607583;opacity:1}
.btn.primary,.primary,.heading-actions .primary,.cta-v2 .btn,.preview-plus{background:#087f73;color:#fff}
.btn.primary:hover,.primary:hover{background:#066b62;color:#fff}
.side-nav button{font-size:15px;min-height:46px;line-height:1.65}
.nav-label{font-size:12px;font-weight:600;letter-spacing:0}
.workspace small,.user small{font-size:13px}
.panel-title h2{font-size:18px;line-height:1.6}
.panel-title p,.page-heading p{font-size:14px;line-height:1.8}
table{font-size:14px}th{font-size:13px;font-weight:600}td{line-height:1.75;padding-top:15px;padding-bottom:15px}
.status{font-size:12px;font-weight:500;line-height:1.6;white-space:nowrap}
.btn{font-size:15px;line-height:1.6;min-height:42px}
dialog label,.clinic-settings-panel form>label{font-size:14px;font-weight:500;line-height:1.8}
dialog input,dialog select,dialog textarea{font-size:16px;line-height:1.6}
.searchbox input{font-size:14px}
.search-result b{font-size:15px}.search-result small{font-size:13px;line-height:1.75}
.search-result small small{font-size:12px}.search-footer{font-size:12px;flex-wrap:wrap;gap:8px}
.global-search-results section h3{font-size:13px;font-weight:600}
.calendar-event{line-height:1.45;gap:2px}
.calendar-event>strong{font-size:13px}.calendar-event>small,.event-time{font-size:12px}
.event-foot{font-size:12px}.time-gutter>span{font-size:12px;font-weight:500}
.is-short .calendar-event strong,.is-tiny .calendar-event strong{font-size:12px}
.is-tiny .event-time{font-size:12px}
.single-day .calendar-event>strong{font-size:14px}.single-day .event-time{font-size:12px}
.agenda-item>button>strong{font-size:16px}.agenda-item>button>small,.agenda-doctor,.agenda-plan{font-size:14px}
.receipt-brand p,.receipt-to p,.receipt-notes,.receipt-footer{font-size:13px;line-height:1.85}
.receipt-details>div{font-size:14px}.receipt-details dd small{font-size:12px}
.landing-v2 .section-heading>p,.experience-heading p,.journey-line p,.faq-list details p{font-size:17px;line-height:1.9}
.hero-checks,.hero-caption,.bento p,.footer-links{font-size:15px;line-height:1.85}
.hero-badge,.section-kicker,.bento-index{font-size:13px}
.clinic-hero p,.workspace-status-card p{color:#d4e7ee;font-size:15px;line-height:1.9}
.clinic-hero .eyebrow,.workspace-status-card>div>span{color:#c5e0e5;font-size:12px}
.clinic-hero h2,.workspace-status-card b{color:#fff}
.clinic-hero h2>span{color:#a8e5dc}
.plan-reminder-card p{color:#d0e6ec;font-size:14px}
.plan-reminder-card a{color:#8de4d5;font-size:14px}
.hero-ghost-button{color:#d0f0eb;font-size:14px}
.bento-insights p,.bento-insights .bento-index,.insight-art>.tiny{color:#d0f0eb}
.cta-v2 p,.cta-v2 small,.cta-v2 .eyebrow{color:#d0f0eb}
.bento-insights .iconbox,.bento-insights .bento-arrow,.insight-link{color:#72e2d3}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #087f73;outline-offset:3px}
@media(max-width:760px){
 .searchbox input{font-size:16px}.topbar{gap:8px}
 .page-heading h1{line-height:1.5}.panel-title{gap:12px;align-items:flex-start;flex-wrap:wrap}
 .panel-title p{font-size:14px}.panel-title select{max-width:100%}
 .heading-actions{flex-wrap:wrap}.profile-tabs button{font-size:14px;min-height:44px}
 .row-menu-btn{font-size:13px;min-height:36px}.calendar-views button{font-size:13px;min-height:38px}
 .calendar-daynames>div{font-size:12px;letter-spacing:-.3px}
 .calendar-month .month-day{padding:7px 3px}.month-date{font-size:14px}
 .month-day:after{font-size:12px}.single-day .calendar-event>strong{font-size:14px}
 .calendar-event>strong{font-size:12px}.calendar-event>small,.event-foot,.event-time{font-size:12px}
 .clinic-hero p{font-size:14px}.hero-checks{flex-wrap:wrap}
 .hero-caption{font-size:14px}.landing-v2 .section-heading>p,.experience-heading p,.journey-line p,.faq-list details p{font-size:16px}
 .receipt-brand{gap:12px;flex-wrap:wrap}.receipt-heading{flex-wrap:wrap;gap:10px}
 .receipt-stamp{font-size:13px}.receipt-details>div{gap:12px;flex-wrap:wrap}
 .backup-download{align-items:flex-start;flex-wrap:wrap}.settings-readonly{flex-wrap:wrap}
}