/* Medicine Price Manager - Clean Responsive Header/Table Style */
.medicine-price-checker,
.medicine-price-checker * { box-sizing: border-box !important; }

.medicine-price-checker { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; font-family: "Inter", "DM Sans", "Outfit", Arial, sans-serif !important; color: #071630 !important; }

.medicine-search-wrap { width: 100% !important; display: flex !important; align-items: center !important; gap: 18px !important; margin: 0 0 20px !important; }
.medicine-search-box { position: relative !important; flex: 1 1 auto !important; height: 50px !important; min-width: 0 !important; }
.medicine-search-icon { position: absolute !important; left: 18px !important; top: 50% !important; width: 21px !important; height: 21px !important; color: #00A991 !important; transform: translateY(-50%) !important; pointer-events: none !important; }
.medicine-search-box input { width: 100% !important; height: 50px !important; min-height: 50px !important; margin: 0 !important; padding: 0 20px 0 55px !important; border: 1px solid #BDE7DF !important; border-radius: 999px !important; background: #FFFFFF !important; color: #071630 !important; font-size: 16px !important; font-weight: 400 !important; line-height: 50px !important; outline: none !important; box-shadow: none !important; appearance: none !important; -webkit-appearance: none !important; }
.medicine-search-box input::placeholder { color: rgba(7, 22, 48, 0.45) !important; opacity: 1 !important; }
.medicine-search-box input:focus { border-color: #00A991 !important; box-shadow: 0 0 0 3px rgba(0, 169, 145, 0.12) !important; }
.medicine-search-btn { width: 104px !important; min-width: 104px !important; height: 50px !important; margin: 0 !important; padding: 0 18px !important; border: 1px solid #00A991 !important; border-radius: 999px !important; background: #00A991 !important; color: #FFFFFF !important; font-size: 15px !important; font-weight: 700 !important; line-height: 48px !important; text-align: center !important; cursor: pointer !important; outline: none !important; box-shadow: none !important; transition: all 0.2s ease !important; }
.medicine-search-btn:hover, .medicine-search-btn:focus { background: #071630 !important; border-color: #071630 !important; color: #FFFFFF !important; }

.medicine-table-card { width: 100% !important; max-width: 100% !important; overflow: hidden !important; border: 1px solid #E7E7E3 !important; border-radius: 0 !important; background: #FFFFFF !important; box-shadow: none !important; }
.medicine-table-head { display: grid !important; grid-template-columns: minmax(0, 40%) minmax(0, 34%) minmax(90px, 26%) !important; min-height: 58px !important; align-items: center !important; padding: 0 12px !important; margin: 0 !important; background: #071630 !important; color: #FFFFFF !important; border-bottom: 4px solid #05C9AA !important; column-gap: 12px !important; }
.medicine-table-head div { margin: 0 !important; padding: 0 !important; color: #FFFFFF !important; font-size: 15px !important; font-weight: 800 !important; line-height: 1.2 !important; font-family: "Outfit", "Inter", "DM Sans", Arial, sans-serif !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; white-space: nowrap !important; }
.medicine-table-body { width: 100% !important; max-height: 508px !important; overflow-y: auto !important; overflow-x: hidden !important; background: #FFFFFF !important; position: relative !important; }
.medicine-table-body::-webkit-scrollbar { width: 8px !important; }
.medicine-table-body::-webkit-scrollbar-track { background: #F5F5F2 !important; }
.medicine-table-body::-webkit-scrollbar-thumb { background: #05C9AA !important; border-radius: 999px !important; }

.medicine-row { display: grid !important; grid-template-columns: minmax(0, 40%) minmax(0, 34%) minmax(90px, 26%) !important; min-height: 56px !important; align-items: center !important; padding: 8px 12px !important; margin: 0 !important; border-bottom: 1px solid #E7E7E3 !important; background: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; position: relative !important; transition: background 0.18s ease !important; column-gap: 12px !important; }
.medicine-row:nth-child(even) { background: #F8F8F5 !important; }
.medicine-row:hover, .medicine-row.search-match { background: #F3FBF8 !important; }
.medicine-row.is-hidden { display: none !important; opacity: 0 !important; visibility: hidden !important; height: 0 !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; }

.medicine-drug { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 6px 10px !important; min-width: 0 !important; width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; }
.medicine-drug strong { display: inline-block !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #071630 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: 0.025em !important; text-transform: uppercase !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; }
.medicine-drug span { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-height: 22px !important; margin: 0 !important; padding: 4px 10px !important; color: #009E88 !important; background: #E8F8F4 !important; border: 1px solid #BDE7DF !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: 0.02em !important; text-transform: uppercase !important; white-space: normal !important; overflow-wrap: anywhere !important; }
.medicine-qty { margin: 0 !important; padding: 0 !important; color: #2E3148 !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.35 !important; letter-spacing: 0.01em !important; white-space: normal !important; overflow-wrap: anywhere !important; min-width: 0 !important; }
.medicine-price { margin: 0 !important; padding: 0 !important; color: #009E88 !important; font-size: 16px !important; font-weight: 800 !important; line-height: 1.35 !important; letter-spacing: 0.025em !important; white-space: nowrap !important; min-width: 0 !important; }

.medicine-empty-row, .medicine-no-result { display: none !important; padding: 28px 20px !important; text-align: center !important; color: rgba(7, 22, 48, 0.68) !important; font-size: 15px !important; font-weight: 500 !important; background: #F8F8F5 !important; border-bottom: 1px solid #E7E7E3 !important; }
.medicine-empty-row, .medicine-no-result.is-visible { display: block !important; }
.medicine-table-body[aria-busy="true"] { opacity: 0.65 !important; }
.medicine-price-checker p, .medicine-price-checker br { margin: 0 !important; padding: 0 !important; }
.medicine-price-checker br { display: none !important; }

@media (max-width: 1024px) {
  .medicine-table-head, .medicine-row { grid-template-columns: minmax(0, 42%) minmax(0, 34%) minmax(74px, 24%) !important; column-gap: 8px !important; }
  .medicine-table-head div { font-size: 13px !important; letter-spacing: 0.06em !important; }
  .medicine-drug strong { font-size: 14px !important; }
  .medicine-drug span { font-size: 10px !important; min-height: 20px !important; padding: 3px 8px !important; }
  .medicine-qty, .medicine-price { font-size: 13px !important; }
}

@media (max-width: 767px) {
  .medicine-search-wrap { flex-direction: column !important; gap: 12px !important; margin-bottom: 18px !important; }
  .medicine-search-box, .medicine-search-btn { width: 100% !important; min-width: 100% !important; }
  .medicine-table-body { max-height: 430px !important; }
  .medicine-table-head, .medicine-row { grid-template-columns: minmax(0, 43%) minmax(0, 34%) minmax(64px, 23%) !important; padding-left: 8px !important; padding-right: 8px !important; column-gap: 6px !important; }
  .medicine-table-head div { font-size: 11px !important; letter-spacing: 0.04em !important; }
  .medicine-drug { flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; }
  .medicine-drug strong { width: 100% !important; font-size: 11px !important; line-height: 1.22 !important; letter-spacing: 0.02em !important; }
  .medicine-drug span { font-size: 9px !important; line-height: 1.1 !important; padding: 3px 6px !important; }
  .medicine-qty, .medicine-price { font-size: 11px !important; line-height: 1.3 !important; }
}



/* Final-price-only mode: never show pricing component details inside plugin output. */
.medicine-price-checker .price-breakdown,
.medicine-price-checker .medicine-price-breakdown,
.medicine-price-checker .professional-fee,
.medicine-price-checker .supply-cost,
.medicine-price-checker .acquisition-markup,
.medicine-price-checker [class*="breakdown"],
.medicine-price-checker [class*="professional"],
.medicine-price-checker [class*="supply-cost"],
.medicine-price-checker [class*="acquisition"],
.medicine-price-checker [data-price-breakdown] {
  display: none !important;
}