/* PHM-CXP-UI-018. Reutiliza Final B; todas las reglas son locales a CxP. */
#accountsPayable .cxp-ui018-toolbar { margin:8px 0 12px!important; }
#accountsPayable .cxp-ui018-toolbar > .lab-chips .lab-chip { cursor:default; }
#accountsPayable .cxp-ui018-toolbar > .phmGridToolbar { flex:0 1 auto; }
#accountsPayable .cxp-ui018-toolbar > .phmGridToolbar .phmGridToolbarActions { flex-wrap:wrap; }
#accountsPayable .cxp-ui018 > .cardHead > .buttonRow:empty { display:none; }
#accountsPayable .cxp-ui018-dialog::backdrop,
#accountsPayable .cxp-ui018-detail::backdrop { background:rgba(15,23,42,.42); }
#accountsPayable .cxp-ui018-detail {
  width:min(1180px,calc(100vw - 32px)); max-width:calc(100vw - 32px);
  max-height:calc(100dvh - 40px); padding:20px; margin:auto;
  border:1px solid var(--b-line,#d5dfec); border-radius:12px;
  box-shadow:0 18px 50px #14294735; overflow:auto;
}
#accountsPayable .cxp-ui018-detail > .card { margin:0; padding:0; border:0; box-shadow:none; }
#accountsPayable .cxp-ui018-detail .cardHead { position:sticky; top:-20px; background:white; padding:12px 0; z-index:2; }
#accountsPayable .cxp-ui018-detail .tableWrap { max-height:calc(100dvh - 230px); overflow:auto; }
#accountsPayable .cxp-ui018-progress { margin:0; border:0; box-shadow:none; padding:20px; }
#accountsPayable .cxp-ui018-progress .formGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
#accountsPayable .cxp-ui018-dialog .lab-drawer-head h2 { font-size:18px; }
#accountsPayable .cxp-ui018-dialog .lab-drawer-head button { flex-shrink:0; min-width:44px; min-height:44px; }
#accountsPayable .cxp-ui018-dialog .lab-drawer-body { overflow-wrap:anywhere; }
#accountsPayable .cxp-ui018-dialog .lab-drawer-body select { max-width:100%; }
@media(max-width:760px) {
  #accountsPayable .cxp-ui018-detail { width:calc(100vw - 16px); max-width:calc(100vw - 16px); max-height:calc(100dvh - 16px); padding:12px; }
  #accountsPayable .cxp-ui018-detail .cardHead { top:-12px; }
  #accountsPayable .cxp-ui018-progress .formGrid { grid-template-columns:1fr; }
  #accountsPayable .cxp-ui018-toolbar > .phmGridToolbar { flex-basis:100%; }
}