/* PMX_CLOSURE_UI_POLISH_V3_TARGETED */

:root{
  --pmx-close-border: rgba(127,127,127,.16);
  --pmx-close-border-soft: rgba(127,127,127,.10);
  --pmx-close-shadow: 0 18px 52px rgba(2,6,23,.05);
  --pmx-close-surface: linear-gradient(180deg,var(--card2,#fbfcff),var(--card,#fff));
  --pmx-close-muted: var(--muted,#64748b);
  --pmx-close-bg: var(--bg,#f6f7fb);
  --pmx-close-text: var(--text,#0f172a);
}

html[data-theme="dark"]{
  color-scheme: dark;
  --pmx-close-border: rgba(255,255,255,.10);
  --pmx-close-border-soft: rgba(255,255,255,.08);
  --pmx-close-shadow: 0 18px 52px rgba(0,0,0,.24);
  --pmx-close-surface: linear-gradient(180deg, rgba(15,26,43,.92), rgba(15,26,43,.72));
}

body[data-pmx-closure-page]{
  background: var(--pmx-close-bg) !important;
  color: var(--pmx-close-text) !important;
}

body[data-pmx-closure-page] :is(main,.pmx-shell,.pmx-main){
  max-width: 1380px;
  margin-inline: auto;
}

body[data-pmx-closure-page] :is(
  .pmx-card,.pmx-cardx,.card,.panel,.box,.widget,.section-card,.pmx-box,.pmx-empty,.pmx-code
){
  border: 1px solid var(--pmx-close-border) !important;
  border-radius: 20px !important;
  background: var(--pmx-close-surface) !important;
  box-shadow: var(--pmx-close-shadow) !important;
}

body[data-pmx-closure-page] :is(
  .pmx-card .hd,.pmx-cardx .hd,.card-header,.panel-header
){
  border-bottom: 1px solid var(--pmx-close-border-soft) !important;
}

body[data-pmx-closure-page] :is(input,select,textarea){
  border-radius: 14px !important;
  border: 1px solid rgba(127,127,127,.18) !important;
  background: var(--card,#fff) !important;
  color: inherit !important;
}

html[data-theme="dark"] body[data-pmx-closure-page] :is(input,select,textarea){
  background: rgba(255,255,255,.04) !important;
  border-color: rgba(255,255,255,.10) !important;
}

body[data-pmx-closure-page] :is(button,.pmx-btn,.pmx-btn-soft,.btn,a.btn){
  border-radius: 14px !important;
}

body[data-pmx-closure-page] :is(th){
  color: var(--pmx-close-muted) !important;
  font-weight: 800 !important;
}

body[data-pmx-closure-page] :is(.pmx-muted,.muted,small,.subtle){
  color: var(--pmx-close-muted) !important;
}

body[data-pmx-closure-page="invoice"] :is(.pmx-shell,.pmx-main),
body[data-pmx-closure-page="purchase-bill"] :is(.pmx-shell,.pmx-main),
body[data-pmx-closure-page="quote"] :is(.pmx-shell,.pmx-main),
body[data-pmx-closure-page="parties"] :is(.pmx-shell,.pmx-main){
  padding-inline: 18px;
}

@media (max-width: 900px){
  body[data-pmx-closure-page="invoice"] :is(.pmx-shell,.pmx-main),
  body[data-pmx-closure-page="purchase-bill"] :is(.pmx-shell,.pmx-main),
  body[data-pmx-closure-page="quote"] :is(.pmx-shell,.pmx-main),
  body[data-pmx-closure-page="parties"] :is(.pmx-shell,.pmx-main){
    padding-inline: 12px;
  }
}

body[data-pmx-closure-page="parties"] .pmx-layout{
  grid-template-columns: 1.02fr .98fr !important;
  align-items: start !important;
}
body[data-pmx-closure-page="parties"] .pmx-layout > *{
  min-width: 0 !important;
}
@media (max-width: 1100px){
  body[data-pmx-closure-page="parties"] .pmx-layout{
    grid-template-columns: 1fr !important;
  }
}

body[data-pmx-closure-page="parties"] .pmx-cardx .bd,
body[data-pmx-closure-page="invoice"] .pmx-card .bd,
body[data-pmx-closure-page="purchase-bill"] .pmx-card .bd,
body[data-pmx-closure-page="quote"] .pmx-card .bd{
  padding: 18px !important;
}

.pmx-draft-note{
  border: 1px solid rgba(245,158,11,.24);
  background: rgba(245,158,11,.08);
  color: #92400e;
  border-radius: 16px;
  padding: 12px 14px;
  line-height: 1.9;
  font-size: 13px;
  font-weight: 800;
  margin: 14px 0 18px 0;
}
html[data-theme="dark"] .pmx-draft-note{
  background: rgba(245,158,11,.12);
  color: #fbbf24;
  border-color: rgba(245,158,11,.28);
}

body.pmx-invoice-draft #pmx-doc-slot{
  display: none !important;
}

.pmx-soft-disabled,
[aria-disabled="true"].pmx-soft-disabled{
  opacity: .45 !important;
  filter: grayscale(1) !important;
  pointer-events: none !important;
}

body[data-pmx-closure-page] .pmx-table-wrap,
body[data-pmx-closure-page] .table-wrap,
body[data-pmx-closure-page] .pmx-card,
body[data-pmx-closure-page] .pmx-cardx,
body[data-pmx-closure-page] .card{
  min-width: 0 !important;
}

body[data-pmx-closure-page] img,
body[data-pmx-closure-page] iframe,
body[data-pmx-closure-page] object,
body[data-pmx-closure-page] embed,
body[data-pmx-closure-page] canvas{
  max-width: 100% !important;
}

body[data-pmx-closure-page="invoice"] :is(.pmx-card,.pmx-cardx,.card,.panel,.box),
body[data-pmx-closure-page="purchase-bill"] :is(.pmx-card,.pmx-cardx,.card,.panel,.box),
body[data-pmx-closure-page="quote"] :is(.pmx-card,.pmx-cardx,.card,.panel,.box){
  overflow: hidden !important;
}

body[data-pmx-closure-page="invoice"] .pmx-topbar,
body[data-pmx-closure-page="purchase-bill"] .pmx-topbar,
body[data-pmx-closure-page="quote"] .pmx-topbar,
body[data-pmx-closure-page="parties"] .pmx-topbar{
  backdrop-filter: blur(10px) saturate(115%);
}