/* Interface 1.3.20: camada final carregada depois de todo o CSS legado. */
#auth-screen .auth-card-refined{background:#ffffff!important;border:1px solid #d3e1da!important;color:#163b34!important;box-shadow:0 18px 56px rgba(10,55,45,.16)!important}
#auth-screen .auth-card-refined .auth-top{background:#ffffff!important;border:0!important;border-bottom:2px solid #d8e7df!important;box-shadow:none!important}
#auth-screen .auth-card-refined .auth-brand,#auth-screen .auth-card-refined .auth-brand span{color:#123f37!important}#auth-screen .auth-card-refined .auth-brand b{color:#985e08!important}
#auth-screen .auth-card-refined .auth-nav a{color:#17483e!important;font-size:1.05rem!important;font-weight:850!important;text-shadow:none!important}
#auth-screen .auth-card-refined .auth-nav a:hover{color:#00846c!important}#auth-screen .auth-card-refined .modal-kicker{color:#087761!important}
#auth-screen .auth-card-refined h1,#auth-screen .auth-card-refined h2{color:#123b33!important}#auth-screen .auth-card-refined p,#auth-screen .auth-card-refined .auth-intro{color:#46665e!important}
#auth-screen .auth-card-refined label{color:#1a463d!important}#auth-screen .auth-card-refined input{background:#fff!important;color:#173f37!important;border-color:#bed7cb!important}

/* Administração: fundo claro, texto escuro e detalhes de ação em verde. */
#admin-console{background:#f5fbf7!important;border:1px solid #bdd8ca!important;color:#173e36!important;box-shadow:0 26px 74px rgba(5,44,35,.28)!important}
#admin-console .admin-head{border-bottom:2px solid #cfe2d8!important;background:transparent!important}#admin-console .admin-head h1{color:#123e35!important;font-size:clamp(1.5rem,3vw,2rem)!important}#admin-console .admin-head p{color:#4e6e65!important}
#admin-console .modal-kicker{color:#087b65!important}#admin-console .admin-section{background:#fff!important;border-color:#cfe2d8!important;box-shadow:0 8px 24px rgba(15,79,61,.07)!important}
#admin-console .admin-section h2{color:#144b40!important}#admin-console .admin-section>p{color:#5a756d!important}
#admin-console .admin-user{background:#f8fcfa!important;border-color:#d7e9df!important}#admin-console .admin-user:hover{background:#eaf7f0!important;border-color:#75bba5!important}
#admin-console .admin-user h3{color:#153f36!important}#admin-console .admin-user p,#admin-console .admin-user small{color:#5c766e!important}#admin-console .admin-user strong{color:#08715d!important}
#admin-console .admin-avatar{background:linear-gradient(135deg,#18a980,#08705d)!important;color:#fff!important}#admin-console .admin-actions button,#admin-console .coupon-create{background:#e8f5ef!important;border-color:#b9daca!important;color:#14483d!important}
#admin-console .admin-actions button.warning{background:#fff1dd!important;color:#7a4804!important}#admin-console .admin-actions button.danger{background:#fff0f1!important;color:#92343a!important}
#admin-console .admin-pill.active{background:#d8f3e6!important;color:#08715d!important}#admin-console .admin-pill.blocked{background:#fde5e7!important;color:#972f38!important}#admin-console .admin-pill.manual{background:#fff0cd!important;color:#7f5200!important}
#admin-console .admin-coupon{border-bottom-color:#dae9e1!important}#admin-console .admin-coupon code{color:#08715d!important}#admin-console .admin-coupon small,#admin-console .admin-empty,#admin-console .admin-foot{color:#5a756d!important}
@media(max-width:560px){#auth-screen .auth-card-refined .auth-nav{gap:14px!important}#auth-screen .auth-card-refined .auth-nav a{font-size:.96rem!important}#admin-console{width:calc(100vw - 16px)!important;inset:8px auto auto 50%!important}}

/* Cadastro de empréstimo: campos confortáveis e previsíveis em celulares. */
@media(max-width:680px){
  #app-shell main{padding-left:14px!important;padding-right:14px!important}
  #app-shell .content{max-width:100%!important}
  #app-shell .panel{border-radius:16px!important}
}
  #loan-dialog{position:fixed!important;top:10px!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translateX(-50%)!important;width:calc(100vw - 28px)!important;height:calc(100dvh - 20px)!important;max-height:none!important;margin:0!important;overflow:auto!important;border-radius:22px!important;background:#f5f5fc!important}
  #loan-dialog form{padding:0 18px 24px!important;background:linear-gradient(180deg,#eff2ff 0,#fafbff 34%,#fff 100%)!important}
  #loan-dialog .modal-header{display:flex!important;align-items:center!important;margin:0 -18px 20px!important;padding:18px!important;background:linear-gradient(135deg,#17234d,#5441d8 58%,#8a59dc)!important;color:#fff!important;border-radius:22px 22px 16px 16px!important;box-shadow:0 8px 18px rgba(48,43,126,.19)!important}
  #loan-dialog .modal-header .modal-kicker{color:#dcdcff!important;font-size:11px!important;font-weight:850!important;letter-spacing:.12em!important}
  #loan-dialog .modal-header h2{color:#fff!important;font-size:23px!important;line-height:1.1!important}
  #loan-dialog .modal-header .close{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important}
  #loan-dialog .form-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important}
  #loan-dialog .form-grid>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:6px!important;margin:0!important;color:#353b57!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important}
  #loan-dialog .form-grid>label>input,#loan-dialog .form-grid>label>select,#loan-dialog .form-grid>label>textarea{width:100%!important;min-height:50px!important;margin:0!important;padding:11px 13px!important;background:#fff!important;border:1px solid #d9dceb!important;border-radius:12px!important;color:#1e2338!important;font-size:16px!important;font-weight:650!important;line-height:1.25!important;box-shadow:0 2px 5px rgba(40,45,90,.035)!important}
  #loan-dialog .form-grid>label>textarea{min-height:94px!important}
  #loan-dialog .form-grid>label>small{display:block!important;margin:0!important;color:#68708d!important;font-size:12px!important;font-weight:600!important;line-height:1.45!important}
  #loan-dialog .calculation{margin-top:18px!important;border:1px solid #d9ddf4!important;background:#eef0ff!important;border-radius:14px!important}
  #loan-dialog .form-actions{position:sticky;bottom:-24px;margin:20px -18px -24px!important;padding:14px 18px!important;background:rgba(255,255,255,.96)!important;border-top:1px solid #dfe2ee!important;z-index:2}
  #loan-dialog .form-actions button{min-height:48px!important;flex:1!important;padding:10px!important}
  #loan-dialog .form-actions .primary{background:linear-gradient(135deg,#4e42dc,#7b4de0)!important;box-shadow:0 8px 16px rgba(75,62,200,.25)!important}
}

/* Fundo do painel aberto pelo botão de três traços — sem alterar os itens. */
@media(max-width:800px){
  .sidebar.mobile-nav-open nav{background:linear-gradient(160deg,#245449,#173f37)!important;border-top-color:rgba(232,250,241,.2)!important;box-shadow:0 16px 28px rgba(8,43,35,.24)!important}
}

/* Cabecalho da carteira e titulo do formulario na paleta roxa. */
.sidebar{background:linear-gradient(165deg,#2b2056,#171132)!important}
@media(max-width:800px){.sidebar{background:linear-gradient(165deg,#302360,#1b143c)!important}}
#loan-dialog #loan-form-title{color:#513faf!important}

/* Carteira alinhada à identidade roxa da marca. */
:root{--ink:#292343!important;--muted:#746f89!important;--line:#e3e0f0!important;--canvas:#f8f7fc!important;--violet:#6754d6!important;--teal:#6754d6!important;--amber:#c28a21!important;--red:#c94f5f!important}
.sidebar{background:linear-gradient(165deg,#2b2056,#171132)!important}.brand-mark{background:linear-gradient(135deg,#f0cc6b,#bd801d)!important}.brand small{color:#d7d0f0!important}.nav-item,.text-button{color:#d9d4eb!important}.nav-item.active,.nav-item:hover{background:#574b91!important;color:#fff!important}
.primary{background:linear-gradient(135deg,#7562df,#5140bd)!important;box-shadow:0 7px 15px rgba(79,61,185,.23)!important}.secondary{background:#eeecf8!important;color:#4a3f82!important}.link-button{color:#5d4aca!important}.icon-button{background:#efedf9!important;color:#5748a2!important}
.metric span,.violet span,.teal span,.amber span,.red span{background:linear-gradient(145deg,#7562df,#5140bd)!important;box-shadow:0 5px 10px rgba(79,61,185,.18)!important}.payment-dot,.installment.paid .check{background:#6754d6!important;border-color:#6754d6!important}.status.open{background:#ece9ff!important;color:#5747bd!important}.status.settled{background:#ece9ff!important;color:#5747bd!important}.calculation{background:#f0effc!important}.calculation strong{color:#5140b6!important}
@media(max-width:680px){#loan-dialog{background:#f8f7fd!important}#loan-dialog form{background:linear-gradient(180deg,#f0effd 0,#fbfaff 34%,#fff 100%)!important}#loan-dialog .modal-header{background:linear-gradient(135deg,#2a2055,#6250c8 58%,#7b66df)!important;box-shadow:0 8px 18px rgba(70,52,165,.2)!important}#loan-dialog .modal-header .modal-kicker{color:#e2dcff!important}#loan-dialog .form-grid>label{color:#413766!important}#loan-dialog .form-grid>label>input,#loan-dialog .form-grid>label>select,#loan-dialog .form-grid>label>textarea{border-color:#ddd9ef!important;color:#292343!important}#loan-dialog .form-grid>label>small{color:#716b89!important}#loan-dialog .calculation{border-color:#ddd9f0!important;background:#f0effc!important}#loan-dialog .form-actions .primary{background:linear-gradient(135deg,#7562df,#5140bd)!important;box-shadow:0 8px 16px rgba(79,61,185,.25)!important}}
@media(max-width:800px){.sidebar.mobile-nav-open nav{background:linear-gradient(160deg,#fbfaff,#f0eef9)!important;border-top-color:#ded9ee!important;box-shadow:0 16px 28px rgba(54,42,104,.16)!important}.sidebar.mobile-nav-open nav .nav-item{color:#3f3764!important}.sidebar.mobile-nav-open nav .nav-item span{color:#6754d6!important}.sidebar.mobile-nav-open nav .nav-item.active{background:#e5e0f8!important;color:#493c8a!important}.sidebar.mobile-nav-open nav .nav-item:hover{background:#eeeafb!important;color:#493c8a!important}.sidebar.mobile-nav-open nav .mobile-nav-utility{border-top-color:#ddd8ed!important}.sidebar.mobile-nav-open nav .mobile-nav-utility button{background:#ebe8f8!important;color:#493c8a!important}.sidebar.mobile-nav-open nav .mobile-nav-utility button:last-child{background:#f8edf0!important;color:#a34254!important}}

/* Login na mesma familia roxa da pagina publica. */
#auth-screen{background:radial-gradient(circle at 15% 10%,#927ee8 0,transparent 31%),radial-gradient(circle at 88% 92%,#5c48b9 0,transparent 36%),linear-gradient(145deg,#342463,#171130)!important}
#auth-screen .auth-card-refined{border-color:#ded9f1!important;box-shadow:0 22px 60px rgba(19,12,57,.3)!important}
#auth-screen .auth-card-refined .auth-top{border-bottom-color:#e3dff3!important}
#auth-screen .auth-card-refined .auth-brand,#auth-screen .auth-card-refined .auth-brand span,#auth-screen .auth-card-refined h1,#auth-screen .auth-card-refined h2{color:#342461!important}
#auth-screen .auth-card-refined .auth-brand b,#auth-screen .auth-card-refined .modal-kicker{color:#624cc7!important}
#auth-screen .auth-card-refined .auth-nav a{color:#50418f!important}

/* Marcador de lembrar e-mail sempre legivel e evidente. */
#auth-screen .remember-option{display:inline-flex!important;align-items:center!important;gap:9px!important;color:#44386f!important;font-weight:750!important;cursor:pointer!important}
#auth-screen .remember-option input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-content:center!important;opacity:1!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #776ac1!important;border-radius:6px!important;background:#fff!important;cursor:pointer!important;box-shadow:0 1px 3px rgba(49,36,109,.14)!important}
#auth-screen .remember-option input[type="checkbox"]:checked{border-color:#614bc6!important;background:#6754d6!important}
#auth-screen .remember-option input[type="checkbox"]:checked::after{content:"✓"!important;color:#fff!important;font-size:15px!important;font-weight:950!important;line-height:1!important}

/* Indicadores da Visao geral na mesma paleta roxa, mantendo cards brancos. */
#dashboard-page .metric,#dashboard-page .indicator{background:#fff!important;border-color:#e1ddef!important}
#dashboard-page .metric p,#dashboard-page .metric small,#dashboard-page .indicator small{color:#736d8c!important}
#dashboard-page .metric strong,#dashboard-page .indicator strong{color:#342b6d!important}
#dashboard-page .metric span{background:linear-gradient(145deg,#7a67df,#5542bf)!important}
#dashboard-page #total-overdue{color:#c94f5f!important}

/* Menu aberto: opcoes com contorno proprio e contraste confortavel. */
@media(max-width:800px){
  .sidebar.mobile-nav-open nav{gap:9px!important;padding:13px!important;background:linear-gradient(160deg,#f6f4fc,#ebe8f6)!important}
  .sidebar.mobile-nav-open nav .nav-item{min-height:48px!important;border:1px solid #d8d2eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 5px rgba(61,48,126,.05)!important}
  .sidebar.mobile-nav-open nav .nav-item span{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:8px!important;background:#eeeaff!important;color:#5a47bf!important}
  .sidebar.mobile-nav-open nav .nav-item.active{border-color:#8a7add!important;background:linear-gradient(135deg,#eeeaff,#e5e0f8)!important;color:#3e327e!important;box-shadow:0 5px 12px rgba(81,63,181,.13)!important}
  .sidebar.mobile-nav-open nav .nav-item:hover{border-color:#a89bdf!important;background:#f4f1fe!important}
  .sidebar.mobile-nav-open nav .module-switch-exit{border-color:#eccfd4!important;background:#fffafb!important;color:#a54253!important}
  .sidebar.mobile-nav-open nav .module-switch-exit span{background:#fff0f2!important;color:#b34a5b!important}
}

/* Lista de clientes no novo empréstimo: funciona igualmente em Android e iPhone. */
#loan-client-suggestions{position:absolute;z-index:20;left:0;right:0;top:calc(100% - 2px);max-height:230px;overflow:auto;padding:6px;border:1px solid #d7d2c6;border-radius:12px;background:#fff;box-shadow:0 15px 30px rgba(24,35,31,.18)}
#loan-client-suggestions button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:8px;padding:11px 10px;background:transparent;color:#203a34;text-align:left;font:inherit;cursor:pointer}
#loan-client-suggestions button:hover,#loan-client-suggestions button:focus{background:#edf7f1;outline:none}
#loan-client-suggestions strong{font-size:14px}#loan-client-suggestions small{color:#6e7c76;font-size:11px;font-weight:650}
#loan-dialog .form-grid>label:first-child{position:relative}
@media(max-width:680px){#loan-client-suggestions{max-height:190px}#loan-client-suggestions button{padding:13px 11px}}

/* Visão geral: leitura uniforme dos indicadores da carteira. */
#dashboard-page .metric,#dashboard-page .indicator{background:#fff!important;border-color:#d5e5dc!important;box-shadow:0 7px 18px rgba(20,91,64,.08)!important}
#dashboard-page .metric p,#dashboard-page .metric small,#dashboard-page .indicator small{color:#4e7062!important}
#dashboard-page .metric strong,#dashboard-page .indicator strong{color:#173f34!important}
#dashboard-page #total-overdue{color:#c94f4f!important}

/* Paleta única da carteira: verde, verde-claro e dourado. */
:root{--ink:#173f34!important;--muted:#61766d!important;--line:#d5e5dc!important;--canvas:#f4f8f5!important;--violet:#19735e!important;--teal:#19735e!important;--amber:#c78a1d!important;--red:#b7584d!important}
.sidebar{background:linear-gradient(165deg,#123d35,#0a2824)!important}.brand-mark{background:linear-gradient(135deg,#e7c55e,#b57a17)!important;color:#173f34!important}.brand small{color:#c5ded2!important}.nav-item,.text-button{color:#c8ded4!important}.nav-item.active,.nav-item:hover{background:#2a6e5d!important;color:#fff!important}
.primary{background:linear-gradient(135deg,#1b7d66,#125446)!important;box-shadow:0 7px 15px rgba(13,83,66,.22)!important}.secondary{background:#e5f1ea!important;color:#1c5648!important}.link-button{color:#196f5a!important}.icon-button{background:#e7f2eb!important;color:#1b6553!important}
.metric span,.violet span,.teal span,.amber span,.red span{background:linear-gradient(145deg,#1c8069,#105a4c)!important;color:#fff!important;box-shadow:0 5px 10px rgba(14,90,72,.18)!important}
.payment-dot,.installment.paid .check{background:#1a7a64!important;border-color:#1a7a64!important}.status.open{background:#e1f2e9!important;color:#176750!important}.status.settled{background:#edf6d9!important;color:#627a20!important}.calculation{background:#e8f4ed!important}.calculation strong{color:#175d4d!important}
.payment-dot.late{background:#c94f4f!important;border-color:#c94f4f!important}
.payment-row.late .amount,.late-amount{color:#c94f4f!important}

@media(max-width:680px){
  #loan-dialog{background:#f3f8f5!important}
  #loan-dialog form{background:linear-gradient(180deg,#e8f4ed 0,#f8fcf9 34%,#fff 100%)!important}
  #loan-dialog .modal-header{background:linear-gradient(135deg,#123f36,#19745e 58%,#25896d)!important;box-shadow:0 8px 18px rgba(15,74,60,.19)!important}
  #loan-dialog .modal-header .modal-kicker{color:#d8f1e6!important}
  #loan-dialog .form-grid>label{color:#254b40!important}
  #loan-dialog .form-grid>label>input,#loan-dialog .form-grid>label>select,#loan-dialog .form-grid>label>textarea{border-color:#cfe1d7!important;color:#183f35!important;box-shadow:0 2px 5px rgba(30,86,66,.04)!important}
  #loan-dialog .form-grid>label>small{color:#597269!important}
  #loan-dialog .calculation{border-color:#cce1d4!important;background:#e8f4ed!important}
  #loan-dialog .form-actions .primary{background:linear-gradient(135deg,#1c8069,#105647)!important;box-shadow:0 8px 16px rgba(20,102,81,.25)!important}
}

/* Camada final: a carteira usa a paleta roxa da marca. Estas regras ficam por
   último para substituir estilos legados verdes que ainda existiam no arquivo. */
:root{--ink:#292343!important;--muted:#746f89!important;--line:#e3e0f0!important;--canvas:#f8f7fc!important;--violet:#6754d6!important;--teal:#6754d6!important;--amber:#c28a21!important;--red:#c94f5f!important}
.sidebar{background:linear-gradient(165deg,#2b2056 0%,#171132 100%)!important}
.primary,#new-loan{background:linear-gradient(135deg,#7562df 0%,#5140bd 100%)!important;box-shadow:0 7px 15px rgba(79,61,185,.25)!important}
@media(max-width:800px){.sidebar{background:linear-gradient(165deg,#302360 0%,#1b143c 100%)!important}.sidebar.mobile-nav-open nav{background:linear-gradient(160deg,#f6f4fc,#ebe8f6)!important}.sidebar.mobile-nav-open nav .nav-item{border-color:#d8d2eb!important;background:#fff!important;color:#3f3764!important}.sidebar.mobile-nav-open nav .nav-item span{background:#eeeaff!important;color:#5a47bf!important}.sidebar.mobile-nav-open nav .nav-item.active{background:linear-gradient(135deg,#eeeaff,#e5e0f8)!important;color:#3e327e!important}}
@media(max-width:680px){#loan-dialog{background:#f8f7fd!important}#loan-dialog form{background:linear-gradient(180deg,#f0effd 0%,#fbfaff 34%,#fff 100%)!important}#loan-dialog .modal-header{background:linear-gradient(135deg,#2a2055,#6250c8 58%,#7b66df)!important}#loan-dialog .modal-header .modal-kicker{color:#e2dcff!important}}

/* Formulário de novo empréstimo: leitura em etapas e campos condicionais. */
#loan-dialog .loan-form-subtitle{margin:5px 0 0!important;color:#ece9ff!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important}
#loan-dialog .loan-form-section{display:flex;align-items:flex-start;gap:11px;margin:23px 0 12px;padding:13px 14px;border:1px solid #ded8f1;border-radius:14px;background:linear-gradient(135deg,#f5f2ff,#fff)!important}
#loan-dialog .loan-form-section h3{margin:0!important;color:#372766!important;font-size:16px!important;line-height:1.15!important}
#loan-dialog .loan-form-section p{margin:4px 0 0!important;color:#716985!important;font-size:12px!important;line-height:1.35!important}
#loan-dialog .loan-form-step{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#6754d6;color:#fff;font-size:12px;font-weight:900;box-shadow:0 4px 10px rgba(84,68,190,.24)}
#loan-dialog .loan-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
#loan-dialog .loan-form-grid .wide{grid-column:1/-1!important}
#loan-dialog .plan-choice select{font-weight:850!important;color:#372766!important}
#loan-dialog .one-time-charge-mode,#loan-dialog .one-time-charge-value{display:none}
#loan-dialog .calculation{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;overflow:hidden!important}
#loan-dialog .calculation>div{padding:14px!important}
#loan-dialog .calculation>div+div{border-left:1px solid #d9d2ee!important}
#loan-dialog .calculation span{display:block;color:#716985;font-size:11px;font-weight:800}
#loan-dialog .calculation strong{display:block;margin-top:5px;font-size:21px}
@media(max-width:680px){
  #loan-dialog .loan-form-grid{grid-template-columns:1fr!important;gap:12px!important}
  #loan-dialog .loan-form-section{margin:18px 0 10px;padding:11px 12px}
  #loan-dialog .loan-form-section h3{font-size:15px!important}
  #loan-dialog .loan-form-section p{font-size:11.5px!important}
  #loan-dialog .calculation{grid-template-columns:1fr!important}
  #loan-dialog .calculation>div+div{border-left:0!important;border-top:1px solid #d9d2ee!important}
}

/* Item selecionado: verde mais claro, com leitura confortável no menu. */
.sidebar nav .nav-item.active,.sidebar nav .nav-item:hover{background:#5d9d8c!important;color:#fff!important}
.sidebar nav .nav-item.active>span,.sidebar nav .nav-item:hover>span{background:#d6f0e6!important;color:#1e584b!important;border-color:#bae1d3!important}
@media(max-width:800px){.sidebar.mobile-nav-open nav .nav-item.active{background:#dff2eb!important;border-color:#9fcdbc!important;color:#22594d!important}.sidebar.mobile-nav-open nav .nav-item.active span{background:#c4e8dc!important;color:#205a4c!important}}

/* Marca: a moeda não recebe moldura, quadrado ou fundo próprio. */
.brand-mark,
body.tio-patinhas-theme .brand-mark{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.tio-patinhas-theme .brand-mark img{
  display:block!important;
}
.brand b{color:#f4c84b!important}

/* Empréstimos: cada contrato já entrega as informações essenciais na lista. */
.loan-list{display:grid;gap:12px}
.loan-card.loan-contract-card{grid-template-columns:minmax(155px,1.25fr) repeat(4,minmax(112px,.8fr)) auto;gap:14px;padding:17px 18px;cursor:pointer;border-color:#e0dced;background:#fff;box-shadow:0 6px 18px rgba(43,32,86,.06)}
.loan-card.loan-contract-card:hover{border-color:#9c8be8;box-shadow:0 10px 24px rgba(71,54,145,.13)}
.loan-card.loan-contract-card h3{margin:0 0 5px;font-size:16px;color:#282144}
.loan-card.loan-contract-card p{margin:0;color:#746f89;font-size:12px;line-height:1.45}
.loan-card.loan-contract-card .extra{padding-left:13px;border-left:1px solid #eeeaf7}
.loan-card.loan-contract-card .extra p{font-size:10px;letter-spacing:.045em;text-transform:uppercase}
.loan-card.loan-contract-card .card-number{margin-top:5px;font-size:14px;color:#40357e}
.loan-card.loan-contract-card .due-number{color:#6b50c9}
.loan-card.loan-totals{margin-top:8px;background:linear-gradient(135deg,#f1efff,#faf9ff)!important;border-color:#cbc4ef!important;cursor:default;box-shadow:none}
.actionable-metric small{grid-column:1/-1;color:#746f89;font-size:11px;font-weight:700}.actionable-metric{align-content:start}
.loan-card.loan-totals h3{color:#3e3182}
@media(max-width:800px){.loan-card.loan-contract-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}.loan-card.loan-contract-card>div:first-child{grid-column:1/-1;padding-bottom:4px;border-bottom:1px solid #eeeaf7}.loan-card.loan-contract-card .extra{padding:0;border:0}.loan-card.loan-contract-card .status{grid-column:1/-1;justify-self:start}.loan-card.loan-totals{display:grid;grid-template-columns:1fr 1fr}.loan-card.loan-totals>div:first-child{grid-column:1/-1}.loan-card.loan-totals .extra{display:block!important;padding:0;border:0}.loan-card.loan-totals>span{display:none}}

/* Login: acesso e cadastro ficam em telas próprias, com uma hierarquia mais enxuta. */
.auth-register-short{margin:1px 0 0!important;color:#746d82!important;text-align:center!important;font-size:13px!important}.auth-register-short .link-button{padding:0!important;font-size:13px!important;font-weight:830!important}.auth-showcase-content{margin:auto 0!important}.auth-showcase-dashboard{display:none!important}.auth-screen>.auth-card.auth-card-refined{display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:100dvh!important;box-sizing:border-box!important}.auth-screen>.auth-card.auth-card-refined>.auth-legal{margin-top:auto!important;padding-top:24px!important}.signup-mode .auth-screen>.auth-card.auth-card-refined{justify-content:flex-start!important;padding-top:64px!important;padding-bottom:26px!important}.signup-mode .auth-showcase-content{margin:auto 0!important}.signup-mode .auth-showcase h2{font-size:clamp(38px,4vw,56px)!important}
@media(max-width:680px){.auth-register-short{font-size:13px!important}.signup-mode .auth-screen>.auth-card.auth-card-refined{min-height:auto!important;padding-top:28px!important}.signup-mode .auth-showcase{min-height:110px!important}}

/* Posicionamento definitivo do acesso: conteúdo centralizado à direita e a
   proposta de valor começa logo depois da marca, sem card adicional. */
.auth-showcase-content{margin:70px 0 0!important}.auth-screen>.auth-card.auth-card-refined{width:min(100%,500px)!important;justify-self:center!important;align-self:stretch!important;justify-content:center!important;padding:44px 38px!important}.auth-screen>.auth-card.auth-card-refined>.auth-legal{display:none!important}.auth-screen>.auth-card.auth-card-refined>.auth-heading,.auth-screen>.auth-card.auth-card-refined>#login-form-refined,.auth-screen>.auth-card.auth-card-refined>#google-login-area{width:100%!important}.signup-mode .auth-screen>.auth-card.auth-card-refined{justify-content:flex-start!important;padding-top:54px!important}.signup-mode .auth-showcase-content{margin:70px 0 0!important}
@media(max-width:680px){.auth-showcase-content{display:none!important}.auth-screen>.auth-card.auth-card-refined{min-height:auto!important;padding:28px 0 20px!important}.signup-mode .auth-showcase-content{display:none!important}}

/* Atributo nativo hidden sempre vence o layout: login e cadastro são telas
   distintas, jamais formulários empilhados. */
#login-form-refined[hidden],#signup-form-refined[hidden],#google-login-area[hidden]{display:none!important}
/* O painel de acesso fica próximo ao eixo central da página, não no extremo
   direito da segunda coluna. */
@media(min-width:681px){.auth-screen>.auth-card.auth-card-refined{justify-self:start!important;transform:translateX(clamp(-130px,-8vw,-48px))!important}}
@media(max-width:680px){.auth-screen>.auth-card.auth-card-refined{transform:none!important}}

/* Card central de acesso: dá contorno e proporção ao login/cadastro. */
@media(min-width:681px){.auth-screen>.auth-card.auth-card-refined{position:absolute!important;z-index:3!important;top:50%!important;left:50%!important;align-self:auto!important;justify-self:auto!important;transform:translate(-50%,-50%)!important;min-height:0!important;width:min(calc(100vw - 48px),486px)!important;margin:0!important;padding:38px 40px 34px!important;border:2px solid #93afd8!important;border-radius:22px!important;clip-path:none!important;background:linear-gradient(145deg,#fff 0%,#fafcff 100%)!important;box-shadow:0 0 0 5px rgba(96,138,202,.11),0 24px 58px rgba(27,52,94,.18)!important}.signup-mode .auth-screen>.auth-card.auth-card-refined{top:50%!important;justify-content:flex-start!important;padding-top:34px!important;padding-bottom:32px!important}.auth-screen>.auth-card.auth-card-refined>.auth-legal{margin-top:20px!important;padding-top:0!important}}
@media(max-width:680px){.auth-screen>.auth-card.auth-card-refined{position:relative!important;top:auto!important;left:auto!important;transform:none!important;border:2px solid #93afd8!important;border-radius:18px!important;clip-path:none!important;background:#fff!important;box-shadow:0 0 0 4px rgba(96,138,202,.08),0 14px 34px rgba(27,52,94,.12)!important;padding:26px 20px 22px!important}}

/* Acabamento do card de acesso: cantos arredondados em qualquer resolução. */
.auth-screen>.auth-card.auth-card-refined{overflow:hidden!important;border-radius:24px!important}
@media(max-width:680px){.auth-screen>.auth-card.auth-card-refined{border-radius:20px!important}}

/* Cadastro compacto: mesmo ritmo visual do login, sem imagem/mascote. */
.signup-mode .auth-showcase{background:linear-gradient(145deg,#25194d 0%,#16102f 100%)!important}.signup-mode .auth-showcase :is(img,.mascot,.mascot-context,[class*="mascot"]){display:none!important}.signup-mode .auth-showcase-brand{font-size:0!important}.signup-mode .auth-showcase-brand span{display:none!important}.signup-mode .auth-showcase:after{content:"TioPatinhasCRED";position:relative;z-index:1;color:#f4c84b;font-size:18px;font-weight:850;letter-spacing:-.03em}.signup-form-refined{gap:13px!important}.signup-form-refined .signup-plan-banner{margin:0!important;padding:10px 12px!important;border-radius:10px!important}.signup-form-refined .auth-heading{margin:0 0 4px!important}.signup-form-refined .auth-heading h1{font-size:29px!important}.signup-form-refined .auth-heading .auth-intro{margin-top:6px!important;font-size:13px!important}.signup-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-fields>label{margin:0!important}.signup-form-refined .auth-submit{margin-top:1px!important}.signup-form-refined .auth-divider{margin:0!important}.signup-form-refined #show-login-refined{justify-self:center!important;padding:1px!important;font-size:12px!important}.signup-form-refined .signup-status{margin:0!important;font-size:12px!important}
@media(min-width:681px){.signup-mode .auth-screen>.auth-card.auth-card-refined{width:min(calc(100vw - 48px),570px)!important;padding:28px 32px!important}}
@media(max-width:680px){.signup-fields{grid-template-columns:1fr;gap:11px}.signup-form-refined{gap:12px!important}.signup-form-refined .auth-heading h1{font-size:27px!important}.signup-mode .auth-showcase{min-height:82px!important;padding-top:25px!important}.signup-mode .auth-showcase:after{font-size:17px}}

/* Cadastro em leitura vertical: um campo por linha, em qualquer tela. */
.signup-fields{grid-template-columns:1fr!important}

/* Marca leve no acesso: moeda pequena com dimensões fixas, sem flash de
   imagem sem estilo; "Cred" permanece como assinatura dourada. */
.auth-showcase-brand img{display:block!important;width:42px!important;height:42px!important;min-width:42px!important;object-fit:contain!important}.auth-showcase-brand b,.auth-brand b{color:#f4c84b!important}.signup-mode .auth-showcase-brand{font-size:20px!important}.signup-mode .auth-showcase-brand span{display:inline!important}.signup-mode .auth-showcase-brand img{display:block!important}.signup-mode .auth-showcase:after{display:none!important}

/* Login SaaS: página objetiva, institucional e com o acesso em primeiro plano. */
.auth-screen{min-height:100dvh!important;display:grid!important;grid-template-columns:minmax(360px,44%) minmax(0,1fr)!important;align-items:stretch!important;padding:0!important;background:#f7f6fb!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.auth-showcase{position:relative;display:flex;flex-direction:column;min-height:100%;overflow:hidden;padding:42px clamp(30px,5vw,76px);color:#f8f6ff;background:radial-gradient(circle at 86% 15%,rgba(160,128,255,.25),transparent 28%),radial-gradient(circle at 14% 90%,rgba(222,179,68,.14),transparent 30%),linear-gradient(145deg,#25194d 0%,#16102f 60%,#100b21 100%)}
.auth-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.auth-showcase-brand{position:relative;z-index:1;display:inline-flex;align-items:center;gap:10px;width:max-content;color:#fff;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.035em}.auth-showcase-brand img{width:42px;height:42px;object-fit:contain}.auth-showcase-brand b{color:#f4c84b}
.auth-showcase-content{position:relative;z-index:1;margin:auto 0 34px;max-width:470px}.auth-overline{margin:0 0 15px;color:#e7c96c;font-size:11px;font-weight:850;letter-spacing:.13em}.auth-showcase h2{margin:0;color:#fff;font-family:Georgia,serif;font-size:clamp(42px,4.5vw,67px);line-height:.98;letter-spacing:-.055em}.auth-showcase h2 em{font-style:normal;color:#f4c84b}.auth-showcase-content>p:not(.auth-overline){max-width:410px;margin:22px 0 25px;color:#dcd7ed;font-size:17px;line-height:1.55}.auth-benefit-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.auth-benefit-list li{display:flex;align-items:center;gap:10px;color:#f5f3fc;font-size:14px;font-weight:650}.auth-benefit-list li span{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#f1c84e;color:#352558;font-size:12px;font-weight:900}
.auth-showcase-dashboard{position:relative;z-index:1;width:min(470px,100%);padding:17px 18px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:0 18px 42px rgba(0,0,0,.18);backdrop-filter:blur(8px)}.auth-showcase-dashboard>div:first-child{display:flex;align-items:center;justify-content:space-between}.auth-showcase-dashboard small{color:#d9d2f3;font-size:10px;font-weight:850;letter-spacing:.1em}.auth-showcase-dashboard strong{padding:6px 9px;border-radius:8px;background:rgba(241,200,78,.16);color:#f4cf68;font-size:11px}.showcase-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.showcase-kpis span{display:grid;grid-template-columns:9px 1fr;gap:3px 8px;color:#d9d4ea;font-size:11px}.showcase-kpis i{grid-row:1/3;display:block;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#8171e3}.showcase-kpis span:last-child i{background:#f0c854}.showcase-kpis b{grid-column:2;color:#fff;font-size:17px}
.auth-screen>.auth-card.auth-card-refined{align-self:center;width:min(100%,520px)!important;margin:0 auto!important;padding:46px 46px 24px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.auth-screen>.auth-card:not(.auth-card-refined){display:none!important}.auth-top{display:none!important}.auth-heading{margin:0 0 27px!important}.auth-heading .modal-kicker{margin:0 0 12px!important;color:#6a55ca!important;font-size:11px!important;font-weight:850!important;letter-spacing:.11em!important}.auth-heading h1{margin:0!important;color:#26203e!important;font-size:34px!important;line-height:1.1!important;letter-spacing:-.045em!important}.auth-heading .auth-intro{margin:11px 0 0!important;color:#716b82!important;font-size:15px!important;line-height:1.55!important}.auth-form-refined{display:grid!important;gap:17px!important}.auth-form-refined>label{display:grid!important;gap:8px!important;color:#39324f!important;font-size:13px!important;font-weight:780!important}.auth-form-refined .input-wrap{position:relative!important;display:block!important}.auth-form-refined input:not([type=checkbox]){height:52px!important;width:100%!important;padding:0 44px 0 42px!important;border:1px solid #dcd7e9!important;border-radius:11px!important;background:#fff!important;color:#29223e!important;font:inherit!important;font-size:15px!important;transition:border-color .18s,box-shadow .18s!important}.auth-form-refined input:not([type=checkbox]):hover{border-color:#afa5d6!important}.auth-form-refined input:not([type=checkbox]):focus{outline:0!important;border-color:#6d58d4!important;box-shadow:0 0 0 4px rgba(109,88,212,.13)!important}.auth-form-refined input::placeholder{color:#aaa3b7!important}.auth-form-refined .input-symbol{position:absolute!important;z-index:1!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;color:#7464c7!important}.auth-form-refined .password-toggle{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;color:#716988!important;cursor:pointer!important}.auth-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:-2px}.remember-option{display:inline-flex!important;align-items:center!important;gap:7px!important;color:#635c76!important;font-size:12px!important;font-weight:650!important}.remember-option input{appearance:none!important;width:17px!important;height:17px!important;margin:0!important;border:1px solid #bcb5cf!important;border-radius:5px!important;background:#fff!important}.remember-option input:checked{border-color:#6450c8!important;background:#6450c8!important;box-shadow:inset 0 0 0 3px #fff!important}.forgot-password,.auth-support-copy button{border:0!important;background:transparent!important;padding:0!important;color:#5e4bc0!important;font:inherit!important;font-size:12px!important;font-weight:760!important;cursor:pointer!important}.auth-submit{height:55px!important;justify-content:center!important;border-radius:11px!important;font-size:15px!important;font-weight:850!important}.auth-acquisition{display:grid;gap:5px;margin-top:2px;padding:17px;border:1px solid #e2dff0;border-radius:12px;background:#fbfaff}.auth-acquisition strong{color:#342c4c;font-size:13px}.auth-acquisition p{margin:0;color:#746d82;font-size:12px;line-height:1.42}.auth-acquisition a{width:max-content;padding:0!important;color:#5946bc!important;font-size:13px!important;font-weight:830!important}.auth-acquisition small{color:#867e99;font-size:11px}.auth-google-login{margin-top:18px!important}.auth-divider{margin:0 0 16px!important}.google-auth-button{height:52px!important;border:1px solid #dad5e6!important;border-radius:11px!important;background:#fff!important;color:#39324e!important;font-weight:750!important;box-shadow:0 2px 7px rgba(39,29,73,.03)!important}.auth-support-copy{margin:18px 0 0!important;color:#787186!important;text-align:center!important;font-size:12px!important}.auth-legal{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;margin-top:28px!important;color:#928aa1!important;font-size:10px!important}.auth-legal a{color:inherit!important;text-decoration:none!important}.auth-legal small{flex-basis:100%;margin-top:4px;text-align:center;font-size:10px}
@media(max-width:900px){.auth-screen{grid-template-columns:minmax(290px,37%) 1fr!important}.auth-showcase{padding:34px}.auth-showcase h2{font-size:45px}.auth-showcase-content>p:not(.auth-overline){font-size:15px}.auth-showcase-dashboard{display:none}.auth-screen>.auth-card.auth-card-refined{padding:40px 32px 24px!important}}
@media(max-width:680px){.auth-screen{display:block!important;min-height:100dvh!important;padding:0 16px 28px!important;background:linear-gradient(180deg,#26194d 0,#1c123b 124px,#f7f6fb 124px)!important}.auth-showcase{display:flex!important;align-items:center!important;min-height:124px!important;padding:20px 2px!important;background:transparent!important}.auth-showcase:before,.auth-showcase-content,.auth-showcase-dashboard{display:none!important}.auth-showcase-brand{font-size:18px!important}.auth-showcase-brand img{width:36px!important;height:36px!important;min-width:36px!important}.auth-screen>.auth-card.auth-card-refined{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;min-height:0!important;margin:0 auto!important;padding:25px 20px 22px!important;border:1px solid #c7c0ea!important;border-radius:22px!important;background:#fff!important;box-shadow:0 12px 32px rgba(32,22,68,.16)!important;overflow:hidden!important}.auth-heading{margin:0 0 20px!important}.auth-heading .modal-kicker{margin-bottom:8px!important;font-size:10px!important}.auth-heading h1{font-size:27px!important;line-height:1.08!important}.auth-heading .auth-intro{margin-top:8px!important;font-size:13px!important;line-height:1.45!important}.auth-form-refined{gap:14px!important}.auth-form-refined>label{gap:7px!important;font-size:12px!important}.auth-form-refined input:not([type=checkbox]){height:50px!important;font-size:15px!important}.auth-options{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.remember-option,.forgot-password{font-size:11px!important}.remember-option{gap:6px!important}.remember-option input{width:16px!important;height:16px!important}.auth-submit,.google-auth-button{height:50px!important;min-height:50px!important}.auth-google-login{margin-top:14px!important}.auth-divider{margin-bottom:13px!important}.auth-support-copy{margin-top:15px!important}.auth-legal{display:none!important}.signup-mode .auth-showcase{min-height:92px!important;padding-top:18px!important}.signup-mode .auth-screen>.auth-card.auth-card-refined{padding:23px 20px!important}.signup-mode .auth-heading{margin-bottom:12px!important}.signup-mode .auth-heading h1{font-size:25px!important}.signup-form-refined{gap:11px!important}.signup-fields{grid-template-columns:1fr!important;gap:10px!important}.signup-plan-banner{padding:10px 12px!important}.signup-form-refined .auth-divider{margin:2px 0!important}}

/* Login no celular: escala compacta para manter toda a área de acesso bem enquadrada,
   sem cortar ações nem encostar o formulário nas bordas da tela. */
@media(max-width:680px){
  .auth-screen{padding:0 12px 18px!important;background:linear-gradient(180deg,#26194d 0,#1c123b 98px,#f7f6fb 98px)!important}
  .auth-showcase{min-height:98px!important;padding:13px 2px!important}
  .auth-showcase-brand{font-size:16px!important}
  .auth-showcase-brand img{width:30px!important;height:30px!important;min-width:30px!important}
  .auth-screen>.auth-card.auth-card-refined{width:min(100%,390px)!important;padding:20px 16px 18px!important;border-radius:18px!important}
  .auth-heading{margin:0 0 15px!important}
  .auth-heading .modal-kicker{margin-bottom:6px!important;font-size:9px!important}
  .auth-heading h1{font-size:24px!important}
  .auth-heading .auth-intro{margin-top:6px!important;font-size:12px!important;line-height:1.4!important}
  .auth-form-refined{gap:11px!important}
  .auth-form-refined>label{gap:5px!important;font-size:11px!important}
  .auth-form-refined input:not([type=checkbox]){height:46px!important;padding-left:38px!important;padding-right:40px!important;font-size:14px!important}
  .auth-form-refined .input-symbol{left:12px!important}
  .auth-submit,.google-auth-button{height:46px!important;min-height:46px!important;font-size:14px!important}
  .auth-google-login{margin-top:11px!important}
  .auth-divider{margin-bottom:10px!important}
  .auth-support-copy{margin-top:12px!important;font-size:11px!important}
  .signup-mode .auth-showcase{min-height:76px!important;padding-top:12px!important}
  .signup-mode .auth-screen>.auth-card.auth-card-refined{padding:18px 16px!important}
  .signup-mode .auth-heading h1{font-size:23px!important}
}
/* Formulário de empréstimo: visibilidade dirigida pela escolha do usuário. */
#loan-form[data-loan-type="interest"] .agreement-field,
#loan-form[data-loan-type="interest"] .installment-field,
#loan-form[data-loan-type="interest"] .one-time-charge-mode,
#loan-form[data-loan-type="interest"] .one-time-charge-value { display:none !important; }
#loan-form[data-loan-type="agreement"] .interest-field,
#loan-form[data-loan-type="agreement"] .one-time-charge-mode,
#loan-form[data-loan-type="agreement"] .one-time-charge-value { display:none !important; }
#loan-form[data-loan-type="one_time"] .interest-field,
#loan-form[data-loan-type="one_time"] .agreement-field,
#loan-form[data-loan-type="one_time"] .installment-field,
#loan-form[data-loan-type="one_time"] #due-rule-field,
#loan-form[data-loan-type="one_time"] #due-day-field,
#loan-form[data-loan-type="one_time"] #due-day-field-base,
#loan-form[data-loan-type="one_time"] #second-due-day-field { display:none !important; }
#loan-form[data-due-rule="fifth_business_day"] #due-day-field,
#loan-form[data-due-rule="fifth_business_day"] #due-day-field-base,
#loan-form[data-due-rule="fixed"] #second-due-day-field,
#loan-form[data-due-rule="fifth_business_day"] #second-due-day-field { display:none !important; }
#loan-form[data-due-rule="twice_monthly"] #due-day-field { display:none !important; }
#loan-form[data-penalty="none"] [data-late-penalty-value] { display:none !important; }