/* PDIP SCREEN STANDARD R134
   Screen-only UI authority for canonical 1366x768.
   Never changes A4/print/PDF report-paper geometry. */

@media screen and (min-width:1200px) and (max-width:1440px) and (min-height:620px) and (max-height:850px){
  /* ---------- DASHBOARD ---------- */
  .ui-1366-standard .content:has(.dashboard-page-standard){
    height:calc(100dvh - 82px)!important;
    min-height:0!important;
    padding:8px 14px 6px!important;
    overflow:hidden!important;
  }
  .ui-1366-standard .dashboard-page-standard{
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:auto auto auto minmax(0,1fr)!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .ui-1366-standard .dashboard-modern-heading{
    margin:0!important;
    gap:14px!important;
    align-items:center!important;
  }
  .ui-1366-standard .dashboard-modern-heading h1{
    font-size:34px!important;
    line-height:1!important;
    margin:0 0 4px!important;
    padding:0!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:transparent!important;
  }
  .ui-1366-standard .dashboard-modern-heading p{font-size:12.5px!important;line-height:1.2!important;margin:0!important}
  .ui-1366-standard .dashboard-unit-caption{font-size:11px!important;line-height:1.15!important;margin-top:3px!important}
  .ui-1366-standard .dashboard-period-card{height:54px!important;min-height:54px!important;padding:7px 11px!important}
  .ui-1366-standard .dashboard-period-card small{font-size:10px!important}
  .ui-1366-standard .dashboard-period-card strong{font-size:13.5px!important}
  .ui-1366-standard .dashboard-period-card em{font-size:9px!important}

  .ui-1366-standard .dashboard-kpi-grid{gap:8px!important;margin:0!important}
  .ui-1366-standard .dashboard-kpi-card{min-height:76px!important;padding:9px 10px!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:8px!important}
  .ui-1366-standard .dashboard-kpi-icon{width:38px!important;height:38px!important;font-size:11px!important}
  .ui-1366-standard .dashboard-kpi-copy>span{font-size:11px!important}
  .ui-1366-standard .dashboard-kpi-copy>strong{font-size:18px!important;line-height:1!important;margin:3px 0!important}
  .ui-1366-standard .dashboard-kpi-copy>small{font-size:10px!important;line-height:1.15!important}
  .ui-1366-standard .dashboard-kpi-trend,.ui-1366-standard .dashboard-kpi-link{font-size:10px!important}

  .ui-1366-standard .dashboard-financial-summary{padding:9px 10px!important;margin:0!important}
  .ui-1366-standard .dashboard-panel-head{margin-bottom:6px!important}
  .ui-1366-standard .dashboard-panel-head h2{font-size:16px!important;line-height:1.05!important}
  .ui-1366-standard .dashboard-panel-head small{font-size:10px!important;margin-top:2px!important}
  .ui-1366-standard .dashboard-filter-pill{font-size:9.5px!important;padding:4px 7px!important}
  .ui-1366-standard .dashboard-financial-summary-grid{gap:8px!important}
  .ui-1366-standard .dashboard-financial-summary-group{padding:4px 6px!important}
  .ui-1366-standard .dashboard-financial-summary-group h3{font-size:11.5px!important;margin:0 0 4px!important}
  .ui-1366-standard .dashboard-financial-summary-group>div{font-size:11px!important;line-height:1.35!important}

  .ui-1366-standard .dashboard-insight-grid{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    gap:8px!important;
    grid-template-columns:minmax(0,2.15fr) minmax(300px,1fr)!important;
  }
  .ui-1366-standard .dashboard-chart-panel,.ui-1366-standard .dashboard-fund-panel{
    min-height:0!important;
    height:100%!important;
    margin:0!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .ui-1366-standard .dashboard-chart-legend{font-size:10px!important;margin:2px 0 4px!important}
  .ui-1366-standard .dashboard-bar-chart{flex:1 1 auto!important;height:auto!important;min-height:0!important;padding-top:6px!important}
  .ui-1366-standard .dashboard-bar-column{height:100%!important}
  .ui-1366-standard .dashboard-bars{height:100%!important;min-height:0!important}
  .ui-1366-standard .dashboard-bar-column small{font-size:8.5px!important}
  .ui-1366-standard .dashboard-fund-body{flex:1 1 auto!important;min-height:0!important;grid-template-columns:145px minmax(0,1fr)!important;gap:14px!important}
  .ui-1366-standard .dashboard-fund-legend strong{font-size:11px!important}
  .ui-1366-standard .dashboard-fund-legend small{font-size:10px!important}
  .ui-1366-standard .dashboard-fund-total span,.ui-1366-standard .dashboard-fund-total strong{font-size:10.5px!important}

  /* ---------- UNIVERSAL REPORT / CETAKAN VIEWER ---------- */
  .ui-1366-standard .content:has(.legacy-report-viewer){
    height:calc(100dvh - 52px)!important;
    min-height:0!important;
    padding:3px 7px 0!important;
    overflow:hidden!important;
  }
  .ui-1366-standard .main-area:has(.legacy-report-viewer)>footer{display:none!important}
  .ui-1366-standard .legacy-report-viewer{
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    overflow:hidden!important;
  }
  .ui-1366-standard .legacy-report-viewer-toolbar{
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:3px 6px!important;
    gap:4px!important;
    margin:0 0 3px!important;
    border-radius:7px!important;
  }
  .ui-1366-standard .legacy-report-viewer-toolbar .legacy-report-action{
    height:27px!important;
    min-height:27px!important;
    padding:3px 8px!important;
    gap:4px!important;
    font-size:9.5px!important;
    border-radius:6px!important;
  }
  .ui-1366-standard .legacy-report-viewer-toolbar .legacy-report-action svg{width:13px!important;height:13px!important}
  .ui-1366-standard .legacy-report-toolbar-context{display:inline-flex!important;align-items:baseline!important;gap:6px!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important}
  .ui-1366-standard .legacy-report-toolbar-context strong{font-size:11px!important;line-height:1!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .ui-1366-standard .legacy-report-toolbar-context small{font-size:8.5px!important;color:#6b7380!important}
  .ui-1366-standard .legacy-report-viewer-meta{display:none!important}
  .ui-1366-standard .legacy-report-viewer>.alert,.ui-1366-standard .legacy-report-viewer>.scope-note{flex:0 0 auto!important;margin:2px 0!important;padding:4px 7px!important;font-size:9px!important}
  .ui-1366-standard .legacy-report-canvas{
    flex:1 1 0!important;
    min-height:0!important;
    height:0!important;
    max-height:none!important;
    overflow:auto!important;
    margin:0!important;
    padding:2px!important;
    border-radius:6px!important;
  }
  .ui-1366-standard .legacy-report-canvas>.legacy-report-paper{margin:0 auto 8px!important}
  .ui-1366-standard .legacy-report-viewer-controls{
    flex:0 0 34px!important;
    height:34px!important;
    min-height:34px!important;
    margin:2px 0 0!important;
    padding:2px 6px!important;
    gap:7px!important;
  }
  .ui-1366-standard .legacy-report-control{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;border-radius:6px!important;font-size:10px!important}
  .ui-1366-standard .legacy-report-page-status,.ui-1366-standard [data-report-zoom-level]{font-size:9.5px!important}
}