/* Tema claro suave — reduz o branco puro e o contraste excessivo */
html:not([data-theme="dark"]) body{
  background:
    radial-gradient(circle at 85% -10%,rgba(37,99,235,.10),transparent 30%),
    linear-gradient(145deg,#e6ecf4 0%,#edf2f7 48%,#e8eef5 100%);
}
html:not([data-theme="dark"]) .sidebar{
  background:linear-gradient(180deg,#edf2f8 0%,#e7edf5 100%);
  border-right-color:#c9d5e3;
  box-shadow:8px 0 28px rgba(45,62,85,.08);
}
html:not([data-theme="dark"]) .topbar{
  background:rgba(239,244,249,.88);
  border-bottom-color:#cbd6e3;
  box-shadow:0 5px 18px rgba(50,67,90,.055);
}
html:not([data-theme="dark"]) .metric,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .filterbar,
html:not([data-theme="dark"]) .tablewrap,
html:not([data-theme="dark"]) .stat,
html:not([data-theme="dark"]) .toast,
html:not([data-theme="dark"]) .iconbtn,
html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) .tab{
  background:#f4f7fb;
}
html:not([data-theme="dark"]) .metric,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .tablewrap,
html:not([data-theme="dark"]) .stat{
  box-shadow:0 10px 28px rgba(51,68,91,.09),0 1px 2px rgba(51,68,91,.05);
}
html:not([data-theme="dark"]) .sidefoot,
html:not([data-theme="dark"]) .history-item,
html:not([data-theme="dark"]) .param input,
html:not([data-theme="dark"]) .search input,
html:not([data-theme="dark"]) .filterbar select,
html:not([data-theme="dark"]) td.local select,
html:not([data-theme="dark"]) thead th,
html:not([data-theme="dark"]) tfoot td,
html:not([data-theme="dark"]) .badge{
  background:#e8eef6;
}
html:not([data-theme="dark"]) tbody tr:nth-child(even):not(.weekend){background:rgba(232,238,246,.46)}
html:not([data-theme="dark"]) tbody tr:hover{background:#dce9fa}
html:not([data-theme="dark"]) tr.weekend{background:#e3e9f1}
html:not([data-theme="dark"]) .navbtn:hover{background:#dde6f1}
html:not([data-theme="dark"]) .tab:hover,
html:not([data-theme="dark"]) .iconbtn:hover,
html:not([data-theme="dark"]) .btn:hover{background:#edf3fa}
html:not([data-theme="dark"]) input::placeholder{color:#8090a5}
html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select{caret-color:var(--primary)}


/* Tema claro colorido — identidade Corporate Blue com acentos suaves */
html:not([data-theme="dark"]){
  --bg:#eaf2fb;
  --surface:#f7fbff;
  --surface2:#e7f0fb;
  --text:#17233b;
  --muted:#61728d;
  --line:#c8d8eb;
  --primary:#2563eb;
  --primary2:#60a5fa;
  --success:#0f9f6e;
  --warning:#e07a12;
  --danger:#dc4c64;
  --shadow:0 12px 30px rgba(42,79,130,.12);
}
html:not([data-theme="dark"]) body{
  background:
    radial-gradient(circle at 88% -8%,rgba(59,130,246,.18),transparent 28%),
    radial-gradient(circle at 12% 105%,rgba(16,185,129,.10),transparent 24%),
    linear-gradient(145deg,#e8f1fb 0%,#f1f6fc 50%,#eaf2fb 100%);
}
html:not([data-theme="dark"]) .sidebar{
  background:linear-gradient(180deg,#edf5ff 0%,#e6effb 58%,#eef7f4 100%);
  border-right-color:#bfd2e8;
  box-shadow:8px 0 30px rgba(37,99,235,.11);
}
html:not([data-theme="dark"]) .brand{
  border-bottom:1px solid rgba(37,99,235,.10);
  margin-bottom:10px;
}
html:not([data-theme="dark"]) .logo{
  background:linear-gradient(135deg,#2563eb,#7c3aed 65%,#14b8a6);
  box-shadow:0 10px 24px rgba(37,99,235,.28);
}
html:not([data-theme="dark"]) .navbtn{color:#53657e}
html:not([data-theme="dark"]) .navbtn:hover{
  background:linear-gradient(90deg,#dbeafe,#e8f3ff);
  color:#1d4ed8;
}
html:not([data-theme="dark"]) .navbtn.active{
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 10px 24px rgba(37,99,235,.28);
}
html:not([data-theme="dark"]) .sidefoot{
  background:linear-gradient(145deg,#e8f1ff,#edf8f3);
  border-color:#c2d6ea;
}
html:not([data-theme="dark"]) .topbar{
  background:rgba(246,250,255,.88);
  border-bottom-color:#c8d8eb;
  box-shadow:0 6px 20px rgba(37,99,235,.08);
}
html:not([data-theme="dark"]) .metric,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .filterbar,
html:not([data-theme="dark"]) .tablewrap,
html:not([data-theme="dark"]) .stat,
html:not([data-theme="dark"]) .toast,
html:not([data-theme="dark"]) .iconbtn,
html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) .tab{
  background:linear-gradient(180deg,#f9fcff,#f3f8fe);
}
html:not([data-theme="dark"]) .metric{
  border-top:4px solid #3b82f6;
}
html:not([data-theme="dark"]) .metric:nth-child(2){border-top-color:#10b981}
html:not([data-theme="dark"]) .metric:nth-child(3){border-top-color:#8b5cf6}
html:not([data-theme="dark"]) .metric:nth-child(4){border-top-color:#f59e0b}
html:not([data-theme="dark"]) .metric:nth-child(5){border-top-color:#ef4444}
html:not([data-theme="dark"]) .metric:nth-child(6){border-top-color:#06b6d4}
html:not([data-theme="dark"]) .metric:after{background:color-mix(in srgb,var(--primary) 16%,transparent)}
html:not([data-theme="dark"]) .metric:nth-child(2):after{background:rgba(16,185,129,.14)}
html:not([data-theme="dark"]) .metric:nth-child(3):after{background:rgba(139,92,246,.14)}
html:not([data-theme="dark"]) .metric:nth-child(4):after{background:rgba(245,158,11,.16)}
html:not([data-theme="dark"]) .metric:nth-child(5):after{background:rgba(239,68,68,.13)}
html:not([data-theme="dark"]) .metric:nth-child(6):after{background:rgba(6,182,212,.14)}
html:not([data-theme="dark"]) .panel{border-color:#c6d8ee}
html:not([data-theme="dark"]) .panel-head{border-bottom:1px solid rgba(37,99,235,.09);padding-bottom:10px}
html:not([data-theme="dark"]) .tab.active{
  background:linear-gradient(135deg,#2563eb,#4f46e5);
}
html:not([data-theme="dark"]) .btn.primary{
  background:linear-gradient(135deg,#2563eb,#4f46e5);
  box-shadow:0 8px 20px rgba(37,99,235,.22);
}
html:not([data-theme="dark"]) .btn.danger{
  background:#fff1f3;
  border-color:#f2b8c2;
}
html:not([data-theme="dark"]) .iconbtn:hover,
html:not([data-theme="dark"]) .btn:hover,
html:not([data-theme="dark"]) .tab:hover{
  background:#e8f2ff;
}
html:not([data-theme="dark"]) .filterbar{
  background:linear-gradient(90deg,#edf5ff,#f5f9ff 55%,#eef9f5);
}
html:not([data-theme="dark"]) .sidefoot,
html:not([data-theme="dark"]) .history-item,
html:not([data-theme="dark"]) .param input,
html:not([data-theme="dark"]) .search input,
html:not([data-theme="dark"]) .filterbar select,
html:not([data-theme="dark"]) td.local select,
html:not([data-theme="dark"]) .badge{
  background:#edf4fc;
}
html:not([data-theme="dark"]) thead th{
  background:linear-gradient(180deg,#dbeafe,#d5e7fb);
  color:#3b5473;
  border-bottom-color:#b9cfe8;
}
html:not([data-theme="dark"]) tfoot td{
  background:linear-gradient(180deg,#e8f5ef,#dff2e9);
}
html:not([data-theme="dark"]) tbody tr:nth-child(even):not(.weekend){background:rgba(226,238,252,.55)}
html:not([data-theme="dark"]) tbody tr:hover{background:#d9eaff}
html:not([data-theme="dark"]) tr.weekend{background:#eef0f8}
html:not([data-theme="dark"]) .stat{
  position:relative;
  overflow:hidden;
}
html:not([data-theme="dark"]) .stat:before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#3b82f6;
}
html:not([data-theme="dark"]) .stat:nth-child(2):before{background:#10b981}
html:not([data-theme="dark"]) .stat:nth-child(3):before{background:#8b5cf6}
html:not([data-theme="dark"]) .stat:nth-child(4):before{background:#f59e0b}
html:not([data-theme="dark"]) .stat:nth-child(5):before{background:#ef4444}
html:not([data-theme="dark"]) .stat:nth-child(6):before{background:#06b6d4}
html:not([data-theme="dark"]) .calendar-day.has-work{background:linear-gradient(180deg,#edf5ff,#e4f0ff)}
html:not([data-theme="dark"]) .calendar-day.has-extra{box-shadow:inset 0 0 0 2px rgba(245,158,11,.42)}
html:not([data-theme="dark"]) .calendar-day.has-leave{background:linear-gradient(180deg,#f3ecff,#eee6ff)}
html:not([data-theme="dark"]) .calendar-day.has-absence{background:linear-gradient(180deg,#fff0f2,#ffe8ec)}
html:not([data-theme="dark"]) .legal-footer{
  background:linear-gradient(90deg,#e7f0fb,#edf7f3);
  border-top-color:#c7d8ea;
}