:root{
  --bg:#05050A;--panel:rgba(14,12,26,.88);--panel2:rgba(20,17,36,.82);
  --text:#F8F5FF;--muted:#A9A1BA;--border:rgba(168,85,247,.28);
  --border2:rgba(192,132,252,.56);--blue:#2563EB;--green:#22C55E;
  --orange:#FF7A00;--purple:#8B5CF6;--purple2:#A855F7;--purple3:#C084FC;
  --red:#EF4444;--shadow:0 24px 80px rgba(0,0,0,.45);
  --glow:0 0 24px rgba(168,85,247,.42),0 0 70px rgba(139,92,246,.16);
  --radius:20px}
*{box-sizing:border-box}html{background:#05050A}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 5%,rgba(139,92,246,.18),transparent 32%),radial-gradient(circle at 90% 12%,rgba(168,85,247,.15),transparent 34%),linear-gradient(135deg,#05050A,#090713 60%,#05050A);min-height:100vh}
body:before{content:"";position:fixed;inset:0;background:url('assets/chip-bg-circuit.png') center/cover no-repeat;opacity:.18;pointer-events:none;z-index:-1}
a{text-decoration:none;color:inherit}.app{display:grid;grid-template-columns:290px 1fr;min-height:100vh}
aside{background:linear-gradient(180deg,rgba(10,9,19,.94),rgba(7,6,14,.88));border-right:1px solid var(--border);padding:24px 14px;position:sticky;top:0;height:100vh;backdrop-filter:blur(18px);box-shadow:14px 0 60px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:12px;padding:0 12px 26px}.brand-logo{width:164px;max-height:82px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(168,85,247,.45))}
.logo{font-size:34px}.brand h1{font-family:Poppins,Inter,sans-serif;font-size:23px;margin:0}.brand span{color:var(--purple2)}.brand small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px}
nav a{width:100%;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:13px;font-size:15px;font-weight:800;margin-bottom:6px;color:var(--muted);border:1px solid transparent;transition:.2s}
nav a.active,nav a:hover{background:linear-gradient(135deg,rgba(139,92,246,.95),rgba(88,28,135,.88));color:#fff;border-color:var(--border2);box-shadow:var(--glow);transform:translateX(3px)}
.userbox{position:absolute;bottom:18px;left:14px;right:14px;border:1px solid var(--border);border-radius:16px;padding:14px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(168,85,247,.08));font-size:13px}.userbox small{color:var(--muted)}
main{padding:30px;overflow:auto}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.top h2{font-family:Poppins,Inter,sans-serif;font-size:34px;line-height:1.05;margin:0 0 8px;letter-spacing:-.035em}.top p{margin:0;color:var(--muted);font-size:15px}.actions{display:flex;gap:10px;flex-wrap:wrap}
.btn{border:1px solid rgba(192,132,252,.34);border-radius:13px;padding:12px 16px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,#7C3AED,#A855F7);color:#fff;display:inline-block;box-shadow:0 12px 30px rgba(139,92,246,.25),inset 0 1px 0 rgba(255,255,255,.18);transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:var(--glow)}
.btn.secondary{background:rgba(255,255,255,.035);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.orange{background:linear-gradient(135deg,#8B5CF6,#A855F7)}.btn.danger{background:linear-gradient(135deg,#EF4444,#991B1B)}.btn.green{background:linear-gradient(135deg,#22C55E,#15803D);border-color:rgba(34,197,94,.4)}.btn.small{padding:8px 10px;font-size:12px;border-radius:10px;margin:2px}
.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(4,minmax(180px,1fr))}.mini{grid-template-columns:repeat(5,1fr)}.charts{grid-template-columns:1fr 1fr 1.15fr}.two{grid-template-columns:1fr 1fr}
.card{position:relative;background:linear-gradient(145deg,rgba(19,17,35,.84),rgba(8,7,16,.88));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:18px;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(168,85,247,.16),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.045),transparent 42%);pointer-events:none}.card>*{position:relative}.card:hover{border-color:var(--border2);box-shadow:var(--shadow),var(--glow)}
.chartbox{height:250px}.metric{display:flex;align-items:center;gap:16px}.icon{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:22px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 26px rgba(168,85,247,.32)}.blue{background:linear-gradient(135deg,#2563EB,#8B5CF6)}.greenicon{background:linear-gradient(135deg,#22C55E,#7C3AED)}.orangebg{background:linear-gradient(135deg,#FF7A00,#A855F7)}.purple{background:linear-gradient(135deg,#A855F7,#6D28D9)}
.metric small,.card small{color:var(--muted);font-weight:800}.metric b{display:block;font-size:29px;margin:4px 0;color:#fff}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h3,.card h3{font-family:Poppins,Inter,sans-serif;margin:0 0 12px;font-size:20px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top}th{color:#B9B0CC;font-size:13px}td{font-size:14px;color:#F4F0FF}
.badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;background:rgba(168,85,247,.16);color:#D8B4FE;border:1px solid rgba(168,85,247,.22)}.badge.green{background:rgba(34,197,94,.14);color:#86EFAC;border-color:rgba(34,197,94,.25)}.badge.red{background:rgba(239,68,68,.14);color:#FCA5A5;border-color:rgba(239,68,68,.25)}.badge.blue{background:rgba(59,130,246,.14);color:#93C5FD;border-color:rgba(59,130,246,.25)}
.kanban{display:grid;grid-template-columns:repeat(4,minmax(285px,1fr));gap:16px;overflow:auto;padding-bottom:18px}.col{background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:18px;padding:12px;min-height:540px;backdrop-filter:blur(10px)}.col h3{margin:4px 6px 12px;font-family:Poppins,Inter,sans-serif;font-size:16px}.deal{background:linear-gradient(145deg,rgba(18,16,32,.95),rgba(8,7,16,.92));border:1px solid rgba(168,85,247,.26);border-radius:16px;padding:15px;margin-bottom:12px;box-shadow:0 15px 40px rgba(0,0,0,.32);transition:.18s}.deal:hover{transform:translateY(-2px);border-color:var(--border2);box-shadow:var(--glow)}.deal p{margin:7px 0;color:var(--muted);font-size:13px;line-height:1.35}
.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field label{display:block;font-size:12px;color:#BEB4D4;font-weight:900;margin-bottom:6px}input,select,textarea{width:100%;background:rgba(255,255,255,.04);color:var(--text);border:1px solid rgba(168,85,247,.24);border-radius:12px;padding:12px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--purple3);box-shadow:0 0 0 3px rgba(168,85,247,.14)}textarea{min-height:100px}option{background:#111827;color:#fff}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 30%,rgba(168,85,247,.18),transparent 35%),linear-gradient(135deg,#05050A,#0A0714);padding:24px}.login:before{content:"";position:fixed;inset:0;background:url('assets/chip-bg-circuit.png') center/cover no-repeat;opacity:.22;pointer-events:none}.login-card{position:relative;width:100%;max-width:480px;background:linear-gradient(145deg,rgba(18,16,32,.92),rgba(7,6,14,.92));border:1px solid var(--border2);border-radius:28px;padding:34px;box-shadow:var(--shadow),var(--glow);color:var(--text);overflow:hidden}.alert{padding:12px;border-radius:12px;background:rgba(239,68,68,.18);color:#FECACA;font-weight:800;margin-bottom:14px;border:1px solid rgba(239,68,68,.25)}
.notice{padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.04);color:var(--muted);margin-bottom:18px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filters input,.filters select{max-width:260px}
@media(max-width:1100px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.cards,.charts,.mini,.form-grid,.two{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.userbox{position:relative;left:auto;right:auto;bottom:auto;margin-top:20px}}

/* ===== AJUSTES V4 — MAIS CONTRASTE NO PRETO/ROXO ===== */
:root{
  --text:#FFFFFF;
  --muted:#D8D3E6;
  --muted-strong:#F4F0FF;
  --border:rgba(216,180,254,.38);
  --border2:rgba(233,213,255,.68);
}

body,
td,
input,
select,
textarea{
  color:#FFFFFF !important;
}

.top p,
.deal p,
.card small,
.metric small,
.userbox small{
  color:#D8D3E6 !important;
}

nav a{
  color:#F4F0FF !important;
}

nav a:not(.active){
  opacity:.92;
}

nav a.active,
nav a:hover{
  color:#FFFFFF !important;
}

.card h3,
.section-title h3,
.top h2,
.metric b,
.deal b,
td b{
  color:#FFFFFF !important;
}

th{
  color:#E9D5FF !important;
}

td{
  color:#F8F5FF !important;
}

.icon{
  color:#FFFFFF !important;
  text-shadow:0 0 14px rgba(255,255,255,.62);
}

.btn{
  color:#FFFFFF !important;
}

.btn.secondary{
  color:#FFFFFF !important;
  background:rgba(255,255,255,.075) !important;
}

.badge{
  color:#FFFFFF !important;
  border-color:rgba(255,255,255,.20) !important;
}

.badge.green{
  color:#FFFFFF !important;
  background:rgba(34,197,94,.28) !important;
}

.badge.red{
  color:#FFFFFF !important;
  background:rgba(239,68,68,.30) !important;
}

.badge.blue{
  color:#FFFFFF !important;
  background:rgba(59,130,246,.30) !important;
}

input::placeholder,
textarea::placeholder{
  color:#C4B5FD !important;
}

input,
select,
textarea{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(216,180,254,.42) !important;
}

.brand-logo{
  width:178px;
  max-height:88px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 0 24px rgba(192,132,252,.55));
}

.login-card .brand{
  justify-content:center;
}

.login-card .brand-logo{
  width:220px;
  max-height:110px;
  margin:0 auto 8px;
}

.deal{
  border-color:rgba(216,180,254,.42) !important;
}

.deal:hover{
  border-color:rgba(255,255,255,.70) !important;
}

.card{
  border-color:rgba(216,180,254,.34) !important;
}


/* ===== V5 — REFINAMENTO DE LAYOUT, ÍCONES, MODO CLARO E PIPELINE DRAG ===== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Poppins:wght@600;700;800&display=swap');

:root{
  --font-main:'Inter',Segoe UI,Arial,sans-serif;
  --font-title:'Poppins','Inter',Segoe UI,Arial,sans-serif;
}

body{
  font-family:var(--font-main) !important;
  letter-spacing:-.012em;
}

.top h2,
.card h3,
.section-title h3,
.col h3,
.brand h1{
  font-family:var(--font-title) !important;
}

nav a{
  gap:12px !important;
  font-weight:800 !important;
}

.nav-ico{
  width:22px;
  height:22px;
  min-width:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  border:1px solid rgba(216,180,254,.28);
  background:rgba(168,85,247,.10);
  color:#FFFFFF;
  font-size:12px;
  box-shadow:0 0 12px rgba(168,85,247,.18);
}

nav a.active .nav-ico,
nav a:hover .nav-ico{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.36);
  color:#FFFFFF;
}

.theme-toggle{
  position:fixed;
  top:18px;
  right:18px;
  z-index:80;
  border:1px solid rgba(216,180,254,.42);
  background:rgba(12,10,24,.76);
  color:#fff;
  backdrop-filter:blur(14px);
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 34px rgba(0,0,0,.25),0 0 22px rgba(168,85,247,.22);
}

.theme-toggle:hover{
  box-shadow:var(--glow);
}

body.light-main{
  background:#f6f7fb !important;
  color:#0f172a !important;
}

body.light-main:before{
  opacity:.035 !important;
}

body.light-main main{
  background:#f6f7fb !important;
  color:#0f172a !important;
}

body.light-main .top h2,
body.light-main .card h3,
body.light-main .section-title h3,
body.light-main .metric b,
body.light-main td,
body.light-main td b,
body.light-main .deal b{
  color:#101828 !important;
}

body.light-main .top p,
body.light-main .deal p,
body.light-main .card small,
body.light-main .metric small{
  color:#475467 !important;
}

body.light-main .card,
body.light-main .deal,
body.light-main .col{
  background:#ffffff !important;
  border-color:#e4e7ec !important;
  box-shadow:0 16px 38px rgba(16,24,40,.08) !important;
}

body.light-main .card:before{
  background:linear-gradient(135deg,rgba(139,92,246,.055),transparent 48%) !important;
}

body.light-main th{
  color:#667085 !important;
}

body.light-main table td{
  color:#101828 !important;
}

body.light-main input,
body.light-main select,
body.light-main textarea{
  background:#ffffff !important;
  color:#101828 !important;
  border-color:#d0d5dd !important;
}

body.light-main .btn.secondary{
  background:#ffffff !important;
  color:#101828 !important;
  border-color:#d0d5dd !important;
}

body.light-main .notice{
  background:#ffffff !important;
  color:#475467 !important;
  border-color:#e4e7ec !important;
}

body.light-main .badge{
  color:#344054 !important;
  background:#f2f4f7 !important;
  border-color:#e4e7ec !important;
}

body.light-main .badge.green{
  color:#027a48 !important;
  background:#ecfdf3 !important;
}

body.light-main .badge.blue{
  color:#175cd3 !important;
  background:#eff8ff !important;
}

body.light-main .badge.red{
  color:#b42318 !important;
  background:#fef3f2 !important;
}

body.light-main .theme-toggle{
  background:#ffffff !important;
  color:#101828 !important;
  border-color:#d0d5dd !important;
  box-shadow:0 12px 28px rgba(16,24,40,.10) !important;
}

/* Sidebar sempre premium escura, mesmo no modo claro */
body.light-main aside,
body.light-main .userbox,
body.light-main nav a{
  color:#F8F5FF !important;
}

/* Pipeline drag */
.kanban-card-dragging{
  opacity:.45;
  transform:scale(.98);
}

.col.drag-over{
  border-color:rgba(255,255,255,.72) !important;
  box-shadow:0 0 0 3px rgba(168,85,247,.20), var(--glow) !important;
}

.deal{
  cursor:grab;
}

.deal:active{
  cursor:grabbing;
}

.drag-hint{
  color:var(--muted);
  font-size:13px;
  margin-bottom:14px;
}

body.light-main .drag-hint{
  color:#667085;
}


/* ===== V6 — CONFIGURAÇÕES, PERFIL E ÍCONES MAIORES ===== */
.nav-ico{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  font-size:17px !important;
  border-radius:10px !important;
  font-weight:900 !important;
}

nav a{
  font-size:15.5px !important;
  padding:12px 14px !important;
}

.theme-toggle{
  display:none !important;
}

.userbox{
  text-align:left;
}

.user-avatar{
  width:58px;
  height:58px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  margin-bottom:10px;
  border:2px solid rgba(216,180,254,.52);
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:#fff;
  font-weight:900;
  font-size:19px;
  box-shadow:0 0 26px rgba(168,85,247,.35);
}

.user-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.settings-tabs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.settings-tab{
  border:1px solid var(--border);
  background:rgba(255,255,255,.045);
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
}

.profile-card{
  display:grid;
  grid-template-columns:220px 1fr;
  gap:22px;
  align-items:start;
}

.profile-preview{
  border:1px solid var(--border);
  border-radius:22px;
  padding:20px;
  background:rgba(255,255,255,.04);
  text-align:center;
}

.profile-photo-large{
  width:132px;
  height:132px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 14px;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  border:3px solid rgba(216,180,254,.56);
  box-shadow:0 0 35px rgba(168,85,247,.38);
  color:#fff;
  font-size:38px;
  font-weight:900;
}

.profile-photo-large img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.theme-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:14px;
}

.theme-option{
  border:1px solid var(--border);
  border-radius:18px;
  padding:18px;
  background:rgba(255,255,255,.045);
  cursor:pointer;
  transition:.18s ease;
}

.theme-option:hover{
  border-color:var(--border2);
  box-shadow:var(--glow);
  transform:translateY(-1px);
}

.theme-option b{
  display:block;
  color:#fff;
  margin-bottom:6px;
  font-size:18px;
}

.theme-option span{
  color:var(--muted);
}

body.light-main .profile-preview,
body.light-main .settings-tab,
body.light-main .theme-option{
  background:#fff !important;
  border-color:#e4e7ec !important;
  color:#101828 !important;
}

body.light-main .theme-option b,
body.light-main .settings-tab{
  color:#101828 !important;
}

body.light-main .theme-option span{
  color:#475467 !important;
}

@media(max-width:900px){
  .profile-card,
  .theme-options{
    grid-template-columns:1fr;
  }
}


/* ===== V7 — PERSONALIZAÇÃO DE MARCA ===== */
input[type="color"]{
  cursor:pointer;
}

.profile-preview .brand-logo{
  margin:0 auto;
}

body.light-main .profile-preview small{
  color:#475467 !important;
}


/* ===== V8 — MÓDULOS E MENU PERSONALIZADO ===== */
.card label input[type="checkbox"]{
  accent-color:var(--brand-primary);
}

body.light-main .card label{
  color:#101828 !important;
}

body.light-main .table-wrap a{
  color:#5925DC !important;
}


/* ===== V9 — MULTIUSUÁRIO E PERMISSÕES ===== */
.card label input[type="checkbox"]{
  accent-color:var(--brand-primary);
}

body.light-main .card label{
  color:#101828 !important;
}

.permissions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(180px,1fr));
  gap:8px;
}


/* ===== V10 — CLEAN SAAS UI ===== */
:root{
  --clean-bg:#f6f7fb;
  --clean-panel:#ffffff;
  --clean-line:#e8ecf3;
  --clean-text:#22263a;
  --clean-muted:#8b92a6;
  --sidebar:#06085b;
  --sidebar2:#050544;
}

body{
  font-weight:500 !important;
}

body.light-main{
  background:var(--clean-bg) !important;
}

body.light-main:before{
  opacity:0 !important;
}

.app{
  grid-template-columns:250px 1fr !important;
}

aside{
  background:linear-gradient(180deg,var(--sidebar),var(--sidebar2)) !important;
  border-right:none !important;
  box-shadow:8px 0 28px rgba(4,6,55,.15) !important;
  padding:18px 14px !important;
}

.brand{
  padding:0 2px 24px !important;
  min-height:56px;
}

.brand-logo{
  width:170px !important;
  max-height:66px !important;
  object-fit:contain;
}

nav a{
  border-radius:8px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:14px !important;
  font-weight:600 !important;
  padding:12px 12px !important;
  margin-bottom:7px !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}

.nav-ico{
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  font-size:16px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.88) !important;
}

nav a.active,
nav a:hover{
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-2)) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(var(--brand-rgb),.28) !important;
  transform:none !important;
}

nav a.active .nav-ico,
nav a:hover .nav-ico{
  background:transparent !important;
  border:0 !important;
}

main{
  padding:0 34px 34px !important;
}

.app-topbar{
  height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:0 -34px 28px;
  padding:0 34px;
  background:rgba(255,255,255,.0);
}

.app-topbar h2{
  margin:0 0 4px;
  font-family:var(--font-title) !important;
  font-weight:700 !important;
  letter-spacing:-.02em;
  font-size:26px;
}

.app-topbar p{
  margin:0;
  color:var(--muted);
  font-size:13px;
}

.topbar-actions{
  display:flex;
  align-items:center;
  gap:18px;
}

.topbar-icon{
  color:var(--muted);
  font-size:24px;
  line-height:1;
}

.top-profile{
  width:48px;
  height:48px;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111827;
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 20px rgba(0,0,0,.14);
}

.top-profile img{
  width:100%;
  height:100%;
  object-fit:cover;
}

body.light-main .app-topbar h2,
body.light-main .top h2{
  color:var(--clean-text) !important;
}

body.light-main .app-topbar p,
body.light-main .top p{
  color:var(--clean-muted) !important;
}

.top{
  margin-bottom:22px !important;
}

.top h2{
  font-size:24px !important;
  font-weight:700 !important;
}

.top p{
  font-size:14px !important;
}

.card{
  border-radius:12px !important;
}

body.light-main .card,
body.light-main .deal,
body.light-main .col{
  background:#fff !important;
  border:1px solid var(--clean-line) !important;
  box-shadow:0 8px 24px rgba(29,41,57,.05) !important;
}

body.light-main .card:before{
  display:none !important;
}

.metric b{
  font-size:25px !important;
  font-weight:700 !important;
}

.metric small,
.card small,
th{
  font-weight:600 !important;
}

.card h3,
.section-title h3{
  font-weight:700 !important;
}

.icon{
  width:50px !important;
  height:50px !important;
  border-radius:12px !important;
  font-size:20px !important;
}

.btn{
  border-radius:9px !important;
  font-weight:700 !important;
  box-shadow:0 10px 20px rgba(var(--brand-rgb),.18) !important;
}

.btn.secondary{
  box-shadow:none !important;
}

.table-wrap table{
  font-size:14px;
}

body.light-main td,
body.light-main th{
  border-color:#edf0f5 !important;
}

body.light-main td{
  color:#2a2f45 !important;
}

body.light-main th{
  color:#98a0b3 !important;
}

.sidebar-theme{
  position:absolute;
  left:0;
  right:0;
  bottom:96px;
  border-top:1px solid rgba(255,255,255,.16);
  padding:18px 16px 0;
  color:#fff;
  font-size:14px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.switch{
  width:50px;
  height:28px;
  display:inline-block;
  position:relative;
}

.switch input{
  display:none;
}

.switch i{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:rgba(255,255,255,.20);
  border:1px solid rgba(255,255,255,.35);
  cursor:pointer;
  transition:.2s;
}

.switch i:before{
  content:"";
  position:absolute;
  width:22px;
  height:22px;
  top:2px;
  left:3px;
  border-radius:50%;
  background:#fff;
  transition:.2s;
}

.switch input:checked + i{
  background:rgba(var(--brand-rgb),.55);
}

.switch input:checked + i:before{
  transform:translateX(20px);
}

.userbox{
  bottom:18px !important;
  left:16px !important;
  right:16px !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  color:#fff !important;
}

.userbox .user-avatar{
  width:42px !important;
  height:42px !important;
  margin-bottom:8px !important;
  border:0 !important;
}

.userbox b{
  color:#fff !important;
  font-size:13px;
}

.userbox small{
  color:rgba(255,255,255,.68) !important;
  font-size:12px;
}

body:not(.light-main){
  --panel:rgba(14,12,26,.88);
}

body:not(.light-main) .app-topbar{
  background:transparent;
}

body:not(.light-main) .app-topbar h2,
body:not(.light-main) .top h2{
  color:#fff !important;
}

body:not(.light-main) .app-topbar p,
body:not(.light-main) .top p{
  color:#D8D3E6 !important;
}

@media(max-width:1100px){
  .app-topbar{
    margin:0 0 20px;
    padding:16px 0;
    height:auto;
  }

  .sidebar-theme{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    margin-top:18px;
  }
}


/* ===== V11 — AJUSTES CLEAN: SIDEBAR ROXA, SEM USUÁRIO NO MENU ===== */
:root{
  --sidebar:#07030F;
  --sidebar2:#12051F;
}

/* Mantém lateral na identidade da marca, sem azul */
aside{
  background:
    radial-gradient(circle at 20% 0%, rgba(var(--brand-rgb),.26), transparent 34%),
    linear-gradient(180deg,#090512,#06030B 72%,#050208) !important;
  border-right:1px solid rgba(var(--brand-rgb),.28) !important;
  box-shadow:10px 0 34px rgba(0,0,0,.24) !important;
}

nav a.active,
nav a:hover{
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-2)) !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(var(--brand-rgb),.30) !important;
}

.sidebar-theme{
  bottom:22px !important;
}

/* Usuário sai do menu lateral */
.userbox{
  display:none !important;
}

/* Perfil fica apenas no topo direito */
.top-profile{
  border:2px solid rgba(var(--brand-rgb),.35);
}

/* Mais elegância nos textos */
body{
  font-weight:500 !important;
}

.card h3,
.section-title h3,
.top h2,
.app-topbar h2{
  font-weight:700 !important;
}

.metric small,
.card small,
th,
nav a{
  font-weight:600 !important;
}


/* ===== V12 — PIPELINE AJAX MAIS RÁPIDO ===== */
.deal{
  transition:transform .18s ease, opacity .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.col.drag-over{
  outline:2px dashed rgba(var(--brand-rgb),.65);
  outline-offset:-6px;
}

.kanban-card-dragging{
  opacity:.52 !important;
}


/* ===== V13 — CONFIGURAÇÕES ORGANIZADAS E DROPDOWN DE PERFIL ===== */
.top-profile-wrap{
  position:relative;
}

.top-profile{
  border:none;
  cursor:pointer;
  padding:0;
}

.profile-dropdown{
  position:absolute;
  top:58px;
  right:0;
  width:260px;
  background:var(--clean-panel,#fff);
  border:1px solid var(--clean-line,#e8ecf3);
  border-radius:16px;
  box-shadow:0 18px 48px rgba(16,24,40,.14);
  padding:10px;
  display:none;
  z-index:200;
}

body.profile-menu-open .profile-dropdown{
  display:block;
}

.profile-dropdown-head{
  padding:12px 12px 10px;
  border-bottom:1px solid var(--clean-line,#e8ecf3);
  margin-bottom:6px;
}

.profile-dropdown-head b{
  display:block;
  color:#101828;
  font-size:14px;
}

.profile-dropdown-head small{
  color:#667085;
  font-size:12px;
}

.profile-dropdown a{
  display:block;
  padding:11px 12px;
  border-radius:10px;
  color:#344054;
  font-weight:700;
  font-size:14px;
}

.profile-dropdown a:hover{
  background:#f3f4f7;
}

body:not(.light-main) .profile-dropdown{
  background:rgba(16,13,29,.98);
  border-color:rgba(var(--brand-rgb),.35);
  box-shadow:var(--glow);
}

body:not(.light-main) .profile-dropdown-head{
  border-color:rgba(255,255,255,.10);
}

body:not(.light-main) .profile-dropdown-head b,
body:not(.light-main) .profile-dropdown a{
  color:#fff;
}

body:not(.light-main) .profile-dropdown-head small{
  color:#D8D3E6;
}

body:not(.light-main) .profile-dropdown a:hover{
  background:rgba(255,255,255,.08);
}

.settings-submenu{
  margin:-2px 0 10px 42px;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.settings-submenu a{
  font-size:12.5px !important;
  padding:7px 10px !important;
  color:rgba(255,255,255,.56) !important;
  background:transparent !important;
  box-shadow:none !important;
}

.settings-submenu a:hover{
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
}

.settings-layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:20px;
  align-items:start;
}

.settings-side{
  padding:12px !important;
  position:sticky;
  top:96px;
}

.settings-side a{
  display:block;
  padding:12px 14px;
  border-radius:10px;
  color:var(--muted);
  font-weight:800;
  margin-bottom:6px;
}

.settings-side a.active,
.settings-side a:hover{
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-2));
  color:#fff !important;
}

.settings-main .card{
  margin-bottom:18px;
}

body.light-main .settings-side a{
  color:#475467 !important;
}

body.light-main .settings-side a.active,
body.light-main .settings-side a:hover{
  color:#fff !important;
}

@media(max-width:1000px){
  .settings-layout{
    grid-template-columns:1fr;
  }
  .settings-side{
    position:relative;
    top:auto;
  }
}


/* ===== V14 — MENU RETRÁTIL E MOBILE MELHORADO ===== */
.sidebar-collapse-btn{
  position:absolute;
  top:18px;
  right:-16px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-2));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(0,0,0,.22),0 0 18px rgba(var(--brand-rgb),.24);
  z-index:40;
}

.mobile-menu-btn{
  display:none;
  border:1px solid #e4e7ec;
  background:#fff;
  color:#101828;
  border-radius:10px;
  padding:10px 12px;
  font-weight:800;
  cursor:pointer;
}

body.sidebar-collapsed .app{
  grid-template-columns:86px 1fr !important;
}

body.sidebar-collapsed aside{
  width:86px;
  overflow:visible;
  padding:18px 10px !important;
}

body.sidebar-collapsed .brand{
  justify-content:center;
  padding:0 0 22px !important;
}

body.sidebar-collapsed .brand-logo{
  width:48px !important;
  height:48px !important;
  object-fit:contain;
}

body.sidebar-collapsed nav a{
  justify-content:center;
  padding:12px 8px !important;
  gap:0 !important;
  position:relative;
}

body.sidebar-collapsed nav a .nav-ico{
  margin:0 !important;
}

body.sidebar-collapsed nav a{
  font-size:0 !important;
}

body.sidebar-collapsed nav a .nav-ico{
  font-size:17px !important;
}

body.sidebar-collapsed .settings-submenu,
body.sidebar-collapsed .sidebar-theme{
  display:none !important;
}

body.sidebar-collapsed nav a:hover::after{
  content:attr(href);
  position:absolute;
  left:74px;
  top:50%;
  transform:translateY(-50%);
  background:#101828;
  color:#fff;
  padding:8px 10px;
  border-radius:8px;
  font-size:12px;
  white-space:nowrap;
  z-index:90;
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}

body.sidebar-collapsed .sidebar-collapse-btn{
  right:-17px;
}

@media(max-width:900px){
  .app{
    display:block !important;
  }

  aside{
    position:fixed !important;
    top:0;
    left:0;
    bottom:0;
    width:280px !important;
    height:100vh !important;
    transform:translateX(-104%);
    transition:transform .22s ease;
    z-index:300;
    overflow:auto;
    padding-bottom:110px !important;
  }

  body.mobile-menu-open aside{
    transform:translateX(0);
  }

  body.mobile-menu-open:after{
    content:"";
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    z-index:250;
  }

  aside{
    z-index:301;
  }

  .sidebar-collapse-btn{
    display:none !important;
  }

  .mobile-menu-btn{
    display:inline-flex !important;
    align-items:center;
    gap:8px;
  }

  body:not(.light-main) .mobile-menu-btn{
    background:rgba(255,255,255,.08);
    color:#fff;
    border-color:rgba(255,255,255,.14);
  }

  main{
    padding:0 16px 24px !important;
  }

  .app-topbar{
    height:auto !important;
    min-height:72px;
    margin:0 -16px 20px !important;
    padding:14px 16px !important;
    gap:14px;
  }

  .app-topbar h2{
    font-size:20px !important;
  }

  .app-topbar p{
    display:none;
  }

  .topbar-actions{
    gap:10px !important;
  }

  .topbar-icon{
    display:none !important;
  }

  .top-profile{
    width:42px !important;
    height:42px !important;
  }

  .profile-dropdown{
    right:0;
    width:245px;
  }

  .top{
    flex-direction:column;
    gap:12px;
    margin-bottom:18px !important;
  }

  .top h2{
    font-size:22px !important;
  }

  .actions{
    width:100%;
  }

  .actions .btn{
    flex:1;
    text-align:center;
  }

  .grid,
  .cards,
  .mini,
  .charts,
  .two,
  .form-grid,
  .profile-card,
  .settings-layout,
  .theme-options{
    grid-template-columns:1fr !important;
  }

  .card{
    padding:16px !important;
    border-radius:14px !important;
  }

  .metric{
    align-items:flex-start;
  }

  .metric b{
    font-size:22px !important;
  }

  .kanban{
    grid-template-columns:1fr !important;
    overflow:visible !important;
  }

  .col{
    min-height:auto !important;
  }

  .deal{
    padding:14px !important;
  }

  table{
    min-width:720px;
  }

  .table-wrap{
    overflow-x:auto;
  }

  .settings-side{
    position:relative !important;
    top:auto !important;
  }

  .settings-submenu{
    margin-left:0 !important;
    padding-left:12px;
  }

  .sidebar-theme{
    position:relative !important;
    bottom:auto !important;
    margin:20px 0 0 !important;
  }
}

@media(max-width:520px){
  .brand-logo{
    width:155px !important;
  }

  .app-topbar{
    align-items:center;
  }

  .page-greeting{
    max-width:150px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .btn{
    padding:10px 12px !important;
    font-size:13px !important;
  }

  .btn.small{
    padding:7px 8px !important;
    font-size:11px !important;
  }

  input,
  select,
  textarea{
    font-size:16px !important;
  }

  .profile-dropdown{
    right:-8px;
  }
}


/* ===== V16 — AJUSTES SEGUROS: CONFIG PROFILE + USERS + COLLAPSE ===== */

/* Configurações não aparecem no menu esquerdo */
.settings-submenu{
  display:none !important;
}

/* Botão de recolher mais visível, estilo SaaS */
.sidebar-collapse-btn{
  top:78px !important;
  right:-18px !important;
  width:36px !important;
  height:36px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  background:#ffffff !important;
  color:var(--brand-primary) !important;
  border:1px solid rgba(var(--brand-rgb),.28) !important;
  box-shadow:0 12px 28px rgba(16,24,40,.16) !important;
  font-size:0 !important;
  z-index:80 !important;
}

.sidebar-collapse-btn span{
  font-size:25px !important;
  line-height:1;
  display:block;
  transition:.2s ease;
}

body.sidebar-collapsed .sidebar-collapse-btn span{
  transform:rotate(180deg);
}

/* Usuários */
.users-list-card{
  padding:0 !important;
  overflow:hidden;
}

.users-list-card .section-title{
  padding:20px 22px 8px;
}

.users-table th,
.users-table td{
  padding:15px 18px !important;
}

.user-row{
  display:flex;
  align-items:center;
  gap:12px;
}

.user-mini-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-2));
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 22px rgba(var(--brand-rgb),.18);
}

.user-row b{
  font-weight:700;
}

.user-row small{
  color:var(--muted);
}

.permissions-cell{
  max-width:420px;
  white-space:normal;
  line-height:1.45;
  font-size:13px;
  color:var(--muted) !important;
}

.user-form-card,
.permissions-card{
  min-height:100%;
}

.check-line,
.permission-item{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
}

.check-line input,
.permission-item input{
  width:auto !important;
  accent-color:var(--brand-primary);
}

.permissions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(170px,1fr));
  gap:10px;
}

.permission-item{
  border:1px solid rgba(var(--brand-rgb),.20);
  background:rgba(255,255,255,.045);
  border-radius:12px;
  padding:12px;
  cursor:pointer;
}

.permission-item:hover{
  border-color:rgba(var(--brand-rgb),.50);
}

body.light-main .permission-item{
  background:#fff !important;
  border-color:#e4e7ec !important;
  color:#101828 !important;
}

body.light-main .permissions-cell{
  color:#667085 !important;
}

@media(max-width:900px){
  .sidebar-collapse-btn{
    display:none !important;
  }

  .permissions-grid{
    grid-template-columns:1fr !important;
  }

  .users-table{
    min-width:860px !important;
  }
}


/* ===== V17 — BOTÃO SEGURO PARA RECOLHER MENU ===== */
.safe-sidebar-toggle{
  position:fixed;
  left:232px;
  top:82px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(var(--brand-rgb),.32);
  background:#ffffff;
  color:var(--brand-primary);
  font-size:30px;
  line-height:1;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  z-index:9999;
  box-shadow:0 12px 30px rgba(16,24,40,.18);
  transition:.2s ease;
}

.safe-sidebar-toggle:hover{
  transform:scale(1.04);
  box-shadow:0 16px 36px rgba(16,24,40,.24), var(--glow);
}

body.sidebar-collapsed .safe-sidebar-toggle{
  left:68px;
  transform:rotate(180deg);
}

body.sidebar-collapsed .app{
  grid-template-columns:86px 1fr !important;
}

body.sidebar-collapsed aside{
  width:86px !important;
  min-width:86px !important;
  overflow:visible !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

body.sidebar-collapsed .brand{
  justify-content:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.sidebar-collapsed .brand-logo{
  width:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  object-fit:contain !important;
}

body.sidebar-collapsed nav a{
  justify-content:center !important;
  padding:12px 8px !important;
  font-size:0 !important;
  gap:0 !important;
}

body.sidebar-collapsed nav a .nav-ico{
  margin:0 !important;
  font-size:17px !important;
}

body.sidebar-collapsed .settings-submenu,
body.sidebar-collapsed .sidebar-theme,
body.sidebar-collapsed .userbox{
  display:none !important;
}

@media(max-width:900px){
  .safe-sidebar-toggle{
    display:none !important;
  }
}


/* ===== V18 — BOTÃO JANELINHA E MOBILE MENU MELHOR ===== */

/* Botão estilo "aba/janelinha" preso na lateral */
.safe-sidebar-toggle{
  position:fixed !important;
  left:250px !important;
  top:98px !important;
  width:auto !important;
  min-width:62px !important;
  height:38px !important;
  border-radius:0 999px 999px 0 !important;
  border:1px solid rgba(var(--brand-rgb),.28) !important;
  border-left:0 !important;
  background:linear-gradient(135deg,#ffffff,#f7f5ff) !important;
  color:var(--brand-primary) !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:800 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  cursor:pointer !important;
  z-index:9999 !important;
  box-shadow:0 12px 30px rgba(16,24,40,.16), 0 0 0 1px rgba(255,255,255,.78) inset !important;
  transition:left .22s ease, transform .18s ease, box-shadow .18s ease, min-width .22s ease !important;
  padding:0 12px 0 10px !important;
}

.safe-sidebar-toggle .toggle-icon{
  font-size:26px !important;
  line-height:1 !important;
  font-weight:900 !important;
  transition:transform .22s ease !important;
}

.safe-sidebar-toggle .toggle-label{
  font-size:12px !important;
  letter-spacing:.01em !important;
  opacity:.92 !important;
}

.safe-sidebar-toggle:hover{
  transform:translateX(2px) !important;
  box-shadow:0 16px 38px rgba(16,24,40,.22), var(--glow) !important;
}

/* Quando recolhe, vira uma aba menor para reabrir */
body.sidebar-collapsed .safe-sidebar-toggle{
  left:86px !important;
  min-width:44px !important;
  width:44px !important;
  padding:0 !important;
  border-radius:0 999px 999px 0 !important;
  transform:none !important;
}

body.sidebar-collapsed .safe-sidebar-toggle .toggle-icon{
  transform:rotate(180deg) !important;
}

body.sidebar-collapsed .safe-sidebar-toggle .toggle-label{
  display:none !important;
}

/* Compactação mais elegante do menu */
body.sidebar-collapsed .app{
  grid-template-columns:86px 1fr !important;
}

body.sidebar-collapsed aside{
  width:86px !important;
  min-width:86px !important;
  overflow:visible !important;
}

body.sidebar-collapsed nav a{
  border-radius:14px !important;
}

body.sidebar-collapsed nav a:hover::after{
  content:attr(data-title);
  position:absolute;
  left:70px;
  top:50%;
  transform:translateY(-50%);
  background:#101828;
  color:#fff;
  padding:8px 11px;
  border-radius:9px;
  font-size:12px;
  white-space:nowrap;
  z-index:10000;
  box-shadow:0 14px 32px rgba(0,0,0,.22);
}

/* Esconde tooltips vazios no recolhido */
body.sidebar-collapsed nav a:not([data-title])::after{
  display:none;
}

/* Mobile: menu em drawer mais confortável, com altura e rolagem melhores */
@media(max-width:900px){
  .safe-sidebar-toggle{
    display:none !important;
  }

  .mobile-menu-btn{
    min-height:42px !important;
    border-radius:999px !important;
    padding:10px 14px !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 8px 20px rgba(16,24,40,.08) !important;
  }

  aside{
    width:min(86vw,320px) !important;
    padding-top:18px !important;
    padding-bottom:24px !important;
    overflow-y:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }

  aside nav{
    padding-bottom:80px !important;
  }

  aside nav a{
    min-height:46px !important;
    font-size:15px !important;
  }

  .settings-submenu{
    display:none !important;
  }

  body.mobile-menu-open:after{
    backdrop-filter:blur(3px);
  }

  .app-topbar{
    position:sticky;
    top:0;
    z-index:180;
    background:rgba(246,247,251,.86) !important;
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(228,231,236,.72);
  }

  body:not(.light-main) .app-topbar{
    background:rgba(5,5,10,.78) !important;
    border-bottom:1px solid rgba(255,255,255,.08);
  }

  .topbar-actions{
    margin-left:auto;
  }

  .top-profile-wrap{
    z-index:220;
  }

  .profile-dropdown{
    position:fixed !important;
    top:70px !important;
    right:12px !important;
    width:min(320px,calc(100vw - 24px)) !important;
  }
}

/* Mobile pequeno: mais espaço para conteúdo */
@media(max-width:520px){
  main{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .app-topbar{
    margin-left:-12px !important;
    margin-right:-12px !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .mobile-menu-btn{
    padding:9px 12px !important;
  }

  .top-profile{
    width:40px !important;
    height:40px !important;
  }
}


/* ===== V19 — BOTÃO DISCRETO DENTRO DO MENU ===== */

/* Desliga qualquer botão externo/flutuante das versões anteriores */
.safe-sidebar-toggle,
.sidebar-collapse-btn{
  display:none !important;
}

/* Botão interno discreto */
.inside-sidebar-toggle{
  width:100%;
  height:38px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.78);
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  font-size:12px;
  font-weight:700;
  margin:0 0 14px;
  transition:.18s ease;
}

.inside-sidebar-toggle span{
  font-size:20px;
  line-height:1;
  font-weight:900;
}

.inside-sidebar-toggle b{
  font-size:12px;
  font-weight:700;
}

.inside-sidebar-toggle:hover{
  background:rgba(255,255,255,.10);
  color:#fff;
  border-color:rgba(var(--brand-rgb),.38);
}

/* Estado recolhido */
body.sidebar-collapsed .inside-sidebar-toggle{
  width:46px;
  height:38px;
  margin:0 auto 14px;
  padding:0;
  border-radius:12px;
}

body.sidebar-collapsed .inside-sidebar-toggle span{
  transform:rotate(180deg);
}

body.sidebar-collapsed .inside-sidebar-toggle b{
  display:none;
}

/* Ajuste do menu recolhido */
body.sidebar-collapsed .app{
  grid-template-columns:86px 1fr !important;
}

body.sidebar-collapsed aside{
  width:86px !important;
  min-width:86px !important;
  overflow:visible !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

body.sidebar-collapsed .brand{
  justify-content:center !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.sidebar-collapsed .brand-logo{
  width:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  object-fit:contain !important;
}

body.sidebar-collapsed nav a{
  justify-content:center !important;
  padding:12px 8px !important;
  font-size:0 !important;
  gap:0 !important;
}

body.sidebar-collapsed nav a .nav-ico{
  margin:0 !important;
  font-size:17px !important;
}

body.sidebar-collapsed .settings-submenu,
body.sidebar-collapsed .sidebar-theme,
body.sidebar-collapsed .userbox{
  display:none !important;
}

/* No mobile, mantém o botão oculto para não poluir */
@media(max-width:900px){
  .inside-sidebar-toggle{
    display:none !important;
  }
}


/* ===== V20 — AJUSTE FINO DO BOTÃO RECOLHER ===== */
.inside-sidebar-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  line-height:1 !important;
}

.inside-sidebar-toggle span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  height:16px !important;
  font-size:18px !important;
  transform:translateY(-1px);
}

.inside-sidebar-toggle b{
  display:inline-flex !important;
  align-items:center !important;
  line-height:1 !important;
  height:16px !important;
  font-size:12px !important;
}

body.sidebar-collapsed .inside-sidebar-toggle span{
  transform:rotate(180deg) translateY(1px) !important;
}

body.sidebar-collapsed .inside-sidebar-toggle b{
  display:none !important;
}


/* ===== AJUSTE FINAL — BOTÃO RECOLHER + ÍCONES DO DASHBOARD SEM FUNDO ===== */

/* Sobe um pouco a seta do botão Recolher */
.inside-sidebar-toggle span{
  position:relative !important;
  top:-3px !important;
  transform:none !important;
}

/* Mantém o texto alinhado com a seta */
.inside-sidebar-toggle b{
  position:relative !important;
  top:0 !important;
}

/* Quando o menu estiver recolhido, mantém a seta centralizada */
body.sidebar-collapsed .inside-sidebar-toggle span{
  top:0 !important;
  transform:rotate(180deg) !important;
}

/* Remove o fundo quadrado dos ícones principais do dashboard */
.metric .icon{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  width:auto !important;
  height:auto !important;
  min-width:42px !important;
  border-radius:0 !important;
  font-size:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

/* Remove gradientes antigos dos ícones */
.metric .icon.blue,
.metric .icon.greenicon,
.metric .icon.orangebg,
.metric .icon.purple{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* Dá mais respiro nos cards do dashboard depois de remover o fundo dos ícones */
.metric{
  gap:18px !important;
}

/* No modo claro, deixa os ícones limpos e elegantes */
body.light-main .metric .icon{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
}

/* No modo escuro, mantém ícones visíveis sem bloco atrás */
body:not(.light-main) .metric .icon{
  background:transparent !important;
  box-shadow:none !important;
  border:none !important;
  color:#ffffff !important;
}


/* ===== CHIP CRM V6 COMPLETA E HARMONIZADA ===== */
:root{--v6-bg:#f6f8fc;--v6-card:#fff;--v6-text:#172033;--v6-muted:#667085;--v6-line:#e7eaf1;--v6-purple:#6d3df5;--v6-purple2:#8b5cf6;--v6-blue:#2f80ed;--v6-green:#22c55e;--v6-amber:#f59e0b;--v6-red:#ef4444;--v6-shadow:0 14px 40px rgba(16,24,40,.08)}
.v6-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;padding:30px;border-radius:24px;background:radial-gradient(circle at 100% 0%,rgba(109,61,245,.16),transparent 34%),linear-gradient(135deg,#fff,#fbfcff);border:1px solid var(--v6-line);box-shadow:var(--v6-shadow)}
.v6-eyebrow{display:block;color:var(--v6-purple);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.v6-hero h1{margin:0 0 8px;color:var(--v6-text);font-size:36px;line-height:1;letter-spacing:-.045em}.v6-hero p{margin:0;color:var(--v6-muted);max-width:760px;line-height:1.5}.v6-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.v6-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:18px}.v6-kpi{display:flex;align-items:center;gap:16px;min-height:128px;padding:22px;border-radius:20px;background:var(--v6-card);border:1px solid var(--v6-line);box-shadow:var(--v6-shadow)}.v6-kpi-icon{width:58px;height:58px;min-width:58px;border-radius:17px;display:grid;place-items:center;font-size:25px}.v6-kpi-icon.purple,.v6-admin-icon.purple{background:#f1ebff;color:var(--v6-purple)}.v6-kpi-icon.green,.v6-admin-icon.green{background:#e9f9f0;color:#16a34a}.v6-kpi-icon.blue,.v6-admin-icon.blue{background:#eaf3ff;color:#2f80ed}.v6-kpi-icon.amber,.v6-admin-icon.amber{background:#fff3df;color:#f59e0b}.v6-kpi-icon.red,.v6-admin-icon.red{background:#fff1f1;color:#ef4444}.v6-kpi small{display:block;color:var(--v6-muted);font-size:13px;font-weight:900}.v6-kpi b{display:block;color:var(--v6-text);font-size:25px;letter-spacing:-.03em;margin:5px 0}.v6-kpi em{font-style:normal;color:#7b8498;font-size:12px;font-weight:700}
.v6-main-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:18px;margin-bottom:18px}.v6-main-grid.second{grid-template-columns:1.1fr .9fr}.v6-bottom-grid{display:grid;grid-template-columns:1.2fr .65fr .75fr;gap:18px;margin-bottom:22px}.v6-panel{background:#fff;border:1px solid var(--v6-line);border-radius:20px;box-shadow:var(--v6-shadow);padding:22px}.v6-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.v6-panel-head h3{margin:0 0 4px;color:var(--v6-text);font-size:19px;letter-spacing:-.02em}.v6-panel-head p{margin:0;color:var(--v6-muted);font-size:13px}.v6-panel-head a{color:var(--v6-purple)!important;font-size:13px;font-weight:900;text-decoration:none}.v6-table{width:100%;border-collapse:collapse}.v6-table th{background:#f7f8fb;color:#8a94a8!important;font-size:12px;font-weight:900;text-align:left;padding:13px 14px;border-bottom:1px solid var(--v6-line)}.v6-table td{color:var(--v6-text)!important;font-size:13px;font-weight:600;padding:13px 14px;border-bottom:1px solid var(--v6-line);vertical-align:middle}.v6-table small{color:#667085}.v6-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.v6-status.warning{color:#b45309;background:#fff4db}.v6-status.success{color:#047857;background:#dcfce7}.v6-bar{width:130px;height:8px;background:#e9edf5;border-radius:999px;overflow:hidden;display:block}.v6-bar i{display:block;height:100%;background:linear-gradient(135deg,var(--v6-purple),var(--v6-purple2));border-radius:999px}
.v6-finance-stack{display:grid;gap:12px}.v6-finance-stack div,.v6-origin-list div{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--v6-line);border-radius:15px;background:#fbfcff}.v6-finance-stack span,.v6-origin-list span{color:var(--v6-muted);font-weight:800}.v6-finance-stack b,.v6-origin-list b{color:var(--v6-text);font-size:18px}.v6-goal{margin-top:16px}.v6-goal div{display:flex;justify-content:space-between;margin-bottom:9px}.v6-goal span{color:var(--v6-muted);font-weight:800}.v6-goal b{color:var(--v6-text)}.v6-goal i{height:10px;background:#e9edf5;border-radius:999px;overflow:hidden;display:block}.v6-goal em{display:block;height:100%;background:linear-gradient(135deg,var(--v6-purple),var(--v6-purple2))}
.v6-origin-list,.v6-recent{display:grid;gap:10px}.v6-recent div{display:flex;gap:12px}.v6-recent span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f1ebff;color:var(--v6-purple)}.v6-recent p{margin:0}.v6-recent b{display:block;color:var(--v6-text);font-size:13px}.v6-recent small{color:var(--v6-muted);font-size:12px}.v6-filter-card{display:flex;align-items:end;gap:12px;padding:18px;margin-bottom:18px;background:#fff;border:1px solid var(--v6-line);box-shadow:var(--v6-shadow);border-radius:20px}.v6-filter-card .field{min-width:180px}
.v6-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(230px,1fr));gap:18px}.v6-admin-card{display:flex;align-items:flex-start;gap:16px;min-height:136px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--v6-line);box-shadow:var(--v6-shadow);text-decoration:none!important;color:var(--v6-text)!important;transition:.18s ease}.v6-admin-card:hover{transform:translateY(-3px);border-color:rgba(109,61,245,.28);box-shadow:0 20px 54px rgba(16,24,40,.12)}.v6-admin-icon{width:56px;height:56px;min-width:56px;border-radius:17px;display:grid;place-items:center;font-size:25px;font-weight:900}.v6-admin-icon.featured{background:linear-gradient(135deg,var(--v6-purple),var(--v6-purple2));color:#fff;box-shadow:0 14px 28px rgba(109,61,245,.25)}.v6-admin-card b{display:block;color:var(--v6-text);font-size:17px;margin-bottom:7px}.v6-admin-card small{display:block;color:var(--v6-muted);font-size:13px;line-height:1.45;font-weight:600}.v6-admin-card.featured{border-color:rgba(109,61,245,.32);background:radial-gradient(circle at 100% 0%,rgba(109,61,245,.14),transparent 36%),#fff}
.kanban .deal{border-radius:18px!important;padding:18px!important;border:1px solid var(--v6-line)!important;box-shadow:var(--v6-shadow)!important}.kanban .deal b:first-child{font-size:16px!important;color:var(--v6-text)!important}.kanban .deal p{font-size:13px!important;color:#667085!important;margin:7px 0!important}.kanban .col{border-radius:20px!important;background:#fff!important;border:1px solid var(--v6-line)!important}.kanban .col h3{color:var(--v6-text)!important;font-size:15px!important}
body:not(.light-main) .v6-hero,body:not(.light-main) .v6-kpi,body:not(.light-main) .v6-panel,body:not(.light-main) .v6-filter-card,body:not(.light-main) .v6-admin-card{background:#11182b!important;border-color:rgba(255,255,255,.08)!important}body:not(.light-main) .v6-hero h1,body:not(.light-main) .v6-kpi b,body:not(.light-main) .v6-panel-head h3,body:not(.light-main) .v6-table td,body:not(.light-main) .v6-finance-stack b,body:not(.light-main) .v6-origin-list b,body:not(.light-main) .v6-recent b,body:not(.light-main) .v6-admin-card b{color:#fff!important}body:not(.light-main) .v6-hero p,body:not(.light-main) .v6-kpi em,body:not(.light-main) .v6-panel-head p,body:not(.light-main) .v6-admin-card small{color:#b9c2d8!important}body:not(.light-main) .v6-table th{background:#151e34!important}body:not(.light-main) .v6-finance-stack div,body:not(.light-main) .v6-origin-list div{background:#151e34!important;border-color:rgba(255,255,255,.08)!important}
@media(max-width:1180px){.v6-kpi-grid{grid-template-columns:repeat(2,1fr)}.v6-main-grid,.v6-main-grid.second,.v6-bottom-grid{grid-template-columns:1fr}.v6-admin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.v6-hero{flex-direction:column;padding:22px}.v6-hero h1{font-size:28px}.v6-kpi-grid,.v6-admin-grid{grid-template-columns:1fr}.v6-table{min-width:760px}.v6-table-wrap{overflow:auto}.v6-filter-card{flex-direction:column;align-items:stretch}.v6-filter-card .field{min-width:0}}