/* =========================================================
   Layout Enterprise inspirado no arquivo supria.html
   Aplicado sem copiar o layout original. Apenas linguagem visual.
   ========================================================= */
:root{
  --ent-bg-1:#dce5ee;
  --ent-bg-2:#b9c2ca;
  --ent-bg-3:#8f949a;
  --ent-bg-4:#ad8f7d;
  --ent-bg-5:#c09675;
  --ent-sidebar:#121824;
  --ent-sidebar-2:#0c111b;
  --ent-surface:#ffffff;
  --ent-surface-2:#f7f8fa;
  --ent-surface-3:#eef1f4;
  --ent-border:#d2d8df;
  --ent-border-soft:#e6e9ee;
  --ent-text:#101522;
  --ent-soft:#3f4a5f;
  --ent-muted:#6d7789;
  --ent-accent:#1e40af;
  --ent-accent-2:#4f7cff;
  --ent-success:#047857;
  --ent-warning:#b45309;
  --ent-danger:#b91c1c;
  --ent-radius:8px;
  --ent-shadow-sm:0 1px 2px rgba(16,21,34,.06);
  --ent-shadow-md:0 8px 24px rgba(16,21,34,.10);
  --ent-shadow-lg:0 20px 60px rgba(16,21,34,.16);
}

html,body{
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif !important;
  font-feature-settings:"ss01","cv11";
  background:var(--ent-bg-1) !important;
  color:var(--ent-text) !important;
}
body[data-layout="enterprise"]{
  background:
    radial-gradient(920px 460px at 86% 0%, rgba(79,124,255,.14), transparent 62%),
    radial-gradient(760px 360px at 4% 8%, rgba(4,120,87,.09), transparent 58%),
    linear-gradient(180deg,var(--ent-bg-1) 0%,var(--ent-bg-2) 16%,var(--ent-bg-3) 42%,var(--ent-bg-4) 70%,var(--ent-bg-5) 100%) !important;
  background-attachment:fixed !important;
}

body[data-layout="enterprise"] h1,
body[data-layout="enterprise"] h2,
body[data-layout="enterprise"] h3,
body[data-layout="enterprise"] h4{
  font-family:'IBM Plex Sans','Inter',system-ui,sans-serif !important;
  font-weight:700 !important;
  letter-spacing:-.025em !important;
}

body[data-layout="enterprise"] .mono,
body[data-layout="enterprise"] code,
body[data-layout="enterprise"] .propostas-table .col-codigo,
body[data-layout="enterprise"] .kpi strong{
  font-family:'JetBrains Mono','Consolas',monospace !important;
}

body[data-layout="enterprise"] .main:not(.main-login){
  background:transparent !important;
  min-height:100vh !important;
  padding:clamp(18px,2.1vw,32px) !important;
}

body[data-layout="enterprise"] .sidebar{
  background:linear-gradient(180deg,var(--ent-sidebar) 0%,var(--ent-sidebar-2) 100%) !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:18px 0 44px rgba(0,0,0,.18) !important;
  padding:18px 14px !important;
  gap:18px !important;
}

body[data-layout="enterprise"] .brand,
body[data-layout="enterprise"] .brand-with-logo{
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  padding:0 0 16px !important;
  margin-bottom:8px !important;
  min-height:64px !important;
}

body[data-layout="enterprise"] .brand-logo-img.logo-full{
  width:166px !important;
  border-radius:7px !important;
  padding:7px 9px !important;
  box-shadow:var(--ent-shadow-sm) !important;
}
body[data-layout="enterprise"] .brand-logo-img.logo-symbol,
body[data-layout="enterprise"].sidebar-collapsed .brand-logo-img.logo-symbol,
body[data-layout="enterprise"] .sidebar.collapsed .brand-logo-img.logo-symbol{
  border-radius:7px !important;
  padding:6px !important;
  box-shadow:var(--ent-shadow-sm) !important;
}

body[data-layout="enterprise"] .sidebar-toggle#sidebarToggle{
  width:36px !important;
  height:36px !important;
  flex:0 0 36px !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.15) !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] .sidebar-toggle span{
  height:2px !important;
  background:#d7dce5 !important;
}

body[data-layout="enterprise"] .nav-link{
  min-height:42px !important;
  border-radius:6px !important;
  padding:8px 10px !important;
  margin:2px 0 !important;
  color:#c8d0dc !important;
  font-size:13.5px !important;
  font-weight:600 !important;
  transform:none !important;
  border:1px solid transparent !important;
  transition:background .14s ease,color .14s ease,border-color .14s ease !important;
}
body[data-layout="enterprise"] .nav-link:hover{
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.10) !important;
  color:#ffffff !important;
  transform:none !important;
}
body[data-layout="enterprise"] .nav-link.active{
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.08)) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  box-shadow:inset 3px 0 0 var(--ent-accent-2), var(--ent-shadow-sm) !important;
}
body[data-layout="enterprise"] .nav-icon{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:7px !important;
  background:rgba(255,255,255,.08) !important;
  color:#d7dce5 !important;
  font-size:14px !important;
}
body[data-layout="enterprise"] .nav-link.active .nav-icon{
  background:rgba(79,124,255,.24) !important;
  color:#ffffff !important;
}

body[data-layout="enterprise"] .sidebar-user-card{
  border-radius:8px !important;
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  padding:10px !important;
}
body[data-layout="enterprise"] .sidebar-user-avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  border-radius:7px !important;
  background:#ffffff !important;
  color:#111827 !important;
  box-shadow:none !important;
  letter-spacing:-.01em !important;
}
body[data-layout="enterprise"] .sidebar-user-info strong{
  font-size:12.5px !important;
  font-weight:700 !important;
}
body[data-layout="enterprise"] .sidebar-user-info span,
body[data-layout="enterprise"] .sidebar-user-info a{
  font-size:11px !important;
  color:#9da7b7 !important;
}
body[data-layout="enterprise"] .sidebar-user-info a:hover{color:#ffffff !important;}

body[data-layout="enterprise"].sidebar-collapsed .sidebar,
body[data-layout="enterprise"] .sidebar.collapsed{
  padding-left:10px !important;
  padding-right:10px !important;
}
body[data-layout="enterprise"].sidebar-collapsed .nav-link,
body[data-layout="enterprise"] .sidebar.collapsed .nav-link{
  width:44px !important;
  height:44px !important;
  min-height:44px !important;
  border-radius:8px !important;
}
body[data-layout="enterprise"].sidebar-collapsed .nav-icon,
body[data-layout="enterprise"] .sidebar.collapsed .nav-icon{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
}
body[data-layout="enterprise"].sidebar-collapsed .sidebar-toggle#sidebarToggle,
body[data-layout="enterprise"] .sidebar.collapsed .sidebar-toggle#sidebarToggle{
  background:#ffffff !important;
  border-color:#ffffff !important;
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}
body[data-layout="enterprise"].sidebar-collapsed .sidebar-toggle span,
body[data-layout="enterprise"] .sidebar.collapsed .sidebar-toggle span{background:#111827 !important;}

body[data-layout="enterprise"] .page-header{
  max-width:1680px !important;
  padding:4px 0 10px !important;
  margin-bottom:18px !important;
}
body[data-layout="enterprise"] .eyebrow,
body[data-layout="enterprise"] .page-header .eyebrow{
  color:#1e40af !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.22em !important;
}
body[data-layout="enterprise"] .page-header h1{
  color:#111827 !important;
  font-size:clamp(28px,2.6vw,38px) !important;
  line-height:1.02 !important;
  margin:6px 0 6px !important;
}
body[data-layout="enterprise"] .page-header p{
  color:#445166 !important;
  font-size:14px !important;
}

body[data-layout="enterprise"] .actions{gap:8px !important;}
body[data-layout="enterprise"] .btn,
body[data-layout="enterprise"] button,
body[data-layout="enterprise"] input[type="submit"]{
  border-radius:7px !important;
  min-height:38px !important;
  padding:9px 13px !important;
  font-weight:700 !important;
  font-size:13px !important;
  letter-spacing:-.005em !important;
  box-shadow:var(--ent-shadow-sm) !important;
  transform:none !important;
}
body[data-layout="enterprise"] .btn:hover,
body[data-layout="enterprise"] button:hover{
  transform:none !important;
  box-shadow:var(--ent-shadow-md) !important;
}
body[data-layout="enterprise"] .btn.primary,
body[data-layout="enterprise"] button.primary,
body[data-layout="enterprise"] .primary{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#fff !important;
  box-shadow:var(--ent-shadow-sm) !important;
}
body[data-layout="enterprise"] .btn.primary:hover,
body[data-layout="enterprise"] button.primary:hover{
  background:#27272a !important;
  border-color:#27272a !important;
}
body[data-layout="enterprise"] .btn:not(.primary):not(.danger),
body[data-layout="enterprise"] .btn.ghost{
  background:rgba(255,255,255,.92) !important;
  border-color:rgba(255,255,255,.80) !important;
  color:#111827 !important;
}
body[data-layout="enterprise"] .btn.danger{
  background:var(--ent-danger) !important;
  border-color:var(--ent-danger) !important;
  color:#fff !important;
}

body[data-layout="enterprise"] .card,
body[data-layout="enterprise"] .kpi,
body[data-layout="enterprise"] .form-section,
body[data-layout="enterprise"] .table-card,
body[data-layout="enterprise"] .chart-card,
body[data-layout="enterprise"] .proposal-tabs-card,
body[data-layout="enterprise"] .filters,
body[data-layout="enterprise"] .help-panel,
body[data-layout="enterprise"] .guide-card,
body[data-layout="enterprise"] .alert-card,
body[data-layout="enterprise"] .contato-card,
body[data-layout="enterprise"] .contact-history-box,
body[data-layout="enterprise"] .delete-modal{
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(255,255,255,.70) !important;
  border-radius:var(--ent-radius) !important;
  box-shadow:0 6px 20px rgba(16,21,34,.10) !important;
  backdrop-filter:blur(12px) !important;
}
body[data-layout="enterprise"] .card:hover,
body[data-layout="enterprise"] .kpi:hover,
body[data-layout="enterprise"] .alert-card:hover{
  border-color:#ffffff !important;
  box-shadow:var(--ent-shadow-md) !important;
}

body[data-layout="enterprise"] .alert-dashboard-grid,
body[data-layout="enterprise"] .kpi-grid{
  gap:12px !important;
}
body[data-layout="enterprise"] .alert-card{
  padding:16px 18px !important;
  min-height:108px !important;
  overflow:hidden !important;
  position:relative !important;
}
body[data-layout="enterprise"] .alert-card::before,
body[data-layout="enterprise"] .kpi::before{
  content:"" !important;
  position:absolute !important;
  inset:0 auto 0 0 !important;
  width:3px !important;
  background:var(--ent-accent) !important;
}
body[data-layout="enterprise"] .alert-card.danger::before{background:var(--ent-danger) !important;}
body[data-layout="enterprise"] .alert-card.today::before{background:#111827 !important;}
body[data-layout="enterprise"] .alert-card.orange::before{background:var(--ent-warning) !important;}
body[data-layout="enterprise"] .alert-card.success::before{background:var(--ent-success) !important;}
body[data-layout="enterprise"] .alert-card span,
body[data-layout="enterprise"] .kpi span{
  color:#536074 !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body[data-layout="enterprise"] .alert-card strong,
body[data-layout="enterprise"] .kpi strong{
  color:#111827 !important;
  font-size:clamp(24px,2.2vw,34px) !important;
  letter-spacing:-.03em !important;
  margin:8px 0 4px !important;
}
body[data-layout="enterprise"] .alert-card small,
body[data-layout="enterprise"] .kpi small{
  color:#5b6678 !important;
  font-size:12px !important;
  font-weight:600 !important;
}
body[data-layout="enterprise"] .kpi{
  padding:18px !important;
  min-height:96px !important;
  position:relative !important;
  overflow:hidden !important;
}

body[data-layout="enterprise"] .chart-title{
  border-bottom:1px solid var(--ent-border-soft) !important;
  padding-bottom:12px !important;
  margin-bottom:14px !important;
}
body[data-layout="enterprise"] .chart-title h2,
body[data-layout="enterprise"] .card h2{
  color:#111827 !important;
  font-size:18px !important;
  margin:4px 0 4px !important;
}
body[data-layout="enterprise"] .chart-title p,
body[data-layout="enterprise"] .card p{
  color:#5c6678 !important;
}
body[data-layout="enterprise"] .badge{
  background:#e8eefc !important;
  border:1px solid #d8e1f7 !important;
  color:#1e40af !important;
  border-radius:5px !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:10.5px !important;
  padding:4px 7px !important;
}
body[data-layout="enterprise"] .chart-card canvas{
  background:#ffffff !important;
  border:1px solid var(--ent-border-soft) !important;
  border-radius:7px !important;
  padding:10px !important;
}

body[data-layout="enterprise"] .table-wrap{
  background:#ffffff !important;
  border:1px solid var(--ent-border) !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] table{
  border-collapse:separate !important;
  border-spacing:0 !important;
}
body[data-layout="enterprise"] th,
body[data-layout="enterprise"] table.tbl th{
  background:#f4f6f8 !important;
  color:#5a6578 !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  border-bottom:1px solid var(--ent-border) !important;
}
body[data-layout="enterprise"] td,
body[data-layout="enterprise"] table.tbl td{
  color:#111827 !important;
  border-bottom:1px solid var(--ent-border-soft) !important;
  font-size:13px !important;
}
body[data-layout="enterprise"] tr:hover td{
  background:#f7f8fa !important;
}
body[data-layout="enterprise"] .clickable-row:hover{
  transform:none !important;
}

body[data-layout="enterprise"] input,
body[data-layout="enterprise"] select,
body[data-layout="enterprise"] textarea,
body[data-layout="enterprise"] .multi-select-btn{
  background:#ffffff !important;
  border:1px solid #ccd3dc !important;
  border-radius:6px !important;
  color:#111827 !important;
  min-height:40px !important;
  padding:9px 11px !important;
  font-size:13px !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] input:focus,
body[data-layout="enterprise"] select:focus,
body[data-layout="enterprise"] textarea:focus,
body[data-layout="enterprise"] .multi-select-btn:focus{
  border-color:#111827 !important;
  box-shadow:0 0 0 3px rgba(17,24,39,.08) !important;
}
body[data-layout="enterprise"] label,
body[data-layout="enterprise"] .filters label,
body[data-layout="enterprise"] .form-grid label,
body[data-layout="enterprise"] .form-stack label{
  color:#111827 !important;
  font-weight:700 !important;
  font-size:12.5px !important;
}
body[data-layout="enterprise"] .field-note,
body[data-layout="enterprise"] .muted,
body[data-layout="enterprise"] .hint,
body[data-layout="enterprise"] small{
  color:#647084 !important;
}

body[data-layout="enterprise"] .section-title,
body[data-layout="enterprise"] .compact-title{
  background:#f7f8fa !important;
  border-bottom:1px solid var(--ent-border-soft) !important;
  border-radius:7px 7px 0 0 !important;
}
body[data-layout="enterprise"] .section-title > span,
body[data-layout="enterprise"] .compact-title > span,
body[data-layout="enterprise"] .proposal-tab span{
  background:#e8eefc !important;
  color:#1e40af !important;
  border:1px solid #d8e1f7 !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] .proposal-tabs-card{
  padding:8px !important;
}
body[data-layout="enterprise"] .proposal-tab{
  border-radius:7px !important;
  background:#ffffff !important;
  border:1px solid var(--ent-border) !important;
  color:#111827 !important;
  min-height:48px !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] .proposal-tab.active{
  background:#111827 !important;
  border-color:#111827 !important;
  color:#ffffff !important;
  box-shadow:var(--ent-shadow-sm) !important;
}
body[data-layout="enterprise"] .proposal-tab.active span{
  background:rgba(255,255,255,.12) !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.12) !important;
}
body[data-layout="enterprise"] .proposal-tab.active::after{display:none !important;}

body[data-layout="enterprise"] .status-pill,
body[data-layout="enterprise"] .status-option-tag{
  border-radius:4px !important;
  padding:5px 8px !important;
  min-height:24px !important;
  font-family:'JetBrains Mono',monospace !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
body[data-layout="enterprise"] .status-pill::before,
body[data-layout="enterprise"] .status-option-tag::before{
  width:6px !important;
  height:6px !important;
}

body[data-layout="enterprise"] .flash-area{z-index:3000 !important;}
body[data-layout="enterprise"] .flash,
body[data-layout="enterprise"] .alert{
  border-radius:7px !important;
  background:#111827 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:var(--ent-shadow-lg) !important;
}

body[data-layout="enterprise"] .login-wrap{
  background:
    radial-gradient(900px 520px at 10% 10%, rgba(79,124,255,.18), transparent 60%),
    linear-gradient(135deg,#0c111b 0%,#121824 45%,#dce5ee 45%,#f4f4f5 100%) !important;
  place-items:center !important;
}
body[data-layout="enterprise"] .login-card{
  border-radius:10px !important;
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.28) !important;
  max-width:430px !important;
}
body[data-layout="enterprise"] .login-badge{
  border-radius:4px !important;
  background:#111827 !important;
  color:#ffffff !important;
  font-family:'JetBrains Mono',monospace !important;
}
body[data-layout="enterprise"] .login-card h1{
  color:#111827 !important;
}
body[data-layout="enterprise"] .login-logo{
  max-width:180px !important;
}

@media(max-width:1366px){
  body[data-layout="enterprise"] .brand-logo-img.logo-full{width:142px !important;}
  body[data-layout="enterprise"] .main:not(.main-login){padding:22px !important;}
  body[data-layout="enterprise"] .page-header h1{font-size:30px !important;}
}
@media(max-width:900px){
  body[data-layout="enterprise"] .main:not(.main-login){padding:18px !important;}
  body[data-layout="enterprise"] .page-header .actions{width:100% !important;}
}