.purchase-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.purchase-toolbar { margin-bottom:18px; }
.purchase-table-panel { overflow:hidden; margin-bottom:18px; }
.purchase-table-panel .table-wrap { border:0; border-radius:0; box-shadow:none; }
.purchase-section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px 14px; }
.purchase-section-head h3 { margin:0 0 4px; font-size:15px; color:#25283a; }
.purchase-section-head p { margin:0; color:#9595a5; font-size:10px; }
.purchase-latest { padding:0 0 8px; overflow:hidden; }
.purchase-latest .table-wrap { margin:0 14px 8px; }
.purchase-new-price { color:#5f56d7; }
.purchase-form-intro { display:flex; gap:12px; align-items:flex-start; padding:13px; margin-bottom:16px; border:1px solid rgba(99,82,213,.13); border-radius:12px; background:linear-gradient(135deg,#f7f4ff,#f2f8ff); }
.purchase-form-intro > span { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; border-radius:9px; color:#fff; background:linear-gradient(135deg,#7865ed,#536ae9); box-shadow:0 8px 18px rgba(84,77,190,.18); }
.purchase-form-intro .icon { width:17px; height:17px; }
.purchase-form-intro strong { display:block; color:#393557; font-size:12px; }
.purchase-form-intro p { margin:3px 0 0; color:#858597; font-size:10px; line-height:1.45; }
.purchase-main-fields { margin-bottom:18px; }
.purchase-main-fields [hidden] { display:none!important; }
.purchase-payment-choice { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; min-width:0; padding:0; border:0; }
.purchase-payment-choice legend { grid-column:1/-1; margin-bottom:7px; color:#465366; font-size:11px; font-weight:700; }
.purchase-payment-option { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr) 22px; align-items:center; gap:10px; min-height:64px; padding:10px 12px; border:1px solid rgba(79,91,133,.13); border-radius:13px; background:#fff; cursor:pointer; transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background-color .2s ease; }
.purchase-payment-option:hover { border-color:rgba(88,101,232,.3); transform:translateY(-1px); box-shadow:0 8px 20px rgba(73,66,136,.08); }
.purchase-payment-option:has(input:checked) { border-color:rgba(88,101,232,.45); background:linear-gradient(135deg,#f5f4ff,#f6faff); box-shadow:0 0 0 3px rgba(88,101,232,.08),0 9px 22px rgba(73,66,136,.09); }
.purchase-payment-option input { position:absolute; width:1px; height:1px; opacity:0; }
.purchase-payment-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; color:#6661d8; background:#f0efff; }
.purchase-payment-icon .icon { width:16px; height:16px; }
.purchase-payment-option > span:nth-of-type(2) { display:grid; gap:3px; min-width:0; }
.purchase-payment-option b { color:#35374a; font-size:11px; }
.purchase-payment-option small { color:#9295a7; font-size:8px; line-height:1.4; }
.purchase-payment-option > i { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:transparent; background:#f1f2f6; }
.purchase-payment-option > i .icon { width:12px; height:12px; }
.purchase-payment-option:has(input:checked) > i { color:#fff; background:#5865e8; }
.purchase-attachments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.purchase-supplier-select { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:8px; }
.purchase-supplier-select > label { min-width:0; }
.purchase-items-head { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:16px; margin-bottom:10px; border-top:1px solid rgba(67,78,113,.1); }
.purchase-items-head h4 { margin:0 0 3px; font-size:13px; }
.purchase-items-head p { margin:0; color:#9695a4; font-size:9px; }
#purchase-items { display:grid; gap:10px; }
.purchase-item { padding:13px; border:1px solid rgba(67,78,113,.12); border-radius:13px; background:#fcfbfe; box-shadow:0 7px 20px rgba(48,45,85,.04); }
.purchase-item-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:11px; }
.purchase-item-head > div { display:grid; gap:2px; }
.purchase-item-head span { color:#8c88aa; font-size:8px; font-weight:800; letter-spacing:.06em; }
.purchase-item-head strong { color:#2a2b3e; font-size:11px; }
.purchase-item-grid { display:grid; grid-template-columns:minmax(210px,1.5fr) repeat(4,minmax(115px,1fr)); gap:9px; align-items:end; }
.purchase-item-grid label { min-width:0; }
.purchase-item-grid label > span { display:block; margin-bottom:6px; color:#5d6072; font-size:9px; font-weight:700; }
.purchase-item-grid input,.purchase-item-grid select { width:100%; min-height:38px; }
.purchase-item-grid [hidden] { display:none!important; }
.purchase-money-input { display:flex; align-items:center; min-height:38px; padding-left:10px; border:1px solid var(--border,#dedee7); border-radius:10px; background:#fff; }
.purchase-money-input > span { color:#6d6a80; font-size:10px; font-weight:700; }
.purchase-money-input input { min-width:0; border:0; box-shadow:none; background:transparent; }
.purchase-wholesale-update { display:grid; grid-template-columns:minmax(190px,1.3fr) minmax(160px,.8fr) minmax(130px,.55fr) minmax(190px,.9fr); align-items:end; gap:10px; margin-top:10px; padding:11px 12px; border:1px solid rgba(47,164,127,.16); border-radius:11px; background:linear-gradient(135deg,rgba(239,250,247,.96),rgba(248,251,255,.96)); }
.purchase-wholesale-update > div { align-self:center; }
.purchase-wholesale-update > div strong { display:block; color:#2c6557; font-size:10px; }
.purchase-wholesale-update > div p { margin:3px 0 0; color:#7f9791; font-size:8px; line-height:1.45; }
.purchase-wholesale-update label > span { display:block; margin-bottom:6px; color:#526961; font-size:9px; font-weight:700; }
.purchase-wholesale-update input { width:100%; min-height:38px; }
.purchase-wholesale-preview { display:flex; align-items:center; min-height:38px; padding:8px 10px; border:1px solid rgba(47,164,127,.13); border-radius:9px; color:#267e68; background:rgba(255,255,255,.74); font-size:8px; font-weight:700; line-height:1.4; }
.purchase-wholesale-preview.negative { color:#bf4057; border-color:rgba(207,75,95,.18); background:#fff7f8; }
.purchase-new-flow section > .purchase-wholesale-preview { margin-top:9px; }
.purchase-item-summary { display:grid; grid-template-columns:repeat(7,minmax(70px,1fr)) auto; gap:10px; align-items:center; margin-top:10px; padding:9px 10px; border-radius:9px; color:#868597; background:#f3f1fb; font-size:8px; }
.purchase-item-summary b { color:#58566b; }
.purchase-item-summary small { color:inherit; font-size:inherit; }
.purchase-item-summary span { display:grid; gap:3px; min-width:0; }
.purchase-item-summary .negative { color:#cf4b5f; }
.purchase-item-summary > strong { color:#5e54d1; font-size:11px; text-align:right; }
.purchase-new-product { border-color:rgba(88,101,232,.22); background:linear-gradient(145deg,#fcfbff,#f8fbff); }
.purchase-new-product-grid { display:grid; grid-template-columns:repeat(3,minmax(150px,1fr)); gap:9px; }
.purchase-new-flow { display:grid; grid-template-columns:1.2fr .8fr; gap:10px; margin-top:11px; }
.purchase-new-flow section { padding:12px; border:1px solid rgba(67,78,113,.11); border-radius:11px; background:rgba(255,255,255,.76); }
.purchase-new-flow h5 { margin:0 0 10px; color:#4c4d61; font-size:10px; }
.purchase-new-flow section > p { margin:9px 0 0; color:#9294a5; font-size:8px; line-height:1.5; }
.purchase-new-flow-grid { display:grid; grid-template-columns:repeat(3,minmax(105px,1fr)); gap:8px; align-items:end; }
.purchase-new-flow-grid label { min-width:0; }
.purchase-new-flow-grid label > span,.purchase-new-product-grid label > span { display:block; margin-bottom:6px; color:#5d6072; font-size:9px; font-weight:700; }
.purchase-new-flow-grid input,.purchase-new-flow-grid select,.purchase-new-product-grid input,.purchase-new-product-grid select { width:100%; min-height:38px; }
.purchase-new-flow .purchase-expiry-field { grid-column:span 2; }
.purchase-no-expiry { color:#9a98a8; font-size:9px; }
.purchase-form-total { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 16px; margin-top:13px; border:1px solid rgba(99,82,213,.14); border-radius:12px; background:linear-gradient(135deg,#f5f2ff,#fafaff); }
.purchase-form-total > span { display:grid; gap:3px; }
.purchase-form-total small { color:#807ca0; font-size:8px; font-weight:800; }
.purchase-form-total b { color:#9996a8; font-size:9px; }
.purchase-form-total > strong { color:#5a59dd; font-size:20px; }
.purchase-empty-product { padding:18px; border:1px dashed #d8d5e9; border-radius:12px; color:#8e8c9d; text-align:center; }
.payment-debt-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:16px; }
.payment-debt-summary span { display:grid; gap:4px; padding:11px; border:1px solid rgba(67,78,113,.11); border-radius:10px; background:#faf9fd; color:#9291a1; font-size:9px; }
.payment-debt-summary strong { color:#343548; font-size:11px; }
.purchase-detail-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:14px; }
.purchase-detail-head > div { display:grid; gap:3px; }
.purchase-detail-head small,.purchase-detail-meta small { color:#9291a1; font-size:8px; font-weight:800; letter-spacing:.04em; }
.purchase-detail-head strong { font-size:17px; color:#5149bc; }
.purchase-detail-head p { margin:0; color:#898899; font-size:9px; }
.purchase-detail-meta { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-bottom:16px; }
.purchase-detail-meta span { display:grid; gap:4px; padding:10px; border:1px solid rgba(67,78,113,.1); border-radius:10px; background:#faf9fd; }
.purchase-detail-meta strong { color:#393a4c; font-size:10px; }
.purchase-detail-meta em { color:#9695a5; font-size:8px; font-style:normal; }
.purchase-detail-attachments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin-bottom:16px; }
.purchase-detail-attachments > div { display:grid; gap:7px; padding:11px; border:1px solid rgba(67,78,113,.1); border-radius:11px; background:#faf9fd; }
.purchase-detail-attachments small { color:#9291a1; font-size:8px; font-weight:800; letter-spacing:.05em; }
.purchase-attachment-link { display:inline-flex; align-items:center; gap:7px; width:max-content; max-width:100%; color:#565bd4; font-size:9px; font-weight:700; text-decoration:none; }
.purchase-attachment-link .icon { width:14px; height:14px; }
.purchase-no-attachment { color:#a09eac; font-size:9px; }
.purchase-detail-total { display:flex; justify-content:flex-end; gap:20px; padding:12px 4px 2px; }
.purchase-detail-total span { display:grid; gap:3px; color:#8d8c9d; font-size:8px; text-align:right; }
.purchase-detail-total strong { color:#35364a; font-size:12px; }
.expiry-stats .stat:nth-child(1) { border-top-color:#ef7b8d; }
.expiry-stats .stat:nth-child(2) { border-top-color:#f0a85a; }
.expiry-stats .stat:nth-child(3) { border-top-color:#e5c14f; }
.expiry-stats .stat:nth-child(4) { border-top-color:#53c49d; }
.expiry-toolbar { display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:10px; }
.expiry-toolbar select { width:100%; }
.expiry-table-panel { padding:15px; }
.expiry-product-cell { display:flex; align-items:center; gap:10px; min-width:230px; }
.expiry-product-cell > img,.expiry-product-cell > span { width:42px; height:42px; flex:0 0 42px; border-radius:10px; object-fit:cover; }
.expiry-product-cell > span { display:grid; place-items:center; color:#6967d8; background:#f0efff; }
.expiry-product-cell > span .icon { width:18px; height:18px; }
.expiry-product-cell > div { min-width:0; }
.expiry-product-cell strong { color:#303246; }
.expiry-product-cell p { margin-top:3px; color:#9694a5; font-size:8px; }
.expiry-date-value { color:#555bc9; white-space:nowrap; }
.expiry-monitor-table td { vertical-align:middle; }
.expiry-note { margin-top:12px; }

dialog#modal.purchase-entry-modal {
  width: min(1240px, calc(100vw - 40px));
  max-width: calc(100vw - 40px);
  max-height: 94vh;
}
.purchase-entry-modal .modal-body { padding: 26px 28px 30px; }
.purchase-entry-modal .modal-foot { padding-inline: 28px; }
.purchase-entry-modal .purchase-item { overflow: visible; }
.purchase-product-field { position:relative; min-width:0; }
.purchase-product-field > span { display:block; margin-bottom:6px; color:#5d6072; font-size:9px; font-weight:700; }
.purchase-product-picker { position:relative; min-width:0; }
.purchase-variant-native { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; pointer-events:none; }
.purchase-picker-trigger {
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 18px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:6px 11px 6px 7px;
  color:#333548;
  border:1px solid var(--border,#dedee7);
  border-radius:11px;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.purchase-picker-trigger:hover,.purchase-picker-trigger[aria-expanded="true"] { border-color:rgba(88,101,232,.48); box-shadow:0 0 0 3px rgba(88,101,232,.08),0 9px 22px rgba(54,52,104,.08); }
.purchase-picker-trigger[aria-expanded="true"] { transform:translateY(-1px); }
.purchase-picker-trigger > span:nth-child(2) { display:grid; gap:2px; min-width:0; }
.purchase-picker-trigger strong,.purchase-picker-trigger small,.purchase-picker-trigger em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.purchase-picker-trigger strong { color:#292b3c; font-size:10px; }
.purchase-picker-trigger small { color:#77798c; font-size:8px; }
.purchase-picker-trigger em { color:#388670; font-size:8px; font-style:normal; font-weight:700; }
.purchase-picker-trigger > .icon { width:16px; height:16px; color:#7773c8; transition:transform .18s ease; }
.purchase-picker-trigger[aria-expanded="true"] > .icon { transform:rotate(180deg); }
.purchase-picker-trigger-thumb,.purchase-picker-trigger-image { display:grid; place-items:center; width:46px; height:46px; border-radius:9px; }
img.purchase-picker-trigger-image { object-fit:cover; background:#f3f1f8; }
.purchase-picker-trigger-image.is-placeholder { color:#716bdd; background:linear-gradient(145deg,#f2efff,#edf5ff); }
.purchase-picker-trigger-image .icon { width:19px; height:19px; }
.purchase-picker-menu {
  position:absolute;
  z-index:40;
  top:calc(100% + 7px);
  left:0;
  width:min(620px,calc(100vw - 96px));
  padding:10px;
  border:1px solid rgba(91,84,159,.18);
  border-radius:14px;
  background:rgba(255,254,251,.98);
  box-shadow:0 22px 55px rgba(39,38,70,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(12px);
}
.purchase-picker-menu[hidden] { display:none!important; }
.purchase-picker-search { display:flex; align-items:center; gap:8px; margin-bottom:8px; padding:0 10px; border:1px solid #e5e2ed; border-radius:10px; background:#f9f8fc; }
.purchase-picker-search .icon { width:15px; height:15px; flex:0 0 auto; color:#7773c8; }
.purchase-picker-search input { width:100%; min-height:38px; padding:0; border:0; outline:0; background:transparent; box-shadow:none; font-size:10px; }
.purchase-picker-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:322px; overflow:auto; padding:1px 2px 1px 1px; }
.purchase-picker-option {
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:7px;
  color:#353648;
  border:1px solid #ece9f1;
  border-radius:11px;
  background:#fff;
  cursor:pointer;
  text-align:left;
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.purchase-picker-option:hover { border-color:rgba(88,101,232,.3); background:#faf9ff; transform:translateY(-1px); box-shadow:0 7px 16px rgba(61,57,111,.07); }
.purchase-picker-option.is-selected { border-color:rgba(62,164,132,.32); background:linear-gradient(135deg,#f2fbf8,#f8f8ff); }
.purchase-picker-option[hidden] { display:none!important; }
.purchase-picker-option > span:nth-child(2) { display:grid; gap:3px; min-width:0; }
.purchase-picker-option strong,.purchase-picker-option small,.purchase-picker-option em { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.purchase-picker-option strong { color:#2f3042; font-size:9px; }
.purchase-picker-option small { color:#77798b; font-size:8px; }
.purchase-picker-option em { color:#37836e; font-size:7px; font-style:normal; font-weight:700; }
.purchase-picker-option > .icon { width:16px; height:16px; color:transparent; }
.purchase-picker-option.is-selected > .icon { color:#36a983; }
.purchase-picker-option-image { display:grid; place-items:center; width:48px; height:48px; border-radius:9px; object-fit:cover; background:#f2f0f7; }
.purchase-picker-option-image.is-placeholder { color:#716bdd; background:linear-gradient(145deg,#f2efff,#edf5ff); }
.purchase-picker-option-image .icon { width:19px; height:19px; }
.purchase-picker-empty { margin:8px 0 2px; padding:14px; color:#8d8b9d; border:1px dashed #ddd9e8; border-radius:10px; text-align:center; font-size:9px; }
@media (max-width:1100px){.purchase-stats{grid-template-columns:repeat(2,1fr)}.purchase-item-grid{grid-template-columns:repeat(2,1fr)}.purchase-product-field{grid-column:1/-1}.purchase-wholesale-update{grid-template-columns:repeat(2,minmax(0,1fr))}.purchase-detail-meta{grid-template-columns:repeat(2,1fr)}.purchase-item-summary{grid-template-columns:repeat(3,1fr)}.purchase-new-product-grid{grid-template-columns:repeat(2,1fr)}.purchase-new-flow{grid-template-columns:1fr}.purchase-new-flow-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){dialog#modal.purchase-entry-modal{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:96vh}.purchase-entry-modal .modal-body{padding:18px 14px 24px}.purchase-entry-modal .modal-foot{padding-inline:14px}.purchase-stats{grid-template-columns:1fr}.purchase-section-head,.purchase-items-head{align-items:flex-start;flex-direction:column}.purchase-item-grid,.purchase-wholesale-update,.purchase-new-product-grid,.purchase-new-flow-grid,.expiry-toolbar{grid-template-columns:1fr}.purchase-product-field,.purchase-new-flow .purchase-expiry-field{grid-column:auto}.purchase-picker-menu{position:relative;top:auto;width:100%;margin-top:7px}.purchase-picker-options{grid-template-columns:1fr;max-height:280px}.purchase-item-summary{grid-template-columns:1fr 1fr}.purchase-item-summary>strong{text-align:left}.purchase-supplier-select,.purchase-payment-choice,.purchase-attachments,.purchase-detail-attachments{grid-template-columns:1fr}.payment-debt-summary,.purchase-detail-meta{grid-template-columns:1fr}.purchase-detail-total{justify-content:stretch}.purchase-detail-total span{flex:1}}

/* Catat nota barang masuk: susunan akhir yang lebih lega dan mudah dipindai. */
dialog#modal.purchase-entry-modal {
  width:min(1220px,calc(100vw - 44px));
  max-width:calc(100vw - 44px);
  border-color:rgba(75,72,121,.12);
  border-radius:22px;
  box-shadow:0 30px 90px rgba(26,28,50,.30);
  scrollbar-color:#c8c2f4 transparent;
  scrollbar-width:thin;
}
.purchase-entry-modal .modal-head {
  min-height:70px;
  padding-inline:24px;
  border-bottom-color:rgba(84,76,145,.10);
}
.purchase-entry-modal .modal-head h3 { font-size:16px; letter-spacing:-.015em; }
.purchase-entry-modal .modal-body { padding:22px 24px 28px; background:#fffefa; }
.purchase-entry-modal .modal-foot {
  min-height:72px;
  padding:12px 24px;
  background:rgba(255,254,250,.96);
  box-shadow:0 -10px 30px rgba(43,42,73,.055);
  backdrop-filter:blur(12px);
}
.purchase-entry-modal .modal-foot .btn { min-height:42px; border-radius:12px; }
.purchase-entry-modal .modal-foot .btn.primary { min-width:192px; }
.purchase-entry-modal .purchase-form-intro { margin-bottom:14px; padding:14px 15px; }
.purchase-entry-modal .purchase-main-fields {
  gap:14px 16px;
  margin-bottom:20px;
  padding:17px;
  border:1px solid rgba(75,72,121,.10);
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 24px rgba(43,42,73,.035);
}
.purchase-entry-modal .purchase-attachments { gap:12px; }
.purchase-entry-modal .purchase-attachments .file-upload-field {
  padding:12px;
  border:1px solid rgba(75,72,121,.09);
  border-radius:13px;
  background:#fbfaff;
}
.purchase-entry-modal .purchase-attachments .file-upload-title { margin-bottom:8px; font-size:11px; font-weight:750; }
.purchase-entry-modal .purchase-attachments .file-upload-control { min-height:48px; background:#fff; box-shadow:none; }
.purchase-entry-modal .purchase-items-head {
  margin-bottom:12px;
  padding:16px 2px 0;
}
.purchase-entry-modal .purchase-items-head h4 { color:#292b3d; font-size:14px; }
.purchase-entry-modal .purchase-items-head .actions { gap:8px; }
.purchase-entry-modal #purchase-items { gap:14px; }
.purchase-entry-modal .purchase-item {
  padding:15px;
  border-color:rgba(75,72,121,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(43,42,73,.055);
}
.purchase-entry-modal .purchase-item-head { margin-bottom:13px; padding-bottom:11px; border-bottom:1px solid rgba(75,72,121,.08); }
.purchase-entry-modal .purchase-item-head span { font-size:8px; }
.purchase-entry-modal .purchase-item-head strong { font-size:12px; }
.purchase-entry-modal .purchase-item-grid {
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:11px;
}
.purchase-entry-modal .purchase-product-field { grid-column:span 4; }
.purchase-entry-modal .purchase-qty-field { grid-column:span 2; }
.purchase-entry-modal .purchase-loose-field { grid-column:span 2; }
.purchase-entry-modal .purchase-price-field { grid-column:span 2; }
.purchase-entry-modal .purchase-expiry-field { grid-column:span 2; }
.purchase-entry-modal .purchase-item-grid:not(:has(.purchase-loose-field:not([hidden]))) .purchase-price-field,
.purchase-entry-modal .purchase-item-grid:not(:has(.purchase-loose-field:not([hidden]))) .purchase-expiry-field { grid-column:span 3; }
.purchase-entry-modal .purchase-picker-trigger { min-height:54px; }
.purchase-entry-modal .purchase-item-grid input,
.purchase-entry-modal .purchase-item-grid select,
.purchase-entry-modal .purchase-money-input { min-height:42px; }
.purchase-entry-modal .purchase-wholesale-update {
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:11px;
  margin-top:12px;
  padding:13px;
  border-radius:13px;
}
.purchase-entry-modal .purchase-wholesale-update > div { grid-column:span 4; }
.purchase-entry-modal .purchase-wholesale-update > label:first-of-type { grid-column:span 3; }
.purchase-entry-modal .purchase-wholesale-update > label:last-of-type { grid-column:span 2; }
.purchase-entry-modal .purchase-wholesale-preview { grid-column:span 3; min-height:42px; }
.purchase-entry-modal .purchase-item-summary {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
  padding:8px;
  border:1px solid rgba(91,83,174,.07);
  border-radius:12px;
  background:#f7f5fc;
}
.purchase-entry-modal .purchase-item-summary > span,
.purchase-entry-modal .purchase-item-summary > strong {
  display:grid;
  align-content:center;
  gap:4px;
  min-height:48px;
  padding:8px 10px;
  border-radius:9px;
  background:rgba(255,255,255,.72);
  text-align:left;
}
.purchase-entry-modal .purchase-item-summary small,
.purchase-entry-modal .purchase-item-summary > span { color:#8b8999; font-size:8px; }
.purchase-entry-modal .purchase-item-summary b { color:#454657; font-size:10px; }
.purchase-entry-modal .purchase-item-summary > strong {
  color:#554bd3;
  font-size:13px;
  background:linear-gradient(135deg,#f0edff,#f6f4ff);
}
.purchase-entry-modal .purchase-item-summary > strong::before {
  content:'Subtotal';
  color:#8b86ac;
  font-size:8px;
  font-weight:600;
}
.purchase-entry-modal .purchase-form-total {
  min-height:66px;
  margin-top:15px;
  padding:14px 18px;
  border-radius:14px;
  background:linear-gradient(135deg,#f4f1ff,#f7f8ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.purchase-entry-modal .purchase-form-total > strong { font-size:22px; letter-spacing:-.025em; }
.purchase-entry-modal .purchase-form-total + .sub { margin:10px 2px 0; color:#898899; font-size:9px; line-height:1.55; }

@media (max-width:1100px) {
  .purchase-entry-modal .purchase-item-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .purchase-entry-modal .purchase-product-field { grid-column:1/-1; }
  .purchase-entry-modal .purchase-qty-field,
  .purchase-entry-modal .purchase-loose-field,
  .purchase-entry-modal .purchase-price-field,
  .purchase-entry-modal .purchase-expiry-field,
  .purchase-entry-modal .purchase-item-grid:not(:has(.purchase-loose-field:not([hidden]))) .purchase-price-field,
  .purchase-entry-modal .purchase-item-grid:not(:has(.purchase-loose-field:not([hidden]))) .purchase-expiry-field { grid-column:auto; }
  .purchase-entry-modal .purchase-wholesale-update { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .purchase-entry-modal .purchase-wholesale-update > div,
  .purchase-entry-modal .purchase-wholesale-update > label:first-of-type,
  .purchase-entry-modal .purchase-wholesale-update > label:last-of-type,
  .purchase-entry-modal .purchase-wholesale-preview { grid-column:auto; }
}
@media (max-width:700px) {
  dialog#modal.purchase-entry-modal { width:calc(100vw - 14px); max-width:calc(100vw - 14px); border-radius:17px; }
  .purchase-entry-modal .modal-head { min-height:62px; padding-inline:15px; }
  .purchase-entry-modal .modal-body { padding:15px 12px 22px; }
  .purchase-entry-modal .modal-foot { min-height:64px; padding:10px 12px; }
  .purchase-entry-modal .modal-foot .btn { flex:1; min-width:0; }
  .purchase-entry-modal .purchase-main-fields { padding:12px; }
  .purchase-entry-modal .purchase-item { padding:12px; }
  .purchase-entry-modal .purchase-item-grid,
  .purchase-entry-modal .purchase-wholesale-update { grid-template-columns:1fr; }
  .purchase-entry-modal .purchase-product-field,
  .purchase-entry-modal .purchase-qty-field,
  .purchase-entry-modal .purchase-loose-field,
  .purchase-entry-modal .purchase-price-field,
  .purchase-entry-modal .purchase-expiry-field { grid-column:auto; }
  .purchase-entry-modal .purchase-item-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
}