/* Profinance Hub V53.69 — legibilidade da área Clientes */

/* Agenda de Sucesso: textos que estavam pequenos demais em telas desktop */
.customer-success-board{padding:18px 19px!important}
.cs-board-head h2{font-size:19px!important;line-height:1.25!important}
.cs-board-head p{font-size:12px!important;line-height:1.5!important}
.cs-agenda{grid-template-columns:repeat(auto-fit,minmax(330px,1fr))!important;gap:12px!important}
.cs-agenda-item{padding:15px 16px!important;gap:10px!important}
.cs-agenda-item h3{font-size:14px!important;line-height:1.3!important}
.cs-agenda-item p{font-size:11.5px!important;line-height:1.5!important}
.cs-pill{font-size:9.5px!important;padding:6px 9px!important;line-height:1.2!important}
.cs-agenda-actions button{font-size:10.5px!important;padding:8px 11px!important;min-height:34px!important}
.cs-empty{font-size:12px!important}

/* Cards principais de Clientes */
.client-list{gap:14px!important}
.client{grid-template-columns:62px minmax(300px,1.25fr) minmax(175px,.62fr) minmax(210px,.72fr) minmax(350px,auto)!important;gap:18px!important;padding:18px 18px 18px 22px!important;min-height:150px!important}
.avatar{width:54px!important;height:54px!important;border-radius:15px!important;font-size:16px!important;position:relative}
.avatar img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;padding:3px!important}
.client h3{font-size:16px!important;line-height:1.3!important;margin-bottom:7px!important}
.client p{font-size:11.5px!important;line-height:1.5!important;margin:4px 0!important}
.client .mono{font-size:10.5px!important;line-height:1.4!important}
.client .customer-alert{font-size:11px!important;line-height:1.4!important;margin-top:8px!important}
.client .customer-alert i{width:8px!important;height:8px!important;flex:0 0 auto}
.client>div>strong{font-size:13px!important;line-height:1.35!important}
.client .chip{font-size:9.5px!important;line-height:1.2!important;padding:6px 9px!important}
.client .onboarding-status{font-size:9.5px!important;line-height:1.2!important;padding:6px 9px!important;margin-top:6px!important}
.client .actions{gap:8px!important;min-width:350px!important}
.client .actions .btn{font-size:10.5px!important;min-height:39px!important;padding:9px 10px!important}

/* Detalhe do cliente e edição da logo */
#detailModal .brand-upload-box{grid-template-columns:98px 1fr!important;gap:16px!important;padding:16px!important}
#detailModal .brand-upload-box img,#detailModal .brand-upload-box .brand-placeholder{width:96px!important;height:96px!important;object-fit:contain!important;padding:4px!important}
#detailModal .brand-upload-actions{gap:9px!important;align-items:center}
#detailModal .brand-upload-actions .btn{font-size:11.5px!important;min-height:40px!important}
#detailModal .brand-hint{font-size:11px!important;line-height:1.5!important}
#detailModal #cLogoFile{font-size:11.5px!important}
#detailModal .pf-logo-current-edit{background:linear-gradient(135deg,rgba(37,135,232,.22),rgba(119,84,215,.24))!important;border-color:rgba(105,180,255,.6)!important}

/* Cadastro administrativo: mantém a melhoria de legibilidade também no modal de cliente já ativo */
.active-client-modal .active-logo-preview img{object-fit:contain!important;padding:4px!important}
.active-client-modal .active-logo-actions small{font-size:11px!important}
.active-client-modal .field label{font-size:12px!important}
.active-client-modal .field input,.active-client-modal .field select,.active-client-modal .field textarea{font-size:12.5px!important}
.active-client-modal .migration-note{font-size:11.5px!important}
.active-client-modal .form-section{font-size:11px!important}
.active-client-modal .service-choice{font-size:11.5px!important}
.active-client-modal .cep-status,.active-client-modal .auto-field-note,.active-client-modal .services-help,.active-client-modal .active-time-box{font-size:10.5px!important}

@media(max-width:1250px){
  .client{grid-template-columns:56px minmax(250px,1.2fr) minmax(150px,.7fr) minmax(180px,.8fr)!important}
  .client .actions{grid-column:2/-1;min-width:0!important;grid-template-columns:repeat(4,minmax(110px,1fr))!important}
}
@media(max-width:820px){
  .cs-agenda{grid-template-columns:1fr!important}
  .client{grid-template-columns:56px 1fr!important;gap:12px!important;min-height:0!important}
  .client>div:not(.brand-copy):not(.actions){grid-column:2}
  .client .actions{grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(120px,1fr))!important}
}
@media(max-width:480px){
  .client .actions{grid-template-columns:1fr!important}
}
#cLogoPreviewBox{position:relative;overflow:hidden}
#cLogoPreviewBox .pf-client-logo-fallback{position:absolute;inset:0;display:none;place-items:center;background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;font:800 20px Sora;z-index:0}
#cLogoPreviewBox .pf-client-logo-fallback.show{display:grid}
#cLogoPreviewBox img{position:relative;z-index:1;object-fit:contain!important}
.avatar.pf-logo-fallback-visible{background:linear-gradient(135deg,var(--purple),var(--blue))!important;color:#fff!important}

/* V53.72 — reforço real de legibilidade solicitado após validação em produção */
.customer-success-board{padding:22px 22px!important}
.cs-board-head h2{font-size:22px!important}.cs-board-head p{font-size:14px!important}
.cs-agenda{grid-template-columns:repeat(auto-fit,minmax(390px,1fr))!important;gap:14px!important}
.cs-agenda-item{padding:18px 18px!important}.cs-agenda-item h3{font-size:16px!important}.cs-agenda-item p{font-size:13.5px!important}
.cs-pill{font-size:11px!important;padding:7px 10px!important}.cs-agenda-actions button{font-size:12px!important;padding:9px 12px!important;min-height:38px!important}
.client-list{gap:16px!important}.client{grid-template-columns:72px minmax(330px,1.25fr) minmax(190px,.62fr) minmax(235px,.72fr) minmax(370px,auto)!important;gap:20px!important;padding:20px 20px 20px 24px!important;min-height:168px!important}
.avatar{width:62px!important;height:62px!important;border-radius:17px!important;font-size:18px!important}.avatar img{object-fit:contain!important;padding:4px!important}
.client h3{font-size:18px!important;line-height:1.3!important;margin-bottom:8px!important}.client p{font-size:13.5px!important;line-height:1.5!important;margin:5px 0!important}.client .mono{font-size:12px!important}.client .customer-alert{font-size:13px!important;line-height:1.45!important;margin-top:9px!important}.client>div>strong{font-size:15px!important}.client .chip,.client .onboarding-status{font-size:11px!important;padding:7px 10px!important}.client .actions{min-width:380px!important;gap:9px!important}.client .actions .btn{font-size:12.5px!important;min-height:42px!important;padding:10px 11px!important}
.client-quick-actions .btn{font-size:13px!important;min-height:42px!important}.summary-grid .summary span{font-size:11px!important}.summary-grid .summary b{font-size:18px!important}
#detailModal .field label{font-size:13px!important}#detailModal .field input,#detailModal .field select,#detailModal .field textarea{font-size:14px!important}#detailModal .brand-hint{font-size:12.5px!important}
@media(max-width:1450px){.client{grid-template-columns:68px minmax(300px,1.2fr) minmax(170px,.6fr) minmax(205px,.7fr) minmax(320px,auto)!important}.client .actions{min-width:320px!important}.client h3{font-size:17px!important}.client p{font-size:13px!important}}
@media(max-width:1120px){.client{grid-template-columns:64px 1fr 1fr!important}.client .actions{grid-column:2/-1;min-width:0!important}.client h3{font-size:17px!important}.client p{font-size:13px!important}.cs-agenda{grid-template-columns:1fr!important}}