/* V66 typography contract: one Arabic family, one Latin family, shared everywhere. */
html[dir="rtl"] body,html[lang="ar"] body{font-family:'Tajawal','Segoe UI',Tahoma,sans-serif}
html[dir="ltr"] body,html[lang="en"] body{font-family:'Poppins','Tajawal','Segoe UI',sans-serif}
button,input,select,textarea{font-family:inherit}
/* SymptoSense Design System v1 — shared tokens and reusable primitives. */
:root{
  --ss-color-primary:#1f6fae;--ss-color-primary-strong:#123B70;--ss-color-primary-soft:#eaf5fc;
  --ss-color-bg:#f7fafc;--ss-color-surface:#fff;--ss-color-text:#23384a;--ss-color-muted:#566a7d;
  --ss-color-border:#dce8f0;--ss-color-success:#267a52;--ss-color-warning:#8a651e;--ss-color-danger:#a33a3a;
  --ss-radius-sm:10px;--ss-radius-md:14px;--ss-radius-lg:18px;--ss-radius-pill:999px;
  --ss-space-1:4px;--ss-space-2:8px;--ss-space-3:12px;--ss-space-4:16px;--ss-space-5:24px;--ss-space-6:32px;
  --ss-shadow-sm:0 3px 12px rgba(31,86,127,.06);--ss-shadow-md:0 8px 24px rgba(31,86,127,.10);
  --ss-focus:0 0 0 3px rgba(40,127,193,.22);--ss-control-height:46px;
}
.ss-stack{display:grid;gap:var(--ss-space-4)}.ss-row{display:flex;gap:var(--ss-space-3);align-items:center;flex-wrap:wrap}
.ss-card{background:var(--ss-color-surface);border:1px solid var(--ss-color-border);border-radius:var(--ss-radius-lg);box-shadow:var(--ss-shadow-sm);padding:var(--ss-space-5)}
.ss-card h2,.ss-card h3{margin-top:0;color:var(--ss-color-primary-strong)}
.ss-btn{min-height:var(--ss-control-height);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--ss-radius-md);border:1px solid transparent;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
.ss-btn-primary{background:var(--ss-color-primary);color:#fff}.ss-btn-secondary{background:#fff;color:var(--ss-color-primary-strong);border-color:var(--ss-color-border)}.ss-btn-danger{background:#fff1f1;color:var(--ss-color-danger);border-color:#f2caca}
.ss-btn:focus-visible,.ss-field:focus-visible,.ss-link:focus-visible{outline:none;box-shadow:var(--ss-focus)}
.ss-field{width:100%;min-height:var(--ss-control-height);padding:10px 12px;border:1px solid var(--ss-color-border);border-radius:var(--ss-radius-md);background:#fff;color:var(--ss-color-text);font:inherit}
.ss-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:var(--ss-radius-pill);background:var(--ss-color-primary-soft);color:var(--ss-color-primary-strong);font-size:12px;font-weight:800}
.ss-alert{padding:12px 14px;border-radius:var(--ss-radius-md);border:1px solid var(--ss-color-border);background:#fff}.ss-alert-success{background:#edf8f2;border-color:#cde7d8;color:var(--ss-color-success)}.ss-alert-warning{background:#fff8e7;border-color:#efdaa7;color:#6f531b}.ss-alert-danger{background:#fff1f1;border-color:#f2caca;color:#713434}
.ss-table-wrap{overflow:auto;border:1px solid var(--ss-color-border);border-radius:var(--ss-radius-md);background:#fff}.ss-table{width:100%;border-collapse:collapse}.ss-table th,.ss-table td{padding:10px 12px;border-bottom:1px solid var(--ss-color-border);text-align:start;vertical-align:top}.ss-table th{background:#f7fbfe;color:var(--ss-color-primary-strong)}
.ss-muted{color:var(--ss-color-muted)}.ss-kpi{font-size:clamp(24px,4vw,36px);font-weight:900;color:var(--ss-color-primary-strong)}
@media(max-width:600px){.ss-card{padding:16px}.ss-btn{width:100%}.ss-row>.ss-btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* Cross-device safety net shared by standalone/template surfaces. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
.ss-card,.ss-row,.ss-stack,.ss-table-wrap{min-width:0;max-width:100%}
.ss-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
@media(max-width:640px){input,select,textarea,.ss-field{font-size:16px}.ss-card{padding:16px}.ss-table{min-width:560px}}
@media(max-width:360px){.ss-card{padding:13px}.ss-btn{width:100%}}

/* V69 cross-surface consistency contract. */
html[dir="rtl"] body,html[lang="ar"] body{font-family:'Tajawal','Segoe UI',Tahoma,sans-serif!important}
html[dir="ltr"] body,html[lang="en"] body{font-family:'Poppins','Tajawal','Segoe UI',sans-serif!important}
button,input,select,textarea,option{font-family:inherit!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(40,127,193,.24);outline-offset:2px}
button,.ss-btn{min-height:44px}.ss-card{border-radius:16px}
@media(max-width:430px){.ss-card{padding:14px}.ss-btn{min-height:44px}}