/* Cadastro de contas — petróleo, menta e saldos independentes. */
.contas-hero { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:30px; border-radius:22px; background:linear-gradient(120deg,#163f38,#286052); color:#f3f9ec; margin-bottom:22px; }
.contas-hero h2 { font-size:28px; letter-spacing:-1px; margin:7px 0 10px; color:inherit; }
.contas-hero p { max-width:540px; color:#d0e2d4; line-height:1.6; margin:0; font-size:14px; }
.contas-eyebrow { font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:#c1dfa6; }
.contas-hero .btn-primary { background:#d5ebae !important; color:#163f38; border-color:#d5ebae !important; white-space:nowrap; }
.contas-hero .btn-primary:hover { background:#e4f3c9 !important; }
.contas-resumo { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-bottom:24px; }
.contas-indicador { background:#fff; border:1px solid #dfe7da; border-radius:16px; padding:18px 22px; display:flex; align-items:center; gap:14px; }
.contas-indicador strong { font-size:28px; font-weight:600; color:#245347; }
.contas-indicador span { font-size:12px; color:#687a6d; line-height:1.4; }
.contas-toolbar { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.contas-toolbar label { flex:1; min-width:180px; }
.contas-toolbar .field-input { margin:0; }
.contas-toolbar select { width:auto; max-width:100%; }
.contas-toolbar .btn { margin-left:auto; }
.contas-lista { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:20px; }
.conta-card { min-width:0; background:#fff; border:1px solid #dde6d9; border-radius:24px; padding:24px; box-shadow:0 12px 32px rgba(22,63,56,0.08), 0 4px 12px rgba(22,63,56,0.03); transition: transform 0.2s ease, box-shadow 0.2s ease; }
.conta-card:hover { transform: translateY(-3px); box-shadow:0 16px 40px rgba(22,63,56,0.12), 0 6px 16px rgba(22,63,56,0.05); }
.conta-cab { display:flex; gap:12px; justify-content:space-between; align-items:start; flex-wrap:wrap; }
.conta-identidade { display:flex; align-items:center; gap:12px; min-width:0; flex:1; }
.conta-icone { position:relative; display:grid; place-items:center; flex:0 0 42px; height:42px; background:#edf2e7; color:#426650; font-size:13px; font-weight:700; border-radius:13px; overflow:hidden; }
.conta-icone img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:white; padding:5px; }
.conta-nome { min-width:0; }
.conta-nome h3 { font-size:16px; line-height:1.35; margin:0 0 4px; overflow-wrap:anywhere; font-weight:650; }
.conta-tipo { color:#6b7c6d; font-size:11px; }
.conta-origem { border-radius:20px; background:#f0f2ed; padding:5px 8px; font-size:10px; color:#647666; white-space:nowrap; }
.conta-origem.conectada { background:#e4f3e9; color:#28604a; }
.conta-saldo { display:flex; flex-direction:column; gap:5px; padding:22px 0 18px; }
.conta-saldo span { font-size:11px; color:#6b7c6d; }
.conta-saldo strong { font-size:27px; font-weight:600; letter-spacing:-.7px; overflow-wrap:anywhere; }
.conta-saldo .negativo { color:#bc4255; }
.conta-acoes { display:flex; gap:8px; flex-wrap:wrap; margin-top: 10px; }
.conta-acoes .btn { font-size:12px; font-weight:600; padding:10px 16px; border-radius: 10px; display:inline-flex; align-items:center; gap:6px; transition: all 0.2s ease; }
.conta-acoes .btn-vincular { background:#163f38; color:#fff; border:1px solid #163f38; box-shadow: 0 4px 10px rgba(22,63,56,0.2); }
.conta-acoes .btn-vincular:hover { background:#1f574d; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(22,63,56,0.3); }
.conta-acoes .btn-ghost { background:#f5f7f2; color:#426650; border:1px solid #e4ebdf; }
.conta-acoes .btn-ghost:hover { background:#e8efe3; color:#163f38; border-color:#d6e5c8; transform: translateY(-1px); box-shadow: 0 4px 10px rgba(0,0,0,0.04); }
.conta-filhos { border-top:1px solid #e4ebdf; margin-top:20px; padding-top:14px; display:grid; gap:12px; }
.conta-filhos-titulo { font-size:10px; text-transform:uppercase; letter-spacing:1.2px; color:#6b7c6d; margin:0 0 2px; }
.conta-filha { background:#f7f9f3; border-radius:14px; padding:16px; box-shadow:none; }
.conta-filha .conta-saldo { padding:12px 0; }
.conta-filha .conta-saldo strong { font-size:21px; }
.conta-filha .conta-filhos .conta-card { padding:12px 0 0; border:0; border-radius:0; }
.conta-vinculo { font-size:10px; color:#71826e; margin:10px 0 0; overflow-wrap:anywhere; }
.contas-nota { color:#72816e; font-size:12px; line-height:1.6; margin:20px 2px; max-width:850px; }
.contas-empty { grid-column:1/-1; padding:46px 22px; text-align:center; background:#fff; border:1px dashed #cedac6; border-radius:20px; }
.contas-empty p { color:#6b7c6d; margin:12px 0 20px; }
#modal-banco .modal { width:min(540px,100%); max-height:calc(100dvh - 32px); overflow:auto; }
#modal-banco [hidden] { display:none !important; }
.conta-modal-intro { color:#6b7c6d; font-size:13px; line-height:1.6; margin:0 0 22px; }
.conta-ajuda { display:block; font-size:11px; color:#6b7c6d; line-height:1.6; margin-top:7px; }
.conta-conexao { padding:12px; background:#edf5e6; color:#42634a; border-radius:10px; font-size:12px; margin-bottom:18px; }
.contas-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1200px) { .contas-lista { grid-template-columns:1fr; } }
@media(max-width:600px) {
  .contas-hero { padding:23px 20px; flex-direction:column; align-items:stretch; gap:18px; }
  .contas-hero h2 { font-size:25px; }
  .contas-resumo { gap:8px; }
  .contas-indicador { padding:14px 10px; flex-direction:column; align-items:start; gap:4px; }
  .contas-indicador strong { font-size:25px; }
  .contas-indicador span { font-size:10px; }
  .contas-toolbar label { flex-basis:100%; }
  .contas-toolbar select { flex:1; min-width:0; }
  .contas-toolbar .btn { font-size:11px; padding:10px; }
  .conta-card { padding:17px; }
  .conta-filha { padding:13px; }
  #modal-banco { padding:12px; }
}