/* DEXIONA Commercial UI V1
   Camada visual aditiva: melhora apresentação comercial sem alterar regras de negócio. */
:root{
  --dx-commercial-bg:#f5f7fb;
  --dx-commercial-card:#ffffff;
  --dx-commercial-line:#dfe6ef;
  --dx-commercial-line-strong:#cdd8e6;
  --dx-commercial-text:#10213b;
  --dx-commercial-muted:#66758c;
  --dx-commercial-blue:#1676e8;
  --dx-commercial-blue-dark:#0b4fa8;
  --dx-commercial-soft:#f8fbff;
  --dx-commercial-radius:14px;
  --dx-commercial-shadow:0 8px 28px rgba(15,39,71,.06);
}

/* Base visual do ambiente administrativo */
body{background:var(--dx-commercial-bg)}
.modular-content{max-width:1600px;margin:0 auto}
.modular-content .card,
.modular-content .master-section,
.modular-content .tenant-card{
  border-color:var(--dx-commercial-line);
  box-shadow:var(--dx-commercial-shadow);
}
.modular-content .card:hover,
.modular-content .master-section:hover,
.modular-content .tenant-card:hover{border-color:var(--dx-commercial-line-strong)}

.modular-content h1,.modular-content h2,.modular-content h3,.modular-content h4{color:var(--dx-commercial-text)}
.modular-content .muted{color:var(--dx-commercial-muted)}

/* Formulários com acabamento SaaS */
.modular-content input,
.modular-content select,
.modular-content textarea{
  background:#fff;
  border-color:var(--dx-commercial-line-strong);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.modular-content input:focus,
.modular-content select:focus,
.modular-content textarea:focus{
  outline:none;
  border-color:#6aa9f4;
  box-shadow:0 0 0 3px rgba(22,118,232,.12);
}

/* Botões mais consistentes */
.modular-content .btn{
  font-weight:700;
  border-radius:9px;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.modular-content .btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(22,118,232,.18)}
.modular-content .btn.secondary:hover{box-shadow:0 6px 16px rgba(71,85,105,.16)}

/* Tabelas com melhor leitura */
.modular-content table thead th{
  background:#f7f9fc;
  color:#42526a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.01em;
}
.modular-content table tbody tr:hover{background:#fbfdff}
.modular-content table td{color:#26364f}

/* Cabeçalhos */
.modular-content .hero,
.modular-content .page-head{margin-bottom:22px}
.modular-content .eyebrow{font-weight:900;letter-spacing:1.25px}

/* Painel Master: módulos contratados — checkbox + texto alinhados à esquerda */
.master-tenants .module-grid{align-items:stretch}
.master-tenants .module-option-master{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  text-align:left!important;
  gap:12px!important;
  min-height:76px;
  padding:13px 14px!important;
  background:#fbfdff!important;
  border:1px solid var(--dx-commercial-line)!important;
  border-radius:12px!important;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.master-tenants .module-option-master:hover{
  border-color:#9fc6f5!important;
  background:#f5f9ff!important;
  box-shadow:0 4px 14px rgba(22,118,232,.07);
}
.master-tenants .module-option-master input[type="checkbox"]{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin:3px 0 0 0!important;
  padding:0!important;
  accent-color:var(--dx-commercial-blue);
}
.master-tenants .module-option-master>span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}
.master-tenants .module-option-master strong{
  display:block!important;
  margin:0!important;
  color:#10213b!important;
  font-size:14px!important;
  line-height:1.25!important;
  text-align:left!important;
}
.master-tenants .module-option-master small{
  display:block!important;
  margin-top:4px!important;
  color:#617089!important;
  font-size:12px!important;
  line-height:1.35!important;
  text-align:left!important;
}
.master-tenants .module-option-master:has(input:checked){
  border-color:#9fc6f5!important;
  background:#f1f7ff!important;
}

/* Chips de módulos dos tenants */
.master-tenants .tenant-module-chips{gap:8px!important}
.master-tenants .tenant-module-chip{
  justify-content:flex-start!important;
  text-align:left!important;
  border-color:#cfe1f7!important;
  background:#f4f8fe!important;
}
.master-tenants .tenant-module-chip input[type="checkbox"]{
  flex:0 0 auto;width:14px!important;height:14px!important;accent-color:var(--dx-commercial-blue)
}

/* Cards do master mais compactos e comerciais */
.master-tenants .master-section{border-radius:16px!important}
.master-tenants .master-section-head{background:linear-gradient(180deg,#fff,#fbfdff)}
.master-tenants .summary-chip{box-shadow:0 4px 14px rgba(15,39,71,.04)}
.master-tenants .tenant-card-head{background:linear-gradient(180deg,#fff,#fbfdff)}
.master-tenants .tenant-box{background:#fff}

/* Responsividade */
@media(max-width:900px){
  .modular-content{max-width:none}
  .master-tenants .module-option-master{min-height:auto}
}
@media(max-width:640px){
  .modular-content .btn{min-height:40px}
  .master-tenants .module-option-master{padding:12px!important}
}