#pagina-financeiro{color:var(--ink)}
#pagina-financeiro .fin-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.fin-heading-actions{display:flex;gap:9px;flex-wrap:wrap}.fin-heading-actions [data-action=help]{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
#pagina-financeiro .fin-heading span{font-size:12px;letter-spacing:1.2px;color:var(--accent);font-weight:800}
#pagina-financeiro h2{font-size:28px;margin:8px 0 18px}
#pagina-financeiro button,#fin-dialog button{font-family:inherit;font-size:13px;font-weight:700;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;min-height:42px}
#pagina-financeiro .fin-heading>button,#fin-dialog button[type=submit]{background:#ff6426;color:white;border-color:#ff6426}
#pagina-financeiro button.selected{background:var(--accent-soft,#fff2e9);color:#d84613;border-color:#ff6426}
#pagina-financeiro #fin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}
#fin-kpis article{padding:20px;background:var(--surface);border:1px solid var(--line);border-top:3px solid #ff6426;border-radius:16px}
#fin-kpis small{display:block;font-size:12px;color:var(--muted)}#fin-kpis b{display:block;margin-top:10px;font-size:23px}
.fin-tabs{display:flex;gap:8px;overflow:auto;margin:18px 0}.fin-tabs button{white-space:nowrap}
.fin-filters{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:20px}
.fin-filters label,#fin-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted);flex:1;min-width:130px}
.fin-filters input,.fin-filters select,#fin-fields input,#fin-fields select{font:inherit;font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px;min-width:0;width:100%;box-sizing:border-box}
#fin-body{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
#fin-body p{font-size:13px;line-height:1.6;color:var(--muted)}
.fin-table-wrap{overflow:auto;margin:16px 0}.fin-table-wrap table{width:100%;min-width:660px;font-size:13px}.fin-table-wrap td,.fin-table-wrap th{padding:13px;text-align:left}.fin-table-wrap td small{display:block;margin-top:5px;color:var(--muted)}.fin-table-wrap td:last-child{min-width:190px}.fin-table-wrap button{margin:3px}
.fin-green{color:#228752;white-space:nowrap}.fin-red{color:#c44343;white-space:nowrap}
.fin-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;max-width:800px;margin:20px 0}.fin-calendar small{display:block;font-size:10px;margin-top:7px}.fin-calendar b{text-align:center;font-size:12px}
.fin-chart{width:100%;max-height:300px;color:var(--muted)}.fin-chart text{fill:currentColor;font-size:13px}
.fin-bar{display:grid;grid-template-columns:1fr auto;gap:7px;margin:18px 0;font-size:13px}.fin-bar i{grid-column:1/-1;height:12px;background:#ff6426;border-radius:4px}
.fin-record{padding:18px;border:1px solid var(--line);border-radius:12px;margin:15px 0}
#fin-dialog{width:min(520px,calc(100vw - 32px));max-height:85vh;box-sizing:border-box;border:1px solid var(--line);border-radius:18px;background:var(--surface,#fff);color:var(--ink,#19273e);padding:24px;overflow:auto}#fin-dialog::backdrop{background:#14223899}#fin-fields{display:grid;gap:15px}#fin-fields p{font-size:13px;line-height:1.6}#fin-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:18px}#fin-error{color:#cf3636;font-size:13px}#fin-status{font-size:13px;color:var(--muted)}
#fin-help-dialog{width:min(880px,calc(100vw - 28px));height:min(88vh,900px);box-sizing:border-box;border:1px solid var(--line);border-radius:20px;background:var(--surface,#fff);color:var(--ink,#19273e);padding:0;overflow:hidden}#fin-help-dialog::backdrop{background:#142238aa}#fin-help-dialog>header{display:flex;justify-content:space-between;gap:18px;padding:24px 26px 18px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#192a44,#294e6d);color:#fff}#fin-help-dialog header small{color:#ff9c75;font-weight:800;letter-spacing:1px}#fin-help-dialog header h2{margin:6px 0;font-size:25px}#fin-help-dialog header p{margin:0;color:#dce8f4;font-size:13px}#fin-help-dialog header button{align-self:flex-start;border:0;background:#ffffff18;color:#fff;border-radius:10px;width:42px;height:42px;font-size:25px}#fin-help-dialog>nav{display:flex;gap:7px;padding:12px 20px;overflow:auto;border-bottom:1px solid var(--line)}#fin-help-dialog nav a{white-space:nowrap;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:12px;font-weight:700}#fin-help-dialog>main{height:calc(100% - 210px);overflow:auto;padding:8px 26px 24px;scroll-behavior:smooth}#fin-help-dialog section{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid var(--line);scroll-margin-top:10px}#fin-help-dialog section>span{display:grid;place-items:center;width:34px;height:34px;background:#ff6426;color:#fff;border-radius:50%;font-weight:800}#fin-help-dialog h3{margin:4px 0 10px;font-size:18px}#fin-help-dialog p,#fin-help-dialog li{font-size:13px;line-height:1.65;color:var(--muted)}#fin-help-dialog ol{padding-left:21px}.fin-help-warning{padding:10px 12px;background:#fff2e9;border-left:3px solid #ff6426;border-radius:7px}.fin-help-routine{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.fin-help-routine article{padding:13px;border:1px solid var(--line);border-radius:10px}.fin-help-routine article p{margin-bottom:0}#fin-help-dialog>footer{display:flex;justify-content:flex-end;padding:13px 24px;border-top:1px solid var(--line)}#fin-help-done{border:0;border-radius:10px;background:#ff6426;color:#fff;padding:12px 18px;font-weight:800}
@media(max-width:800px){#pagina-financeiro #fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#fin-kpis article{padding:13px}#fin-kpis b{font-size:18px}#pagina-financeiro .fin-heading{flex-wrap:wrap}.fin-heading-actions{width:100%}.fin-heading-actions button{flex:1}#fin-body{padding:12px}.fin-calendar{gap:3px}#pagina-financeiro .fin-calendar button{padding:8px 2px}.fin-filters label{min-width:120px}#fin-dialog{padding:18px}#fin-help-dialog{height:92vh}#fin-help-dialog>header{padding:18px}#fin-help-dialog header h2{font-size:21px}#fin-help-dialog>main{height:calc(100% - 214px);padding:5px 18px 20px}#fin-help-dialog section{grid-template-columns:32px 1fr;gap:10px}.fin-help-routine{grid-template-columns:1fr}#fin-help-dialog>footer{padding:10px 16px}#fin-help-done{width:100%}}
