#monthly-finance-workspace { margin:0 0 22px; padding:20px 24px; border:1px solid #dfe6e9; border-radius:16px; background:#fff; overflow-anchor:none; }
#monthly-finance-workspace[hidden] { display:none; }
.monthly-finance-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.monthly-finance-heading h2 { margin:0; font-size:20px; }
.monthly-finance-heading p { margin:6px 0 0; color:#6b7b75; font-size:13px; }
.monthly-finance-month { display:flex; align-items:center; gap:12px; color:#53645e; font-size:13px; white-space:nowrap; }
.monthly-finance-month input { width:180px; min-height:42px; }
.monthly-finance-views { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 12px; }
.monthly-finance-views .button { min-height:38px; padding:7px 14px; font-size:13px; }
.monthly-finance-views .active { background:#ffed9a; border-color:#edda83; color:#253746; font-weight:700; }
.monthly-finance-views [hidden] { display:none; }
.monthly-finance-scope { display:flex; flex-wrap:wrap; gap:5px 22px; color:#607269; font-size:12px; line-height:1.6; }
.monthly-finance-scope strong { font-weight:600; }
.monthly-finance-scope small { flex-basis:100%; font-size:12px; }
.monthly-finance-status { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.monthly-finance-status-item { display:inline-flex; align-items:baseline; flex-wrap:wrap; gap:6px; padding:7px 10px; border-radius:8px; background:#f3f6f7; font-size:12px; line-height:1.5; }
.monthly-finance-status-item strong { font-weight:600; }
.monthly-finance-status-item[data-status="ready"],.monthly-finance-status-item[data-status="confirmed"] { background:#edf6f0; color:#386344; }
.monthly-finance-status-item[data-status="missing"],.monthly-finance-status-item[data-status="partial"],.monthly-finance-status-item[data-status="review"] { background:#fff7e8; color:#856330; }
.monthly-finance-limit { flex-basis:100%; margin:0; font-size:12px; color:#748079; }
.monthly-finance-method { margin-top:10px; color:#687970; font-size:12px; line-height:1.65; }
.monthly-finance-method summary { cursor:pointer; }
.monthly-finance-method p { margin:7px 0 0; }
.monthly-finance-native-month { display:none !important; }
@media(max-width:640px) {
 #monthly-finance-workspace { padding:16px; }
 .monthly-finance-heading { align-items:flex-start; flex-direction:column; gap:12px; }
 .monthly-finance-month { width:100%; justify-content:space-between; }
 .monthly-finance-month input { width:min(220px,65%); }
 .monthly-finance-views { margin-top:14px; }
 .monthly-finance-status-item { width:100%; }
}