:root{--navy:#123047;--teal:#00b982;--gold:#0088c7;--red:#c9282d;--ink:#243746;--mute:#667987;--line:#e1e9ee;--bg:#f4f8fa;--brand-green:#00b982;--brand-blue:#0088c7;--brand-red:#c9282d;--brand-gold:#00c987;--mc-shadow:0 8px 28px rgba(18,48,71,.06);--mc-shadow-hover:0 14px 36px rgba(18,48,71,.10)}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}
.app{display:flex;min-height:100vh}
.side{width:250px;background:linear-gradient(180deg,#082f43,#06364a);color:#d6e5da;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:18px 14px;z-index:1040;transition:transform .25s}
.side .brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:700;font-size:15px;padding:4px 8px 16px;text-decoration:none;line-height:1.2}
.brand-mark{width:34px;height:34px;flex:none;border-radius:10px;background:linear-gradient(135deg,var(--teal),#0c8b50);display:grid;place-items:center;color:#fff}
.side .sec{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9bb9a4;padding:12px 12px 6px}
.side nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:10px;color:#d6e5da;text-decoration:none;font-weight:500;margin-bottom:2px}
.side nav a i{width:18px;text-align:center}.side nav a:hover{background:rgba(255,255,255,.08);color:#fff}.side nav a.on{background:var(--teal);color:#fff}
.side .me{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:14px 6px 0;font-size:12.5px}
.plan-chip{display:inline-block;background:rgba(200,161,101,.18);color:#e8c98f;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:700;flex:none}
.main{margin-left:250px;flex:1;min-width:0}
.top{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 28px;position:sticky;top:0;z-index:1030}
.top h1{font-size:17px;font-weight:700;margin:0;color:var(--navy)}
.btn-icon{border:0;background:none;font-size:18px;color:var(--navy)}
.content{padding:26px 28px}.content .container{max-width:1180px;padding:0;margin:0 auto}
.trial-bar{background:#edf5ee;color:#0088c7;border-radius:10px;padding:9px 14px;margin-bottom:18px;font-weight:500;display:flex;gap:10px;align-items:center}.trial-bar.bad{background:#fde6e4;color:#b3261e}
.card{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(10,47,79,.04)!important;background:#fff}
.card-header{background:none!important;border-bottom:1px solid var(--line)!important;padding:14px 18px;color:var(--navy);font-weight:700}
.table{--mdb-table-hover-bg:#f7fafc;margin:0}.table th{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700;background:#f9fbfd;border-bottom:1px solid var(--line)!important;padding:11px 16px}
.table td{padding:12px 16px;border-color:var(--line)}
.btn{text-transform:none!important;letter-spacing:0;font-weight:600;border-radius:9px!important;box-shadow:none!important}
.btn-primary{background:var(--teal)!important;color:#fff!important}.btn-primary:hover{background:#009e70!important}
.btn-light{background:#eef3f7!important;color:var(--navy)!important}.text-primary{color:var(--navy)!important}.bg-primary{background:var(--navy)!important}
.form-control,.form-select{border-radius:9px!important;border:1px solid #d5dfe7!important}.form-control:focus,.form-select:focus{border-color:var(--teal)!important;box-shadow:0 0 0 3px rgba(8,116,67,.13)!important}
.form-label{font-weight:600;font-size:12px;color:var(--navy)}.badge{border-radius:20px;font-weight:600}
.stat .ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:18px}
.ico.t{background:#edf5ee;color:var(--teal)}.ico.n{background:#edf2ed;color:var(--navy)}.ico.g{background:#f7efe0;color:#a97b36}.ico.r{background:#fdebe9;color:#c0392b}
.stat h2{font-size:28px;font-weight:800;color:var(--navy);margin:0}.progress{height:8px;border-radius:8px;background:#e9eff4}.progress-bar{background:var(--teal)}
.quick a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:600}.quick a:hover{background:#f2f7fa}.quick i{color:var(--teal);width:20px;text-align:center}
/* auth */
.auth{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:#fff}
.auth-art{background:radial-gradient(900px 500px at 10% 0,rgba(192,162,102,.30),transparent),linear-gradient(150deg,#02391d,#06364a 70%,#00b982);color:#fff;padding:52px;display:flex;flex-direction:column;justify-content:space-between}
.auth-art h2{font-family:Fraunces,serif;font-size:34px;line-height:1.15;margin:0 0 18px}.auth-art li{margin:10px 0;list-style:none;color:#d3e8ee}.auth-art li i{color:#e2c991;margin-right:10px}
.auth-art a.brand{color:#fff;text-decoration:none;font-weight:700;display:flex;gap:10px;align-items:center}
.auth-form{display:flex;align-items:center;justify-content:center;padding:32px}.auth-form>div{width:100%;max-width:390px}.auth-form h3{font-weight:800;color:var(--navy)}
@media(max-width:991px){.side{transform:translateX(-100%)}.side.open{transform:none}.main{margin-left:0}.top{padding:0 14px}.content{padding:16px}.auth{grid-template-columns:1fr}.auth-art{display:none}}
@media print{.side,.top,.no-print{display:none!important}.main{margin:0!important}.content{padding:0!important}}

/* SmatEMR identity: logo-matched green, gold and clinical red */
.brand-logo{width:112px;height:52px;max-width:100%;object-fit:contain;object-position:left center;display:block;background:transparent;border-radius:0;padding:0}
.side .brand{min-height:56px;padding:2px 8px 12px;overflow:hidden}
.side .brand-mark{background:var(--gold);color:var(--navy)}
.side nav a.on{background:var(--teal)}
.btn-danger{background:#b91c1c!important}
.auth-art .brand-logo{width:128px;height:60px;object-fit:contain}
.side .brand-logo{width:112px;height:52px}
.btn-primary:hover{background:#064a2a!important}
.btn-danger{background:var(--red)!important}
@media(max-width:600px){.content{padding:14px}.brand-logo{width:104px;height:48px}.side .brand-logo{width:104px;height:48px}}


/* SmatEMR UI refinement: restrained logo, consistent green/gold palette, clear admin surfaces */
:root{
 --navy:#064b2b; --teal:#00b982; --gold:#00c987; --red:#c9282d;
 --ink:#24332b; --mute:#68766d; --line:#e0e8e1; --bg:#f5f8f5;
 --brand-green:#064b2b; --brand-red:#c9282d; --brand-gold:#00c987;
}
body{background:var(--bg);color:var(--ink)}
.side{width:248px;background:#064b2b;padding:18px 12px}
.main{margin-left:248px}
.side .brand{height:56px;min-height:56px;padding:4px 10px 14px;gap:8px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.brand-logo{width:84px;height:38px;max-width:100%;object-fit:contain;object-position:left center;display:block}
.side .brand-logo{width:84px;height:38px}
.auth-art .brand-logo{width:104px;height:46px}
.side .sec{color:#b5d0bd}
.side nav a{padding:10px 12px;border-radius:8px}
.side nav a.on{background:#00b982;box-shadow:inset 3px 0 #00c987}
.top{height:64px;padding:0 26px;background:#fff;border-bottom-color:#e0e8e1}
.top h1{color:#064b2b}
.content{padding:24px 26px}
.content .container{max-width:1240px}
.card{border-color:#e0e8e1!important;box-shadow:0 4px 16px rgba(6,75,43,.035)!important}
.card-header{color:#064b2b!important}
.table th{background:#f3f7f3;color:#617066}
.btn-primary{background:#00b982!important;border-color:#00b982!important}
.btn-primary:hover{background:#064b2b!important;border-color:#064b2b!important}
.btn-light{background:#f0f5f0!important;color:#064b2b!important}
.form-label{color:#234b33}
.progress-bar{background:#00b982}
.stat h2{color:#064b2b}
.quick a:hover{background:#f0f6f0}
@media(max-width:991px){.side{width:248px}.main{margin-left:0}.content{padding:16px}.top{padding:0 16px}}
@media(max-width:600px){.brand-logo,.side .brand-logo{width:78px;height:36px}.auth-art .brand-logo{width:100px;height:44px}}

/* SmatEMR UI refinement: compact logo, consistent brand palette and admin surfaces */
:root{--navy:#064b2b;--teal:#00b982;--gold:#00c987;--red:#c9282d;--ink:#24332b;--mute:#68766d;--line:#e0e8e1;--bg:#f5f8f5;--brand-green:#064b2b;--brand-red:#c9282d;--brand-gold:#00c987}
body{background:var(--bg);color:var(--ink)} .side{width:248px;background:#064b2b;padding:18px 12px}.main{margin-left:248px}
.side .brand{height:56px;min-height:56px;padding:4px 10px 14px;gap:8px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px}
.brand-logo{width:84px;height:38px;max-width:100%;object-fit:contain;object-position:left center;display:block}.side .brand-logo{width:84px;height:38px}.auth-art .brand-logo{width:104px;height:46px}
.side .sec{color:#b5d0bd}.side nav a{padding:10px 12px;border-radius:8px}.side nav a.on{background:#00b982;box-shadow:inset 3px 0 #00c987}
.top{height:64px;padding:0 26px;background:#fff;border-bottom-color:#e0e8e1}.top h1{color:#064b2b}.content{padding:24px 26px}.content .container{max-width:1240px}
.card{border-color:#e0e8e1!important;box-shadow:0 4px 16px rgba(6,75,43,.035)!important}.card-header{color:#064b2b!important}.table th{background:#f3f7f3;color:#617066}
.btn-primary{background:#00b982!important;border-color:#00b982!important}.btn-primary:hover{background:#064b2b!important;border-color:#064b2b!important}.btn-light{background:#f0f5f0!important;color:#064b2b!important}.form-label{color:#234b33}.progress-bar{background:#00b982}.stat h2{color:#064b2b}.quick a:hover{background:#f0f6f0}
@media(max-width:991px){.side{width:248px}.main{margin-left:0}.content{padding:16px}.top{padding:0 16px}}@media(max-width:600px){.brand-logo,.side .brand-logo{width:78px;height:36px}.auth-art .brand-logo{width:100px;height:44px}}


/* Premium clinical workspace and patient timeline */
:root{--shadow-soft:0 12px 32px rgba(20,55,35,.055)}
.content{padding:26px clamp(14px,2vw,32px)}
.content>.container{width:100%}
.top{box-shadow:0 2px 12px rgba(22,52,34,.025)}
.card{box-shadow:var(--shadow-soft)!important;overflow:hidden}
.card-header{display:flex;align-items:center;gap:8px;min-height:52px}
.table-responsive{border-radius:0 0 14px 14px}
.table td{font-size:12.5px;vertical-align:middle}
.table th{font-size:10px;letter-spacing:.07em}
.form-control,.form-select{font-size:12.5px!important;min-height:40px}
textarea.form-control{min-height:unset}
.visit-card{border-color:#dbe8de!important;background:linear-gradient(140deg,#fff 0%,#f7fbf7 100%)}
.visit-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:#eaf5ed;color:#0088c7;font-size:10.5px;font-weight:700;text-transform:capitalize}
.history-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border-radius:18px;background:radial-gradient(circle at 85% 15%,rgba(192,162,102,.22),transparent 28%),linear-gradient(120deg,#064b2b,#00b982);color:#fff;box-shadow:0 14px 32px rgba(6,75,43,.14)}
.history-hero h2{font-size:23px;font-weight:800;margin:5px 0 8px;color:#fff}
.history-hero p{font-size:12px;color:#d8e9dd}
.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#dfc58f}
.summary-card{padding:17px 18px;gap:6px;min-height:112px;display:flex;flex-direction:column}
.summary-card small{font-size:10.5px;color:var(--mute);font-weight:700}
.summary-card strong{font-size:23px;letter-spacing:-.04em;color:var(--navy)}
.summary-card span{font-size:10.5px;color:var(--mute)}
.patient-history .table td{font-size:12px}
@media(max-width:767px){.history-hero{align-items:flex-start;flex-direction:column;padding:18px}.history-hero h2{font-size:20px}.history-hero .btn{flex:1}.summary-card{min-height:95px}.visit-card .card-body{padding:15px}.content{padding:12px}.top{height:58px}.top h1{font-size:15px}.table td,.table th{padding:10px 11px;white-space:normal}.patient-history .table td:first-child{white-space:nowrap}}
@media(max-width:420px){.top .btn{font-size:10px;padding:7px 9px}.history-hero .d-flex{width:100%}.history-hero .btn{font-size:11px}}

/* Smart insights: consistent across clinic, staff and platform workspaces */
.smart-insights{margin:0 0 26px}
.smart-insights-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 15px}
.smart-eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;color:#8b7445;margin-bottom:5px}
.smart-insights-heading h2{font-size:19px;line-height:1.25;font-weight:800;color:var(--navy);margin:0 0 4px;letter-spacing:-.025em}
.smart-insights-heading p{font-size:11.5px;color:var(--mute);margin:0}
.smart-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--mute);font-size:10px;font-weight:700;white-space:nowrap}
.smart-live span{width:6px;height:6px;border-radius:50%;background:#13834d;box-shadow:0 0 0 3px #e7f4eb}
.smart-insight-card{position:relative;padding:16px 17px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(20,55,35,.035);display:flex;flex-direction:column;min-height:190px;transition:transform .18s ease,box-shadow .18s ease}
.smart-insight-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,55,35,.07)}
.smart-insight-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}
.smart-insight-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#edf5ef;color:#00b982;font-size:14px}
.smart-insight-metric{font-size:23px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--navy);font-variant-numeric:tabular-nums}
.smart-insight-card h3{font-size:12.5px;font-weight:800;color:var(--ink);margin:0 0 7px}
.smart-insight-card p{font-size:11px;line-height:1.6;color:var(--mute);margin:0 0 13px;flex:1}
.smart-insight-action{font-size:10.5px;font-weight:800;color:var(--teal);text-decoration:none;align-self:flex-start}
.smart-insight-action:hover{color:var(--navy)}
.smart-insight-card.attention{border-top:3px solid #c98b32}.smart-insight-card.attention .smart-insight-icon{background:#fff4e2;color:#9b6418}
.smart-insight-card.info{border-top:3px solid #7a9bb0}.smart-insight-card.info .smart-insight-icon{background:#edf4f8;color:#456e86}
.smart-insight-card.good{border-top:3px solid #3d9a69}.smart-insight-card.good .smart-insight-icon{background:#eaf6ee;color:#247447}
.smart-insights-note{font-size:10px;color:#7a867e;line-height:1.5;margin:12px 2px 0}
@media(max-width:767px){.smart-insights-heading{align-items:flex-start;flex-direction:column}.smart-live{align-self:flex-start}.smart-insight-card{min-height:165px;padding:14px}.smart-insights-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.smart-insight-card{transition:none}.smart-insight-card:hover{transform:none}}


/* =========================================================
   SmatEMR Premium UI System — production-folder baseline
   Shared across superadmin, clinic admin, staff and auth pages
   ========================================================= */
:root{
 --mc-forest:#064b2b;--mc-green:#00b982;--mc-green-2:#0b8a52;
 --mc-gold:#c4a56a;--mc-ink:#1d2b23;--mc-muted:#6c7a70;
 --mc-line:#e4ebe5;--mc-canvas:#f4f7f4;--mc-white:#fff;
 --mc-shadow:0 8px 28px rgba(16,48,29,.055);
 --mc-shadow-hover:0 14px 34px rgba(16,48,29,.10);
}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-size:13px;line-height:1.55;background:var(--mc-canvas);color:var(--mc-ink)}
.app{background:var(--mc-canvas)}
.side{background:linear-gradient(165deg,#063d23 0%,#07562f 58%,#064326 100%);box-shadow:5px 0 28px rgba(8,39,21,.08);border-right:1px solid rgba(255,255,255,.06)}
.side .brand{min-height:72px;padding:5px 8px 17px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:12px}
.brand-logo{width:154px;height:58px;object-fit:contain;object-position:left center;display:block}
.side .brand-logo{width:172px;height:64px;max-width:100%;object-position:left center}
.side nav a{font-size:12.5px;letter-spacing:-.01em;padding:10px 12px;margin:3px 0;border:1px solid transparent;transition:background .18s,border-color .18s,transform .18s}
.side nav a i{font-size:13px;opacity:.9}
.side nav a:hover{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.07);transform:translateX(2px)}
.side nav a.on{background:linear-gradient(110deg,#0b8a52,#00b982);box-shadow:0 5px 14px rgba(0,0,0,.13);border-color:rgba(255,255,255,.09)}
.side .sec{font-size:9px;font-weight:800;letter-spacing:.15em;color:#9bc3a8}
.side .me{padding-top:16px}
.avatar{background:linear-gradient(135deg,#e3c98e,#b99553);color:#163c26;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.main{min-height:100vh}
.top{height:66px;padding:0 clamp(16px,2.2vw,32px);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e7ede8;box-shadow:0 2px 12px rgba(15,45,26,.025)}
.top h1{font-size:16px;letter-spacing:-.035em;color:#123e27}
.content{padding:clamp(16px,2.2vw,30px)}
.content>.container{max-width:1320px}
.content h2{font-size:20px;letter-spacing:-.035em;font-weight:800;color:#163e28}
.content h3{font-size:15px;letter-spacing:-.02em;font-weight:800;color:#1d3b2a}
.content h4{font-size:13px;font-weight:800;color:#234331}
.content p{line-height:1.65}
.card,.modal-content,.dropdown-menu{border:1px solid var(--mc-line)!important;border-radius:16px!important;box-shadow:var(--mc-shadow)!important}
.card{overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.card:hover{border-color:#d7e4da!important}
.card-header{padding:15px 18px!important;background:linear-gradient(180deg,#fff,#fcfdfc)!important;color:#1b4a30!important;font-size:12.5px}
.card-body{padding:18px}
.stat,.stat-card,.metric-card,.kpi-card{border:1px solid var(--mc-line)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff 0%,#fbfdfb 100%);box-shadow:var(--mc-shadow)!important;padding:18px;position:relative;overflow:hidden}
.stat:after,.stat-card:after,.metric-card:after,.kpi-card:after{content:"";position:absolute;right:-24px;top:-30px;width:94px;height:94px;border-radius:50%;background:rgba(8,116,67,.045);pointer-events:none}
.stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{font-size:26px;letter-spacing:-.055em;line-height:1.1}
.stat .small,.stat small,.stat-card small,.metric-card small,.kpi-card small{font-size:11px;color:var(--mc-muted)}
.ico{width:38px;height:38px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(8,116,67,.04)}
.btn{font-size:12px;font-weight:700;min-height:34px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#0a8650,#07663a)!important;border-color:#00b982!important;box-shadow:0 5px 12px rgba(8,116,67,.12)!important}
.btn-primary:hover{background:linear-gradient(135deg,#00b982,#05552f)!important;box-shadow:0 8px 18px rgba(8,116,67,.2)!important}
.btn-outline-primary{border-color:#b9d7c3!important;color:#00b982!important}
.btn-outline-primary:hover{background:#edf7ef!important}
.btn-light,.btn-secondary{border:1px solid #e0e8e1!important;background:#f7faf7!important;color:#34513f!important}
.btn-danger{background:linear-gradient(135deg,#c83c3c,#a91f28)!important;border-color:#b72a31!important}
.btn-sm{font-size:11.5px;min-height:30px;padding:6px 11px!important}
.form-label,label{font-size:11.5px;font-weight:700;color:#405649;margin-bottom:6px}
.form-control,.form-select,.input-group-text{font-size:12.5px!important;border-radius:10px!important;border-color:#dce6de!important;min-height:39px;background-color:#fff}
textarea.form-control{min-height:88px}
.form-control:focus,.form-select:focus{border-color:#62a982!important;box-shadow:0 0 0 3px rgba(8,116,67,.10)!important}
.input-group-text{background:#f6f9f6;color:#5b6d60}
.table-responsive{border-radius:12px;max-width:100%}
.table{font-size:12px}
.table th{font-size:9.5px;letter-spacing:.09em;background:#f5f8f5!important;color:#66766b;padding:12px 14px;white-space:nowrap}
.table td{padding:12px 14px;vertical-align:middle}
.table tbody tr{transition:background .15s}
.table tbody tr:hover{background:#f7fbf7}
.badge,.chip{font-size:10px;font-weight:800;letter-spacing:.01em;border-radius:30px;padding:5px 9px}
.alert{border:1px solid transparent;border-radius:13px;font-size:12px;line-height:1.6}
.alert-success{background:#eef8f0;border-color:#d6eadb;color:#235d37}
.alert-warning{background:#fff7e8;border-color:#f0dfba;color:#7a581b}
.alert-danger{background:#fff0ef;border-color:#f2d5d2;color:#96352f}
.alert-info{background:#eef6fa;border-color:#d7e8f0;color:#315f74}
.nav-tabs{border-bottom-color:#e3ebe4;gap:4px}
.nav-tabs .nav-link{font-size:12px;font-weight:700;color:#6b7a70;border:0;border-radius:9px 9px 0 0;padding:10px 13px}
.nav-tabs .nav-link.active{color:#00b982;background:#edf7ef;border-bottom:2px solid #00b982}
.pagination .page-link{font-size:12px;color:#00b982;border-color:#e1e9e2}
.progress{background:#e8efe9;border-radius:20px;overflow:hidden}
.progress-bar{background:linear-gradient(90deg,#00b982,#31a66b)}
hr{border-color:#e5ece6;opacity:1}
.breadcrumb{font-size:11px;color:#738177}
.breadcrumb a{color:#00b982;text-decoration:none}
.modal-header{border-bottom:1px solid #e7eee8;padding:16px 20px}
.modal-footer{border-top:1px solid #e7eee8;padding:14px 20px}
.dropdown-menu{padding:7px}
.dropdown-item{font-size:12px;border-radius:8px;padding:8px 10px}
.smart-insight-card{border:1px solid #e1eae2!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(20,55,35,.04);padding:17px;min-height:172px}
.smart-insight-card:hover{box-shadow:var(--mc-shadow-hover);border-color:#c9dfcf!important}
.smart-insight-metric{font-size:25px;color:#123f28}
.smart-insight-card h3{font-size:12px}
.smart-insight-card p{font-size:11.5px}
.smart-insight-action{font-size:11px}
.trial-bar{border:1px solid #d9eadc;background:linear-gradient(100deg,#edf8ef,#f7fbf7);border-radius:12px}
.auth{min-height:100vh;background:#f5f8f5}
.auth-art{background:radial-gradient(circle at 82% 18%,rgba(196,165,106,.22),transparent 30%),linear-gradient(145deg,#043b21,#00b982 72%,#07542f);padding:clamp(26px,4vw,58px)}
.auth-art h2{font-size:clamp(25px,3vw,38px);line-height:1.18;letter-spacing:-.045em;max-width:520px}
.auth-form{padding:clamp(20px,4vw,56px)}
.auth-form>div{max-width:420px}
.auth-form h3{font-size:23px;letter-spacing:-.04em}
.auth-form .form-control,.auth-form .form-select{min-height:44px}
.auth-art .brand-logo{width:250px;height:auto;max-height:118px;object-fit:contain;object-position:left center}
.bare .brand-logo{max-width:100%}
:focus-visible{outline:3px solid rgba(8,116,67,.35);outline-offset:2px}
@media(min-width:1400px){.content{padding-left:34px;padding-right:34px}.content>.container{max-width:1420px}}
@media(max-width:991px){
 .side{box-shadow:14px 0 40px rgba(0,0,0,.18)}
 .side .brand-logo{width:202px;height:auto;max-height:96px;object-fit:contain;object-position:left center}
 .top{height:60px}
 .top h1{font-size:15px}
 .content{padding:16px}
 .card-body{padding:15px}
 .stat,.stat-card,.metric-card,.kpi-card{padding:15px}
 .stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{font-size:23px}
}
@media(max-width:575px){
 .content{padding:12px}
 .top{padding:0 12px;gap:10px}
 .top h1{font-size:14px;max-width:58vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .top .btn{font-size:10.5px;padding:6px 8px!important}
 .card,.modal-content{border-radius:13px!important}
 .card-header{padding:12px 14px!important}
 .card-body{padding:13px}
 .table th{font-size:9px;padding:10px}
 .table td{padding:10px;font-size:11.5px}
 .auth-form{padding:22px 17px}
 .auth-form h3{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Accessible mobile navigation overlay */
.side-backdrop{display:none}
@media(max-width:991px){
 .side-backdrop{position:fixed;inset:0;border:0;background:rgba(9,27,16,.48);backdrop-filter:blur(2px);z-index:1035;opacity:0;pointer-events:none;transition:opacity .2s}
 .side-backdrop.show{display:block;opacity:1;pointer-events:auto}
 .side{z-index:1040}
 body.nav-open{overflow:hidden}
}

/* SmatEMR enterprise workspace refinements */
.side{background:linear-gradient(180deg,#102f43 0%,#123d51 100%);border-right:1px solid rgba(255,255,255,.06)}
.side .brand{min-height:92px;padding:8px 5px 20px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:10px}
.side .brand-logo{width:214px;height:auto;max-height:100px;object-fit:contain}
.side nav a{font-size:13px;padding:11px 12px;border-radius:8px;transition:background .16s ease,color .16s ease,transform .16s ease}
.side nav a:hover{background:rgba(255,255,255,.09);transform:translateX(2px)}
.side nav a.on{background:linear-gradient(100deg,#00b982,#00a97d);box-shadow:0 5px 16px rgba(0,185,130,.18);color:#052e32}
.top{box-shadow:0 2px 10px rgba(18,48,71,.025);border-color:#e4ebef}
.top h1{color:#123047;letter-spacing:-.025em}
.content{padding-top:28px}
.card{box-shadow:0 3px 16px rgba(18,48,71,.035)!important;transition:box-shadow .18s ease,border-color .18s ease}
.card:hover{border-color:#d5e4ea!important}
.card-header{color:#123047}
.table th{background:#f5f9fb;color:#647987}
.btn-primary{background:#00b982!important;border-color:#00b982!important;color:#063b38!important}
.btn-primary:hover{background:#00a675!important;border-color:#00a675!important;color:#fff!important}
.btn-outline-primary{color:#0088c7!important;border-color:#0088c7!important}
.btn-outline-primary:hover{background:#0088c7!important;color:#fff!important}
.form-control:focus,.form-select:focus{border-color:#00b982!important;box-shadow:0 0 0 3px rgba(0,185,130,.13)!important}
.stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{letter-spacing:-.04em}
.auth-art{background:radial-gradient(circle at 85% 15%,rgba(0,201,135,.20),transparent 32%),linear-gradient(145deg,#102f43,#123d51 68%,#0088c7)}
.auth-art h2{font-family:'Plus Jakarta Sans',system-ui,sans-serif}
@media(max-width:991px){.side .brand-logo{width:198px;height:auto;max-height:92px}}



/* SmatEMR Enterprise Workspace — final design tokens and page patterns */
:root{--navy:#123047;--teal:#00b982;--gold:#0088c7;--ink:#203747;--mute:#687d8b;--line:#dfe9ef;--bg:#f4f8fb;--brand-green:#00b982;--brand-blue:#0088c7;--mc-forest:#123047;--mc-green:#00b982;--mc-green-2:#009e77;--mc-ink:#203747;--mc-muted:#687d8b;--mc-line:#dfe9ef;--mc-canvas:#f4f8fb}
body{background:#f4f8fb;color:#203747}
.side{background:linear-gradient(180deg,#102f43 0%,#123b50 65%,#0c3045 100%);border-right:1px solid rgba(255,255,255,.08)}
.side .sec{color:#9bc8d9}.side nav a{color:#dceaf0}.side nav a.on{background:linear-gradient(110deg,#0088c7,#00b982);box-shadow:0 6px 18px rgba(0,136,199,.2)}
.top h1{color:#123047}.content h2,.content h3,.content h4{color:#123047}
.btn-primary{background:linear-gradient(120deg,#0088c7,#00a982)!important;border-color:#0088c7!important;color:#fff!important}.btn-primary:hover{background:linear-gradient(120deg,#006fa5,#008e6e)!important}
.btn-outline-primary{color:#007eb5!important;border-color:#9bcfe4!important}.btn-outline-primary:hover{background:#eaf7fc!important}
.form-control:focus,.form-select:focus{border-color:#42a9d0!important;box-shadow:0 0 0 3px rgba(0,136,199,.12)!important}
.progress-bar{background:linear-gradient(90deg,#0088c7,#00b982)}.ico.t{background:#e4f8f0;color:#009b70}.ico.n{background:#e4f3fb;color:#007db7}.ico.g{background:#e8f5fb;color:#087fae}
.page-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 22px;padding:22px 24px;border:1px solid #dceaf1;border-radius:18px;background:radial-gradient(circle at 100% 0,rgba(0,185,130,.09),transparent 30%),linear-gradient(135deg,#fff,#f8fcfe);box-shadow:0 7px 22px rgba(18,48,71,.035)}
.page-intro .eyebrow{display:inline-flex;align-items:center;gap:7px;color:#0088a8;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px}.page-intro h2{margin:0 0 5px;font-size:clamp(20px,2vw,26px);font-weight:800;letter-spacing:-.045em;color:#123047}.page-intro p{margin:0;color:#6b7f8b;font-size:12.5px;max-width:720px}.page-intro-actions{display:flex;gap:8px;flex-wrap:wrap}
.workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}.workspace-toolbar form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.workspace-toolbar .form-control,.workspace-toolbar .form-select{min-width:220px}.section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#748995}
.table thead th:first-child{border-top-left-radius:10px}.table thead th:last-child{border-top-right-radius:10px}.table td{color:#2d4655}.table a:not(.btn){color:#007fae}.table .btn{white-space:nowrap}.card-header a{color:#0088c7;font-weight:700;text-decoration:none}.card-header a:hover{text-decoration:underline}
.stat,.stat-card,.metric-card,.kpi-card{border-color:#dfe9ef!important}.stat h2,.stat-card h2,.metric-card h2,.kpi-card h2{color:#123047}.trial-bar{background:#e8f7fb;color:#17627b}.trial-bar.bad{background:#fff0ef;color:#a43f35}
.platform-kicker{color:#0088a8!important}.platform-status{border-color:#d4e9f1!important;background:#eff9fc!important;color:#087ba5!important}.platform-stat-icon{background:#e4f5fb!important;color:#007fb8!important}.platform-panel-head h3,.platform-stat strong,.clinic-name{color:#123047!important}.platform-badge.active{background:#e5f8f0!important;color:#00875e!important}.platform-actions .btn-primary{background:#0088c7!important}
.auth-art{background:radial-gradient(900px 500px at 10% 0,rgba(0,185,130,.25),transparent),linear-gradient(150deg,#102f43,#07516a 72%,#0088c7)!important}.auth-art li i{color:#62dfbd!important}
@media(max-width:767px){.page-intro{padding:17px;gap:12px}.page-intro-actions{width:100%}.workspace-toolbar form,.workspace-toolbar form .form-control,.workspace-toolbar form .form-select{width:100%;min-width:0}.content{padding:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* SmatEMR enterprise workspace refinement — Phase 3 */
:root{
 --sm-green:#00b982;--sm-green-dark:#008b64;--sm-blue:#0088c7;--sm-ink:#17364a;
 --sm-muted:#647889;--sm-line:#e1eaf0;--sm-canvas:#f4f8fb;--sm-radius:16px;
}
body{background:var(--sm-canvas);color:var(--sm-ink)}
.side{background:linear-gradient(180deg,#102f43 0%,#0c3b50 100%);box-shadow:5px 0 24px rgba(16,47,67,.06)}
.side .sec{color:#a6c6d4}
.side nav a.on{background:linear-gradient(105deg,var(--sm-green),#00a8a1);box-shadow:0 5px 14px rgba(0,185,130,.16)}
.side nav a:focus-visible,.top button:focus-visible,.btn:focus-visible{outline:3px solid rgba(0,136,199,.35);outline-offset:2px}
.top{box-shadow:0 1px 0 rgba(16,47,67,.025)}
.content{padding-top:24px}
.page-intro{border:1px solid #e5edf2;border-radius:16px;background:linear-gradient(120deg,#fff 0%,#f7fcff 100%);box-shadow:0 3px 16px rgba(16,47,67,.025)}
.page-intro h1,.page-intro h2{color:var(--sm-ink);letter-spacing:-.035em}
.page-intro p{color:var(--sm-muted)}
.eyebrow{color:#008d72!important}
.card{box-shadow:0 2px 10px rgba(16,47,67,.025)!important}
.card-header{color:var(--sm-ink)}
.table thead th{background:#f5f9fc;color:#647889;white-space:nowrap}
.table tbody tr:hover{background:#f6fbfd}
.btn-primary{background:var(--sm-green)!important;border-color:var(--sm-green)!important}
.btn-primary:hover{background:#009e70!important;border-color:#009e70!important}
.form-control:focus,.form-select:focus{border-color:var(--sm-blue)!important;box-shadow:0 0 0 3px rgba(0,136,199,.12)!important}
.badge.bg-success,.badge.text-bg-success{background:#e2f8ef!important;color:#087c59!important}
.badge.bg-warning,.badge.text-bg-warning{background:#fff4d9!important;color:#8a5c00!important}
.badge.bg-danger,.badge.text-bg-danger{background:#ffeded!important;color:#ad3434!important}

/* Team administration */
.team-page{max-width:1500px;margin:0 auto}
.team-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;margin-bottom:20px}
.team-intro h1{font-size:clamp(1.45rem,2vw,1.9rem);font-weight:800;margin:4px 0 6px}
.team-intro p{margin:0;max-width:650px;font-size:.92rem}
.team-total,.team-total-small{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8eee7;background:#edfaf5;color:#087d5c;border-radius:999px;padding:9px 13px;font-size:.8rem;font-weight:750;white-space:nowrap}
.team-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr);gap:20px;align-items:start}
.team-directory,.team-add-card{overflow:hidden;border-radius:16px!important}
.team-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px!important}
.team-card-head h2{font-size:1rem;font-weight:800;margin:0 0 4px;letter-spacing:-.02em}
.team-card-head p{font-size:.8rem;color:#6d8190;margin:0;font-weight:400}
.team-total-small{font-size:.72rem;padding:6px 10px;background:#f4f8fb;border-color:#e1eaf0;color:#61788a}
.team-table th{font-size:.68rem;letter-spacing:.07em;padding:14px 18px}
.team-table td{padding:16px 18px}
.team-person{display:flex;align-items:center;gap:12px;min-width:0}
.team-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,#dff8ee,#e1f3fc);color:#087e75;font-weight:800;font-size:1rem}
.team-person strong{display:block;color:#193b50;font-size:.86rem;font-weight:750}
.team-person small{display:block;color:#728595;font-size:.76rem;margin-top:3px;overflow-wrap:anywhere}
.team-role{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:750;white-space:nowrap}
.team-role.is-admin{color:#007e65;background:#e6f8f1}
.team-role.is-worker{color:#176f9c;background:#e9f5fc}
.team-remove{display:inline-flex;align-items:center;gap:7px;border-color:#f0d8d8!important;color:#a94444!important;background:#fff!important}
.team-remove:hover:not(:disabled){background:#fff1f1!important;border-color:#e8bcbc!important}
.team-remove:disabled{opacity:.35;cursor:not-allowed}
.team-footnote{display:flex;align-items:flex-start;gap:9px;padding:13px 18px;border-top:1px solid #e8eef2;background:#fafcfd;color:#718392;font-size:.74rem;line-height:1.5}
.team-footnote i{color:#0088c7;margin-top:2px}
.team-add-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#e4f8f0;color:#009e73}
.team-form{display:flex;flex-direction:column;gap:8px}
.team-form label{font-size:.77rem;font-weight:750;color:#355267;margin-top:7px}
.team-form .form-control,.team-form .form-select{min-height:45px;padding:10px 12px;font-size:.84rem}
.team-help{color:#718392;font-size:.72rem;margin-top:-3px}
.team-permission-note{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:11px;background:#f2f8fc;border:1px solid #e1edf5;margin:9px 0 7px;color:#087fae}
.team-permission-note span{display:flex;flex-direction:column;gap:3px}
.team-permission-note strong{font-size:.77rem;color:#244b60}
.team-permission-note small{font-size:.72rem;color:#6c8291;line-height:1.45}
.team-create{min-height:46px;margin-top:4px}
.team-empty{display:flex;align-items:center;flex-direction:column;gap:8px;padding:36px 12px;color:#738797}
.team-empty i{font-size:1.5rem;color:#00a77b}
.team-empty strong{color:#27485c}
.team-empty span{font-size:.8rem}
@media(max-width:1000px){.team-layout{grid-template-columns:minmax(0,1fr)}.team-add-card{grid-row:1}}
@media(max-width:640px){.team-intro{align-items:flex-start;flex-direction:column;padding:18px}.team-intro .page-intro-actions{width:auto}.team-table td,.team-table th{padding:12px 10px}.team-role{font-size:.66rem;padding:6px 8px}.team-remove span{display:none}.team-remove{padding:7px 9px}.team-person{gap:8px}.team-avatar{width:34px;height:34px}.content{padding:12px}.team-card-head{padding:16px!important}}