@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap'); /* ═══ Modern refresh — shared (2026-07-11) ═══ Airier SaaS aesthetic for internal staff/module pages, matching index.html's refresh. Linked LAST in so it wins the cascade. Restyles only common surfaces (type, cards, buttons, pills, inputs, tables) — never layout or page headers. Remove the to revert a page. */ :root{ --bg:#F6F7F9; --line:#E8EBF0; --border:#E8EBF0; --ink:#0F1216; --muted:#525C68; --t2:#2A313C; --t3:#525C68; } html,body{ font-family:'Inter',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; letter-spacing:-0.006em; background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; } h1,h2,h3{letter-spacing:-0.02em;} /* Cards — flat, hairline, softer + roomier radius */ .card{border:1px solid var(--line); border-radius:14px; box-shadow:0 1px 2px rgba(16,24,40,.04);} /* Buttons — cleaner; teal primary */ .btn{border-radius:8px; font-weight:600; letter-spacing:-0.005em;} .btn.primary,.btn-teal,.btn-primary{ background:linear-gradient(180deg,#12A594,#0E8C7E)!important; border:none!important; color:#fff!important; box-shadow:0 1px 2px rgba(14,140,126,.25)!important; } .btn.primary:hover,.btn-teal:hover,.btn-primary:hover{ background:linear-gradient(180deg,#0E8C7E,#0B7568)!important; } /* Pills — fully rounded soft tint */ .pill{border-radius:999px;} /* Inputs — rounded, teal focus ring */ input,select,textarea{border-radius:8px;} input:focus,select:focus,textarea:focus{ outline:none; border-color:#12A594; box-shadow:0 0 0 3px rgba(18,165,148,.12); } /* Metric tiles across services — match the EHR's compact stat tiles. .kpi = finance, .stat = scribe-solo (each service names them differently). */ .kpi,.stat{padding:11px 13px;} .kpi-value,.stat-value{font-size:21px; letter-spacing:-0.03em; line-height:1;} .kpi-label,.stat-label{font-size:9.5px; letter-spacing:0.05em;} /* Tables — airier rows, flat uppercase header */ thead th{ font-size:10.5px; text-transform:uppercase; letter-spacing:0.05em; color:#7B838F; background:#FAFBFC; border-bottom:1px solid var(--line); padding:12px 14px; text-align:left; } tbody td{padding:12px 14px; border-bottom:1px solid #F0F2F5;}