/* Natureba Gestão 1.6.8 — carregada por último.
   1. Cabeçalho dos dias em pílulas; coluna de hoje com duas linhas finas; dias passados apagados.
   2. "Por função" em pílula verde-água.
   3. Modo escuro: fundo quase preto, cinza neutro e estilo contorno (fundo escuro; cor só na letra e na borda).
   O modo claro só recebe os itens 1 e 2. */

/* ---------- 1. Pílulas do cabeçalho ---------- */
html[data-theme][data-effective-theme] .roster-head button[data-action="day-detail"]{background:transparent!important;border-bottom-color:transparent!important;color:var(--text2);padding:3px 2px}
html[data-theme][data-effective-theme] .roster-head button[data-action="day-detail"]:hover{background:transparent!important}
.roster-head .dp{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:62px;max-width:100%;box-sizing:border-box;padding:3px 10px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-size:10.5px;font-weight:800;letter-spacing:.04em;line-height:1.15;text-transform:uppercase}
.roster-head .dp>span{display:inline-flex;align-items:center;gap:3px}
html[data-theme][data-effective-theme] .roster-head .dp small{display:block;margin:0;padding:0;background:transparent;color:var(--muted);font-size:9.5px;font-weight:700;letter-spacing:0;min-width:0;border-radius:0}
.roster-head button[data-action="day-detail"]:hover .dp{border-color:var(--primary-border)}
.roster-head button.day-highlight .dp{box-shadow:0 0 0 2px var(--primary-soft)}
html[data-theme][data-effective-theme] .roster-head button.is-today .dp{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
html[data-theme][data-effective-theme] .roster-head button.is-today .dp small{color:var(--on-primary)}
html[data-theme][data-effective-theme] .roster-head button.is-past .dp{background:transparent;border-color:var(--line);color:var(--muted)}
html[data-theme][data-effective-theme] .roster-head button.is-holiday .dp{border-color:var(--warn-line);color:var(--accent-ink,var(--amber))}
html[data-theme][data-effective-theme] .roster-head button.is-closed .dp{border-style:dashed;background:transparent;color:var(--muted)}
.roster-head .dp .ng-holtag{position:static;display:inline-flex;margin:0;background:transparent;color:inherit;box-shadow:none}

/* Coluna de hoje: duas linhas finas da tabela inteira, sem fundo nas células. */
html[data-theme][data-effective-theme] .roster-head button.is-today{box-shadow:inset 2px 0 0 var(--primary),inset -2px 0 0 var(--primary),inset 0 2px 0 var(--primary)}
html[data-theme][data-effective-theme] .roster-row .cell.is-today{background:transparent;box-shadow:inset 2px 0 0 var(--primary),inset -2px 0 0 var(--primary)}

/* Dias que já passaram: quadradinhos das pessoas apagados. As pílulas do "Por função" continuam fortes. */
html[data-theme][data-effective-theme] .roster-row:not(.fn-row) .cell.is-past .ft,
html[data-theme][data-effective-theme] .roster-row:not(.fn-row) .cell.is-past .tf .fn{filter:saturate(.35) brightness(.82)}
html[data-theme][data-effective-theme="light"] .roster-row:not(.fn-row) .cell.is-past .ft,
html[data-theme][data-effective-theme="light"] .roster-row:not(.fn-row) .cell.is-past .tf .fn{filter:saturate(.3) brightness(1.03) contrast(.88)}
html[data-theme][data-effective-theme] .roster-row:not(.fn-row) .cell.is-past .ft:hover{filter:none}

/* ---------- 2. "Por função" ---------- */
.fn-head{gap:8px}
.fn-head .fn-pill{display:inline-flex;align-items:center;height:22px;padding:0 11px;border-radius:999px;border:1px solid #2f7c7f;background:transparent;color:#126b6e;font-size:10.5px;font-weight:800;letter-spacing:.07em}
.fn-head small{margin-left:0}
html[data-theme][data-effective-theme="dark"] .fn-head .fn-pill{color:#8FE3E0;border-color:#2f7c7f;background:var(--surface)}

/* ---------- 3. Modo escuro: preto, cinza neutro e contorno ---------- */
html[data-theme][data-effective-theme="dark"]{
 --bg:#000;--white:#0D0E0F;--surface:#0D0E0F;--table:#0D0E0F;--tableHead:#131517;--sectorBg:#131517;--sector:#131517;
 --chrome:#08090A;--chrome-line:#1E2124;--line:#26292C;--line-strong:#3A3E42;--borderSoft:#1B1E20;--hover:#17191B;--sunken:#060707;--fieldBg:#08090A;--btnBg:#121416;
 --cmd-bg:#141618;--cmd-line:#383C40;--ink:#ECEEED;--text2:#CBD0CD;--muted:#A3A9A6;
 --tip-bg:#1B1E20;--tip-line:#3A3E42;--toast-bg:#17191B;--toast-line:#3A3E42;--cardGreen:#0D0E0F;--cardRed:#0D0E0F;--sel:#0E2118;--selectedBg:#0E2118;
 --c-t-bg:#0D0E0F;--c-t:#5EE39A;--c-f-bg:#0D0E0F;--c-f:#FFA370;--c-fe-bg:#0D0E0F;--c-fe:#A3BEFF;--c-at-bg:#0D0E0F;--c-at:#CDB4FF;
 --c-fl-bg:#0D0E0F;--c-fl:#FF9C92;--c-su-bg:#0D0E0F;--c-su:#C6D0DA;--c-ex-bg:#0D0E0F;--c-ex:#8EE6B5;--c-x-bg:transparent;--c-p-bg:#0D0E0F;
 --px-ok-bg:transparent;--px-warn-bg:transparent;--px-bad-bg:transparent;--px-off-bg:transparent;--px-ex-bg:transparent;--px-so-bg:transparent;
 --px-fe-bg:transparent;--px-at-bg:transparent;--px-info-bg:transparent;--px-hol-bg:transparent;--px-sel:rgba(80,220,160,.06);
 --g-op-soft:#0D0E0F;--g-eq-soft:#0D0E0F;--g-pl-soft:#0D0E0F;--g-ad-soft:#0D0E0F;--g-cx-soft:#0D0E0F;--g-dg-soft:#0D0E0F;
 --primary-soft:#0E2118;--greenbg:#0D0E0F;--leaf:#0D0E0F;--redbg:#0D0E0F;--amberbg:#0D0E0F;--infobg:#0D0E0F;--accent-soft:#0D0E0F;
 --t-line:#2f8f5a;--f-line:#b65a2c;--fe-line:#4a6fc4;--at-line:#8a63d2;--fl-line:#c0443a;--su-line:#5d6b78;
}
/* Quadradinhos da escala: borda na cor da situação. */
html[data-theme][data-effective-theme="dark"] .ft.status-t{border:1.5px solid var(--t-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.status-f,html[data-theme][data-effective-theme="dark"] .ft.off{border:1.5px solid var(--f-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.status-fe{border:1.5px solid var(--fe-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.status-at{border:1.5px solid var(--at-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.status-fl{border:1.5px solid var(--fl-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.status-su{border:1.5px solid var(--su-line)!important}
html[data-theme][data-effective-theme="dark"] .ft.q-ex,html[data-theme][data-effective-theme="dark"] .ft.q-so{border-width:1.5px!important}
/* Etiquetas e situações antigas (status, tag, dot) no mesmo estilo. */
html[data-theme][data-effective-theme="dark"] .status,html[data-theme][data-effective-theme="dark"] .status-tag,html[data-theme][data-effective-theme="dark"] .tag{background:transparent!important}
html[data-theme][data-effective-theme="dark"] .status.on{border:1px solid var(--t-line)}
html[data-theme][data-effective-theme="dark"] .status.warn{border:1px solid var(--warn-line)}
html[data-theme][data-effective-theme="dark"] .status.bad{border:1px solid var(--fl-line)}
html[data-theme][data-effective-theme="dark"] .status.off{border:1px solid var(--line-strong)}
html[data-theme][data-effective-theme="dark"] .fn-head{background:#08090A}
html[data-theme][data-effective-theme="dark"] .sector-block{background:var(--table)}
/* Hoje no escuro: contorno verde (mesmo estilo das outras pílulas). */
html[data-theme][data-effective-theme="dark"] .roster-head button.is-today .dp{background:var(--surface);border:2px solid var(--primary);color:#5EE39A}
html[data-theme][data-effective-theme="dark"] .roster-head button.is-today .dp small{color:#5EE39A}