/* Identidade visual do painel Zuri: mais cor, ainda leve e funcional. */
.enterprise-app{
  --zuri-navy:#082958;
  --zuri-blue:#1556a0;
  --zuri-electric:#2448df;
  --zuri-orange:#ff7a00;
  --zuri-gold:#ffad18;
  --zuri-green:#14a77d;
  --zuri-cyan:#178eb8;
  --zuri-rose:#d94c68;
  --zuri-ink:#092b58;
  --zuri-muted:#70839c;
  --zuri-line:#d5e1ee;
  --zuri-surface:#fff;
  --zuri-bg:#f2f6fb;
  color:var(--zuri-ink);
  background:var(--zuri-bg);
}
.enterprise-app,.enterprise-app *{box-sizing:border-box}
.enterprise-app .app-main{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 92% 2%,rgba(36,72,223,.075),transparent 25rem),
    radial-gradient(circle at 18% 20%,rgba(255,122,0,.06),transparent 23rem),
    linear-gradient(180deg,#f6f9fd 0,#f1f5fa 48%,#f5f8fc 100%);
}

/* Navegação com identidade sem pesar a interface. */
.enterprise-app .enterprise-sidebar{
  background:linear-gradient(180deg,#fbfdff 0%,#f3f7fc 55%,#eef4fb 100%);
  border-right:1px solid #d6e1ed;
  box-shadow:12px 0 34px rgba(8,41,88,.055);
}
.enterprise-app .side-brand{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,246,253,.9))}
.enterprise-app .side-brand:after{
  background:linear-gradient(90deg,var(--zuri-orange),var(--zuri-gold) 34%,var(--zuri-blue) 34%,var(--zuri-blue) 62%,transparent 62%);
}
.enterprise-app .sidebar nav small{color:#8092aa}
.enterprise-app .sidebar nav a{transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.enterprise-app .sidebar nav a:not(.active):hover{
  color:var(--zuri-blue);
  background:rgba(21,86,160,.065);
  transform:translateX(2px);
}
.enterprise-app .sidebar nav a.active{
  color:#fff;
  background:linear-gradient(105deg,#082958,#103d7a 72%,#164b91);
  border-left:3px solid var(--zuri-orange);
  box-shadow:0 10px 24px rgba(8,41,88,.17);
}
.enterprise-app .sidebar nav a.active .nav-symbol{color:#ffc266}
.enterprise-app .side-user i,.enterprise-app .header-account>i{
  background:linear-gradient(145deg,var(--zuri-gold),var(--zuri-orange));
  box-shadow:0 7px 18px rgba(255,122,0,.22);
}

/* Cabeçalho e área útil alinhados em todas as telas. */
.enterprise-app .enterprise-header{
  background:rgba(255,255,255,.94);
  border-bottom:1px solid #dae4ef;
  box-shadow:0 7px 24px rgba(9,43,88,.045);
  backdrop-filter:blur(12px);
}
.enterprise-app .enterprise-header:before{
  height:3px;
  background:linear-gradient(90deg,var(--zuri-orange),var(--zuri-gold) 14%,var(--zuri-blue) 35%,rgba(21,86,160,0) 70%);
}
.enterprise-app .enterprise-header small{color:#df6f00}
.enterprise-app .enterprise-header h1{color:var(--zuri-navy);letter-spacing:-.02em}
.enterprise-app .app-main>main.enterprise-main{
  width:100%;
  max-width:1480px;
  margin-inline:auto;
  padding:40px clamp(28px,4vw,64px) 44px;
}

/* Superfícies principais. */
.enterprise-app :is(.enterprise-hero,.panel-heading-card,.portfolio-hero-panel,.finance-hero,.pay-overview){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:#ceddec;
  background:
    radial-gradient(circle at 89% 12%,rgba(36,72,223,.105),transparent 14rem),
    radial-gradient(circle at 74% 115%,rgba(255,122,0,.115),transparent 18rem),
    linear-gradient(135deg,#fff 8%,#fbfdff 68%,#f8fbff 100%);
  box-shadow:0 16px 38px rgba(19,56,101,.075);
}
.enterprise-app :is(.enterprise-hero,.panel-heading-card,.portfolio-hero-panel,.finance-hero):before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(180deg,var(--zuri-orange),var(--zuri-gold) 44%,var(--zuri-blue));
}
.enterprise-app :is(.enterprise-hero,.portfolio-hero-panel,.finance-hero) h2{color:var(--zuri-navy);letter-spacing:-.035em}
.enterprise-app :is(.enterprise-hero,.portfolio-hero-panel,.finance-hero) p{color:var(--zuri-muted)}
.enterprise-app :is(.eyebrow-compact,.pay-kicker,.account-eyebrow){color:#e66e00}

/* Botões e campos ganham contraste previsível. */
.enterprise-app :is(.btn-primary-z,.portfolio-primary-action,.finance-hero-actions a.primary,.pay-form-footer>button){
  border:0;
  color:#fff;
  background:linear-gradient(120deg,#0c3975,#1556a0);
  box-shadow:0 9px 20px rgba(12,57,117,.16);
  transition:transform .18s,box-shadow .18s,filter .18s;
}
.enterprise-app :is(.btn-primary-z,.portfolio-primary-action,.finance-hero-actions a.primary,.pay-form-footer>button):hover{
  filter:saturate(1.08) brightness(1.03);
  transform:translateY(-1px);
  box-shadow:0 12px 25px rgba(12,57,117,.22);
}
.enterprise-app :is(input,select,textarea){transition:border-color .16s,box-shadow .16s,background .16s}
.enterprise-app :is(input,select,textarea):focus{
  outline:0;
  border-color:#4b7fba!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(21,86,160,.09)!important;
}

/* Cards com cor sem poluir a leitura. */
.enterprise-app :is(.enterprise-section,.portfolio-catalog,.finance-board,.pay-card,.account-card,.users-panel){
  border-color:var(--zuri-line);
  box-shadow:0 12px 32px rgba(15,52,95,.055);
}
.enterprise-app :is(.enterprise-section,.portfolio-catalog,.finance-board,.pay-card,.account-card){background:rgba(255,255,255,.97)}
.enterprise-app :is(.enterprise-section,.portfolio-catalog,.finance-board,.pay-card){position:relative;overflow:hidden}
.enterprise-app :is(.enterprise-section,.portfolio-catalog,.finance-board,.pay-card):before{
  content:"";
  position:absolute;
  left:0;top:0;right:0;
  height:3px;
  background:linear-gradient(90deg,var(--zuri-orange),var(--zuri-gold) 18%,var(--zuri-blue) 42%,transparent 78%);
  opacity:.72;
}

/* Métricas usam cores por significado. */
.enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article{
  border-color:#d6e2ee;
  box-shadow:0 10px 27px rgba(13,49,91,.05);
  transition:transform .18s,box-shadow .18s,border-color .18s;
}
.enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px rgba(13,49,91,.09);
}
.enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article:nth-child(1){background:linear-gradient(135deg,#fff 58%,#fff4e8);border-color:#f0d6b9}
.enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article:nth-child(2){background:linear-gradient(135deg,#fff 58%,#eaf8f4);border-color:#c8e7df}
.enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article:nth-child(3){background:linear-gradient(135deg,#fff 58%,#edf3ff);border-color:#ccdafa}
.enterprise-app .metric-orb.solar,.enterprise-app .portfolio-overview>article:nth-child(1)>span{background:#fff0df;color:var(--zuri-orange)}
.enterprise-app .metric-orb.green,.enterprise-app .portfolio-overview>article:nth-child(2)>span{background:#e7f8f2;color:var(--zuri-green)}
.enterprise-app .metric-orb.blue,.enterprise-app .portfolio-overview>article:nth-child(3)>span{background:#eaf1ff;color:var(--zuri-electric)}

/* Listas e linhas ficam mais fáceis de percorrer. */
.enterprise-app :is(.unit-preview,.plant-portfolio-row,.finance-bill-row,.utility-account-card){transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}
.enterprise-app :is(.unit-preview,.plant-portfolio-row,.finance-bill-row,.utility-account-card):hover{
  background:#fbfdff;
  border-color:#bfcfe0;
  box-shadow:0 8px 22px rgba(13,48,89,.065);
}
.enterprise-app .status-badge.active,.enterprise-app .plant-card-state{background:#e9f8f3;color:#0a8a67}
.enterprise-app .generator-preview-action{background:#eef4ff;color:var(--zuri-blue);border-color:#cfdded}
.enterprise-app .customer-charge{background:linear-gradient(90deg,#f3f8ff,#f9fbfe);border-left-color:var(--zuri-blue)}
.enterprise-app .finance-group-title.consumer>span{background:#e6f8f3;color:var(--zuri-green)}
.enterprise-app .billing-automation-card{
  border-color:#ead8bd;
  background:linear-gradient(105deg,#fffaf2 0%,#fff 58%,#eff9f6 100%);
  box-shadow:0 9px 24px rgba(67,55,35,.045);
}
.enterprise-app .billing-automation-card>div>p{
  display:-webkit-box;
  max-width:100%;
  overflow:hidden;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

/* Integração bancária: colunas alinhadas e painel lateral coeso. */
.enterprise-app .pay-page{--pay-line:#cfdeec;gap:20px}
.enterprise-app .pay-overview{
  grid-template-columns:minmax(0,1fr) 300px;
  min-height:190px;
  border-radius:24px;
}
.enterprise-app .pay-overview:before{display:none}
.enterprise-app .pay-overview-copy{padding:34px 38px}
.enterprise-app .pay-provider{border-left-color:#ccdaea;background:#f4f7ff}
.enterprise-app .pay-provider-top{
  position:relative;
  background:
    radial-gradient(circle at 70% 20%,rgba(255,255,255,.17),transparent 10rem),
    linear-gradient(145deg,#2448df,#1235bb 70%,#0b298f);
}
.enterprise-app .pay-provider-top:after{
  content:"";position:absolute;left:22px;right:22px;bottom:0;height:3px;border-radius:3px;
  background:linear-gradient(90deg,var(--zuri-orange),var(--zuri-gold),rgba(255,255,255,.4));
}
.enterprise-app .pay-provider-status{background:linear-gradient(90deg,#fff,#f1fbf7)}
.enterprise-app .pay-workspace{
  grid-template-columns:minmax(0,1.82fr) minmax(320px,.78fr);
  align-items:stretch;
  gap:20px;
}
.enterprise-app .pay-settings{height:100%;padding:29px}
.enterprise-app .pay-side{height:100%;grid-template-rows:auto 1fr;gap:20px}
.enterprise-app .pay-card-icon{background:linear-gradient(145deg,#f7fbff,#eaf2ff);border-color:#cadbeb;color:var(--zuri-blue)}
.enterprise-app .pay-feature:nth-of-type(2)>i{background:#fff2e6;color:var(--zuri-orange)}
.enterprise-app .pay-feature:nth-of-type(3)>i{background:#e8f8f3;color:var(--zuri-green)}
.enterprise-app .pay-feature:nth-of-type(4)>i{background:#ecf2ff;color:var(--zuri-electric)}
.enterprise-app .pay-webhook.is-ready{background:linear-gradient(145deg,#fff 60%,#effaf6);border-color:#c8e7dc}
.enterprise-app .pay-webhook code{border:1px solid #e0e8f1;background:#f5f8fc}
.enterprise-app .pay-tags span:nth-child(1){background:#f0faf6;border-color:#cfe9df;color:#34745f}
.enterprise-app .pay-tags span:nth-child(2){background:#fff6ec;border-color:#f0dcc5;color:#875827}
.enterprise-app .pay-tags span:nth-child(3){background:#eef4ff;border-color:#d4e0f3;color:#3c5f8c}
.enterprise-app .pay-flow-grid article:nth-child(1)>i{background:#fff0df;color:var(--zuri-orange)}
.enterprise-app .pay-flow-grid article:nth-child(2)>i{background:#e9f8f3;color:var(--zuri-green)}
.enterprise-app .pay-flow-grid article:nth-child(3)>i{background:#eaf0ff;color:var(--zuri-electric)}
.enterprise-app .pay-flow-grid article:nth-child(4)>i{background:#e9f5fb;color:var(--zuri-cyan)}

/* Mensagens e modais. */
.enterprise-app .users-flash.success{background:#eaf8f3;border-color:#bee5d7;color:#08785b}
.enterprise-app .users-flash.error{background:#fff0f1;border-color:#f1c4ca;color:#b33047}
.enterprise-app dialog:not(.pdf-preview-dialog){backdrop-filter:blur(4px)}
.enterprise-app :is(.finance-dialog>form,.unit-wizard,.credential-card){border:1px solid #d7e2ed;box-shadow:0 28px 80px rgba(4,26,58,.28)}

@media(max-width:1100px){
  .enterprise-app .app-main>main.enterprise-main{padding:30px 28px 38px}
  .enterprise-app .pay-workspace{grid-template-columns:1fr}
  .enterprise-app .pay-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
}
@media(max-width:760px){
  .enterprise-app .app-main>main.enterprise-main{padding:20px 15px 30px}
  .enterprise-app :is(.enterprise-hero,.panel-heading-card,.portfolio-hero-panel,.finance-hero,.pay-overview){border-radius:19px}
  .enterprise-app .pay-overview{grid-template-columns:1fr}
  .enterprise-app .pay-overview-copy{padding:26px 21px}
  .enterprise-app .pay-provider{border-left:0;border-top:1px solid var(--zuri-line)}
  .enterprise-app .pay-provider-top{min-height:105px}
  .enterprise-app .pay-side{grid-template-columns:1fr}
  .enterprise-app .pay-settings{padding:21px}
  .enterprise-app :is(.enterprise-metrics,.portfolio-overview,.finance-kpis)>article:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .enterprise-app *{transition-duration:.01ms!important}
}
/* Ciclo de teste e contratação */
.trial-header-pill{display:inline-flex;align-items:center;gap:7px;margin-left:auto;margin-right:18px;padding:8px 11px;border:1px solid #ffd6a3;border-radius:999px;background:#fff8ee;color:#a25409;font-size:9px;font-weight:800;white-space:nowrap}.trial-header-pill i{width:7px;height:7px;border-radius:50%;background:#ff8300;box-shadow:0 0 0 4px #fff0dd}.trial-header-pill.active{border-color:#ccebdd;background:#f0faf6;color:#087957}.trial-header-pill.active i{background:#13aa79;box-shadow:0 0 0 4px #ddf6ec}.subscription-toast{display:flex;align-items:center;gap:9px;margin:14px clamp(28px,5vw,75px) 0;padding:12px 15px;border:1px solid #bfe6d7;border-radius:12px;background:#eefaf5;color:#087653;font-size:11px}.trial-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:20px;border:0;background:rgba(245,249,253,.66);backdrop-filter:blur(5px)}.trial-dialog[open]{display:grid;place-items:center}.trial-dialog::backdrop{background:rgba(5,25,58,.42);backdrop-filter:blur(3px)}.trial-dialog>section{position:relative;width:min(590px,100%);padding:34px;border:1px solid rgba(200,216,233,.9);border-radius:24px;background:rgba(255,255,255,.95);box-shadow:0 30px 90px rgba(2,22,52,.24);text-align:center}.trial-dialog [data-trial-close]{position:absolute;right:16px;top:16px;width:38px;height:38px;border:1px solid #dbe4ee;border-radius:12px;background:#f5f8fb;color:#32506e;font-size:18px;cursor:pointer}.trial-kicker{display:block;color:#ef7600;font-size:9px;font-weight:900;letter-spacing:.16em}.trial-icon{display:grid;place-items:center;width:58px;height:58px;margin:17px auto 14px;border-radius:18px;background:linear-gradient(145deg,#fff4df,#ffe2b5);color:#f27900;font-size:25px}.trial-dialog h2{margin:0;color:#092b56;font:800 27px Manrope}.trial-dialog>section>p{max-width:470px;margin:9px auto 20px;color:#6f8298;font-size:13px;line-height:1.6}.trial-price{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:16px;border:1px solid #e1e8f0;border-radius:15px;background:#f8fafc}.trial-price div{display:grid;gap:5px}.trial-price small{color:#8495a8;font-size:8px;font-weight:800;letter-spacing:.08em}.trial-price strong{color:#0c3d73;font:800 18px Manrope}.trial-price>span{color:#ff8000;font-size:20px}.trial-summary{display:flex;justify-content:space-between;gap:15px;margin:13px 0 20px;padding:11px 13px;border-radius:11px;background:#fff6eb;color:#895020;font-size:10px}.trial-summary b{color:#b05b08}.trial-dialog form{margin:0}.trial-dialog .btn-primary-z{width:100%;justify-content:center}.trial-dialog>section>a{display:inline-block;margin-top:13px;color:#174d83;font-size:11px;font-weight:800}.trial-footnote{display:block;margin-top:10px;color:#92a0af;font-size:8px}@media(max-width:700px){.trial-header-pill{position:absolute;right:54px;bottom:7px;margin:0;padding:5px 8px}.trial-dialog>section{padding:30px 20px}.trial-dialog h2{font-size:23px}.trial-summary{display:grid}.trial-price strong{font-size:15px}}