.client-auth-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#203f76 0,#07152e 58%,#030b1b 100%);font-family:"DM Sans",sans-serif}.client-auth-shell{width:min(440px,100%)}.client-auth-card{overflow:hidden;border-radius:24px;background:#fff;box-shadow:0 28px 80px #0007}.client-auth-hero{display:grid;gap:8px;padding:34px;color:#fff;background:linear-gradient(135deg,#1265ff,#673ee6)}.client-auth-hero h1,.client-auth-hero p{margin:0}.client-auth-brand{display:flex;gap:6px;align-items:baseline}.client-auth-brand strong{font-size:1.25rem}.client-auth-brand span{opacity:.82}.client-auth-card form{padding:30px 30px 10px}.client-forgot-button{border:0;background:transparent;color:#1265ff;font-weight:700;cursor:pointer}.client-auth-card .login-message{min-height:24px;padding:0 30px;color:#42516b}.client-admin-link{display:block;padding:0 30px 28px;text-align:center;color:#66758c}.client-dashboard-page{min-height:100vh;margin:0;background:#f2f6fc;color:#10203d;font-family:"DM Sans",sans-serif}.client-dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - 1180px)/2));background:#071b3c;color:#fff}.client-dashboard-header div{display:grid}.client-dashboard-header span{font-size:.8rem;color:#a9bddc}.client-dashboard-header button{display:flex;align-items:center;gap:7px;border:1px solid #ffffff33;border-radius:10px;background:#ffffff12;color:#fff;padding:10px 14px}.client-dashboard{width:min(1180px,calc(100% - 32px));margin:28px auto 60px;display:grid;gap:22px}.client-welcome{display:flex;align-items:center;justify-content:space-between;padding:26px;border-radius:20px;background:linear-gradient(135deg,#1265ff,#4438ca);color:#fff}.client-welcome h1,.client-welcome p{margin:4px 0}.client-profile-chip{display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:#ffffff18}.client-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.client-metrics article{display:grid;gap:8px;padding:20px;border:1px solid #dce4ef;border-radius:16px;background:#fff}.client-metrics span{color:#66758c}.client-metrics strong{font-size:1.8rem}.client-next-charge,.client-history{display:grid;gap:14px;padding:22px;border:1px solid #dce4ef;border-radius:18px;background:#fff}.client-section-title span{color:#1265ff;font-size:.75rem;font-weight:800;text-transform:uppercase}.client-section-title h2{margin:3px 0}.client-charge-list{display:grid;gap:12px}.client-charge-card{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:16px;padding:18px;border:1px solid #dce4ef;border-radius:14px;background:#f8faff}.client-charge-card.is-featured{background:#edf3ff;border-color:#bcd0f5}.client-charge-card>div{display:grid;gap:5px}.client-charge-card>div span{font-weight:700}.client-charge-card>div strong{font-size:1.3rem}.client-charge-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.client-charge-card dl div{display:grid}.client-charge-card dt{font-size:.72rem;color:#66758c}.client-charge-card dd{margin:3px 0;font-weight:700}.client-charge-card a{border-radius:11px;background:#1265ff;color:#fff;padding:11px 15px;text-decoration:none;font-weight:800;text-align:center}.client-empty{padding:24px;text-align:center;color:#66758c}.client-page-message{padding:20px;text-align:center}@media(max-width:700px){.client-dashboard-header{padding:16px}.client-welcome{align-items:flex-start;gap:18px;flex-direction:column}.client-metrics{grid-template-columns:1fr}.client-charge-card{grid-template-columns:1fr}.client-charge-card dl{grid-template-columns:1fr 1fr}}

.client-dashboard-nav{display:flex;gap:8px;padding:6px;border:1px solid #dce4ef;border-radius:14px;background:#fff}.client-dashboard-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:10px;background:transparent;color:#66758c;font-weight:800}.client-dashboard-nav button.is-active{background:#1265ff;color:#fff}.client-dashboard [data-client-panel="overview"]{display:grid;gap:22px}.client-dashboard [data-client-panel][hidden]{display:none}.client-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.client-section-title p{margin:5px 0;color:#66758c}.client-statement-filters{display:flex;gap:7px;flex-wrap:wrap}.client-statement-filters button{border:1px solid #d8e2f0;border-radius:999px;background:#fff;color:#66758c;padding:8px 12px;font-weight:700}.client-statement-filters button.is-active{border-color:#1265ff;background:#edf3ff;color:#1265ff}@media(max-width:700px){.client-dashboard-nav{display:grid;grid-template-columns:1fr 1fr}.client-section-title{align-items:flex-start;flex-direction:column}}
.client-dashboard[hidden]{display:none}.bank-main.client-dashboard{width:auto;margin:0;min-width:0}.client-dashboard .client-history{align-self:start}.client-dashboard-page .bank-topbar{display:none}@media(max-width:899px){.client-dashboard-page .bank-topbar{display:flex}.bank-main.client-dashboard{padding-top:18px}}

.client-charge-summary{display:flex!important;grid-template-columns:none!important;align-items:center;gap:12px!important;min-width:0}.client-charge-summary>div{display:grid;gap:5px;min-width:0}.client-product-image{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#061a38;color:#6c84ad}.client-product-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.client-product-image.has-image>.material-symbols-rounded{display:none}.client-product-image>.material-symbols-rounded{font-size:25px}

/* Portal de pagamentos */
.client-dashboard-page{background:#f4f6f9}.client-dashboard{max-width:1240px;gap:20px}.client-welcome{position:relative;overflow:hidden;padding:30px;background:linear-gradient(135deg,#0a2347,#123a70);border:1px solid #244b78;border-radius:18px;box-shadow:0 16px 34px rgba(6,26,56,.13)}.client-welcome::after{content:"";position:absolute;right:-60px;bottom:-100px;width:260px;height:260px;background:radial-gradient(circle,#2d79ed55,transparent 70%);border-radius:50%}.client-welcome>div{position:relative;z-index:1}.client-welcome>div>span{color:#8fbaf5;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.client-welcome h1{font-size:clamp(1.65rem,4vw,2.15rem);letter-spacing:-.03em}.client-welcome p{color:#d8e5f6}.client-welcome small{display:block;margin-top:12px;color:#9eb8d8}.client-profile-chip{position:relative;z-index:1;max-width:360px;overflow:hidden}.client-profile-chip span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-metrics article{position:relative;overflow:hidden;padding:18px;border-radius:14px;box-shadow:0 7px 20px rgba(14,35,68,.04)}.client-metrics article::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#e59b22}.client-metrics article:nth-child(2)::before{background:#18a36a}.client-metrics article:nth-child(3)::before{background:#df4545}.client-next-charge,.client-history{padding:22px;border-radius:16px;box-shadow:0 10px 28px rgba(14,35,68,.05)}
.client-charge-card{position:relative;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr) auto;background:#fff;border-radius:14px}.client-charge-card.is-featured{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);padding:0;overflow:hidden;background:#fff;border-color:#d4deeb}.client-charge-card.is-featured .featured-payment-copy{grid-row:1/3;min-height:230px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;color:#fff;background:linear-gradient(145deg,#0b2b56,#1558a5)}.client-charge-card.is-featured .featured-payment-copy>span{color:#bcd4f2;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.client-charge-card.is-featured .featured-payment-copy>strong{font-size:clamp(2rem,5vw,3rem);letter-spacing:-.05em}.client-charge-card.is-featured .featured-payment-copy>small{max-width:310px;color:#d7e5f5;line-height:1.45}.client-charge-card.is-featured.status-paid .featured-payment-copy{background:linear-gradient(145deg,#07513b,#13805e)}.client-charge-card.is-featured.status-analysis .featured-payment-copy{background:linear-gradient(145deg,#174f9c,#2876d3)}.client-charge-card.is-featured.status-overdue .featured-payment-copy{background:linear-gradient(145deg,#76261f,#aa3d34)}.client-charge-card.is-featured .client-charge-summary,.client-charge-card.is-featured dl,.client-charge-card.is-featured>a{margin-left:4px;margin-right:18px}.client-charge-card.is-featured .client-charge-summary{align-self:end;margin-top:22px}.client-charge-card.is-featured dl{align-self:start;grid-template-columns:repeat(2,minmax(0,1fr))}.client-charge-card.is-featured>a{justify-self:start;min-width:150px;margin-bottom:22px}
.client-charge-summary small{color:#6c788b;font-size:.76rem}.client-charge-card dl{grid-template-columns:repeat(2,minmax(110px,1fr))}.client-charge-card dl div{min-width:0}.client-charge-card dd{overflow-wrap:anywhere}.client-status{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;white-space:nowrap}.client-status .material-symbols-rounded{font-size:16px}.client-status.status-paid{color:#08764a}.client-status.status-analysis{color:#175cd3}.client-status.status-overdue{color:#b42318}.client-status.status-cancelled{color:#667085}.client-status.status-pending{color:#a15c00}.client-charge-card>a{min-height:44px;display:flex;align-items:center;justify-content:center}.client-charge-card.status-paid>a{background:#13805e}.client-charge-card.status-analysis>a{background:#175cd3}.client-charge-card.status-cancelled>a{background:#667085}.client-empty{display:grid;justify-items:center;gap:7px}.client-empty .material-symbols-rounded{font-size:32px;color:#18a36a}.client-statement-filters button{min-height:40px;cursor:pointer}
@media(max-width:1050px){.client-charge-card{grid-template-columns:1fr auto}.client-charge-card dl{grid-column:1/2}.client-charge-card>a{grid-column:2;grid-row:1/3}.client-charge-card.is-featured{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.client-charge-card.is-featured>a{grid-column:2;grid-row:auto}}
@media(max-width:700px){.client-dashboard{width:calc(100% - 24px);margin:16px auto 88px}.client-welcome{padding:22px}.client-profile-chip{width:100%}.client-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.client-metrics article{padding:14px 10px}.client-metrics span{font-size:.68rem}.client-metrics strong{font-size:1.35rem}.client-next-charge,.client-history{padding:16px}.client-charge-card,.client-charge-card.is-featured{grid-template-columns:1fr}.client-charge-card.is-featured .featured-payment-copy{grid-row:auto;min-height:190px;padding:24px}.client-charge-card.is-featured .client-charge-summary,.client-charge-card.is-featured dl,.client-charge-card.is-featured>a{margin-left:18px;margin-right:18px}.client-charge-card.is-featured>a{grid-column:1;width:calc(100% - 36px)}.client-charge-card dl{grid-column:auto;grid-template-columns:1fr 1fr}.client-charge-card>a{grid-column:auto;grid-row:auto;width:100%}.client-section-title{gap:12px}.client-section-title p{font-size:.84rem}}
@media(max-width:420px){.client-metrics{grid-template-columns:1fr}.client-charge-card dl{grid-template-columns:1fr}.client-charge-card.is-featured .featured-payment-copy>strong{font-size:2.2rem}}

/* Responsividade do extrato de cobranças */

.client-auth-card .client-auth-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;color:#66758c}
.client-auth-card .client-auth-status .material-symbols-rounded{animation:client-auth-spin .9s linear infinite}
.client-auth-card #activation-form{padding:26px 30px 12px}
.activation-email{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #d8e2f0;border-radius:11px;background:#f6f9fd;color:#1265ff}
.activation-email>div{min-width:0;display:grid;gap:2px}.activation-email small{color:#66758c}.activation-email strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10203d}
.password-field{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch}
.password-field input{min-width:0;border-radius:8px 0 0 8px!important}
.password-field button{display:grid;place-items:center;border:1px solid #cbd6e5;border-left:0;border-radius:0 8px 8px 0;background:#f8faff;color:#52657e;cursor:pointer}
.password-help{color:#66758c;line-height:1.45}.client-auth-actions{display:grid;gap:9px}.client-auth-secondary{min-height:42px;display:flex;align-items:center;justify-content:center;border:1px solid #cad7e8;border-radius:9px;background:#fff;color:#1265ff;text-decoration:none;font-weight:800}
@keyframes client-auth-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.client-auth-card #activation-form{padding:22px 20px 10px}}
html {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.client-dashboard-page,
.client-dashboard-page .app-shell,
.client-dashboard-page .bank-main,
.client-dashboard-page .client-dashboard,
.client-dashboard-page [data-client-panel],
.client-dashboard-page .client-history,
.client-dashboard-page .client-next-charge,
.client-dashboard-page .client-section-title,
.client-dashboard-page .client-statement-filters,
.client-dashboard-page .client-charge-list,
.client-dashboard-page .client-charge-card {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.client-dashboard-page,
.client-dashboard-page .app-shell,
.client-dashboard-page .bank-main,
.client-dashboard-page .client-dashboard,
.client-dashboard-page .client-history {
  overflow-x: hidden;
}

.client-dashboard-page .client-section-title > div,
.client-dashboard-page .client-charge-card > *,
.client-dashboard-page .client-charge-summary,
.client-dashboard-page .client-charge-summary > div,
.client-dashboard-page .client-charge-card dl,
.client-dashboard-page .client-charge-card dl > div,
.client-dashboard-page .featured-payment-copy {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.client-dashboard-page .client-section-title p,
.client-dashboard-page .client-charge-summary span,
.client-dashboard-page .client-charge-summary strong,
.client-dashboard-page .client-charge-summary small,
.client-dashboard-page .client-charge-card dt,
.client-dashboard-page .client-charge-card dd,
.client-dashboard-page .featured-payment-copy small {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.client-dashboard-page .client-product-image {
  max-width: 54px;
}

.client-dashboard-page .client-charge-card > a {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (max-width: 700px) {
  .client-dashboard-page .client-dashboard {
    width: 100%;
    margin: 16px 0 88px;
  }

  .client-dashboard-page .client-history,
  .client-dashboard-page .client-next-charge {
    padding: 15px;
  }

  .client-dashboard-page .client-section-title {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 12px;
  }

  .client-dashboard-page .client-statement-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 0;
    overflow: visible;
    white-space: normal;
  }

  .client-dashboard-page .client-statement-filters button {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 8px 10px;
    white-space: nowrap;
  }

  .client-dashboard-page .client-charge-card,
  .client-dashboard-page .client-charge-card.is-featured {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 15px;
  }

  .client-dashboard-page .client-charge-card.is-featured .featured-payment-copy {
    width: 100%;
    min-height: 0;
    padding: 18px;
    border-radius: 12px;
  }

  .client-dashboard-page .client-charge-card.is-featured .client-charge-summary,
  .client-dashboard-page .client-charge-card.is-featured dl,
  .client-dashboard-page .client-charge-card.is-featured > a {
    margin: 0;
  }

  .client-dashboard-page .client-charge-card dl,
  .client-dashboard-page .client-charge-card.is-featured dl {
    grid-column: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .client-dashboard-page .client-charge-card > a,
  .client-dashboard-page .client-charge-card.is-featured > a {
    grid-column: auto;
    grid-row: auto;
    justify-self: stretch;
    width: 100%;
  }
}

@media (max-width: 420px) {
  .client-dashboard-page .client-charge-card dl,
  .client-dashboard-page .client-charge-card.is-featured dl {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 359px) {
  .client-dashboard-page .client-statement-filters {
    grid-template-columns: minmax(0, 1fr);
  }
}