/* Lançamentos em cartões quando a largura disponível não comporta a tabela. */
@media(min-width:1241px){
 .finance-table{table-layout:fixed;white-space:normal}
 .finance-table th,.finance-table td{padding:12px 10px}
 .finance-table th:first-child{width:28%}
 .finance-table th:last-child{width:18%}
 .finance-table .description{min-width:0}
 .finance-table .description>div{min-width:0}
 .finance-table .description b,.finance-table .description small{white-space:normal;overflow-wrap:anywhere}
 .finance-table .row-actions{flex-wrap:wrap}
}
@media(max-width:1240px){
 .finance-table-scroll{overflow:visible}
 .finance-table{display:block;width:100%;white-space:normal}
 .finance-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .finance-table tbody{display:grid;gap:9px;padding:12px}
 .finance-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name amount" "due status" "category category" "actions actions";column-gap:12px;row-gap:8px;align-items:center;padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px}
 .finance-table td{display:block;min-width:0;padding:0;border:0;white-space:normal}
 .finance-table .entry-name{grid-area:name}
 .finance-table .entry-amount{grid-area:amount;text-align:right;white-space:nowrap;align-self:start;font-weight:700}
 .finance-table .entry-due{grid-area:due;font-size:12px}
 .finance-table .entry-due::before{content:"Vence: ";color:#8b9b91}
 .finance-table .entry-status{grid-area:status;text-align:right}
 .finance-table .entry-category{grid-area:category}
 .finance-table .entry-actions{grid-area:actions;border-top:1px solid #edf1ee;padding-top:7px}
 .finance-table .description{align-items:flex-start;min-width:0}
 .finance-table .description>div{min-width:0}
 .finance-table .description b,.finance-table .description small{white-space:normal;overflow-wrap:anywhere}
 .finance-table .row-actions{flex-wrap:wrap}
 .finance-table .row-actions .icon-button{min-height:36px;min-width:36px}
 .finance-table .category-tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:600px){
 dialog{width:calc(100% - 20px);max-height:82dvh;padding:17px}
 .modal-head{margin-bottom:12px}
 .modal-head h2{font-size:18px}
 .overdue-intro{font-size:12px;line-height:1.5;margin-bottom:10px}
 .overdue-list{max-height:min(35dvh,300px);gap:6px}
 .overdue-list>div{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:9px}
 .overdue-list>div>span{grid-row:1/3;min-width:0}
 .overdue-list b,.overdue-list small{overflow-wrap:anywhere}
 .overdue-list b{font-size:12px}
 .overdue-list small{font-size:10px;line-height:1.35}
 .overdue-list strong{font-size:12px;text-align:right}
 .overdue-list>div button{grid-column:2;grid-row:2;width:auto;min-height:30px;padding:5px 9px;font-size:11px}
 .overdue-list+.modal-footer{margin-top:12px;padding-top:12px}
 .overdue-list+.modal-footer .button{min-height:35px;padding:7px 12px}
 .finance-table tbody{padding:9px}
 .finance-table tr{padding:12px;column-gap:7px}
 .finance-table .entry-name b{font-size:13px}
 .finance-table .entry-amount{font-size:13px}
 .finance-table .entry-due{font-size:11px}
 .panel-heading{min-width:0;flex-wrap:wrap}
 .panel-heading>div{min-width:0}
 .table-footer b{overflow-wrap:anywhere}
}
@media(max-width:360px){
 .finance-table .entry-amount{font-size:12px}
 .finance-table .entry-status .badge{font-size:10px}
 .heading-actions .button{width:100%}
}
@media(max-width:430px){
 .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px}
 .tabs button{min-width:0;text-align:center;white-space:normal}
}
@media(min-width:2400px){
 .content{max-width:none;padding-inline:clamp(55px,3vw,120px)}
 .dashboard-grid,.dashboard-grid.lower{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
 .panel-heading h2{font-size:20px}
 .stat strong{font-size:34px}
}