/* CT-R12-012 — acabamento integrado de Bancos e Movimentações */
.v178-mb .mb-head h1,.fin-bank-head h1{font-family:Cinzel,Georgia,serif!important;font-size:30px!important;font-weight:500!important;letter-spacing:0}
.v178-mb .mb-head p,.fin-bank-head p{font-family:Montserrat,Arial,sans-serif;font-size:12px}
.v178-mb .mb-panel td strong{font-weight:600}.v178-mb .mb-panel th [data-sort]{font-weight:700}
.v178-mb .mb-title h2,.fin-bank-panel-title h2{font-family:Montserrat,Arial,sans-serif!important;font-size:15px!important;font-weight:600!important}
.fin-bank-loading{min-height:24px;padding:0 2px}
.fin-bank-metrics[hidden]{display:none!important}
.fin-bank-loading:not(:empty)::before{content:'';display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid #cbdce8;border-top-color:#4c9bd0;border-radius:50%;vertical-align:-2px;animation:fin-bank-spin .7s linear infinite}
.fin-bank-empty strong,.fin-bank-empty small{display:block}.fin-bank-empty strong{margin-bottom:5px;color:#425e7b}.fin-bank-empty small{margin-bottom:14px}.fin-bank-empty .fin-btn{width:auto}
@keyframes fin-bank-spin{to{transform:rotate(360deg)}}
.v178-mb .mb-summary-shell{flex-wrap:wrap;align-items:stretch}
.v178-mb .mb-periods{display:flex!important;justify-content:flex-end!important;width:100%!important;box-sizing:border-box!important;margin:0 0 9px!important;padding:7px 9px!important;border:1px solid #d5e2ed!important;border-radius:9px!important;background:#fff!important}
.v178-mb .mb-periods button{flex:0 0 auto!important}
.v178-mb .mb-summary-shell>.mb-metrics{width:calc(100% - 40px);flex:1 1 auto}
.v178-mb .mb-managerial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1 0 100%;gap:8px;margin-top:6px}
.v178-mb .mb-managerial article{padding:13px 15px;border:1px solid #d5e2ed;border-radius:9px;background:#fff}
.v178-mb .mb-managerial header span{color:#4d98cb;font-size:8px;font-weight:800;letter-spacing:1px}
.v178-mb .mb-managerial header h2{margin:3px 0 12px;color:#29435f;font:700 13px Montserrat,Arial,sans-serif}
.v178-mb .mb-managerial-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v178-mb .mb-managerial-highlights>span{padding-right:9px;border-right:1px solid #e0e8ef}
.v178-mb .mb-managerial-highlights>span:last-child{border-right:0}
.v178-mb .mb-managerial-highlights b,.v178-mb .mb-managerial-highlights strong,.v178-mb .mb-managerial-highlights small{display:block}
.v178-mb .mb-managerial-highlights b{color:#72869d;font-size:8px;text-transform:uppercase}
.v178-mb .mb-managerial-highlights strong{margin:5px 0 3px;color:#29435f;font-size:12px}
.v178-mb .mb-managerial-highlights small{overflow:hidden;color:#8497aa;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.v178-mb .mb-account-ranking{display:grid;gap:7px}
.v178-mb .mb-account-ranking>div>span{display:flex;justify-content:space-between;gap:10px;color:#48617c;font-size:9px}
.v178-mb .mb-account-ranking strong.in{color:#27815e}.v178-mb .mb-account-ranking strong.out{color:#bb523f}
.v178-mb .mb-account-ranking i{display:block;height:3px;margin-top:4px;overflow:hidden;background:#eaf0f4}
.v178-mb .mb-account-ranking em{display:block;height:100%;background:#59a8d5}.v178-mb .mb-account-ranking em.out{background:#bd5b48}
.v178-mb .mb-metrics article small{display:block;margin-top:3px;color:#8b9eb1;font-size:8px;white-space:nowrap}

.v178-mb .mb-dialog{overflow:auto}
.v178-mb .mb-detail-head{align-items:flex-start}
.v178-mb .mb-detail-head h2{font-family:Montserrat,Arial,sans-serif;font-size:20px;font-weight:700}
.v178-mb .mb-detail-head p{margin:2px 0 0;color:#7a8fa4;font-size:10px}
.v178-mb .mb-detail-head-side{display:flex;align-items:center;gap:9px}
.v178-mb .mb-detail-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:16px 22px 6px;padding:15px 17px;border:1px solid #d5e3ed;border-left:3px solid #358b69;border-radius:9px;background:#f8fbfd}
.v178-mb .mb-detail-hero.out{border-left-color:#b74753}
.v178-mb .mb-detail-hero span,.v178-mb .mb-detail-hero small{display:block;color:#7890a7;font-size:9px}
.v178-mb .mb-detail-hero strong{display:block;margin:4px 0;color:#29435f;font-size:17px}.v178-mb .mb-detail-hero.in>div:first-child strong{color:#25805d}.v178-mb .mb-detail-hero.out>div:first-child strong{color:#b74753}
.v178-mb .mb-detail-section{margin:0 22px;padding:15px 0;border-bottom:1px solid #e0e8ef}
.v178-mb .mb-detail-section h3{margin:0 0 11px;color:#2b4562;font-size:12px}
.v178-mb .mb-detail-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 22px;margin:0}
.v178-mb .mb-detail-section dl>div.wide{grid-column:1/-1}
.v178-mb .mb-detail-section dt{margin-bottom:4px;color:#7a8fa5;font-size:8px;font-weight:800;text-transform:uppercase}
.v178-mb .mb-detail-section dd{margin:0;color:#2d4561;font-size:11px;font-weight:500}
.v178-mb .mb-detail-section small{display:block;margin-top:3px;color:#899bad;font-size:9px}
.v178-mb .mb-detail-note{margin:12px 0 0;padding:10px;border-radius:7px;background:#f1f6f9;color:#5b7188;font-size:10px}

.fin-bank-list-tools{display:flex;align-items:end;gap:10px}
.fin-bank-search{display:grid!important;min-width:260px;gap:4px!important}
.fin-bank-search input{height:36px;border:1px solid #cddce9;border-radius:8px;padding:0 11px;color:#29435f;font:500 11px Montserrat,Arial,sans-serif}
.fin-bank-panel th{padding:0}
.fin-bank-panel th button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:5px;padding:12px 14px;border:0;background:transparent;color:#3b5877;font:800 10px Montserrat,Arial,sans-serif;cursor:pointer;text-align:left;white-space:nowrap}
.fin-bank-panel th button:hover{background:#dfeaf2}.fin-bank-panel th button.active{background:#d9e9f3;color:#173d68}
.fin-bank-panel tbody tr{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
.fin-bank-panel tbody tr:hover{background:#edf6fb;box-shadow:inset 3px 0 0 #70add5}

@media(max-width:900px){.v178-mb .mb-managerial{grid-template-columns:1fr}.fin-bank-list-tools{width:100%;flex-wrap:wrap}.fin-bank-panel-title{align-items:flex-start;gap:12px;flex-direction:column}.fin-bank-search{min-width:min(100%,360px);flex:1}}
@media(max-width:680px){.v178-mb .mb-managerial-highlights{grid-template-columns:1fr}.v178-mb .mb-managerial-highlights>span{padding:0 0 8px;border-right:0;border-bottom:1px solid #e0e8ef}.v178-mb .mb-detail-hero,.v178-mb .mb-detail-section dl{grid-template-columns:1fr}.v178-mb .mb-detail-hero{margin:10px 14px 3px}.v178-mb .mb-detail-section{margin:0 14px}.fin-bank-search{width:100%;min-width:0}.fin-bank-list-tools label:last-child{flex:1}}

/* CT-R12-018 — Movimentações Bancárias: experiência móvel nativa. */
@media(max-width:680px){
  .fin-mb.v178-mb{padding:18px 10px 28px!important;overflow-x:hidden!important}
  .v178-mb .mb-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding-left:48px!important;margin-bottom:12px!important}
  .v178-mb .mb-head h1{font:600 21px/1.2 Montserrat,Arial,sans-serif!important;letter-spacing:0!important;white-space:normal!important}
  .v178-mb .mb-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:calc(100% + 48px)!important;margin-left:-48px!important;gap:7px!important}
  .v178-mb .mb-actions .fin-btn{display:flex!important;width:100%!important;min-height:40px!important;padding:7px 9px!important;align-items:center!important;justify-content:center!important;white-space:normal!important;line-height:1.2!important}
  .v178-mb .mb-periods{justify-content:space-between!important;padding:8px!important}
  .v178-mb .mb-periods button{display:block!important;flex:1 1 auto!important;min-width:0!important;padding-inline:5px!important}
  .v178-mb .mb-summary-shell>.mb-metrics{width:calc(100% - 36px)!important}
  .v178-mb .mb-metrics article{flex:0 0 138px!important;min-height:74px!important;padding:11px!important}
  .v178-mb .mb-metrics span{font-size:9px!important}.v178-mb .mb-metrics strong{font-size:16px!important}
  .v178-mb .mb-managerial{display:none!important}
  .v178-mb .mb-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}
  .v178-mb .mb-filters label{display:grid!important;min-width:0!important;font-size:10px!important}
  .v178-mb .mb-filters label:first-child,.v178-mb .mb-filters label:last-of-type{grid-column:1/-1!important;min-width:0!important}
  .v178-mb .mb-filters input,.v178-mb .mb-filters select{width:100%!important;min-width:0!important;min-height:40px!important}
  .v178-mb .mb-filters>.fin-btn{grid-column:1/-1!important;width:100%!important;min-height:40px!important}
  .v178-mb .mb-title{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:13px!important}
  .v178-mb .mb-title>div:first-child{justify-content:space-between!important}
  .v178-mb .mb-title-tools{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;width:100%!important}
  .v178-mb [data-new]{width:42px!important;min-height:42px!important}
  .v178-mb .mb-title-search input{min-height:42px!important;font-size:12px!important}
  .v178-mb .mb-table-wrap,.v178-mb .mb-table-wrap.v40-paged-wrap{overflow:visible!important;width:100%!important}
  .v178-mb .mb-panel table{display:block!important;width:100%!important;min-width:0!important}
  .v178-mb .mb-panel thead{display:none!important}
  .v178-mb .mb-panel tbody{display:grid!important;gap:10px!important;padding:10px!important;background:#f1f6f9!important}
  .v178-mb .mb-panel tbody tr[data-mb-id]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:13px!important;border:1px solid #d5e2ec!important;border-left:3px solid #5aa8d5!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 10px rgba(23,55,88,.04)!important}
  .v178-mb .mb-panel tbody tr[data-mb-id][style*="display: none"]{display:none!important}
  .v178-mb .mb-panel tbody tr[data-mb-status="pendente"],.v178-mb .mb-panel tbody tr[data-mb-status="previsto"]{border-left-color:#c48a2f!important}
  .v178-mb .mb-panel tbody tr.selected{border-color:#80b4d5!important;background:#f4faff!important}
  .v178-mb .mb-panel td{display:block!important;min-width:0!important;padding:9px 8px!important;border:0!important;border-bottom:1px solid #edf2f5!important;font-size:11px!important;overflow-wrap:anywhere!important}
  .v178-mb .mb-panel td::before{content:attr(data-label);display:block;margin-bottom:5px;color:#7d90a4;font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
  .v178-mb .mb-panel td.v152-bank-code::before{content:'Código'}
  .v178-mb .mb-panel td[data-label="Pessoa / descrição"],.v178-mb .mb-panel td[data-label="Categoria / origem"],.v178-mb .mb-panel td[data-label="Ações"]{grid-column:1/-1!important}
  .v178-mb .mb-panel td[data-label="Pessoa / descrição"]{order:-3;padding-top:2px!important}
  .v178-mb .mb-panel td.v152-bank-code{order:-2!important}
  .v178-mb .mb-panel td[data-label="Valor"]{font-size:15px!important}
  .v178-mb .mb-panel td[data-label="Ações"]{border-bottom:0!important;padding-bottom:1px!important}
  .v178-mb .mb-row-actions{align-items:center!important;justify-content:flex-end!important;gap:8px!important}
  .v178-mb .mb-row-actions button{min-height:36px!important;padding:0 12px!important;border:1px solid #bed2e2!important;border-radius:7px!important;background:#fff!important}
  .v178-mb .mb-panel .v172-select-cell{display:none!important}
  .v178-mb .mb-empty{display:block!important;padding:35px 15px!important}
  .v178-mb .v40-pagination{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:7px!important;padding:12px!important}
  .v178-mb .v40-pagination .v40-page-info{flex:1 0 100%!important;text-align:center!important}
  .v178-mb .v40-pagination>label{display:none!important}
  .v178-mb .mb-modal:not([hidden]){display:flex!important;position:fixed!important;inset:0!important;z-index:10000!important;height:100dvh!important;align-items:flex-start!important;padding:0!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important}
  .v178-mb .mb-dialog{display:block!important;position:relative!important;inset:auto!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border-radius:0 0 10px 10px!important;background:#fff!important;box-shadow:0 18px 45px rgba(10,29,53,.24)!important}
  .v178-mb .mb-detail-head{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
  .v178-mb .mb-dialog footer{position:static!important;background:#fff!important}
}