@media screen {
  html body[data-active-page="purchasesPage"] #purchasesPage.purchase-toolbar-active:has(#purchaseServiceModal) > .dashboard-header {
    display:flex !important;flex-direction:column !important;align-items:stretch !important;
    width:100% !important;max-width:none !important;min-height:0 !important;margin:0 0 12px !important;padding:14px 18px !important;
    background:#fff !important;color:#172238 !important;border:1px solid #e0e5ef !important;border-radius:14px !important;box-sizing:border-box;
  }
  #purchasesPage.purchase-toolbar-active > .dashboard-header h1{font-size:23px!important;margin:3px 0!important;color:#172238!important}
  #purchasesPage.purchase-toolbar-active > .dashboard-header p{margin:0!important;font-size:12px!important;color:#6a778e!important}
  html body[data-active-page="purchasesPage"] #purchasesPage.purchase-toolbar-active #purchaseServiceModal.purchase-service-inline .purchase-service-modal-head{display:none!important}
  #purchasesPage.purchase-toolbar-active #purchaseServiceModal .purchase-service-modal-card{border:0!important;box-shadow:none!important;background:transparent!important;margin:0!important}
  #purchasesPage.purchase-toolbar-active #purchaseServiceModalBody{padding:0!important;background:transparent!important}
  #purchaseUnifiedToolbar{display:flex;flex-wrap:wrap;align-items:end;gap:8px;margin-top:10px;direction:rtl}
  #purchaseUnifiedToolbar .purchase-filters,#purchaseUnifiedToolbar .purchase-service-modal-actions{display:contents!important}
  #purchaseUnifiedToolbar label{display:flex;flex-direction:column;gap:4px;min-width:130px;flex:1 1 150px;font-size:12px;color:#53627a}
  #purchaseUnifiedToolbar input,#purchaseUnifiedToolbar select{width:100%;height:36px!important;min-height:36px!important;padding:6px 9px!important;border-radius:8px!important;box-sizing:border-box}
  #purchaseUnifiedToolbar select[multiple]{height:36px!important}
  #purchaseUnifiedToolbar button{height:36px!important;min-height:36px!important;width:auto!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important}
  #purchaseUnifiedToolbar .purchase-filter-control{display:flex;position:relative;align-items:center;min-width:0;flex:1}
  #purchaseUnifiedToolbar .purchase-filter-control input,#purchaseUnifiedToolbar .purchase-filter-control select{padding-inline-end:30px!important}
  #purchaseUnifiedToolbar .purchase-filter-clear{position:absolute;inset-inline-end:3px;top:3px;padding:0!important;width:25px!important;height:28px!important;min-height:28px!important;border:0;background:transparent;color:#738097;font-size:19px!important;box-shadow:none}
  #purchaseUnifiedToolbar [hidden],#purchaseUnifiedToolbar .purchase-control-hidden,#purchasesPage.purchase-toolbar-active .header-actions[hidden]{display:none!important}
  #purchasesPage.purchase-toolbar-active #purchasesListView{padding:0 0 24px!important}
  @media(max-width:600px){#purchaseUnifiedToolbar label{flex-basis:calc(50% - 8px);min-width:120px}#purchaseUnifiedToolbar .purchase-filter-control{min-width:0}#purchasesPage.purchase-toolbar-active>.dashboard-header{padding:12px!important}}
}



@media screen { html body[data-active-page="purchasesPage"] #purchasesPage > .erp-app-ribbon { display:none !important; } }

@media screen {
 html body[data-active-page="purchasesPage"] #purchasesPage.purchase-toolbar-active:has(#purchaseServiceModal) > .dashboard-header { padding:10px 16px !important; gap:5px !important; }
 html body[data-active-page="purchasesPage"] #purchasesPage.purchase-toolbar-active > .dashboard-header h1 { font-size:21px !important; margin:2px 0 !important; line-height:1.25 !important; }
 html body[data-active-page="purchasesPage"] #purchasesPage.purchase-toolbar-active > .dashboard-header p { line-height:1.3 !important; }
 html body[data-active-page="purchasesPage"] #purchaseUnifiedToolbar { margin-top:5px !important; gap:7px !important; }
 html body[data-active-page="purchasesPage"] #purchaseUnifiedToolbar label { gap:3px !important; }
}

#purchaseInvoicesPanel > .section-title-row > div > .eyebrow { display:none !important; }

@media screen {
 html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px 12px !important; margin-bottom:10px !important; }
 html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta label { margin:0 !important; gap:4px !important; font-size:12px !important; min-width:0 !important; }
 html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-form { padding:14px !important; }
 html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-form > label { margin:0 0 10px !important; gap:4px !important; font-size:12px !important; }
 html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta input, html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta select, html body[data-active-page="purchasesPage"] #purchaseCreateView #purchaseNote { height:35px !important; min-height:35px !important; padding:6px 10px !important; }
 @media(max-width:900px){html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
 @media(max-width:550px){html body[data-active-page="purchasesPage"] #purchaseCreateView .purchase-meta{grid-template-columns:1fr !important;}}
}

/* A selected purchase service owns the page; the hub stays out of its layout. */
@media screen {
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] #purchasesListView > #purchaseSummaryCards,
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] #purchasesListView > .purchase-service-grid,
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] #purchasesListView > .purchase-work-panel,
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] #purchasesListView > .purchase-lower-grid,
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] #purchaseResumeNotice { display:none!important; }
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] > .dashboard-header {
  display:flex!important; flex-direction:column!important; align-items:stretch!important;
  width:100%!important; max-width:none!important; min-height:0!important; padding:12px 16px!important;
  margin:0 0 12px!important; background:#fff!important; border:1px solid #e0e5ef!important;
  border-radius:14px!important; box-sizing:border-box;
 }
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] > .dashboard-header > div:first-child { width:100%!important; }
 html body[data-active-page="purchasesPage"] #purchasesPage[data-purchase-service] > .dashboard-header h1 { font-size:22px!important; line-height:1.4!important; }
}

/* Purchase routes open their register directly, including return from entry. */
#purchasesPage #purchaseSummaryCards, #purchasesPage .purchase-service-grid {display:none!important;}

@media screen {
 html body[data-active-page="purchasesPage"] #purchaseServiceModalBody > .purchase-work-panel { width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:12px!important; box-sizing:border-box; }
 html body[data-active-page="purchasesPage"] #purchaseServiceModalBody > .purchase-work-panel > .section-title-row > div { display:none!important; }
 html body[data-active-page="purchasesPage"] #purchaseServiceModalBody > .purchase-work-panel > .section-title-row:not(:has(button)) { display:none!important; }
 html body[data-active-page="purchasesPage"] #purchaseServiceModalBody .record-register-scroll { max-height:calc(100dvh - 225px); margin:0; }
}