/* Shatam Employee Management theme: dark is the default (each page's own :root). Light overrides below. */
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:36px;padding:0;
 border-radius:8px;border:1px solid var(--border,#223049);background:var(--surface,#131b2e);color:var(--text-muted,#8592ad);
 cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease;flex-shrink:0}
.theme-toggle:hover{color:var(--accent,#4fd1c5);border-color:rgba(79,209,197,.45);background:var(--surface-2,#182238)}
.theme-toggle:focus-visible{outline:2px solid var(--accent,#4fd1c5);outline-offset:2px}
.theme-toggle svg{width:17px;height:17px;display:block}
.theme-toggle .ic-sun{display:none}
html[data-theme="light"] .theme-toggle .ic-sun{display:block}
html[data-theme="light"] .theme-toggle .ic-moon{display:none}
.theme-toggle.floating{position:fixed;top:16px;right:16px;z-index:1000}

html[data-theme="light"]{
 color-scheme:light;
 --bg:#f3f6fb;--panel:#ffffff;--surface:#ffffff;--surface-2:#eef2f9;--border:#d6deeb;
 --text:#0f1b2d;--text-muted:#56627a;--text-faint:#8b96ab;
 --accent:#0d9488;--accent-2:#4f5de0;--accent-glow:rgba(13,148,136,.25);
 --danger:#d63a3a;--success:#168a4a;--warning:#a86a00;--amber:#a86a00;
 --nav-bg:rgba(255,255,255,.88);--footer-bg:rgba(255,255,255,.7);
}
html[data-theme="light"] input[type="date"],
html[data-theme="light"] input[type="time"],
html[data-theme="light"] input[type="month"]{color-scheme:light}
html[data-theme="light"] .theme-toggle:hover{border-color:rgba(13,148,136,.45)}

/* shared Shatam Employee Management nav + footer (hardcoded colours in nexus-shell.js) */
html[data-theme="light"] .nx-nav{background:rgba(255,255,255,.88);border-bottom-color:#d6deeb}
html[data-theme="light"] .nx-brand,html[data-theme="light"] .nx-name{color:#0f1b2d}
html[data-theme="light"] .nx-tag{color:#56627a}
html[data-theme="light"] .nx-btn{background:#fff;border-color:#d6deeb;color:#56627a}
html[data-theme="light"] .nx-btn:hover{background:#eef2f9;color:#0d9488;border-color:rgba(13,148,136,.45)}
html[data-theme="light"] .nx-btn.nx-logout:hover{color:#d63a3a;border-color:rgba(214,58,58,.4)}
html[data-theme="light"] .nx-footer{background:rgba(255,255,255,.7);border-top-color:#d6deeb;color:#56627a}
html[data-theme="light"] .nx-footer strong{color:#0f1b2d}
html[data-theme="light"] .nx-footer .nx-team{color:#0d9488}

/* ---- Light mode polish: attendance rings, legend, file inputs, buttons ---- */

/* Employee attendance calendar: soft pastel rings instead of dark glowing ones */
html[data-theme="light"] .status-ring.present{background:#d8f3ea;color:#0f8a63;box-shadow:0 0 0 1px rgba(15,138,99,.35)}
html[data-theme="light"] .status-ring.absent{background:#fde1e2;color:#d03a40;box-shadow:0 0 0 1px rgba(208,58,64,.35)}
html[data-theme="light"] #calendar .calendar-day:hover .status-ring.present{box-shadow:0 0 0 1px rgba(15,138,99,.6),0 2px 8px rgba(15,138,99,.25)}
html[data-theme="light"] #calendar .calendar-day:hover .status-ring.absent{box-shadow:0 0 0 1px rgba(208,58,64,.6),0 2px 8px rgba(208,58,64,.25)}
html[data-theme="light"] .legend-box.present{background:#d8f3ea;box-shadow:0 0 0 1px rgba(15,138,99,.45)}
html[data-theme="light"] .legend-box.absent{background:#fde1e2;box-shadow:0 0 0 1px rgba(208,58,64,.45)}
html[data-theme="light"] .legend-box.weekend{background:#e3e8f1}
html[data-theme="light"] .weekend{background:#eef2f9}
html[data-theme="light"] .leave{background:rgba(168,106,0,.12)}

/* Admin attendance table: same pastel rings */
html[data-theme="light"] .present::after{background-color:#d8f3ea;box-shadow:0 0 0 1px rgba(15,138,99,.4)}
html[data-theme="light"] .absent::after{background-color:#fde1e2;box-shadow:0 0 0 1px rgba(208,58,64,.4)}
html[data-theme="light"] tbody tr:hover td.present::after{box-shadow:0 0 0 1px rgba(15,138,99,.7),0 2px 8px rgba(15,138,99,.25)}
html[data-theme="light"] tbody tr:hover td.absent::after{box-shadow:0 0 0 1px rgba(208,58,64,.7),0 2px 8px rgba(208,58,64,.25)}
html[data-theme="light"] .present{background:linear-gradient(135deg,rgba(15,138,99,.10),rgba(15,138,99,.02))}
html[data-theme="light"] .absent{background:linear-gradient(135deg,rgba(208,58,64,.10),rgba(208,58,64,.02))}

/* File inputs ("Browse...") match the theme in both modes */
input[type="file"]::file-selector-button{margin-right:10px;padding:6px 12px;border-radius:6px;border:1px solid var(--border,#223049);
 background:var(--surface-2,#182238);color:var(--text,#e8edf7);font-family:inherit;font-size:12.5px;cursor:pointer;
 transition:border-color .15s ease,color .15s ease}
input[type="file"]::file-selector-button:hover{border-color:rgba(79,209,197,.5);color:var(--accent,#4fd1c5)}
html[data-theme="light"] input[type="file"]::file-selector-button:hover{border-color:rgba(13,148,136,.5)}

/* Gradient action buttons: readable text, calmer disabled state */
html[data-theme="light"] button[class*="primary"],html[data-theme="light"] .btn-primary,html[data-theme="light"] .upload-btn,
html[data-theme="light"] .search-btn,html[data-theme="light"] .refresh-btn{color:#fff}
html[data-theme="light"] button:disabled{filter:saturate(.7);opacity:.6;cursor:not-allowed}

/* Soft card shadow so white cards lift off the pale background */
html[data-theme="light"] .card,html[data-theme="light"] .section,html[data-theme="light"] .details-card,
html[data-theme="light"] .form-card,html[data-theme="light"] .module-card{box-shadow:0 1px 3px rgba(15,27,45,.06),0 4px 14px rgba(15,27,45,.04)}