/* SRP People — light / dark on every screen (lib/brand.php theme_tags + assets/srp-theme.js).
   <html data-theme="light|dark"> = the person's choice (absent = follow the device), data-eff = the theme in use,
   data-look = the page family ("navy" for the navy-glass pages: attendance, leave, letters, onboarding,
   probation, visitors). Dark is the navy glass the pages were built with; the rules below only add light. */

/* ---------- the switch ---------- */
.srp-theme-btn{flex:0 0 auto;width:40px;height:40px;min-width:40px;padding:0;border-radius:999px;display:inline-grid;place-items:center;cursor:pointer;
  border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fdd600;
  transition:background-color .15s,border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}
.srp-theme-btn svg{width:20px;height:20px;display:block}
.srp-theme-btn:hover{background:rgba(255,255,255,.16)}
.srp-theme-btn:active{transform:scale(.94)}
.srp-theme-btn:focus-visible{outline:3px solid #8f96ec;outline-offset:2px}
html[data-eff="light"] .srp-theme-btn{border-color:rgba(27,31,84,.18);background:#fff;color:#2e3790;box-shadow:0 1px 2px rgba(27,31,84,.08)}
html[data-eff="light"] .srp-theme-btn:hover{background:#eef0fb}
.srp-theme-btn.in-head{margin-left:auto}
header.top .tabs~.srp-theme-btn.in-head,header.top .tabs+.srp-theme-btn.in-head{margin-left:0}
.auth .card .brand .srp-theme-btn.in-head{margin-left:auto;align-self:flex-start}
.srp-theme-btn.floating{position:fixed;z-index:65;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));
  background:rgba(11,13,42,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html[data-eff="light"] .srp-theme-btn.floating{background:rgba(255,255,255,.88)}
@media print{.srp-theme-btn{display:none!important}}
@media (prefers-reduced-motion:reduce){.srp-theme-btn{transition:none}}

/* ---------- navy-glass pages in light ---------- */
html[data-look="navy"][data-eff="light"]{
  --ground:#eef0f8; --ground-2:#dfe3f7; --glass:rgba(255,255,255,.86); --glass-2:rgba(246,247,253,.94);
  --line:rgba(27,31,84,.14); --ink:#14173a; --ink-2:#3b3f6b; --muted:#5b5f86; --ink-hi:#0f1230;
  --hazard:#f5cd00; --hazard-deep:#8a6d00; --hz-ink:#7a5c00; --orange:#b85c00; --green:#178a4f; --red:#c3264e;
  --focus:#373d93; --lilac:#5842b4;
  --fg-rgb:27 31 84; --sink-rgb:255 255 255; --opt-bg:#fff;
  --t-c9f2da:#14663c; --t-ffd2d2:#9b1c3a; --t-ff9a9a:#b3203f; --t-ff8a8a:#b3203f; --t-ff5c5c:#c3264e;
  --t-8b8fb8:#4d5179; --t-dfe1ff:#2e3790; --t-e0bd00:#7a5c00; --t-7fd3ff:#0b6ea8; --t-b9a8ff:#5842b4; --t-ffd27a:#8a5a00;
  color-scheme:light;
}
html[data-look="navy"][data-eff="light"] body{
  background:radial-gradient(120% 70% at 80% 0%,#dfe3f7 0%,rgba(238,240,248,0) 60%),radial-gradient(80% 50% at 0% 100%,#fff6cc 0%,rgba(238,240,248,0) 60%),var(--ground);
  background-attachment:fixed}
html[data-look="navy"][data-eff="light"] h1{text-shadow:0 1px 0 #fff,0 2px 0 #d9dcf1,0 3px 0 #c3c7e6,0 8px 18px rgba(27,31,84,.16)}
html[data-look="navy"][data-eff="light"] .time{text-shadow:0 1px 0 #fff,0 6px 14px rgba(122,92,0,.18)}
html[data-look="navy"][data-eff="light"] .glass{box-shadow:0 24px 48px -30px rgba(27,31,84,.38),inset 0 1px 0 #fff}
html[data-look="navy"][data-eff="light"] header.top img{filter:drop-shadow(0 2px 6px rgba(27,31,84,.18))}
html[data-look="navy"][data-eff="light"] ::placeholder{color:#7a7ea3;opacity:1}
html[data-look="navy"][data-eff="light"] .hz{box-shadow:0 2px 8px rgba(122,92,0,.18)}

/* ---------- sign-in page in light: frosted white card over the pictures ---------- */
html[data-eff="light"] body.lg{
  --lg-text:#14173a;--lg-muted:#4d5179;--lg-label:#3b3f6b;--lg-accent:#373d93;--lg-accent-hi:#2e3790;
  --lg-glass:rgba(255,255,255,.78);--lg-glass-line:rgba(255,255,255,.9);
  --lg-field:rgba(255,255,255,.9);--lg-field-line:rgba(27,31,84,.18);--lg-bad:#9b1c3a;--lg-bad-bg:rgba(195,38,78,.12);
  color-scheme:light}

/* SRP Super HR sign-in / home screen: beside the Layout switch (phones: in the slim account strip) */
.srp-theme-btn.in-super.floating{z-index:61}
#srpGateBar .srp-theme-btn.in-bar{width:36px;height:36px;min-width:36px;margin-left:auto}
#srpGateBar .srp-theme-btn.in-bar svg{width:18px;height:18px}
#srpGateBar .srp-theme-btn.in-bar + .laypick.in-bar{margin-left:8px}
html[data-eff="light"] #srpGateBar .srp-theme-btn.in-bar{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fdd600;box-shadow:none}
.solo-top .srp-theme-btn.in-super.in-head{margin-left:auto;width:36px;height:36px;min-width:36px}
.solo-top .srp-theme-btn.in-super.in-head + #siteBar.in-bar{margin-left:8px}
html[data-eff="light"] .solo-top .srp-theme-btn.in-super{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fdd600;box-shadow:none}

/* phones: keep the switch on the first header line, beside the page name; the tab row wraps below it */
@media (max-width:640px){
  header.top > .srp-theme-btn.in-head{order:1;margin-left:auto}
  header.top > .tabs{order:2}
}
.srp-theme-btn.in-rail{flex:0 0 auto;width:40px;height:40px}
.auth .card .brand:has(> .srp-theme-btn){flex-wrap:nowrap}

/* ---------- inside SRP Super HR (html.srp-in-super, set by theme_tags before first paint) ----------
   Super HR's bar already shows the SRP logo and the screen name, so each page drops its own logo + title block
   (HR, 16 Oct 2026: "repeating heading"). Tabs, filters and buttons in the header stay; a header left with nothing
   else in it is hidden. Opened on their own, pages keep their header. */
html.srp-in-super header.mtop{display:none!important}
html.srp-in-super header.top>a:has(>.srp-mark),html.srp-in-super header.top>a:has(>img.brand-logo),
html.srp-in-super header.top>.brand,html.srp-in-super header.top>.tbrand,
html.srp-in-super .rail>.brand,html.srp-in-super .auth .card>.brand{display:none!important}
html.srp-in-super header.top:not(:has(>:not(.tbrand,.brand,a:has(>.srp-mark),a:has(>img.brand-logo),[data-out],.srp-theme-btn,script))){display:none!important}
html.srp-in-super .urail>.brand{display:none!important}
/* Copyright line (HR, 18 Oct 2026) — assets/srp-theme.js; quiet, both themes */
footer.srp-copy{display:block;clear:both;max-width:1200px;margin:24px auto 0;padding:14px 16px 22px;text-align:center;
  font-size:11.5px;line-height:1.4;color:rgb(var(--fg-rgb,90 96 120) / .62);opacity:.9}
html[data-eff="dark"] footer.srp-copy{color:rgba(255,255,255,.55)}
.srp-copy-rail{margin-top:auto;padding:12px 16px 14px;font-size:10.5px;line-height:1.35;opacity:.6}
html.srp-in-super .srp-copy{display:none!important}
@media print{footer.srp-copy{color:#555}}

/* Full company name above each module's name (HR, 22 Oct 2026) — lib/brand.php brand_co(). Never cut off: it wraps
   on narrow screens instead of ending in "…", whatever the page's own header rules say. */
.srp-co{display:block!important;margin:0 0 2px;font:700 10.5px/1.25 var(--body,inherit);letter-spacing:.08em;
  text-transform:uppercase;color:var(--muted,currentColor);opacity:.92;white-space:normal!important;overflow:visible!important;
  text-overflow:clip!important;overflow-wrap:anywhere;max-width:none}
@media (max-width:520px){.srp-co{font-size:9.5px;letter-spacing:.05em}}