/* PDIP_BUDGET_ONE_MONITOR_1366_20260927
   Scoped to Anggaran only. All long tables remain reachable by inner scrolling.
   1366x768 browser: no zoom, no hidden action buttons or cropped values. */
.pdip-budget-menu-one-screen,.pdip-budget-one-screen{min-width:0}
.pdip-budget-one-screen .pdip-budget-scroll-panel{scrollbar-gutter:stable}
.pdip-budget-one-screen .table-wrap{overscroll-behavior:contain}
.pdip-budget-one-screen .table-wrap thead th{position:sticky;top:0;z-index:1}
.pdip-budget-one-screen :is(input,select,button,a):focus-visible{outline:2px solid #b60016;outline-offset:2px}
@media screen and (min-width:1101px) and (max-width:1600px) and (min-height:520px) and (max-height:900px){
  .app-shell.ui-1366-standard .main-area:has(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>footer{display:none!important}
  .app-shell.ui-1366-standard .main-area .content:has(> .pdip-budget-one-screen,> .pdip-budget-menu-one-screen){
    display:flex!important;flex-direction:column!important;gap:4px!important;
    height:calc(100dvh - 52px)!important;max-height:none!important;
    min-height:0!important;overflow:hidden!important;
    padding:5px 10px 4px!important;margin:0 auto!important;
  }
  .app-shell.ui-1366-standard .content:has(> .pdip-budget-one-screen,> .pdip-budget-menu-one-screen)>.page-data-export-toolbar{
    flex:0 0 30px!important;min-height:30px!important;height:30px!important;
    padding:2px 5px!important;margin:0!important;gap:7px!important;
    border-radius:7px!important;
  }
  .app-shell.ui-1366-standard .content:has(> .pdip-budget-one-screen,> .pdip-budget-menu-one-screen)>.page-data-export-toolbar button{
    min-height:25px!important;height:25px!important;padding:3px 10px!important;
    border-radius:6px!important;font-size:10px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen{
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
    min-height:0!important;max-height:100%!important;overflow:hidden!important;
    gap:5px!important;margin:0!important;
  }
  .app-shell.ui-1366-standard :is(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>.page-heading{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;
    min-height:0!important;gap:10px!important;margin:0!important;padding:0 1px!important;
  }
  .app-shell.ui-1366-standard :is(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>.page-heading h1{
    margin:1px 0 1px!important;padding:0!important;font-size:21px!important;
    line-height:1.05!important;min-height:0!important;
  }
  .app-shell.ui-1366-standard :is(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>.page-heading p{
    margin:0!important;max-width:780px!important;font-size:10px!important;line-height:1.25!important;
  }
  .app-shell.ui-1366-standard :is(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>.page-heading .eyebrow{
    font-size:9px!important;line-height:1!important;
  }
  .app-shell.ui-1366-standard :is(.pdip-budget-one-screen,.pdip-budget-menu-one-screen)>.page-heading .button-link{
    min-height:29px!important;height:29px!important;padding:5px 9px!important;
    white-space:nowrap!important;font-size:10px!important;border-radius:7px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen>.pdip-budget-filter-panel{
    flex:0 0 auto!important;min-height:0!important;padding:7px 9px!important;
    margin:0!important;border-radius:9px!important;overflow:visible!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-filters{
    display:grid!important;grid-template-columns:minmax(105px,.9fr) minmax(190px,1.3fr) minmax(160px,1.2fr) auto!important;
    gap:7px!important;margin:3px 0!important;align-items:end!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-filters>label{
    display:grid!important;grid-template-rows:auto 30px!important;gap:2px!important;
    min-width:0!important;font-size:10px!important;line-height:1.1!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-filters :is(input,select){
    min-width:0!important;width:100%!important;min-height:30px!important;height:30px!important;
    padding:4px 7px!important;border-radius:6px!important;font-size:11px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-filters>button{
    min-width:108px!important;min-height:30px!important;height:30px!important;
    padding:4px 9px!important;font-size:10px!important;white-space:nowrap!important;border-radius:7px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen>.pdip-budget-scroll-panel{
    flex:1 1 auto!important;min-height:0!important;margin:0!important;
    padding:7px 9px 11px!important;border-radius:9px!important;
    overflow:auto!important;overscroll-behavior:contain!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel>.master-toolbar{
    display:flex!important;align-items:center!important;gap:8px!important;
    padding:0 0 4px!important;margin:0 0 5px!important;
    border-bottom:1px solid #e5e9ef!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel>.master-toolbar h2{
    font-size:13px!important;line-height:1.1!important;margin:0!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel>.master-toolbar small{
    font-size:9px!important;line-height:1.15!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel h3{
    font-size:12px!important;line-height:1.15!important;margin:7px 0 4px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel>p,
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .scope-note{
    margin:5px 0!important;line-height:1.3!important;font-size:10px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-month-grid{
    display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
    column-gap:7px!important;row-gap:5px!important;margin:7px 0 5px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-month-grid>label{
    display:grid!important;grid-template-rows:auto 29px!important;gap:2px!important;
    min-width:0!important;line-height:1.05!important;font-size:10px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .budget-month-grid input{
    height:29px!important;min-height:29px!important;width:100%!important;
    min-width:0!important;font-size:11px!important;border-radius:6px!important;padding:4px 7px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel>button{
    min-height:30px!important;padding:5px 12px!important;font-size:10px!important;border-radius:7px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .table-wrap{
    max-height:210px!important;min-width:0!important;overflow:auto!important;
    margin:6px 0!important;border-radius:7px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .master-table th,
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .master-table td{
    padding:5px 7px!important;font-size:10px!important;line-height:1.2!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .feedback,
  .app-shell.ui-1366-standard .pdip-budget-one-screen .pdip-budget-scroll-panel .empty-state{
    padding:7px 9px!important;margin:5px 0!important;font-size:10px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-menu-one-screen{
    display:flex!important;flex-direction:column!important;gap:6px!important;
    min-height:0!important;overflow:auto!important;margin:0!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-menu-one-screen>.pdip-report-tabs{
    flex:0 0 auto!important;margin:0!important;padding:5px!important;
    min-height:0!important;border-radius:9px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-menu-one-screen>.pdip-report-tabs button{
    height:33px!important;min-height:33px!important;padding:5px 10px!important;
    font-size:10.5px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-menu-one-screen>.pdip-budget-card-hub{
    flex:0 0 auto!important;margin:0!important;padding:6px!important;border-radius:9px!important;
  }
  .app-shell.ui-1366-standard .pdip-budget-menu-one-screen .pdip-budget-card{
    min-height:100px!important;padding:6px 9px!important;border-radius:8px!important;
  }
}
@media screen and (max-width:1100px),(max-height:519px){
  .pdip-budget-one-screen,.pdip-budget-menu-one-screen{height:auto;max-height:none;overflow:visible}
  .pdip-budget-one-screen .pdip-budget-scroll-panel{height:auto;max-height:none;overflow:visible;scrollbar-gutter:auto}
}