/* =============================================================================
   PORTAL-WIDE BUTTON SYSTEM — first step of the design cohesion pass.
   Sourced from Team Schedule's existing .btn-save/.btn-cancel look (its
   colors — --brand/--brand-mid/--border/--text/--text2 — are already
   genuinely global, declared on :root inside team-schedule-styles above,
   just not the component rules themselves, which were scoped to
   #page-team-schedule). This is the same look, made genuinely reusable
   for the first time, under a new .tcl-btn* name to avoid any collision
   with the several OTHER already-scoped systems in this file
   (.sd2-scope, .cx-scope, #page-team-schedule's own .btn-save/.btn-cancel)
   — none of which are touched or removed here.
   First consumer: Staff Domain's buttons (this pass). Nothing else
   migrated yet — see the design cohesion plan before extending further.
*/
.tcl-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 16px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;font-family:'Poppins','DM Sans',sans-serif;transition:background .15s,opacity .15s;}
.tcl-btn:disabled{opacity:.5;cursor:not-allowed;}
.tcl-btn-primary{background:var(--brand);color:#fff;}
.tcl-btn-primary:hover:not(:disabled){background:var(--brand-mid);}
.tcl-btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);}
.tcl-btn-ghost:hover:not(:disabled){background:var(--bg2);}
.tcl-btn-active{background:var(--bg3);box-shadow:0 1px 3px rgba(17,20,23,.1);color:var(--text);font-weight:700;}
.tcl-btn-sm{height:26px;padding:0 10px;font-size:12px;}