@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700&family=Manrope:wght@600;700;800&display=swap');

:root{
  --lf-bg:#25272b;
  --lf-bg-2:#2d3035;
  --lf-surface:#34373d;
  --lf-surface-2:#3a3e45;
  --lf-surface-3:#42464e;
  --lf-border:rgba(255,255,255,.10);
  --lf-border-strong:rgba(255,255,255,.16);
  --lf-text:#f7f7f5;
  --lf-text-2:#e4e5e3;
  --lf-muted:#aeb1b6;
  --lf-faint:#858990;
  --lf-accent:#8b72ff;
  --lf-accent-2:#a996ff;
  --lf-accent-dark:#6e55dc;
  --lf-success:#32c48d;
  --lf-warning:#f2b84b;
  --lf-error:#f05d6b;
  --lf-shadow:0 24px 70px rgba(0,0,0,.24);
  --lf-shadow-soft:0 12px 34px rgba(0,0,0,.18);
  --lf-glow:0 0 32px rgba(139,114,255,.20);
  --lf-radius:18px;
  --lf-radius-lg:24px;
  color-scheme:dark;
}

html.lf-light{
  --lf-bg:#f1eee8;
  --lf-bg-2:#e9e5dd;
  --lf-surface:#fffdfa;
  --lf-surface-2:#f8f5ef;
  --lf-surface-3:#eeeae2;
  --lf-border:rgba(34,35,38,.10);
  --lf-border-strong:rgba(34,35,38,.16);
  --lf-text:#18191c;
  --lf-text-2:#292b30;
  --lf-muted:#686b72;
  --lf-faint:#8a8d93;
  --lf-accent:#745be8;
  --lf-accent-2:#8b72ff;
  --lf-accent-dark:#5d46c5;
  --lf-shadow:0 24px 70px rgba(47,42,32,.12);
  --lf-shadow-soft:0 12px 34px rgba(47,42,32,.09);
  --lf-glow:0 0 28px rgba(116,91,232,.13);
  color-scheme:light;
}

html,body{min-height:100%;}
html{scroll-behavior:smooth;}
body{
  margin:0!important;
  padding-left:0;
  background:var(--lf-bg)!important;
  color:var(--lf-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  transition:background .35s ease,color .35s ease;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(circle at 15% 0%,rgba(139,114,255,.10),transparent 28%),radial-gradient(circle at 88% 80%,rgba(139,114,255,.055),transparent 30%);
}
html.lf-light body::before{
  background:radial-gradient(circle at 12% 0%,rgba(139,114,255,.08),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.38),transparent 42%);
}

h1,h2,h3,h4,h5,h6{font-family:Manrope,Inter,sans-serif!important;color:var(--lf-text)!important;letter-spacing:-.025em;}
p,span,label,li,td,th{color:inherit;}
.text-white{color:var(--lf-text)!important;}
.text-gray-900,.text-gray-800,.text-slate-900,.text-gray-700,.text-gray-600{color:var(--lf-text-2)!important;}
.text-gray-500,.text-slate-500,.text-gray-400,.text-slate-400{color:var(--lf-muted)!important;}

/* Global surfaces */
.card,.panel,.section-card,.modal,.page-card,.widget,
.bg-white,.bg-gray-50,.bg-gray-100,
[class*="bg-white"],[class*="bg-gray-50"],[class*="bg-gray-100"]{
  background:var(--lf-surface)!important;
  border:1px solid var(--lf-border)!important;
  box-shadow:var(--lf-shadow-soft)!important;
  border-radius:var(--lf-radius)!important;
}

/* Remove legacy colorful backgrounds */
body,[class*="bg-gradient-to-r"],[class*="bg-gradient-to-br"],[class*="from-indigo"],[class*="from-purple"],[class*="from-pink"]{
  background-color:transparent;
}

button,.btn,.button,.button-link,[type=button],[type=submit],[type=reset]{
  border-radius:12px!important;
  font-family:Inter,sans-serif!important;
  font-weight:650!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
button:hover,.btn:hover,.button:hover,.button-link:hover,[type=button]:hover,[type=submit]:hover{transform:translateY(-2px);}
button:active,.btn:active,.button:active,[type=button]:active,[type=submit]:active{transform:translateY(0) scale(.985);}
button:focus-visible,.btn:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--lf-accent)!important;outline-offset:3px;box-shadow:var(--lf-glow)!important;}

input,textarea,select,.form-control,.form-input{
  background:var(--lf-surface-2)!important;
  color:var(--lf-text)!important;
  border:1px solid var(--lf-border)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  min-height:44px;
}
input::placeholder,textarea::placeholder,select::placeholder{color:var(--lf-faint)!important;}
input:focus,textarea:focus,select:focus,.form-control:focus,.form-input:focus{border-color:var(--lf-accent)!important;background:var(--lf-surface-3)!important;}
option{background:var(--lf-surface);color:var(--lf-text);}

a{color:var(--lf-accent);}
a:hover{color:var(--lf-accent-2);}

/* Premium sidebar: existing page navs are visually transformed without changing markup or links. */
body:has(> nav) > nav,
body:has(> nav) > .site-nav,
body:has(> nav) > .page-admin-nav{
  position:fixed!important;
  z-index:1000!important;
  left:16px!important;top:16px!important;bottom:16px!important;
  width:246px!important;
  height:auto!important;
  margin:0!important;
  padding:18px!important;
  border:1px solid var(--lf-border)!important;
  border-radius:26px!important;
  background:rgba(48,51,57,.88)!important;
  box-shadow:var(--lf-shadow)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  overflow:hidden!important;
}
html.lf-light body:has(> nav) > nav,
html.lf-light body:has(> nav) > .site-nav,
html.lf-light body:has(> nav) > .page-admin-nav{background:rgba(255,253,250,.88)!important;}

body:has(> nav){padding-left:278px!important;}
body:has(> nav) > nav > div:first-child{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;}
body:has(> nav) > nav > div:first-child > div:first-child{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;height:auto!important;}
body:has(> nav) > nav .max-w-6xl,body:has(> nav) > nav .max-w-7xl{max-width:none!important;}
body:has(> nav) > nav img{width:44px!important;height:44px!important;border-radius:14px!important;box-shadow:0 8px 22px rgba(0,0,0,.20);}
body:has(> nav) > nav h1{font-size:20px!important;line-height:1.08!important;margin:0!important;}
body:has(> nav) > nav .hidden.md\:flex{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:5px!important;width:100%!important;}
body:has(> nav) > nav .hidden.md\:flex > span{padding:8px 10px 12px!important;color:var(--lf-muted)!important;font-size:12px!important;}
body:has(> nav) > nav .hidden.md\:flex > a{
  display:flex!important;align-items:center!important;min-height:42px!important;padding:0 12px!important;
  border-radius:12px!important;color:var(--lf-text-2)!important;background:transparent!important;
}
body:has(> nav) > nav .hidden.md\:flex > a:hover{background:var(--lf-surface-2)!important;color:var(--lf-text)!important;box-shadow:none!important;}
body:has(> nav) > nav .hidden.md\:flex > a.lf-active{background:rgba(139,114,255,.16)!important;color:var(--lf-accent-2)!important;box-shadow:inset 3px 0 0 var(--lf-accent)!important;}
body:has(> nav) > nav .hidden.md\:flex > a[href*="logout"]{margin-top:10px;background:var(--lf-surface-2)!important;color:var(--lf-text)!important;border:1px solid var(--lf-border)!important;}
body:has(> nav) > nav .hidden.md\:flex > a[href*="logout"]:hover{background:rgba(240,93,107,.12)!important;color:#ff8791!important;border-color:rgba(240,93,107,.28)!important;}
body:has(> nav) > nav form{width:100%!important;}
body:has(> nav) > nav form select{width:100%!important;}
body:has(> nav) > nav .mobileMenu,#mobileMenu{background:var(--lf-surface)!important;}

/* Header/brand block */
body:has(> nav) > nav > div:first-child > div:first-child > div:first-child{display:flex!important;align-items:center!important;gap:11px!important;flex-wrap:wrap;}
body:has(> nav) > nav > div:first-child > div:first-child > div:first-child h1{flex:1;min-width:120px;}

/* Admin's mobile menu button is hidden on desktop; sidebar is the navigation. */
body:has(> nav) > nav #menuBtn{display:none!important;}

/* Content breathing room */
body:has(> nav) main,body:has(> nav) .page-admin-content,body:has(> nav) .max-w-6xl.mx-auto,body:has(> nav) .max-w-7xl.mx-auto{max-width:1280px;}

/* Make common legacy containers feel like modern product surfaces */
.rounded-xl,.rounded-2xl,.rounded-3xl{border-radius:var(--lf-radius)!important;}
.shadow,.shadow-md,.shadow-lg,.shadow-xl{box-shadow:var(--lf-shadow-soft)!important;}
.border,.border-gray-200,.border-gray-300,.border-gray-600,.border-white\/10{border-color:var(--lf-border)!important;}

/* Primary action family */
.bg-purple-600,.bg-indigo-600,.bg-violet-600,.bg-blue-600,
[class*="bg-purple-6"],[class*="bg-indigo-6"],[class*="bg-violet-6"]{
  background:var(--lf-accent)!important;color:#fff!important;
}
.bg-purple-600:hover,.bg-indigo-600:hover,.bg-violet-600:hover{background:var(--lf-accent-2)!important;box-shadow:var(--lf-glow)!important;}

/* Status colors stay semantic */
.text-green-600,.text-green-500,.text-emerald-600{color:var(--lf-success)!important;}
.text-yellow-600,.text-amber-600{color:var(--lf-warning)!important;}
.text-red-600,.text-red-500{color:var(--lf-error)!important;}

/* Tables */
table{border-collapse:separate!important;border-spacing:0!important;color:var(--lf-text-2)!important;}
thead th{background:var(--lf-surface-2)!important;color:var(--lf-muted)!important;border-bottom:1px solid var(--lf-border)!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.04em;}
tbody td{background:transparent!important;border-bottom:1px solid var(--lf-border)!important;color:var(--lf-text-2)!important;}
tbody tr{transition:background .16s ease;}
tbody tr:hover td{background:rgba(139,114,255,.055)!important;}

/* Modal */
.fixed.inset-0{background:rgba(8,9,11,.62)!important;backdrop-filter:blur(10px)!important;}
html.lf-light .fixed.inset-0{background:rgba(30,28,24,.38)!important;}

/* Theme control */
#lf-theme-toggle{
  position:fixed;right:22px;bottom:22px;z-index:2000;
  display:inline-flex;align-items:center;gap:9px;
  min-height:44px;padding:0 15px;border-radius:14px;
  background:var(--lf-surface-2);color:var(--lf-text);
  border:1px solid var(--lf-border);box-shadow:var(--lf-shadow-soft);
  backdrop-filter:blur(16px);cursor:pointer;
}
#lf-theme-toggle:hover{transform:translateY(-3px);border-color:rgba(139,114,255,.38);box-shadow:var(--lf-shadow),var(--lf-glow);}
#lf-theme-toggle svg{width:17px;height:17px;color:var(--lf-accent-2);}

/* Page entrance / premium motion */
body.lf-ready > *{animation:lf-page-in .32s ease-out both;}
@keyframes lf-page-in{from{opacity:.0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;}}

/* Mobile: sidebar becomes a top floating bar; existing mobile menu remains available. */
@media (max-width:900px){
  body:has(> nav){padding-left:0!important;padding-top:88px!important;}
  body:has(> nav) > nav,
  body:has(> nav) > .site-nav,
  body:has(> nav) > .page-admin-nav{
    left:10px!important;right:10px!important;top:10px!important;bottom:auto!important;
    width:auto!important;height:auto!important;min-height:68px!important;padding:10px 14px!important;border-radius:20px!important;
  }
  body:has(> nav) > nav > div:first-child > div:first-child{flex-direction:row!important;align-items:center!important;gap:10px!important;}
  body:has(> nav) > nav .hidden.md\:flex{display:none!important;}
  body:has(> nav) > nav #menuBtn{display:inline-flex!important;margin-left:auto!important;}
  body:has(> nav) > nav img{width:40px!important;height:40px!important;}
  body:has(> nav) > nav h1{font-size:17px!important;}
  #lf-theme-toggle{right:14px;bottom:14px;}
}

@media (max-width:560px){
  body{font-size:14px!important;}
  body:has(> nav){padding-top:82px!important;}
  .page-card{padding:16px!important;}
  #lf-theme-toggle{width:44px;height:44px;padding:0;justify-content:center;font-size:0;}
  #lf-theme-toggle svg{margin:0;}
}

/* ==========================================================
   LUXURY FUTURE V4 — page-by-page refinement
   Direction: Apple-inspired premium product, charcoal dark,
   warm off-white light, floating surfaces, restrained glass.
   ========================================================== */

/* Preserve the approved login from V3. */
.page-login{padding-left:0!important;}

/* Shared product canvas for the pages being redesigned. */
.page-admin,.page-rooms,.page-formando,.page-comissao,.page-relatorios,.page-controle-horas,.page-caixa,.page-log_atividades{
  --page-max:1320px;
}
.page-admin:not(.lf-light),.page-rooms:not(.lf-light),.page-formando:not(.lf-light),.page-comissao:not(.lf-light),.page-relatorios:not(.lf-light),.page-controle-horas:not(.lf-light),.page-caixa:not(.lf-light),.page-log_atividades:not(.lf-light){background:#292b30!important;}

/* V4 charcoal: brighter than V3, with clearer elevation. */
html:not(.lf-light){
  --lf-bg:#292b30;
  --lf-bg-2:#303339;
  --lf-surface:#383b42;
  --lf-surface-2:#40444c;
  --lf-surface-3:#484d56;
  --lf-border:rgba(255,255,255,.11);
  --lf-border-strong:rgba(255,255,255,.18);
  --lf-muted:#b9bbc0;
  --lf-faint:#92959c;
  --lf-shadow:0 24px 65px rgba(9,10,12,.28);
  --lf-shadow-soft:0 12px 30px rgba(9,10,12,.18);
}

/* Sidebar: quieter, brighter, more Apple-like. */
body:not(.page-login):has(> nav) > nav{
  background:linear-gradient(180deg,rgba(57,60,67,.94),rgba(49,52,58,.94))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 48px rgba(8,9,11,.22)!important;
}
html.lf-light body:not(.page-login):has(> nav) > nav{
  background:rgba(255,253,249,.91)!important;
  border-color:rgba(40,38,34,.09)!important;
}

/* Remove legacy rainbow gradients on redesigned pages. */
.page-admin [class*="bg-gradient"],.page-rooms [class*="bg-gradient"],.page-formando [class*="bg-gradient"],
.page-comissao [class*="bg-gradient"],.page-relatorios [class*="bg-gradient"],.page-controle-horas [class*="bg-gradient"],
.page-caixa [class*="bg-gradient"],.page-log_atividades [class*="bg-gradient"]{
  background-image:none!important;
}

/* Main page wrappers */
.page-admin .page-admin-content,
.page-rooms > div.min-h-screen > div,
.page-formando > div.min-h-screen > div,
.page-comissao > div.min-h-screen > div,
.page-relatorios > div.min-h-screen > div,
.page-controle-horas > div.min-h-screen > div,
.page-caixa > div.min-h-screen > div,
.page-log_atividades > div.min-h-screen > div{
  max-width:var(--page-max)!important;
}

/* Dark surfaces: no white strips, no low-contrast inherited text. */
html:not(.lf-light) .page-admin .bg-white,
html:not(.lf-light) .page-rooms .bg-white,
html:not(.lf-light) .page-formando .bg-white,
html:not(.lf-light) .page-comissao .bg-white,
html:not(.lf-light) .page-relatorios .bg-white,
html:not(.lf-light) .page-controle-horas .bg-white,
html:not(.lf-light) .page-caixa .bg-white,
html:not(.lf-light) .page-log_atividades .bg-white{
  background:var(--lf-surface)!important;color:var(--lf-text)!important;
}
html:not(.lf-light) .page-admin .text-gray-800,html:not(.lf-light) .page-admin .text-gray-900,
html:not(.lf-light) .page-rooms .text-gray-800,html:not(.lf-light) .page-rooms .text-gray-900,
html:not(.lf-light) .page-formando .text-gray-800,html:not(.lf-light) .page-formando .text-gray-900,
html:not(.lf-light) .page-comissao .text-gray-800,html:not(.lf-light) .page-comissao .text-gray-900,
html:not(.lf-light) .page-relatorios .text-gray-800,html:not(.lf-light) .page-relatorios .text-gray-900,
html:not(.lf-light) .page-controle-horas .text-gray-800,html:not(.lf-light) .page-controle-horas .text-gray-900,
html:not(.lf-light) .page-caixa .text-gray-800,html:not(.lf-light) .page-caixa .text-gray-900,
html:not(.lf-light) .page-log_atividades .text-gray-800,html:not(.lf-light) .page-log_atividades .text-gray-900{color:var(--lf-text)!important;}

/* ADMIN — turn action row and users table into premium controls. */
.page-admin .page-admin-content{padding-top:54px!important;}
.page-admin .page-admin-content > .grid:first-of-type{gap:14px!important;margin-bottom:28px!important;}
.page-admin .page-admin-content > .grid:first-of-type > *{
  min-height:74px!important;justify-content:flex-start!important;padding:0 20px!important;
  background:rgba(255,255,255,.055)!important;border:1px solid var(--lf-border)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.10)!important;border-radius:18px!important;
}
.page-admin .page-admin-content > .grid:first-of-type > *:hover{background:var(--lf-surface-2)!important;border-color:rgba(139,114,255,.35)!important;box-shadow:var(--lf-shadow-soft),0 0 0 1px rgba(139,114,255,.08)!important;}
.page-admin .page-admin-content > .grid:first-of-type svg{width:22px!important;height:22px!important;color:var(--lf-accent-2)!important;}
.page-admin .page-admin-content > .grid:first-of-type span{color:var(--lf-text)!important;}
.page-admin .page-admin-content > .mb-10.bg-white{max-width:none!important;border-radius:22px!important;overflow:hidden!important;background:var(--lf-surface)!important;}
.page-admin .page-admin-content > .mb-10.bg-white > div:first-child{background:var(--lf-surface-2)!important;padding:20px 24px!important;}
.page-admin table{font-size:13px!important;}
.page-admin thead th{padding:13px 16px!important;background:rgba(255,255,255,.035)!important;}
.page-admin tbody td{padding:14px 16px!important;}
.page-admin tbody tr:hover td{background:rgba(139,114,255,.075)!important;}
html.lf-light .page-admin .page-admin-content > .grid:first-of-type > *{background:#fffdfa!important;box-shadow:0 10px 30px rgba(60,50,35,.07)!important;}
html.lf-light .page-admin .page-admin-content > .mb-10.bg-white{background:#fffdfa!important;}
html.lf-light .page-admin .page-admin-content > .mb-10.bg-white > div:first-child{background:#f7f3ec!important;}

/* Settings/comprovante modal — one visual language, no rainbow cards. */
#settingsModal{padding:28px!important;background:rgba(15,16,18,.58)!important;backdrop-filter:blur(16px) saturate(115%)!important;}
#settingsModal > div{max-width:940px!important;max-height:90vh!important;overflow:auto!important;background:rgba(56,59,66,.97)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:26px!important;box-shadow:0 36px 100px rgba(0,0,0,.38)!important;}
#settingsModal > div > div:first-child{position:sticky!important;top:0!important;z-index:3!important;background:rgba(56,59,66,.96)!important;border-bottom:1px solid var(--lf-border)!important;backdrop-filter:blur(18px)!important;padding:20px 24px!important;}
#settingsModal > div > div:first-child h3{font-size:20px!important;}
#settingsModal > div > div:first-child h3 > div{background:rgba(139,114,255,.14)!important;color:var(--lf-accent-2)!important;}
#settingsModal > div > div:first-child button{background:var(--lf-surface-2)!important;border:1px solid var(--lf-border)!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;}
#settingsModal form > .grid > div,#settingsModal form > .border-t + .grid > div,#settingsModal form > .grid.grid-cols-1.md\:grid-cols-2.gap-3 > div{
  background:var(--lf-surface-2)!important;border:1px solid var(--lf-border)!important;border-radius:18px!important;box-shadow:none!important;
}
#settingsModal form > .grid:first-child > div{padding:18px!important;}
#settingsModal .border-t{border-color:var(--lf-border)!important;}
#settingsModal label,#settingsModal p,#settingsModal span{color:var(--lf-text-2)!important;}
#settingsModal form > .border-t button{background:var(--lf-surface-2)!important;border:1px solid var(--lf-border)!important;color:var(--lf-text)!important;min-height:84px!important;}
#settingsModal form > .border-t button:hover{border-color:rgba(139,114,255,.42)!important;background:var(--lf-surface-3)!important;box-shadow:var(--lf-glow)!important;}
#settingsModal form > .border-t button svg{color:var(--lf-accent-2)!important;}
#settingsModal form > .grid.grid-cols-1.md\:grid-cols-2.gap-3 span{background:rgba(139,114,255,.10)!important;border:1px solid rgba(139,114,255,.20)!important;color:#c8bbff!important;}
#settingsModal form > .flex.gap-4.pt-2 button:last-child{background:var(--lf-accent)!important;color:#fff!important;box-shadow:0 12px 28px rgba(139,114,255,.20)!important;}
#settingsModal form > .flex.gap-4.pt-2 button:first-child{background:transparent!important;color:var(--lf-text-2)!important;border:1px solid var(--lf-border-strong)!important;}
html.lf-light #settingsModal{background:rgba(47,43,37,.32)!important;}
html.lf-light #settingsModal > div,html.lf-light #settingsModal > div > div:first-child{background:rgba(255,253,250,.97)!important;}
html.lf-light #settingsModal form > .grid > div,html.lf-light #settingsModal form > .border-t + .grid > div{background:#f7f3ec!important;}
html.lf-light #settingsModal form > .grid.grid-cols-1.md\:grid-cols-2.gap-3 span{background:#eee9ff!important;color:#6040d8!important;}

/* ROOMS — real redesign, preserving all forms/actions. */
.page-rooms > .min-h-screen{background:transparent!important;padding-top:58px!important;}
.page-rooms h1{font-size:clamp(34px,4vw,48px)!important;letter-spacing:-.045em!important;}
.page-rooms h1 + p{font-size:15px!important;color:var(--lf-muted)!important;}
.page-rooms .grid{gap:18px!important;}
.page-rooms .grid > .bg-white{background:var(--lf-surface)!important;border:1px solid var(--lf-border)!important;border-radius:22px!important;box-shadow:var(--lf-shadow-soft)!important;}
.page-rooms .grid > .bg-white:hover{transform:translateY(-3px);border-color:rgba(139,114,255,.30)!important;box-shadow:var(--lf-shadow)!important;}
.page-rooms form.bg-white{padding:26px!important;}
.page-rooms button[name="toggle_test_mode"]{background:var(--lf-surface-2)!important;border:1px solid var(--lf-border)!important;color:var(--lf-text)!important;}
.page-rooms button[name="create_room"],.page-rooms button[name="update_room"],.page-rooms button[name="select_room"]{background:var(--lf-accent)!important;color:#fff!important;}
html.lf-light .page-rooms .grid > .bg-white,html.lf-light .page-rooms form.bg-white{background:#fffdfa!important;}

/* FORMANDO — light gets refinement; dark gets a full surface redesign. */
.page-formando > .min-h-screen{background:transparent!important;}
.page-formando .max-w-6xl{max-width:1180px!important;}
.page-formando h1,.page-formando h2{letter-spacing:-.035em!important;}
.page-formando .grid.grid-cols-1.md\:grid-cols-5 > div{border-radius:22px!important;border:1px solid var(--lf-border)!important;box-shadow:var(--lf-shadow-soft)!important;min-height:140px;}
html:not(.lf-light) .page-formando .grid.grid-cols-1.md\:grid-cols-5 > div{background:linear-gradient(145deg,var(--lf-surface),var(--lf-surface-2))!important;}
html:not(.lf-light) .page-formando .grid.grid-cols-1.md\:grid-cols-5 > div:last-child{background:linear-gradient(145deg,#5f49cf,#8567f0)!important;border-color:rgba(255,255,255,.12)!important;}
.page-formando .bg-white.rounded-3xl{border-radius:24px!important;box-shadow:var(--lf-shadow-soft)!important;}
.page-formando table thead,.page-formando table thead tr,.page-formando table thead th{background:var(--lf-surface-2)!important;color:var(--lf-muted)!important;}
html.lf-light .page-formando > .min-h-screen{background:#f1eee8!important;}
html.lf-light .page-formando .grid.grid-cols-1.md\:grid-cols-5 > div{background:#fffdfa!important;border-color:rgba(38,35,30,.09)!important;box-shadow:0 14px 36px rgba(56,47,34,.08)!important;}
html.lf-light .page-formando .grid.grid-cols-1.md\:grid-cols-5 > div:last-child{background:#7358e8!important;color:white!important;}
html.lf-light .page-formando .bg-white.rounded-3xl{background:#fffdfa!important;}

/* COMISSAO / RELATORIOS / HORAS / CAIXA / LOG — coherent product pages. */
.page-comissao > .min-h-screen,.page-relatorios > .min-h-screen,.page-controle-horas > .min-h-screen,.page-caixa > .min-h-screen,.page-log_atividades > .min-h-screen{background:transparent!important;padding-top:48px!important;}
.page-comissao .bg-white,.page-relatorios .bg-white,.page-controle-horas .bg-white,.page-caixa .bg-white,.page-log_atividades .bg-white{border-radius:22px!important;border:1px solid var(--lf-border)!important;box-shadow:var(--lf-shadow-soft)!important;}
.page-comissao [class*="from-green"],.page-comissao [class*="from-blue"],.page-comissao [class*="from-purple"],
.page-relatorios [class*="from-green"],.page-relatorios [class*="from-blue"],.page-relatorios [class*="from-purple"],
.page-controle-horas [class*="from-green"],.page-controle-horas [class*="from-blue"],.page-controle-horas [class*="from-purple"],
.page-caixa [class*="from-green"],.page-caixa [class*="from-yellow"],.page-caixa [class*="from-red"]{background:var(--lf-surface)!important;color:var(--lf-text)!important;border:1px solid var(--lf-border)!important;}
.page-comissao .text-3xl,.page-relatorios .text-3xl,.page-controle-horas .text-3xl,.page-caixa .text-3xl{font-family:Manrope!important;letter-spacing:-.04em!important;}
.page-caixa .grid.grid-cols-1.md\:grid-cols-3 > div:nth-child(1){border-top:3px solid var(--lf-warning)!important;}
.page-caixa .grid.grid-cols-1.md\:grid-cols-3 > div:nth-child(2){border-top:3px solid var(--lf-success)!important;}
.page-caixa .grid.grid-cols-1.md\:grid-cols-3 > div:nth-child(3){border-top:3px solid var(--lf-error)!important;}
.page-log_atividades .p-6.hover\:bg-gray-50:hover{background:var(--lf-surface-2)!important;}
.page-log_atividades .p-3.rounded-full{background:rgba(139,114,255,.12)!important;}
html.lf-light .page-comissao > .min-h-screen,html.lf-light .page-relatorios > .min-h-screen,html.lf-light .page-controle-horas > .min-h-screen,html.lf-light .page-caixa > .min-h-screen,html.lf-light .page-log_atividades > .min-h-screen{background:#f1eee8!important;}
html.lf-light .page-comissao .bg-white,html.lf-light .page-relatorios .bg-white,html.lf-light .page-controle-horas .bg-white,html.lf-light .page-caixa .bg-white,html.lf-light .page-log_atividades .bg-white{background:#fffdfa!important;}

/* RECEIPT / individual statement — now participates in the visual system, while print stays clean. */
.page-recibo_formando{background:#292b30!important;color:var(--lf-text)!important;padding:38px 18px!important;}
.page-recibo_formando > .max-w-4xl{max-width:980px!important;}
.page-recibo_formando .bg-white{background:var(--lf-surface)!important;border:1px solid var(--lf-border)!important;border-radius:24px!important;box-shadow:var(--lf-shadow)!important;}
.page-recibo_formando [class*="bg-gradient"]{background-image:none!important;background:var(--lf-surface-2)!important;}
.page-recibo_formando h1,.page-recibo_formando h2,.page-recibo_formando h3{color:var(--lf-text)!important;}
.page-recibo_formando .text-gray-600,.page-recibo_formando .text-gray-500{color:var(--lf-muted)!important;}
@media print{
  .page-recibo_formando{background:#fff!important;color:#000!important;padding:0!important;}
  .page-recibo_formando .bg-white{background:#fff!important;color:#000!important;border:0!important;box-shadow:none!important;}
  .page-recibo_formando h1,.page-recibo_formando h2,.page-recibo_formando h3{color:#000!important;}
}

/* Mobile */
@media(max-width:900px){
  #settingsModal{padding:12px!important;align-items:flex-end!important;}
  #settingsModal > div{max-height:94vh!important;border-radius:24px 24px 12px 12px!important;margin:0!important;}
  .page-admin .page-admin-content{padding-top:26px!important;}
}

/* ==========================================================
   V4.1 — final visual pass from real browser feedback
   ========================================================== */

/* HOME / INDEX — replace the old generic landing page with a product-style entrance. */
.page-index{padding-left:0!important;background:#f2efe9!important;}
.page-index .lf-home{min-height:100vh;color:#17181b;background:
  radial-gradient(circle at 72% 8%,rgba(116,91,232,.12),transparent 28%),
  radial-gradient(circle at 12% 70%,rgba(116,91,232,.06),transparent 30%),#f2efe9;}
.page-index .lf-home-nav{height:78px;max-width:1320px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.page-index .lf-home-brand{display:flex;align-items:center;gap:12px;}
.page-index .lf-home-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#191a1e;color:#fff;box-shadow:0 12px 28px rgba(20,20,24,.14);}
.page-index .lf-home-mark svg{width:19px;height:19px;}
.page-index .lf-home-kicker{display:block;font-size:9px;letter-spacing:.16em;color:#8a8c91;font-weight:800;margin-bottom:2px;}
.page-index .lf-home-brand strong{font-family:Manrope,sans-serif;font-size:15px;letter-spacing:-.02em;}
.page-index .lf-home-nav-actions{display:flex;align-items:center;gap:12px;}
.page-index .lf-home-room{display:inline-flex;align-items:center;gap:7px;color:#74767b;font-size:13px;margin-right:8px;}
.page-index .lf-home-room svg{width:15px;height:15px;}
.page-index .lf-home-nav-link{color:#4e5056!important;font-size:13px;font-weight:650;text-decoration:none;padding:10px 12px;border-radius:11px;}
.page-index .lf-home-nav-link:hover{background:rgba(0,0,0,.05);}
.page-index .lf-home-nav-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff!important;background:#7358e8;border-radius:12px;padding:11px 15px;font-size:13px;font-weight:750;box-shadow:0 12px 28px rgba(115,88,232,.20);}
.page-index .lf-home-nav-cta svg{width:15px;height:15px;}
.page-index .lf-home-main{max-width:1120px;margin:0 auto;padding:82px 28px 90px;}
.page-index .lf-home-hero{max-width:860px;margin:0 auto;text-align:center;}
.page-index .lf-home-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:750;letter-spacing:.02em;color:#696b72;background:rgba(255,255,255,.72);border:1px solid rgba(28,29,32,.08);padding:8px 12px;border-radius:999px;box-shadow:0 8px 24px rgba(45,40,31,.06);}
.page-index .lf-home-eyebrow span{width:7px;height:7px;border-radius:50%;background:#7358e8;box-shadow:0 0 14px rgba(115,88,232,.6);}
.page-index .lf-home-hero h1{font-size:clamp(48px,7vw,82px)!important;line-height:.98;margin:25px 0 22px;color:#18191c!important;letter-spacing:-.065em!important;}
.page-index .lf-home-hero h1 em{font-style:normal;color:#7358e8;}
.page-index .lf-home-hero>p{max-width:700px;margin:0 auto;color:#666970;font-size:17px;line-height:1.7;}
.page-index .lf-home-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0 18px;}
.page-index .lf-home-primary,.page-index .lf-home-secondary{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:750;border-radius:14px;padding:14px 18px;}
.page-index .lf-home-primary{background:#7358e8;color:#fff!important;box-shadow:0 18px 38px rgba(115,88,232,.22);}
.page-index .lf-home-primary:hover{color:#fff!important;transform:translateY(-2px);box-shadow:0 24px 48px rgba(115,88,232,.28);}
.page-index .lf-home-secondary{color:#303238!important;border:1px solid rgba(28,29,32,.10);background:rgba(255,255,255,.66);}
.page-index .lf-home-secondary:hover{background:#fff;}
.page-index .lf-home-actions svg{width:17px;height:17px;}
.page-index .lf-home-proof{display:flex;justify-content:center;align-items:center;gap:7px;color:#94969b;font-size:11px;font-weight:650;}
.page-index .lf-home-proof svg{width:14px;height:14px;color:#7358e8;}
.page-index .lf-home-features{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px;margin-top:78px;}
.page-index .lf-home-feature{min-height:330px;padding:28px;border:1px solid rgba(28,29,32,.08);border-radius:26px;background:rgba(255,253,250,.78);box-shadow:0 20px 50px rgba(54,47,36,.08);backdrop-filter:blur(18px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.page-index .lf-home-feature:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(54,47,36,.13);border-color:rgba(115,88,232,.20);}
.page-index .lf-home-feature-main{background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(245,240,255,.86));}
.page-index .lf-home-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eee9ff;color:#7358e8;margin-bottom:34px;}
.page-index .lf-home-icon svg{width:22px;height:22px;}
.page-index .lf-home-label{font-size:10px;letter-spacing:.13em;font-weight:850;color:#8b8d92;}
.page-index .lf-home-feature h2{font-size:24px!important;line-height:1.12;margin:10px 0 12px;color:#191a1e!important;}
.page-index .lf-home-feature p{font-size:14px;line-height:1.65;color:#707279;margin:0;}
.page-index .lf-home-mini-stat{display:flex;align-items:end;gap:10px;margin-top:30px;padding-top:18px;border-top:1px solid rgba(28,29,32,.08);}
.page-index .lf-home-mini-stat strong{font:800 34px/1 Manrope,sans-serif;color:#7358e8;letter-spacing:-.05em;}
.page-index .lf-home-mini-stat span{font-size:11px;color:#8a8c91;line-height:1.3;max-width:120px;}
.page-index .lf-home-bottom{margin-top:18px;padding:40px;border-radius:26px;background:#191a1e;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;box-shadow:0 30px 70px rgba(22,22,26,.16);}
.page-index .lf-home-bottom .lf-home-label{color:#999ba1;}
.page-index .lf-home-bottom h2{color:#fff!important;font-size:34px!important;line-height:1.08;margin:10px 0 0;}
.page-index .lf-home-bottom-copy p{color:#b4b6bb;line-height:1.65;font-size:14px;margin:0 0 20px;}
.page-index .lf-home-bottom-copy a{color:#bcaeff!important;text-decoration:none;font-weight:750;display:inline-flex;gap:8px;align-items:center;}
.page-index .lf-home-bottom-copy svg{width:16px;height:16px;}
html:not(.lf-light) .page-index{background:#25272b!important;}
html:not(.lf-light) .page-index .lf-home{background:
 radial-gradient(circle at 70% 8%,rgba(139,114,255,.13),transparent 27%),
 radial-gradient(circle at 14% 70%,rgba(139,114,255,.07),transparent 30%),#25272b; color:#f7f7f5;}
html:not(.lf-light) .page-index .lf-home-nav{border-bottom:1px solid rgba(255,255,255,.05);}
html:not(.lf-light) .page-index .lf-home-mark{background:#f7f7f5;color:#1a1b1f;}
html:not(.lf-light) .page-index .lf-home-brand strong{color:#f7f7f5;}
html:not(.lf-light) .page-index .lf-home-room,html:not(.lf-light) .page-index .lf-home-nav-link{color:#b9bbc0!important;}
html:not(.lf-light) .page-index .lf-home-nav-link:hover{background:rgba(255,255,255,.06);}
html:not(.lf-light) .page-index .lf-home-eyebrow{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.10);color:#b9bbc0;}
html:not(.lf-light) .page-index .lf-home-hero h1{color:#f7f7f5!important;}
html:not(.lf-light) .page-index .lf-home-hero>p{color:#aeb1b6;}
html:not(.lf-light) .page-index .lf-home-secondary{color:#f0f1ef!important;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.11);}
html:not(.lf-light) .page-index .lf-home-secondary:hover{background:rgba(255,255,255,.09);}
html:not(.lf-light) .page-index .lf-home-proof{color:#8f9298;}
html:not(.lf-light) .page-index .lf-home-feature{background:rgba(55,58,64,.74);border-color:rgba(255,255,255,.10);box-shadow:0 24px 60px rgba(0,0,0,.22);}
html:not(.lf-light) .page-index .lf-home-feature-main{background:linear-gradient(145deg,rgba(62,65,72,.90),rgba(55,50,76,.86));}
html:not(.lf-light) .page-index .lf-home-feature h2{color:#f7f7f5!important;}
html:not(.lf-light) .page-index .lf-home-feature p{color:#b9bbc0;}
html:not(.lf-light) .page-index .lf-home-icon{background:rgba(139,114,255,.14);}
html:not(.lf-light) .page-index .lf-home-mini-stat{border-color:rgba(255,255,255,.09);}

/* Unified sidebar for commission / reports / hours / cash / logs. */
body.page-comissao:has(> nav) > nav,
body.page-relatorios:has(> nav) > nav,
body.page-controle-horas:has(> nav) > nav,
body.page-caixa:has(> nav) > nav,
body.page-log_atividades:has(> nav) > nav{
  background:rgba(255,253,249,.92)!important;
  background-image:none!important;
  border:1px solid rgba(40,38,34,.09)!important;
  box-shadow:0 18px 48px rgba(54,47,36,.10)!important;
  color:#202126!important;
}
body.page-comissao:has(> nav) > nav .hidden.md\:flex,
body.page-relatorios:has(> nav) > nav .hidden.md\:flex,
body.page-controle-horas:has(> nav) > nav .hidden.md\:flex,
body.page-caixa:has(> nav) > nav .hidden.md\:flex,
body.page-log_atividades:has(> nav) > nav .hidden.md\:flex{gap:6px!important;}
body.page-comissao:has(> nav) > nav .hidden.md\:flex > a,
body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a,
body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a,
body.page-caixa:has(> nav) > nav .hidden.md\:flex > a,
body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a{color:#383a40!important;background:transparent!important;}
body.page-comissao:has(> nav) > nav .hidden.md\:flex > a:hover,
body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a:hover,
body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a:hover,
body.page-caixa:has(> nav) > nav .hidden.md\:flex > a:hover,
body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a:hover{background:#f1eee8!important;color:#17181b!important;}
body.page-comissao:has(> nav) > nav .hidden.md\:flex > a.lf-active,
body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a.lf-active,
body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a.lf-active,
body.page-caixa:has(> nav) > nav .hidden.md\:flex > a.lf-active,
body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a.lf-active{background:#eee9ff!important;color:#6046d2!important;box-shadow:inset 3px 0 0 #7358e8!important;}
body.page-comissao:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
body.page-caixa:has(> nav) > nav .hidden.md\:flex > a[href*="logout"]{background:#f4f1eb!important;color:#303238!important;}
body.page-comissao:has(> nav) > nav h1,
body.page-relatorios:has(> nav) > nav h1,
body.page-controle-horas:has(> nav) > nav h1,
body.page-caixa:has(> nav) > nav h1,
body.page-log_atividades:has(> nav) > nav h1{color:#202126!important;}
body.page-comissao:has(> nav) > nav span,
body.page-relatorios:has(> nav) > nav span,
body.page-controle-horas:has(> nav) > nav span,
body.page-caixa:has(> nav) > nav span,
body.page-log_atividades:has(> nav) > nav span{color:#777980!important;}

html:not(.lf-light) body.page-comissao:has(> nav) > nav,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav,
html:not(.lf-light) body.page-caixa:has(> nav) > nav,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav{
  background:linear-gradient(180deg,#34373e,#2d3036)!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:0 20px 54px rgba(0,0,0,.24)!important;
}
html:not(.lf-light) body.page-comissao:has(> nav) > nav .hidden.md\:flex > a,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a,
html:not(.lf-light) body.page-caixa:has(> nav) > nav .hidden.md\:flex > a,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a{color:#e5e6e8!important;}
html:not(.lf-light) body.page-comissao:has(> nav) > nav .hidden.md\:flex > a:hover,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a:hover,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a:hover,
html:not(.lf-light) body.page-caixa:has(> nav) > nav .hidden.md\:flex > a:hover,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a:hover{background:#40444c!important;color:#fff!important;}
html:not(.lf-light) body.page-comissao:has(> nav) > nav .hidden.md\:flex > a.lf-active,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a.lf-active,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a.lf-active,
html:not(.lf-light) body.page-caixa:has(> nav) > nav .hidden.md\:flex > a.lf-active,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav .hidden.md\:flex > a.lf-active{background:rgba(139,114,255,.15)!important;color:#c4b8ff!important;}
html:not(.lf-light) body.page-comissao:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
html:not(.lf-light) body.page-relatorios:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav .hidden.md\:flex > a[href*="logout"],
html:not(.lf-light) body.page-caixa:has(> nav) > nav .hidden.md\:flex > a[href*="logout"]{background:#40444c!important;color:#fff!important;}
html:not(.lf-light) body.page-comissao:has(> nav) > nav h1,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav h1,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav h1,
html:not(.lf-light) body.page-caixa:has(> nav) > nav h1,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav h1{color:#f5f5f3!important;}
html:not(.lf-light) body.page-comissao:has(> nav) > nav span,
html:not(.lf-light) body.page-relatorios:has(> nav) > nav span,
html:not(.lf-light) body.page-controle-horas:has(> nav) > nav span,
html:not(.lf-light) body.page-caixa:has(> nav) > nav span,
html:not(.lf-light) body.page-log_atividades:has(> nav) > nav span{color:#aeb1b6!important;}

/* Admin dark: calm charcoal instead of the flat black/grey wall. */
html:not(.lf-light) .page-admin{background:#25272b!important;}
html:not(.lf-light) .page-admin .page-admin-content{padding-top:54px!important;}
html:not(.lf-light) .page-admin .page-admin-content > .grid:first-of-type > *{background:#32353b!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 16px 36px rgba(0,0,0,.16)!important;}
html:not(.lf-light) .page-admin .page-admin-content > .grid:first-of-type > *:hover{background:#3b3f47!important;border-color:rgba(139,114,255,.34)!important;}
html:not(.lf-light) .page-admin .page-admin-content > .mb-10.bg-white{background:#34373d!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important;}
html:not(.lf-light) .page-admin .page-admin-content > .mb-10.bg-white > div:first-child{background:#3c4047!important;border-bottom:1px solid rgba(255,255,255,.08)!important;}
html:not(.lf-light) .page-admin thead th{background:#2f3238!important;color:#9ea2aa!important;}
html:not(.lf-light) .page-admin tbody td{color:#e5e6e8!important;border-color:rgba(255,255,255,.07)!important;}
html:not(.lf-light) .page-admin tbody tr:hover td{background:rgba(139,114,255,.09)!important;}

/* Rooms: fix the secondary "Voltar" action in dark mode and test-mode controls. */
html:not(.lf-light) .page-rooms a[href="admin.php"]{background:#40444c!important;color:#f4f5f5!important;border:1px solid rgba(255,255,255,.10)!important;}
html:not(.lf-light) .page-rooms a[href="admin.php"] svg{color:#d8d9dc!important;}
html:not(.lf-light) .page-rooms a[href="admin.php"]:hover{background:#4a4f58!important;}

/* Log de atividades — rebuild the visual hierarchy without touching its data/filter logic. */
.page-log_atividades > .min-h-screen{padding-top:54px!important;background:transparent!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl{max-width:1120px!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white{padding:24px!important;background:var(--lf-surface)!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white h3{font-size:18px!important;margin-bottom:18px!important;}
.page-log_atividades form{align-items:end;}
.page-log_atividades form > div{min-width:0;}
.page-log_atividades form button[type="submit"]{background:var(--lf-accent)!important;color:#fff!important;border:0!important;min-height:44px;}
.page-log_atividades form a{background:transparent!important;color:var(--lf-text-2)!important;border:1px solid var(--lf-border)!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white{overflow:hidden!important;padding:0!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white > div:first-child{background:var(--lf-surface-2)!important;padding:20px 24px!important;border-bottom:1px solid var(--lf-border)!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white > div:first-child h3{margin:0!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white .p-6.hover\:bg-gray-50{padding:22px 24px!important;border-bottom:1px solid var(--lf-border)!important;background:transparent!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white .p-6.hover\:bg-gray-50:hover{background:rgba(139,114,255,.055)!important;}
.page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white pre{background:var(--lf-surface-2)!important;color:var(--lf-text-2)!important;border-color:var(--lf-border)!important;border-radius:12px!important;}
html.lf-light .page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white{background:#fffdfa!important;}
html.lf-light .page-log_atividades > .min-h-screen > .max-w-7xl > .bg-white + .bg-white > div:first-child{background:#f7f3ec!important;}

@media(max-width:900px){
  .page-index .lf-home-nav{height:auto;padding:18px 18px;align-items:flex-start;}
  .page-index .lf-home-nav-actions .lf-home-room,.page-index .lf-home-nav-actions .lf-home-nav-link{display:none;}
  .page-index .lf-home-main{padding:62px 18px 60px;}
  .page-index .lf-home-hero h1{font-size:clamp(42px,12vw,64px)!important;}
  .page-index .lf-home-features{grid-template-columns:1fr;}
  .page-index .lf-home-feature{min-height:0;}
  .page-index .lf-home-bottom{grid-template-columns:1fr;padding:30px;}
}

/* ==========================================================
   V6 — final polish requested after visual review
   ========================================================== */

/* ADMIN: use exactly the same canvas treatment as Comissão. */
.page-admin{background:#f1eee8!important;}
.page-admin .page-admin-content{background:transparent!important;}
html:not(.lf-light) .page-admin{background:#292b30!important;}
html:not(.lf-light) .page-admin .page-admin-content{background:transparent!important;}

/* ADMIN dark: remove the grey/black wall and keep the same charcoal canvas. */
html:not(.lf-light) .page-admin .page-admin-content > .mb-10.bg-white{
  background:#383b42!important;
  border-color:rgba(255,255,255,.11)!important;
}

/* RELATÓRIOS: make the Progresso column read like a real progress meter. */
.page-relatorios .w-full.flex.flex-col.justify-center > div.w-full.rounded-full.h-4{
  position:relative!important;
  height:9px!important;
  min-height:9px!important;
  background:#e7e4de!important;
  border:1px solid rgba(40,38,34,.07)!important;
  border-radius:999px!important;
  box-shadow:inset 0 1px 2px rgba(20,20,20,.08)!important;
}
.page-relatorios .w-full.flex.flex-col.justify-center > div.w-full.rounded-full.h-4 > div{
  height:100%!important;
  min-height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#36c98f 0%,#19a974 100%)!important;
  box-shadow:0 0 10px rgba(25,169,116,.20)!important;
}
.page-relatorios .w-full.flex.flex-col.justify-center > p{
  margin-top:7px!important;
  color:#74767d!important;
  font-size:11px!important;
  font-weight:700!important;
}
html:not(.lf-light) .page-relatorios .w-full.flex.flex-col.justify-center > div.w-full.rounded-full.h-4{
  background:#4a4d54!important;
  border-color:rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.25)!important;
}
html:not(.lf-light) .page-relatorios .w-full.flex.flex-col.justify-center > p{color:#b9bbc0!important;}

/* COMISSÃO: the fundraising card should match the approved premium cards. */
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border{
  border:1px solid rgba(42,40,35,.08)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fffdfa!important;
  box-shadow:0 18px 48px rgba(54,47,36,.10)!important;
}
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border > div:first-child{
  background:linear-gradient(135deg,#7358e8 0%,#6046d2 100%)!important;
  padding:18px 20px!important;
}
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border > div:nth-child(2){
  padding:22px!important;
}
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .text-2xl{
  color:#5a45df!important;
  font-family:Manrope,Inter,sans-serif!important;
  letter-spacing:-.035em!important;
}
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .flex.flex-wrap.gap-2 > *{
  border-radius:12px!important;
  box-shadow:none!important;
}
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .flex.flex-wrap.gap-2 > a,
.page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .flex.flex-wrap.gap-2 button{
  min-height:40px!important;
}
html:not(.lf-light) .page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border{
  background:#383b42!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.20)!important;
}
html:not(.lf-light) .page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border > div:nth-child(2){
  background:#383b42!important;
}
html:not(.lf-light) .page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .text-gray-600{color:#b9bbc0!important;}
html:not(.lf-light) .page-comissao h2 + .grid > div.bg-white.rounded-2xl.shadow-xl.overflow-hidden.border .text-gray-500{color:#92959c!important;}