/* PRIMIX_ACCOUNTING_REPORTS_PHASE10_RECON_UI_V1 */
#pmxReconPhase10{margin-top:14px}
#pmxReconPhase10 .pmx-r10-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;margin-bottom:12px
}
#pmxReconPhase10 .pmx-r10-title{font-size:22px;font-weight:900;line-height:1.2}
#pmxReconPhase10 .pmx-r10-sub{opacity:.72;margin-top:4px}
#pmxReconPhase10 .pmx-r10-actions{display:flex;gap:8px;flex-wrap:wrap}
#pmxReconPhase10 .pmx-r10-banner{
  border:1px solid rgba(128,128,128,.18);border-radius:16px;padding:14px 16px;margin-bottom:12px
}
#pmxReconPhase10 .pmx-r10-banner.good{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.28)}
#pmxReconPhase10 .pmx-r10-banner.warn{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.28)}
#pmxReconPhase10 .pmx-r10-banner.danger{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.28)}
#pmxReconPhase10 .pmx-r10-banner-title{font-size:18px;font-weight:900;margin-bottom:6px}
#pmxReconPhase10 .pmx-r10-banner-text{line-height:1.6}
#pmxReconPhase10 .pmx-r10-kpis{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px
}
#pmxReconPhase10 .pmx-r10-kpi{
  border:1px solid rgba(128,128,128,.18);border-radius:14px;padding:12px;background:var(--card)
}
#pmxReconPhase10 .pmx-r10-kpi .l{font-size:12px;opacity:.72;margin-bottom:6px}
#pmxReconPhase10 .pmx-r10-kpi .v{font-size:20px;font-weight:900}
#pmxReconPhase10 .pmx-r10-kpi .s{font-size:12px;opacity:.72;margin-top:6px}
#pmxReconPhase10 .pmx-r10-grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:12px
}
#pmxReconPhase10 .pmx-r10-box{
  border:1px solid rgba(128,128,128,.18);border-radius:14px;padding:12px;background:var(--card)
}
#pmxReconPhase10 .pmx-r10-box-title{font-size:16px;font-weight:900;margin-bottom:10px}
#pmxReconPhase10 .pmx-r10-status{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:84px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900;border:1px solid transparent
}
#pmxReconPhase10 .pmx-r10-status.ok{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.30)}
#pmxReconPhase10 .pmx-r10-status.warn{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.30)}
#pmxReconPhase10 .pmx-r10-status.danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.30)}
#pmxReconPhase10 .pmx-r10-list{margin:0;padding-inline-start:18px;line-height:1.8}
#pmxReconPhase10 .pmx-r10-meta{margin-top:10px;font-size:12px;opacity:.72}
#pmxReconPhase10 .pmx-r10-links{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
#pmxReconPhase10 .pmx-r10-links .pmx-btn{width:100%;justify-content:center}
#pmxReconPhase10 .pmx-table td .pmx-r10-status{white-space:nowrap}
@media (max-width:1100px){
  #pmxReconPhase10 .pmx-r10-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pmxReconPhase10 .pmx-r10-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
  #pmxReconPhase10 .pmx-r10-kpis{grid-template-columns:1fr}
  #pmxReconPhase10 .pmx-r10-links{grid-template-columns:1fr}
}