@media screen {
  :root { --font-compact: 'Malgun Gothic','맑은 고딕',Arial,sans-serif; --font-ui: 'Malgun Gothic','맑은 고딕',Arial,sans-serif; }
  html,body { font-family: var(--font-ui) !important; }
  .topbar { background:#fff !important; border-bottom-color:#d7e1ec !important; }
  .mainnav { background:#193e60 !important; }
  .mainnav button { font-family:var(--font-ui) !important; font-size:14px !important; }
  .mainnav button.active { background:#23577f !important; }
  .content { background:#edf3f9 !important; padding:18px !important; }
  .view { border:1px solid #d6e2ee !important; border-radius:10px; padding:20px !important; }
  .sidebar { background:#f2f6fa !important; border-right-color:#d2dfea !important; }
  .sidebar button { font-family:var(--font-ui) !important; font-size:14px !important; background:#f2f6fa !important; padding-top:13px !important; padding-bottom:13px !important; border-bottom-color:#e1e9f1 !important; }
  .sidebar button.active { background:#d8eafb !important; color:#125b94 !important; }
  .page-title h1 { font-size:24px !important; color:#153b5d !important; }
  .page-title p { font-size:13px !important; }
  #settlementView > .toolbar { border:1px solid #d7e3ee !important; background:#f2f7fc !important; border-radius:8px; padding:12px !important; margin-bottom:12px !important; }
  #settlementView > .toolbar .btn { min-height:36px !important; border-radius:5px !important; font-size:13px !important; }
  #settlementView > .toolbar .btn.primary { background:#176cc1 !important; border-color:#1762aa !important; }
  #settleSummary .cards.ledger-metric-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:10px; margin-bottom:10px; }
  #settleSummary .ledger-main-metric { grid-column:span 4; border:0 !important; border-top:0 !important; border-radius:8px; background:linear-gradient(110deg,#eef5fc,#e8f1fa); padding:16px 18px; min-width:0; }
  #settleSummary .ledger-main-metric .k { font-family:var(--font-ui) !important; font-size:15px; font-weight:700; color:#183c5b; }
  #settleSummary .ledger-main-metric .v { font-family:var(--font-ui) !important; font-size:30px; text-align:right; line-height:1.35; color:#102f50; margin-top:7px; }
  #settleSummary .ledger-secondary-metric { grid-column:span 3; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 10px; padding:9px 12px; background:#fff; border:1px solid #dce6ef; border-radius:6px; min-width:0; }
  #settleSummary .ledger-secondary-metric .k { font-size:13px; color:#4d6278; }
  #settleSummary .ledger-secondary-metric .v { font-size:18px; margin:0; color:#254961; }
  .ledger-funding-details { border:1px solid #d0deeb; border-radius:6px; margin:0 0 12px; background:#f7fafd; }
  .ledger-funding-details > summary { cursor:pointer; padding:9px 12px; font-size:13px; font-weight:700; color:#355973; }
  .ledger-funding-details > summary:focus-visible { outline:3px solid #2987cb; outline-offset:2px; }
  .ledger-funding-details > .panel { margin:0; border:0; border-top:1px solid #d5e1ec; border-radius:0; }
  #settleLedger table, #settleLedger th, #settleLedger td { font-family:var(--font-ui) !important; font-size:14px !important; letter-spacing:0; }
  #settleLedger th { color:#193b56 !important; background:#e4eef8 !important; height:40px !important; padding:9px 12px !important; }
  #settleLedger td { height:38px !important; padding:8px 12px !important; color:#243b51; white-space:nowrap !important; }
  #settleLedger .table-wrap { border-color:#b7cde0 !important; border-radius:7px; max-height:65vh; }
  #settleLedger tbody tr:nth-child(even) { background:#f1f6fc; }
  #settleLedger tbody tr:hover { background:#dceefd; }
  .ui-revision-label { padding:2px 7px; margin-left:8px; background:#e8f2fc; color:#28658f; border-radius:4px; font-size:11px; }
}
@media screen and (max-width:1000px) {
  .content { padding:10px !important; }
  .view { padding:12px !important; }
  #settleSummary .ledger-main-metric .v { font-size:23px; }
  #settleSummary .ledger-secondary-metric { grid-column:span 6; }
}
@media screen and (max-width:620px) {
  #settleSummary .ledger-main-metric { grid-column:span 12; }
}
@media print {
  .ui-revision-label { display:none; }
  .ledger-funding-details > summary { display:none; }
  .ledger-funding-details > .panel { display:block !important; }
}