/* Cosmos Studios - v6 stable UI */
:root{
  --brand:#2563eb;
  --brand2:#7c3aed;
  --accent:#0891b2;
  --success:#15803d;
  --danger:#dc2626;
  --warning:#d97706;

  --page:#f3f6fb;
  --surface:#ffffff;
  --surface-soft:#f8fafc;
  --text:#0f172a;
  --heading:#020617;
  --muted:#475569;
  --line:#dbe3ef;
  --shadow:0 14px 34px rgba(15,23,42,.10);

  --sidebar-bg:#08111f;
  --sidebar-text:#f8fafc;
  --sidebar-muted:#9fb0c9;
  --sidebar-line:rgba(255,255,255,.10);
}
html[data-theme="dark"]{
  --page:#08101d;
  --surface:#0f172a;
  --surface-soft:#152033;
  --text:#e5edf8;
  --heading:#ffffff;
  --muted:#b6c3d7;
  --line:#283548;
  --shadow:0 16px 40px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{min-height:100%;max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--page);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3,h4,h5,h6,strong,b,label,th{color:var(--heading)}
p,td,small,span,li{color:inherit}.text-secondary{color:var(--muted)!important}
.auth-bg{min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.15),transparent 28%),radial-gradient(circle at 85% 85%,rgba(124,58,237,.12),transparent 30%),var(--page)}
.auth-shell{max-width:420px}.logo{display:inline-block;max-width:100%;height:auto}.logo-auth{max-height:76px}.brand img{max-height:44px;width:auto}
.auth-card,.panel,.metric-card,.hero-card,.topbar{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}
.btn{border-radius:14px;font-weight:700;transition:.18s ease}.btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff!important;border:0;padding:.85rem 1.05rem}.btn-brand:hover{filter:brightness(1.05);transform:translateY(-1px);text-decoration:none}.btn-soft{background:var(--surface-soft);border:1px solid var(--line);color:var(--heading)!important}.btn-soft:hover{background:var(--surface);text-decoration:none}.btn-success,.btn-danger{color:#fff!important;font-weight:800}.btn-success{background:#15803d;border-color:#15803d}.btn-danger{background:#dc2626;border-color:#dc2626}
/* Always-Readable Inputs */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="date"],textarea,select{
  background:#ffffff !important;
  color:#0f172a !important;
  border:1px solid #cfd8e6 !important;
  border-radius:14px !important;
  padding:.9rem 1rem !important;
  min-height:48px;
  box-shadow:none !important;
}
textarea.form-control{min-height:120px}
.form-control::placeholder,textarea::placeholder{color:#64748b !important}
.form-control:focus,.form-select:focus,input:focus,textarea:focus,select:focus{border-color:var(--brand)!important;outline:0;box-shadow:0 0 0 .22rem rgba(37,99,235,.18)!important}
select.form-select, .form-select{appearance:auto !important;-webkit-appearance:menulist !important;-moz-appearance:menulist !important}
.form-select option, select option{background:#ffffff !important;color:#0f172a !important}
/* File input readability */
input[type="file"]{padding:.6rem .75rem !important;background:#fff !important;color:#111827 !important}
.app-shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;background:var(--sidebar-bg);color:var(--sidebar-text);border-right:1px solid var(--sidebar-line);overflow-y:auto}.brand{display:flex;align-items:center;justify-content:center;padding:10px 12px 24px;margin-bottom:12px;border-bottom:1px solid var(--sidebar-line)}.nav-link{color:var(--sidebar-muted)!important;border-radius:16px;padding:13px 14px;display:flex;gap:12px;align-items:center;font-weight:750}.nav-link i{font-size:1.08rem;color:inherit}.nav-link:hover,.nav-link.active{color:#ffffff!important;background:rgba(255,255,255,.10);text-decoration:none}.nav-link .badge{margin-left:auto;color:#111827!important}
.content{min-width:0;padding:24px;width:100%;max-width:1500px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:22px}.topbar-user strong{display:block;color:var(--heading)}.topbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.menu-right-btn{width:46px;height:46px;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:1.25rem}.mobile-backdrop{display:none}
.hero-card{padding:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.hero-card h1{font-size:clamp(1.8rem,3vw,3rem);line-height:1.08;margin:0 0 10px;font-weight:900;letter-spacing:-.035em;color:var(--heading)}.hero-card p{margin:0;color:var(--muted)}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:900;margin-bottom:.35rem}html[data-theme="dark"] .eyebrow{color:#93c5fd}
.metric-card{min-height:132px;padding:18px;display:flex;flex-direction:column;justify-content:space-between}.metric-card i{font-size:1.5rem;color:var(--brand)}.metric-card span{color:var(--muted)}.metric-card strong{font-size:1.9rem;line-height:1;color:var(--heading)}
.panel{padding:22px}.panel h2{font-size:1.1rem;font-weight:900;margin-bottom:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.table-darkish{--bs-table-bg:transparent;--bs-table-color:var(--text);--bs-table-border-color:var(--line)}.table>:not(caption)>*>*{padding:.85rem .75rem;color:var(--text);border-color:var(--line)}.table a{font-weight:800}
.badge{border-radius:999px;padding:.52em .75em;font-weight:800}.priority-Baixa{background:#0ea5e9;color:#062235}.priority-Média{background:#6366f1;color:#ffffff}.priority-Alta{background:#f59e0b;color:#111827}.priority-Urgente{background:#ef4444;color:#ffffff}.text-bg-info{color:#072233!important;background:#22d3ee!important}.text-bg-secondary{background:#64748b!important;color:#fff!important}.text-bg-warning{background:#fbbf24!important;color:#111827!important}.text-bg-success{background:#16a34a!important;color:#fff!important}.text-bg-danger{background:#dc2626!important;color:#fff!important}
.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.page-title h1{font-size:clamp(1.75rem,3.3vw,3rem);line-height:1.1;margin:0;font-weight:900;letter-spacing:-.035em;color:var(--heading)}.rank-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.place{font-size:1.35rem}.traffic{width:44px;height:8px;border-radius:999px;margin-top:6px}.traffic.green{background:#22c55e}.traffic.yellow{background:#f59e0b}.traffic.red{background:#ef4444}.comment{border-bottom:1px solid var(--line);padding:12px 0}.comment small{display:block;color:var(--muted)}.file-row,.notification{display:block;padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;color:var(--text)!important;background:var(--surface-soft)}.notification.unread{border-color:var(--brand);background:rgba(37,99,235,.10)}.progress{background:rgba(100,116,139,.25);height:10px;border-radius:999px}.progress-bar{background:linear-gradient(135deg,var(--brand),var(--brand2))}.glass{background:var(--surface);border:1px solid var(--line);color:var(--text)}
.panel canvas{min-height:260px}#lineChart,#barChart{height:300px!important}#pieChart{height:270px!important}
@media(max-width:991px){body.menu-open{overflow:hidden}.app-shell{display:block}.content{padding:12px;max-width:100%}.sidebar{position:fixed;inset:0 0 0 auto;width:min(86vw,330px);height:100vh;z-index:20;transform:translateX(105%);transition:transform .24s ease;border-left:1px solid var(--sidebar-line);border-right:0;box-shadow:-28px 0 64px rgba(0,0,0,.38)}.sidebar.open{transform:translateX(0)}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:18;background:rgba(2,6,23,.56);opacity:0;pointer-events:none;transition:.22s ease}.mobile-backdrop.show{opacity:1;pointer-events:auto}.brand{justify-content:flex-start}.brand img{max-height:38px}.topbar{position:sticky;top:8px;z-index:10;border-radius:18px;padding:12px;margin-bottom:14px}.topbar-user strong{font-size:.98rem}.topbar-user .small{font-size:.76rem}.hero-card,.page-title{flex-direction:column;align-items:flex-start}.hero-card{padding:20px;border-radius:20px}.hero-card h1{font-size:1.55rem}.page-title{margin-bottom:14px}.page-title h1{font-size:1.5rem}.panel{padding:16px;border-radius:20px}.metric-card{padding:16px;border-radius:20px;min-height:108px}.metric-card strong{font-size:1.45rem}.row.g-3,.row.g-4{--bs-gutter-x:.8rem;--bs-gutter-y:.8rem}.btn-brand,.btn-soft{padding:.75rem .9rem}.form-control,.form-select{font-size:16px!important}.table-responsive{overflow:visible}table.table-darkish thead{display:none}table.table-darkish,table.table-darkish tbody,table.table-darkish tr,table.table-darkish td{display:block;width:100%}table.table-darkish tr{background:var(--surface-soft);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:10px}table.table-darkish td{border:0!important;padding:6px 4px!important;color:var(--text)}table.table-darkish td .btn{width:100%}.d-flex.gap-2.flex-wrap{width:100%}.d-flex.gap-2.flex-wrap .btn,.d-flex.gap-2.flex-wrap form{width:100%}.d-flex.gap-2.flex-wrap form .btn{width:100%}#lineChart,#barChart,#pieChart{height:245px!important}}
@media(max-width:575px){body{font-size:15px}.auth-shell{max-width:100%}.auth-card{border-radius:20px}.logo-auth{max-height:64px}.content{padding:10px}.topbar-actions{gap:7px}.menu-right-btn{width:44px;height:44px}.hero-card{padding:18px}.hero-card h1{font-size:1.4rem}.page-title h1{font-size:1.32rem}.eyebrow{font-size:.68rem}}
@media print{.sidebar,.topbar,.btn{display:none!important}.app-shell{display:block}.panel,.hero-card,.metric-card{box-shadow:none;border:1px solid #ddd}body{background:#fff;color:#111}}


/* v7 DARK ONLY - modo claro removido */
:root,
html,
html[data-theme="dark"],
html[data-theme="light"]{
  --page:#08101d;
  --surface:#0f172a;
  --surface-soft:#152033;
  --text:#e5edf8;
  --heading:#ffffff;
  --muted:#b6c3d7;
  --line:#283548;
  --shadow:0 16px 40px rgba(0,0,0,.28);
  --sidebar-bg:#070d18;
  --sidebar-text:#f8fafc;
  --sidebar-muted:#aab8ce;
  --sidebar-line:rgba(255,255,255,.10);
}
html,body{background:#08101d!important;color:#e5edf8!important}
body.auth-bg{background:radial-gradient(circle at 15% 15%,rgba(37,99,235,.15),transparent 28%),radial-gradient(circle at 85% 85%,rgba(124,58,237,.12),transparent 30%),#08101d!important}
.auth-card,.panel,.metric-card,.hero-card,.topbar{background:#0f172a!important;border-color:#283548!important;color:#e5edf8!important}
.sidebar{background:#070d18!important;color:#f8fafc!important}
.nav-link{color:#aab8ce!important}
.nav-link:hover,.nav-link.active{color:#fff!important;background:rgba(255,255,255,.10)!important}
h1,h2,h3,h4,h5,h6,strong,b,label,th{color:#fff!important}
.text-secondary{color:#b6c3d7!important}
.btn-soft{background:#152033!important;border-color:#283548!important;color:#ffffff!important}
.topbar-actions:empty{display:none!important}

/* Inputs sempre legíveis no dark */
.form-control,.form-select,input[type="text"],input[type="email"],input[type="password"],input[type="date"],textarea,select{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid #cfd8e6!important;
}
.form-select option,select option{background:#ffffff!important;color:#0f172a!important}

/* Botão WhatsApp em destaque */
.btn-whatsapp{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important;font-weight:900}
.btn-whatsapp:hover{filter:brightness(1.05);text-decoration:none}
