/* ==========================================================
   LOVABLE BLUE — redesign visual sem alterar dados ou lógica
   Baseado na distribuição do Lovable, adaptado para azul/ciano.
   ========================================================== */

:root{
  --lb-blue:#168bff;
  --lb-blue-2:#2563eb;
  --lb-cyan:#22d3ee;
  --lb-sky:#38bdf8;
  --lb-indigo:#4f6df5;
  --lb-navy:#061426;
  --lb-deep:#020814;
  --lb-panel:#0a1b30;
  --lb-panel-2:#0c223b;
  --lb-line:rgba(91,146,209,.22);
  --lb-line-strong:rgba(34,184,255,.42);
  --lb-text:#f3f8ff;
  --lb-muted:#8fa7c2;
  --lb-grad:linear-gradient(135deg,#2563eb 0%,#168bff 48%,#22d3ee 100%);
  --lb-grad-soft:linear-gradient(135deg,rgba(37,99,235,.18),rgba(34,211,238,.08));
}

html[data-theme="dark"] body{
  background:
    radial-gradient(1100px 620px at 88% -12%,rgba(22,139,255,.22),transparent 60%),
    radial-gradient(820px 520px at 8% 8%,rgba(34,211,238,.10),transparent 62%),
    radial-gradient(760px 520px at 58% 110%,rgba(79,109,245,.10),transparent 62%),
    linear-gradient(180deg,var(--lb-deep),#04101f) !important;
  color:var(--lb-text);
}
html[data-theme="dark"] .main{background:transparent!important}
html[data-theme="dark"] .page{background:transparent!important}

html[data-theme="dark"] .sidebar{
  background:
    radial-gradient(circle at 18% 0%,rgba(22,139,255,.28),transparent 42%),
    radial-gradient(circle at 50% 100%,rgba(34,211,238,.10),transparent 50%),
    linear-gradient(180deg,#07172b,#030b18) !important;
  border-right:1px solid rgba(43,136,224,.16)!important;
  box-shadow:12px 0 42px rgba(0,4,14,.20);
}
html[data-theme="dark"] .brand{border-bottom-color:rgba(43,136,224,.14)!important}
html[data-theme="dark"] .mark{
  background:var(--lb-grad)!important;
  box-shadow:0 8px 24px rgba(22,139,255,.36),inset 0 0 20px rgba(255,255,255,.13)!important;
}
html[data-theme="dark"] .brand strong,
html[data-theme="dark"] .top-copy strong{
  background:linear-gradient(90deg,#fff,#c7e6ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:Manrope,Inter,sans-serif;font-weight:800;
}
html[data-theme="dark"] .brand small,
html[data-theme="dark"] .menu-title,
html[data-theme="dark"] .nav small{color:#7891ad!important}

.nav button{position:relative;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s,color .2s}
html[data-theme="dark"] .nav button{
  background:rgba(255,255,255,.018)!important;
  border:1px solid rgba(53,137,219,.07)!important;
  backdrop-filter:blur(8px);
}
html[data-theme="dark"] .nav button:hover{
  background:rgba(22,139,255,.075)!important;
  border-color:rgba(34,184,255,.20)!important;
  transform:translateX(2px);
}
html[data-theme="dark"] .nav button.active{
  background:linear-gradient(90deg,rgba(18,94,222,.48),rgba(0,180,255,.18))!important;
  border-color:#168bff!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(0,147,255,.12),0 0 25px rgba(0,132,255,.30),inset 0 0 20px rgba(0,122,255,.12)!important;
  transform:none!important;
}
html[data-theme="dark"] .nav button.active::before{
  content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;
  background:#22d3ee;box-shadow:0 0 12px #22d3ee;
}
html[data-theme="dark"] .nav button.active .nav-icon{
  background:rgba(10,142,255,.22)!important;color:#d9f3ff!important;box-shadow:0 0 16px rgba(19,160,255,.25)!important;
}
html[data-theme="dark"] .side-note{
  background:linear-gradient(180deg,rgba(22,139,255,.075),rgba(34,211,238,.03))!important;
  border-color:rgba(43,136,224,.15)!important;color:#7891ad!important;
}

html[data-theme="dark"] .topbar{
  background:rgba(2,8,20,.66)!important;
  backdrop-filter:blur(20px) saturate(160%);
  border-bottom:1px solid rgba(43,136,224,.13)!important;
}
html[data-theme="dark"] .top-copy small{color:#7e98b5!important}

html[data-theme="dark"] .card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .pilot-panel,
html[data-theme="dark"] .pilot-toolbar{
  border:1px solid rgba(67,132,201,.18)!important;
  background:linear-gradient(180deg,rgba(10,27,48,.92),rgba(6,19,36,.92))!important;
  backdrop-filter:blur(13px);
  box-shadow:0 24px 58px rgba(0,5,18,.36),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .pilot-panel{border-radius:22px!important}
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .pilot-toolbar{border-radius:18px!important}
html[data-theme="dark"] .panel-head h2,
html[data-theme="dark"] .pilot-panel-head h2{color:#f4f9ff!important;font-family:Manrope,Inter,sans-serif;font-weight:800!important}
html[data-theme="dark"] .panel-sub,
html[data-theme="dark"] .pilot-panel-head p{color:#849db9!important}

html[data-theme="dark"] .pilot-eyebrow{color:#57b7ff!important}
html[data-theme="dark"] .pilot-eyebrow::before{background:linear-gradient(135deg,#168bff,#22d3ee)!important;box-shadow:0 0 16px rgba(34,211,238,.65)!important}
html[data-theme="dark"] .pilot-hero h1,
html[data-theme="dark"] .hero h1{
  background:linear-gradient(180deg,#fff 0%,#d6ecff 58%,#66b9ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 54px rgba(22,139,255,.22);
}
html[data-theme="dark"] .pilot-hero p,
html[data-theme="dark"] .hero p{color:#8ca5c0!important}

.pilot-metrics{gap:12px}
.pilot-metric{
  position:relative;overflow:hidden;min-height:148px;padding:17px;border-radius:20px!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
html[data-theme="dark"] .pilot-metric{
  background:linear-gradient(150deg,rgba(13,32,55,.98),rgba(6,20,38,.98))!important;
  border:1px solid rgba(72,140,208,.22)!important;
  box-shadow:0 18px 42px rgba(0,5,18,.30),inset 0 1px 0 rgba(255,255,255,.028)!important;
}
html[data-theme="dark"] .pilot-metric:hover{
  transform:translateY(-2px);border-color:color-mix(in srgb,var(--metric-accent,#168bff) 48%,rgba(72,140,208,.22))!important;
  box-shadow:0 26px 52px rgba(0,7,24,.40),0 8px 22px -12px var(--metric-accent,#168bff),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.pilot-metric::before{display:none!important}
.pilot-metric::after{
  content:""!important;position:absolute!important;left:16px!important;right:16px!important;bottom:0!important;top:auto!important;
  width:auto!important;height:3px!important;border-radius:999px 999px 0 0!important;
  background:linear-gradient(90deg,var(--metric-accent,#168bff),color-mix(in srgb,var(--metric-accent,#168bff) 62%,#7dd3fc))!important;
  box-shadow:0 0 6px var(--metric-accent,#168bff)!important;filter:none!important;opacity:1!important;
}
.pilot-metric-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.pilot-metric-icon{
  order:-1;width:34px!important;height:34px!important;border-radius:10px!important;
  background:color-mix(in srgb,var(--metric-accent,#168bff) 16%,transparent)!important;
  color:var(--metric-accent,#168bff)!important;
  box-shadow:inset 0 0 16px color-mix(in srgb,var(--metric-accent,#168bff) 8%,transparent)!important;
}
html[data-theme="dark"] .pilot-metric label{color:#8fa7c2!important}
html[data-theme="dark"] .pilot-metric-value{color:#f5f9ff!important;font-family:Manrope,Inter,sans-serif;font-size:29px!important;font-weight:800!important;text-shadow:0 0 26px color-mix(in srgb,var(--metric-accent,#168bff) 18%,transparent)}
html[data-theme="dark"] .pilot-metric-hint{color:#7891ad!important}
.pilot-metric:nth-child(1){--metric-accent:#4f6df5!important;--metric-glow:rgba(79,109,245,.12)!important}
.pilot-metric:nth-child(2){--metric-accent:#0ea5e9!important;--metric-glow:rgba(14,165,233,.12)!important}
.pilot-metric:nth-child(3){--metric-accent:#22c55e!important;--metric-glow:rgba(34,197,94,.12)!important}
.pilot-metric:nth-child(4){--metric-accent:#22d3ee!important;--metric-glow:rgba(34,211,238,.12)!important}
.pilot-metric:nth-child(5){--metric-accent:#168bff!important;--metric-glow:rgba(22,139,255,.13)!important}

html[data-theme="dark"] .pilot-source{color:#8099b5!important}
html[data-theme="dark"] .pilot-proof{
  background:rgba(8,28,49,.82)!important;border-color:rgba(67,132,201,.20)!important;color:#8099b5!important;
}
html[data-theme="dark"] .pilot-proof strong{color:#eef7ff!important}

html[data-theme="dark"] .btn.primary{
  background:var(--lb-grad)!important;color:#fff!important;border-color:transparent!important;
  box-shadow:0 10px 30px rgba(22,139,255,.34),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] .btn.primary:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(22,139,255,.46),inset 0 1px 0 rgba(255,255,255,.22)!important}
html[data-theme="dark"] .btn.soft{
  background:rgba(11,39,67,.74)!important;border-color:rgba(69,139,210,.24)!important;color:#b9dcf6!important;
}
html[data-theme="dark"] .btn.soft:hover{background:rgba(16,63,103,.78)!important;border-color:rgba(34,184,255,.36)!important}
html[data-theme="dark"] .period-field select,
html[data-theme="dark"] .period-field input,
html[data-theme="dark"] .access-row input,
html[data-theme="dark"] .date-badge{
  background:rgba(7,25,45,.76)!important;border:1px solid rgba(67,132,201,.21)!important;color:#ecf6ff!important;border-radius:12px!important;
}
html[data-theme="dark"] .period-field select:focus,
html[data-theme="dark"] .period-field input:focus{
  border-color:#168bff!important;box-shadow:0 0 0 3px rgba(22,139,255,.20)!important;outline:none;
}
html[data-theme="dark"] .period-field label{color:#82a1bf!important}

html[data-theme="dark"] .profile-trigger{
  background:rgba(7,25,45,.76)!important;border:1px solid rgba(67,132,201,.22)!important;
}
html[data-theme="dark"] .profile-trigger:hover{border-color:rgba(34,184,255,.42)!important;box-shadow:0 8px 22px rgba(22,139,255,.18)!important}
html[data-theme="dark"] .profile-avatar{background:var(--lb-grad)!important;box-shadow:0 6px 18px rgba(22,139,255,.38)!important}
html[data-theme="dark"] .profile-dropdown{
  background:linear-gradient(180deg,#0d2743,#071a30)!important;border:1px solid rgba(67,132,201,.25)!important;
  box-shadow:0 30px 80px rgba(0,6,20,.72),0 0 0 1px rgba(22,139,255,.08)!important;
}

html[data-theme="dark"] .pill.blue{background:rgba(22,139,255,.13)!important;color:#9bd5ff!important;border-color:rgba(34,184,255,.30)!important}
html[data-theme="dark"] .pill.green{background:rgba(52,211,153,.11)!important;color:#6ee7b7!important;border-color:rgba(52,211,153,.24)!important}
html[data-theme="dark"] .pill.amber{background:rgba(251,191,36,.11)!important;color:#fcd34d!important;border-color:rgba(251,191,36,.24)!important}
html[data-theme="dark"] .pill.red{background:rgba(244,114,182,.10)!important;color:#f9a8d4!important;border-color:rgba(244,114,182,.24)!important}

html[data-theme="dark"] .pilot-list-item{border-bottom-color:rgba(67,132,201,.11)!important}
html[data-theme="dark"] .pilot-rank{
  color:#b9e7ff!important;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(34,211,238,.16))!important;
  border:1px solid rgba(34,184,255,.12);
}
html[data-theme="dark"] .pilot-list-copy strong,
html[data-theme="dark"] .pilot-list-stat strong{color:#f1f8ff!important}
html[data-theme="dark"] .pilot-list-copy small,
html[data-theme="dark"] .pilot-list-stat small{color:#7891ad!important}
html[data-theme="dark"] .pilot-payment{
  background:linear-gradient(150deg,rgba(12,32,55,.98),rgba(6,20,38,.98))!important;
  border-color:rgba(67,132,201,.18)!important;transition:transform .18s,border-color .18s;
}
html[data-theme="dark"] .pilot-payment:hover{transform:translateY(-2px);border-color:rgba(34,184,255,.32)!important}
html[data-theme="dark"] .pilot-payment-name,
html[data-theme="dark"] .pilot-payment-value{color:#f4f9ff!important}
html[data-theme="dark"] .pilot-payment-meta{color:#7891ad!important}

html[data-theme="dark"] table{background:transparent!important}
html[data-theme="dark"] th{color:#829eba!important;font-size:9px!important;letter-spacing:.085em!important}
html[data-theme="dark"] td{border-top-color:rgba(67,132,201,.09)!important;color:#b7cadc!important}
html[data-theme="dark"] .contact,
html[data-theme="dark"] .amount{color:#f3f8ff!important;font-weight:700!important}
html[data-theme="dark"] tbody tr{transition:background .15s ease}
html[data-theme="dark"] tbody tr:hover{background:rgba(22,139,255,.045)!important}

html[data-theme="dark"] .mobile-nav{
  background:linear-gradient(180deg,rgba(7,25,45,.97),rgba(2,10,22,.97))!important;
  border:1px solid rgba(67,132,201,.19)!important;
  box-shadow:0 20px 45px rgba(0,5,18,.60),0 0 38px rgba(22,139,255,.11)!important;
}
html[data-theme="dark"] .mobile-nav button.active{
  background:linear-gradient(135deg,#155fe0,#0ea5e9)!important;color:#fff!important;
  box-shadow:0 8px 20px rgba(22,139,255,.34)!important;
}

#pilotFunnel .kpi-radial-dashboard{display:block!important;padding:2px 0 0!important}
#pilotFunnel .kpi-radial-path{display:grid!important;grid-template-columns:repeat(6,minmax(118px,1fr))!important;gap:10px!important;align-items:stretch!important}
#pilotFunnel .kpi-radial-item{
  position:relative!important;min-width:0!important;min-height:236px!important;padding:17px 10px 14px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;
  border:1px solid rgba(67,132,201,.20)!important;border-radius:18px!important;
  background:linear-gradient(150deg,rgba(12,32,55,.98),rgba(5,18,35,.98))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,5,18,.16)!important;
}
#pilotFunnel .kpi-radial-item:not(:last-child)::after{
  content:"›"!important;position:absolute!important;z-index:3!important;right:-10px!important;top:101px!important;
  width:20px!important;height:28px!important;display:grid!important;place-items:center!important;
  color:#4f9bea!important;font-family:var(--font-title)!important;font-size:30px!important;font-weight:600!important;line-height:1!important;
  text-shadow:0 0 10px rgba(79,155,234,.46)!important;
}
#pilotFunnel .kpi-radial-title{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#f3f8ff!important;font-family:var(--font-title)!important;font-size:12px!important;font-weight:700!important;line-height:1.25!important}
#pilotFunnel .kpi-radial-chart{
  position:relative!important;width:104px!important;height:104px!important;margin:15px auto 13px!important;display:grid!important;place-items:center!important;border-radius:50%!important;
  background:conic-gradient(from -90deg,var(--ring-color) 0 var(--ring-progress),rgba(72,102,139,.22) var(--ring-progress) 100%)!important;
  filter:drop-shadow(0 0 7px color-mix(in srgb,var(--ring-color) 26%,transparent))!important;
}
#pilotFunnel .kpi-radial-chart::before{content:""!important;position:absolute!important;inset:9px!important;border-radius:50%!important;background:linear-gradient(145deg,#102842,#071a30)!important;border:1px solid rgba(81,128,178,.27)!important;box-shadow:inset 0 0 20px rgba(22,139,255,.055)!important}
#pilotFunnel .kpi-radial-chart::after{content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;border:1px solid rgba(98,149,205,.30)!important}
#pilotFunnel .kpi-radial-core{position:relative!important;z-index:1!important;display:grid!important;place-items:center!important}
#pilotFunnel .kpi-radial-core strong{color:#f6fbff!important;font-family:var(--font-title)!important;font-size:25px!important;font-weight:800!important;line-height:1!important;letter-spacing:-.035em!important}
#pilotFunnel .kpi-radial-rate{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:28px!important;padding:6px 10px!important;border:1px solid color-mix(in srgb,var(--ring-color) 38%,rgba(67,132,201,.20))!important;border-radius:999px!important;background:color-mix(in srgb,var(--ring-color) 8%,rgba(7,25,45,.76))!important;color:color-mix(in srgb,var(--ring-color) 78%,#dff3ff)!important;font-family:var(--font-title)!important;font-size:10.5px!important;font-weight:700!important}
#pilotFunnel .kpi-radial-item small{display:block!important;margin-top:7px!important;color:#7891ad!important;font-size:8.8px!important;line-height:1.3!important}

html[data-theme="light"] body{background:#f5f8fc!important}
html[data-theme="light"] .pilot-metric,
html[data-theme="light"] .pilot-panel,
html[data-theme="light"] .pilot-toolbar,
html[data-theme="light"] .panel,
html[data-theme="light"] .toolbar{border-color:#dbe5ef!important;box-shadow:0 18px 42px rgba(30,64,100,.07)!important}
html[data-theme="light"] #pilotFunnel .kpi-radial-item{background:linear-gradient(150deg,#fff,#f5f9fd)!important;border-color:#d9e5ef!important}
html[data-theme="light"] #pilotFunnel .kpi-radial-title,
html[data-theme="light"] #pilotFunnel .kpi-radial-core strong{color:#10243a!important}
html[data-theme="light"] #pilotFunnel .kpi-radial-chart::before{background:linear-gradient(145deg,#fff,#f4f8fc)!important;border-color:#d9e5ef!important}

html[data-theme="dark"] ::-webkit-scrollbar{width:10px;height:10px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:transparent}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(22,139,255,.45),rgba(34,211,238,.28));border-radius:10px;border:2px solid transparent;background-clip:padding-box}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(22,139,255,.65),rgba(34,211,238,.48));background-clip:padding-box}
html[data-theme="dark"] ::selection{background:rgba(22,139,255,.38);color:#fff}

@media(max-width:1250px){
  .pilot-metric{min-height:146px}
  #pilotFunnel .kpi-radial-path{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  #pilotFunnel .kpi-radial-item:not(:last-child)::after{display:none!important}
}
@media(max-width:700px){
  #pilotFunnel .kpi-radial-path{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #pilotFunnel .kpi-radial-item{min-height:220px!important}
}
@media(max-width:430px){
  #pilotFunnel .kpi-radial-path{grid-template-columns:1fr!important}
  #pilotFunnel .kpi-radial-item{min-height:210px!important}
  #pilotFunnel .kpi-radial-chart{width:112px!important;height:112px!important}
}