/* PMX_ACCOUNTING_REPORTS_PHASE5_UI_V1 */

#pmxReportsPhase5Bar{
  margin:14px 0;
}
#pmxReportsPhase5Bar .pmx-phase5-wrap{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}
#pmxReportsPhase5Bar .pmx-phase5-left,
#pmxReportsPhase5Bar .pmx-phase5-right{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
#pmxReportsPhase5Bar .pmx-phase5-note{
  font-size:12px;
  opacity:.72;
}
.pmx-phase5-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  border:1px solid rgba(99,102,241,.22);
  background:rgba(99,102,241,.10);
  color:#3730a3;
}
.pmx-delta-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-inline-start:6px;
  padding:2px 8px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  vertical-align:middle;
  border:1px solid transparent;
}
.pmx-delta-pill.up{
  background:rgba(34,197,94,.12);
  border-color:rgba(34,197,94,.25);
  color:#166534;
}
.pmx-delta-pill.down{
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.25);
  color:#991b1b;
}
.pmx-delta-pill.flat{
  background:rgba(120,120,120,.10);
  border-color:rgba(120,120,120,.22);
  color:#334155;
}
html.pmx-print-mode body,
body.pmx-print-mode{
  background:#fff !important;
}
body.pmx-print-mode .pmx-topbar,
body.pmx-print-mode nav,
body.pmx-print-mode #pmxReportsPhase5Bar .pmx-phase5-right,
body.pmx-print-mode button,
body.pmx-print-mode .pmx-btn,
body.pmx-print-mode .pmx-navlink{
  display:none !important;
}
body.pmx-print-mode .pmx-main,
body.pmx-print-mode .pmx-page-wrap{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
body.pmx-print-mode .pmx-card{
  box-shadow:none !important;
  break-inside:avoid;
  page-break-inside:avoid;
}
body.pmx-print-mode table{
  font-size:12px !important;
}
@media print{
  .pmx-topbar,
  nav,
  #pmxReportsPhase5Bar .pmx-phase5-right,
  button,
  .pmx-btn,
  .pmx-navlink{
    display:none !important;
  }
  body{
    background:#fff !important;
  }
  .pmx-main,
  .pmx-page-wrap{
    max-width:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .pmx-card{
    box-shadow:none !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
}
@media (max-width:980px){
  #pmxReportsPhase5Bar .pmx-phase5-wrap{
    flex-direction:column;
    align-items:flex-start;
  }
}