/* ─────────────────────────────────────────────────────────────
   Extracted inline styles.
   Each class below replaces an inline style= string that was repeated
   5+ times across js/. The declarations are byte-identical to what was
   inline, so rendering is unchanged; the markup just stops repeating it.
   The selector is doubled (.x.x) so it outranks the descendant rules above
   that these elements previously beat by being inline. Keep names stable.
   ───────────────────────────────────────────────────────────── */
/* x27 — client.js */
.mg-cl1.mg-cl1 { display:block; font-size:12px; font-weight:600; color:#64748b; margin-bottom:6px; }
/* x19 — client.js */
.mg-cl2.mg-cl2 { padding:9px 18px; font-weight:600; color:#64748b; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; }
/* x13 — client.js */
.mg-cl3.mg-cl3 { display:flex; align-items:center; gap:10px; }
/* x12 — client.js */
.mg-cl4.mg-cl4 { display:flex; align-items:center; gap:12px; }
/* x12 — org-overview.js */
.mg-og1.mg-og1 { font-weight:bold; border:1px solid #cbd5e1; padding:8px 12px; text-align:left; }
/* x10 — client.js */
.mg-cl5.mg-cl5 { display:none; position:fixed; inset:0; background:rgba(15,23,42,0.45); z-index:10000; align-items:center; justify-content:center; backdrop-filter:blur(6px); animation:fadeIn 0.2s ease both; }
/* x10 — client.js */
.mg-cl6.mg-cl6 { position:relative; padding:22px 26px; border-bottom:1px solid #eef2f0; display:flex; align-items:center; gap:13px; }
/* x10 — client.js */
.mg-cl7.mg-cl7 { margin:0; color:#0f172a; font-size:17px; font-weight:700; letter-spacing:-0.2px; }
/* x10 — client.js */
.mg-cl8.mg-cl8 { margin:2px 0 0; font-size:12.5px; color:#94a3b8; }
/* x10 — client.js */
.mg-cl9.mg-cl9 { width:32px; height:32px; border-radius:8px; border:none; background:#f1f5f9; color:#64748b; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .2s; }
/* x10 — client.js */
.mg-cl10.mg-cl10 { padding:24px 26px; display:flex; flex-direction:column; gap:16px; }
/* x10 — client.js */
.mg-cl11.mg-cl11 { display:flex; justify-content:flex-end; gap:10px; margin-top:6px; padding-top:18px; border-top:1px solid #f1f5f9; }
/* x10 — client.js */
.mg-cl12.mg-cl12 { padding:12px 22px; background:#fff; color:#475569; border:1px solid #e2e8f0; border-radius:10px; font-weight:600; font-size:14px; cursor:pointer; }
/* x10 — attendance.js */
.mg-at1.mg-at1 { color:#64748b; font-weight:600; }
/* x9 — client.js */
.mg-cl13.mg-cl13 { padding:10px 8px; font-weight:700; color:#64748b; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; white-space:nowrap; }
/* x9 — employee-dashboard.js */
.mg-ed1.mg-ed1 { color:#0f172a; font-weight:700; }
/* x9 — teamlead-dashboard.js */
.mg-tl1.mg-tl1 { border:1px solid #cbd5e1; padding:8px 12px; font-weight:bold; text-align:right; background:#f8fafc; }
/* x9 — admin-overview.js */
.mg-ao1.mg-ao1 { padding:14px 12px; text-align:center; }
/* x8 — client.js */
.mg-cl14.mg-cl14 { color:#94a3b8; font-weight:400; }
/* x8 — client.js */
.mg-cl15.mg-cl15 { width:28px; height:28px; border-radius:6px; border:1px solid #e2e8f0; background:#fff; color:#167946; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s; }
/* x8 — teamlead-dashboard.js */
.mg-tl2.mg-tl2 { width:100%; padding:9px 11px; border:1px solid #cbd5e1; border-radius:8px; font-size:13px; color:#0f172a; outline:none; font-family:inherit; box-sizing:border-box; }
/* x7 — client.js */
.mg-cl16.mg-cl16 { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
/* x7 — client.js */
.mg-cl17.mg-cl17 { width:44px; height:44px; border-radius:12px; background:linear-gradient(135deg, rgba(21,115,71,0.12), rgba(21,115,71,0.04)); color:#167946; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
/* x7 — client.js */
.mg-cl18.mg-cl18 { background:#167946; color:#fff; border:none; border-radius:10px; padding:12px 28px; font-weight:700; font-size:14px; cursor:pointer; transition:background .2s; }
/* x7 — client.js */
.mg-cl19.mg-cl19 { width:16px; height:16px; accent-color:#167946; cursor:pointer; }
/* x7 — admin-overview.js */
.mg-ao2.mg-ao2 { padding:12px; text-align:center; font-size:10px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; }
/* x6 — client.js */
.mg-cl20.mg-cl20 { padding:10px 16px; display:flex; align-items:center; gap:12px; cursor:pointer; user-select:none; }
/* x6 — client.js */
.mg-cl21.mg-cl21 { margin:0; color:#0f172a; font-size:14px; font-weight:700; flex:1; }
/* x6 — client.js */
.mg-cl22.mg-cl22 { transition:transform .25s; color:#94a3b8; flex-shrink:0; }
/* x6 — client.js */
.mg-cl23.mg-cl23 { display:none; border-top:1px solid #eef2f0; overflow-x:auto; }
/* x6 — client.js */
.mg-cl24.mg-cl24 { border-bottom:1px solid #e2e8f0; background:#f8fafc; }
/* x6 — client.js */
.mg-cl25.mg-cl25 { padding:9px 18px; font-weight:600; color:#64748b; font-size:11px; text-transform:uppercase; letter-spacing:0.5px; text-align:right; }
/* x6 — client.js */
.mg-cl26.mg-cl26 { padding:18px; text-align:center; color:#64748b; }
/* x6 — client.js */
.mg-cl27.mg-cl27 { border-bottom:1px solid #f1f5f9; transition:background .2s; }
/* x6 — client.js */
.mg-cl28.mg-cl28 { padding:8px 18px; vertical-align:middle; }
/* x6 — client.js */
.mg-cl29.mg-cl29 { font-weight:600; color:#0f172a; font-size:14px; }
/* x6 — client.js */
.mg-cl30.mg-cl30 { padding:8px 18px; color:#475569; vertical-align:middle; }
/* x6 — client.js */
.mg-cl31.mg-cl31 { font-size:13px; font-weight:500; }
/* x6 — client.js */
.mg-cl32.mg-cl32 { font-family:monospace; color:#94a3b8; font-size:12px; margin-top:2px; }
/* x6 — client.js */
.mg-cl33.mg-cl33 { color:#10b981; font-style:italic; }
/* x6 — client.js */
.mg-cl34.mg-cl34 { padding:8px 18px; text-align:right; vertical-align:middle; }
/* x6 — client.js */
.mg-cl35.mg-cl35 { display:inline-flex; align-items:center; gap:8px; }
/* x6 — client.js */
.mg-cl36.mg-cl36 { width:28px; height:28px; border-radius:6px; border:1px solid #e2e8f0; background:#fff; color:#2563eb; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:all .2s; }
/* x6 — client.js */
.mg-cl37.mg-cl37 { width:28px; height:28px; border-radius:6px; border:none; background:#ef4444; color:#fff; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; transition:filter .2s; }
/* x6 — client.js */
.mg-cl38.mg-cl38 { background:#fff; border:1px solid rgba(0,0,0,0.06); border-radius:20px; width:540px; max-width:92vw; max-height:90vh; overflow-y:auto; box-shadow:0 30px 70px rgba(15,23,42,0.28); animation:scaleIn 0.28s cubic-bezier(0.16,1,0.3,1) both; }
/* x6 — teamlead-dashboard.js */
.mg-tl3.mg-tl3 { display:flex; align-items:center; gap:8px; }
/* x6 — teamlead-dashboard.js */
.mg-tl4.mg-tl4 { display:flex; align-items:center; justify-content:space-between; margin-bottom:12px; }
/* x6 — attendance.js */
.mg-at2.mg-at2 { padding:11px 14px; font-size:11.5px; font-weight:700; color:#64748b; }
/* x6 — teamlead-dashboard.js */
.mg-tl5.mg-tl5 { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
/* x6 — teamlead-dashboard.js */
.mg-tl6.mg-tl6 { font-size:11px; color:#94a3b8; font-weight:500; }
/* x6 — teamlead-dashboard.js */
.mg-tl7.mg-tl7 { border:1px solid #cbd5e1; padding:6px 12px; mso-number-format:'\\@'; }
/* x6 — employee-dashboard.js */
.mg-ed2.mg-ed2 { color:#94a3b8; font-weight:500; }
/* x6 — client-overview.js */
.mg-co1.mg-co1 { padding:12px; text-align:left; font-size:10px; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; }
/* x5 — client.js */
.mg-cl39.mg-cl39 { font-size:12.5px; color:#94a3b8; }
/* x5 — client.js */
.mg-cl40.mg-cl40 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
/* x5 — client.js */
.mg-cl41.mg-cl41 { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; color:#0f172a; cursor:pointer; }
/* x5 — teamlead-dashboard.js */
.mg-tl8.mg-tl8 { font-size:22px; font-weight:800; color:#0f172a; letter-spacing:-0.5px; }
/* x5 — attendance.js */
.mg-at3.mg-at3 { display:flex; align-items:center; gap:6px; }
/* x5 — employee-dashboard.js */
.mg-ed3.mg-ed3 { display:flex; justify-content:space-between; font-size:12.5px; }
/* x5 — teamlead-dashboard.js */
.mg-tl9.mg-tl9 { font-size:16px; font-weight:800; color:#0f172a; }
/* x5 — teamlead-dashboard.js */
.mg-tl10.mg-tl10 { display:block; font-size:12px; font-weight:700; color:#475569; margin-bottom:4px; }
/* x5 — teamlead-dashboard.js */
.mg-tl11.mg-tl11 { display:block; font-size:11px; font-weight:700; color:#475569; margin-bottom:3px; }
/* x5 — teamlead-dashboard.js */
.mg-tl12.mg-tl12 { width:100%; padding:7px 9px; border:1px solid #cbd5e1; border-radius:6px; font-size:12.5px; color:#0f172a; outline:none; font-family:inherit; box-sizing:border-box; }
/* x5 — summary.js */
.mg-sm1.mg-sm1 { font-size:11.5px; font-weight:700; color:#64748b; margin-bottom:5px; }