#page-financial-department .finance-tabs{justify-content:flex-start;gap:8px;flex-wrap:wrap}
#page-financial-department .finance-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}
#page-financial-department .finance-kpis .metric{padding:12px;margin:0;min-width:0}
#page-financial-department .finance-kpis .metric p{margin:0 0 6px;font-size:12px}
#page-financial-department .finance-kpis strong{font-size:clamp(16px,1.5vw,23px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#page-financial-department .finance-result{background:#edf4ff;border-color:#8db5ff}
#page-financial-department .work-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;margin:12px 0}
#page-financial-department input:not([type=checkbox]),#page-financial-department select{max-width:100%;min-width:0}
#page-financial-department .work-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px}
#page-financial-department input[type=file]{max-width:300px}
#page-financial-department th,#page-financial-department td{padding:9px 10px;font-size:12px}
#page-financial-department .finance-expense{padding:12px 0;border-bottom:1px solid #d5e0ed}
#page-financial-department form{padding-bottom:8px}
#page-financial-department tr[hidden]{display:none}
@media(max-width:1000px){#page-financial-department .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}#page-financial-department .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Finance forms and reports remain usable within the phone viewport. */
#page-financial-department,#finance-content,#finance-content>.card{min-width:0;max-width:100%}
#finance-content>.card{padding:16px;margin-bottom:16px}
#page-financial-department .table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
#page-financial-department .table-wrap table{min-width:600px}
#page-financial-department td{font-variant-numeric:tabular-nums}
#page-financial-department .notice{overflow-wrap:anywhere}
@media(max-width:600px){
 #page-financial-department .work-grid{grid-template-columns:minmax(0,1fr)}
 #page-financial-department button{white-space:normal;max-width:100%}
 #finance-content>.card{padding:12px}
 #page-financial-department .work-grid label{font-size:14px}
 #page-financial-department input,#page-financial-department select{min-height:44px;width:100%}
 #page-financial-department input[type=checkbox]{width:auto;min-height:0}
}