@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
/* Carenox v3 PT — Carenox.ai brand palette (was Astra lavender); accessibility: AA contrast, 48px targets, visible focus, plain language */
:root{--text-secondary:#566861;--text-tertiary:#5e6d66;--in:#2d655b;--out:#3f5f8a;--risk:#b45309;--danger:#b42318}
body{padding:36px;font-size:16px}
.stage{display:flex;gap:36px;align-items:flex-start;justify-content:center}
.desk{width:1320px;height:900px;background:var(--brand-tertiary);border-radius:20px;box-shadow:var(--shadow-lg);display:flex;overflow:hidden;border:1px solid var(--border-primary)}
.nav{width:232px;background:var(--surface-bg);padding:20px 14px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--border-primary)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;padding:4px 10px 18px}
.brand i{width:34px;height:34px;border-radius:10px;background:var(--brand-primary);color:#fff;display:grid;place-items:center;font-style:normal}
.ni{display:flex;align-items:center;gap:12px;height:48px;padding:0 12px;border-radius:12px;color:var(--text-secondary);font-weight:500}
.ni.on{background:var(--brand-tertiary);color:var(--brand-primary);font-weight:700}
.ni b{margin-left:auto;background:var(--danger);color:#fff;border-radius:99px;font-size:12px;padding:2px 8px}
.ni svg{width:20px;height:20px}
.body{flex:1;padding:26px 30px;overflow:hidden;display:flex;flex-direction:column;gap:18px}
.top{display:flex;align-items:center;gap:12px}
.lang{display:inline-flex;border:1px solid var(--border-primary);border-radius:99px;overflow:hidden;font-size:13px;font-weight:600;background:var(--surface-bg)}.lang span{padding:8px 12px}.lang .on{background:var(--brand-primary);color:#fff}
.h1{font-family:var(--serif);font-size:42px;line-height:1.05;letter-spacing:-.01em}
.grid{display:grid;gap:14px}
.k{padding:16px 18px;border-radius:18px}.k .n{font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}.k .l{font-size:14px;color:var(--text-secondary)}
.delta{font-size:13px;font-weight:600}.up{color:var(--out)}.dn{color:var(--danger)}
.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:13px;font-weight:600}
.t-in{background:#2d655b1a;color:#1f4f47}.t-out{background:#3f5f8a1a;color:#2f4b70}.t-risk{background:#b453091a;color:#9a4508}.t-red{background:#b423181a;color:#b42318}.t-gray{background:var(--bg-subtle);color:var(--text-secondary)}.t-brand{background:var(--brand-secondary);color:#1f4f47}
.sec{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl td,.tbl th{padding:11px 12px;border-bottom:1px solid var(--border-primary);text-align:left}.tbl th{font-size:13px;color:var(--text-tertiary);font-weight:600}
.bar{height:10px;border-radius:99px;background:var(--bg-subtle);overflow:hidden;display:flex}.bar i{display:block;height:100%}
.visits{display:flex;gap:4px;flex-wrap:wrap}.visits i{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:700}
.v-done{background:var(--out);color:#fff}.v-miss{background:#fde2e1;color:var(--danger);border:1.5px solid var(--danger)}.v-book{background:var(--brand-secondary);color:#1f4f47}.v-pend{background:repeating-linear-gradient(45deg,#fff3dc,#fff3dc 4px,#ffe4b0 4px,#ffe4b0 8px);color:#9a4508;border:1.5px dashed #b45309}.v-open{background:var(--surface-bg);border:1.5px solid var(--border-primary);color:var(--text-tertiary)}
.btn{min-height:48px}
.phone{transform:none}
.mtab{margin-top:auto;display:flex;justify-content:space-around;padding:8px 8px 26px;background:var(--surface-bg);border-top:1px solid var(--border-primary);font-size:11.5px;color:var(--text-tertiary)}
.mtab div{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:56px}.mtab .on{color:var(--brand-primary);font-weight:700}
.mpad{padding:4px 18px;flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.cap{text-align:center;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}

/* ---- Carenox.ai brand tokens (see ../brand-tokens.md) ---- */
:root{--brand-primary:#2d655b;--brand-hover:#1f4f47;--brand-tertiary:#f7f4ed;--brand-secondary:#ccebe5;
--surface-bg:#fcfaf6;--surface-2:#edf1eb;--text-primary:#20352f;--border-primary:rgba(43,75,66,.14);--bg-subtle:#e4ebe6;
--shadow:0 1px 2px rgba(46,66,59,.05),0 12px 30px rgba(46,66,59,.07);--shadow-lg:0 24px 60px rgba(46,66,59,.12);
--serif:'Plus Jakarta Sans','Inter',sans-serif;--sans:'Inter',system-ui,sans-serif}
body{font-family:var(--sans);color:var(--text-primary);background:#edf1eb}
.h1,.serif{font-family:var(--serif);font-weight:700;letter-spacing:-.02em}
.h1 em,.serif em{font-style:normal;color:#397c70}
.ni.on{background:#e6f5f2;color:#1f4f47}
.brand{color:#111827;letter-spacing:-.02em;font-weight:600}
.btn.pri,.btn.pri.big{box-shadow:0 6px 16px rgba(45,101,91,.22)!important}
.desk{height:auto;min-height:900px}
.v-none{background:#fff;color:#566861;border:1.5px dashed #c5d0ca}