/* Admin and supplier workflow for external purchase requests. */
.external-supplier-order-admin-page .main-product { min-height: 720px; align-items: flex-start; }
.external-supplier-order-admin-page .find-box { width: min(1280px, calc(100% - 32px)); max-width: 1280px; margin: 28px auto; padding: clamp(25px, 4vw, 45px); text-align: center; background: rgba(255,255,255,.96); border: 1px solid rgba(7,32,62,.09); border-radius: 22px; box-shadow: 0 24px 60px rgba(7,32,62,.12); }
.external-supplier-order-admin-page .find-box > h1 { margin: 0; color: #0d2d50; font-size: clamp(31px, 5vw, 47px); font-weight: 800; }
.external-order-supplier-name { margin: 7px 0 0; color: #627d98; font-size: 18px; }
.external-orders-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin-top: 24px; }
.external-orders-tabs a { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 52px; padding: 10px 14px; color: #48677e; font-weight: 800; border: 1px solid #cadce8; border-radius: 11px; background: #f5f9fc; }
.external-orders-tabs a:hover,
.external-orders-tabs a:focus { color: #075a98; text-decoration: none; border-color: #9bc9e6; background: #eaf6fd; }
.external-orders-tabs a.is-active { color: #fff; border-color: #126fae; background: #126fae; box-shadow: 0 8px 20px rgba(18,111,174,.2); }
.external-orders-tabs a.is-active.is-cancelled { border-color: #9e3f46; background: #9e3f46; box-shadow: 0 8px 20px rgba(158,63,70,.18); }
.external-orders-tabs strong { display: grid; place-items: center; min-width: 27px; height: 27px; padding: 0 7px; color: #31566f; font-size: 12px; border-radius: 999px; background: #e1edf5; }
.external-orders-tabs a.is-active strong { color: #126fae; background: #fff; }
.external-orders-tabs a.is-active.is-cancelled strong { color: #9e3f46; }
.external-orders-tabs-ltr { grid-template-columns: repeat(4,minmax(0,1fr)); margin: 0 0 22px; direction: ltr; }
.external-orders-tabs-admin { grid-template-columns: repeat(6,minmax(0,1fr)); }
.external-orders-tabs a.external-admin-shipping-tab.has-notification { color: #fff; border-color: #d27a17; background: linear-gradient(135deg,#ed9a2c,#bd650d); box-shadow: 0 8px 20px rgba(190,101,13,.2); }
.external-orders-tabs a.external-admin-shipping-tab.has-notification strong { color: #9a5008; background: #fff; }
.external-orders-tabs a.is-active.is-new { border-color: #1688d3; background: linear-gradient(135deg,#1688d3,#075a98); }
.external-orders-tabs a.is-active.is-received { border-color: #b7791f; background: #b7791f; box-shadow: 0 8px 20px rgba(183,121,31,.18); }
.external-orders-tabs a.is-active.is-received strong { color: #9a6418; }
.external-orders-tabs a.is-active.is-completed { border-color: #167548; background: #167548; box-shadow: 0 8px 20px rgba(22,117,72,.18); }
.external-orders-tabs a.is-active.is-completed strong { color: #167548; }
.external-orders-back { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 52px; margin-top: 24px; padding: 10px 16px; color: #42647d; font-weight: 800; border: 1px solid #c9dce9; border-radius: 11px; background: #f5f9fc; }
.external-orders-back:hover,
.external-orders-back:focus { color: #075a98; text-decoration: none; border-color: #1688d3; background: #eaf6fd; }
.external-orders-back-ltr { direction: ltr; margin: 0 0 22px; }
.external-order-create-card,
.external-admin-orders { margin-top: 26px; padding: clamp(18px, 3vw, 28px); text-align: right; border: 1px solid #d5e3ed; border-radius: 17px; background: #f9fcfe; }
.external-order-section-title { display: flex; align-items: center; gap: 13px; margin-bottom: 20px; }
.external-order-section-title > i { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; color: #fff; font-size: 20px; border-radius: 12px; background: #147ac1; }
.external-order-section-title h2 { margin: 0; color: #123957; font-size: 23px; font-weight: 800; }
.external-order-section-title p { margin: 4px 0 0; color: #6a8295; }
.external-order-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; }
.external-order-type-choice { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.external-order-type-choice label { margin: 0; cursor: pointer; }
.external-order-type-choice input { position: absolute; opacity: 0; pointer-events: none; }
.external-order-type-choice span { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 54px; padding: 10px; color: #42647d; font-weight: 800; border: 1px solid #c9dce9; border-radius: 11px; background: #fff; }
.external-order-type-choice input:checked + span { color: #075a98; border-color: #1688d3; background: #eaf6fd; box-shadow: 0 0 0 3px rgba(20,128,200,.1); }
.external-order-brand-field { grid-column: 1 / -1; padding: 15px 17px; border: 1px solid #d9e6ef; border-radius: 12px; background: #fff; }
.external-order-brand-field label { display: block; margin: 0 0 7px; color: #244a65; font-weight: 800; }
.external-order-brand-field select { width: 100%; min-height: 51px; padding: 9px 12px; color: #123957; border: 1px solid #bfd4e3; border-radius: 10px; background: #fff; outline: 0; }
.external-order-brand-field small { display: block; margin-top: 6px; color: #708798; }
.external-order-no-brand { padding: 12px 14px; color: #9a3c32; text-align: center; border: 1px dashed #e2b6b1; border-radius: 9px; background: #fff2f1; }
.external-order-existing-fields,
.external-order-new-fields { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 17px; padding: 17px; border: 1px solid #d9e6ef; border-radius: 13px; background: #fff; }
.external-order-existing-fields label { color: #244a65; font-weight: 800; }
.external-order-existing-fields select { grid-column: 1 / -1; width: 100%; min-height: 210px; padding: 7px; color: #123957; border: 1px solid #bfd4e3; border-radius: 10px; background: #fff; outline: 0; }
.external-order-existing-fields option { padding: 8px; }
.external-order-search-wrap { position: relative; }
.external-order-search-wrap i { position: absolute; top: 50%; right: 14px; color: #6b8395; transform: translateY(-50%); }
.external-order-search-wrap input { width: 100%; min-height: 50px; padding: 9px 42px 9px 12px; color: #123957; border: 1px solid #bfd4e3; border-radius: 10px; outline: 0; }
.external-order-field { min-width: 0; }
.external-order-field label { display: block; margin: 0 0 7px; color: #244a65; font-weight: 800; }
.external-order-field textarea,
.external-order-field input { width: 100%; min-height: 51px; padding: 10px 12px; color: #123957; border: 1px solid #bfd4e3; border-radius: 10px; background: #fff; outline: 0; resize: vertical; }
.external-order-field small { display: block; margin-top: 6px; color: #708798; }
.external-order-submit { grid-column: 1 / -1; align-self: end; min-height: 52px; color: #fff; font-size: 17px; font-weight: 800; border: 0; border-radius: 11px; background: linear-gradient(135deg,#1688d3,#075a98); box-shadow: 0 10px 22px rgba(7,95,168,.18); cursor: pointer; }
.external-order-submit i { margin-left: 8px; }
.external-order-submit:disabled { opacity: .55; cursor: not-allowed; box-shadow: none; }
.external-orders-empty { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 90px; color: #6b8293; border: 1px dashed #c5d9e6; border-radius: 12px; background: #fff; }
.external-orders-list,
.external-supplier-orders-list { display: grid; gap: 15px; }
.external-order-card { display: grid; grid-template-columns: 150px minmax(0, 1fr); overflow: hidden; border: 1px solid #d6e4ed; border-radius: 14px; background: #fff; box-shadow: 0 7px 20px rgba(7,32,62,.06); }
.external-order-image { min-height: 170px; background: #edf3f7; }
.external-order-image img { width: 100%; height: 100%; object-fit: cover; }
.external-order-content { min-width: 0; padding: 17px; }
.external-order-card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.external-order-card-head h3 { margin: 0; color: #123957; font-size: 20px; font-weight: 800; overflow-wrap: anywhere; }
.external-order-status { flex: 0 0 auto; padding: 6px 10px; font-size: 12px; font-weight: 800; border-radius: 999px; }
.external-order-status.is-waiting { color: #80611b; background: #fff4cf; }
.external-order-status.is-quoted { color: #075a98; background: #e6f3fc; }
.external-order-status.is-accepted { color: #147044; background: #e5f8ee; }
.external-order-status.is-completed { color: #fff; background: #167548; }
.external-order-status.is-cancelled { color: #984047; background: #fdecee; }
.external-order-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; color: #607b8f; }
.external-order-meta i { color: #1680c5; }
.external-order-quote { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 14px; padding: 12px 14px; color: #244a65; border: 1px solid #bad9ed; border-radius: 10px; background: #edf7fd; }
.external-order-quote strong { color: #075a98; font-size: 20px; }
.external-order-note { margin: 12px 0 0; padding: 11px 13px; color: #45657b; border-radius: 9px; background: #f2f6f9; }
.external-admin-price-change { display: flex; align-items: flex-start; gap: 12px; margin-top: 13px; padding: 13px 15px; color: #8d3825; border: 1px solid #efbbaa; border-radius: 11px; background: #fff2ed; }
.external-admin-price-change > i { margin-top: 3px; color: #d8512f; font-size: 20px; }
.external-admin-price-change > div { display: grid; gap: 4px; }
.external-admin-price-change strong { font-size: 15px; }
.external-admin-price-change span { color: #744638; }
.external-admin-decision-date { display: flex; align-items: center; gap: 8px; margin: 13px 0 0; padding: 11px 13px; font-weight: 700; border-radius: 9px; }
.external-admin-decision-date.is-confirmed { color: #17643a; background: #e7f8ef; }
.external-admin-decision-date.is-cancelled { color: #96383e; background: #fcebed; }
.external-order-decisions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 14px; }
.external-production-quantity { display: grid; flex: 0 0 100%; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 15px; text-align: right; border: 1px solid #c9ddea; border-radius: 11px; background: #f6fafc; }
.external-production-quantity label { display: block; margin-bottom: 6px; color: #244a65; font-weight: 800; }
.external-production-quantity input { width: 100%; min-height: 47px; padding: 9px 12px; color: #123957; border: 1px solid #bdd3e2; border-radius: 9px; background: #fff; outline: 0; }
.external-production-quantity input[readonly] { color: #075a98; font-weight: 800; background: #eaf6fd; }
.external-order-decisions button { min-height: 45px; padding: 9px 15px; font-weight: 800; border: 1px solid; border-radius: 9px; cursor: pointer; }
.external-order-accept { color: #fff; border-color: #178653 !important; background: #178653; }
.external-order-cancel { color: #a23239; border-color: #e8bfc2 !important; background: #fff4f4; }
.external-order-decisions i { margin-left: 7px; }
.external-ready-totals { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 0 0 20px; }
.external-ready-totals > div { display: grid; grid-template-columns: 44px minmax(0,1fr); align-items: center; gap: 2px 11px; min-width: 0; padding: 15px; text-align: right; border: 1px solid #c9dfec; border-radius: 13px; background: linear-gradient(145deg,#f8fcff,#edf7fd); }
.external-ready-totals i { grid-row: 1 / 3; display: grid; place-items: center; width: 44px; height: 44px; color: #fff; font-size: 19px; border-radius: 11px; background: #147ac1; }
.external-ready-totals span { color: #617b8e; font-size: 13px; font-weight: 700; }
.external-ready-totals strong { min-width: 0; color: #0b416d; font-size: clamp(17px,2vw,22px); overflow-wrap: anywhere; }
.external-dispatch-cart { margin-bottom: 22px; padding: 17px; text-align: right; border: 1px solid #b9d9c8; border-radius: 14px; background: #f2faf6; }
.external-dispatch-cart-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.external-dispatch-cart-heading > div { display: flex; align-items: center; gap: 9px; color: #17643a; }
.external-dispatch-cart-heading h3 { margin: 0; color: #174d35; font-size: 20px; font-weight: 800; }
.external-dispatch-cart-actions { display: flex; align-items: center; gap: 9px; }
.external-dispatch-cart-actions a { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 39px; padding: 7px 12px; color: #fff; font-size: 12px; font-weight: 800; border-radius: 9px; background: #178653; box-shadow: 0 6px 14px rgba(23,134,83,.16); }
.external-dispatch-cart-actions a:hover,
.external-dispatch-cart-actions a:focus { color: #fff; text-decoration: none; background: #116e43; }
.external-dispatch-cart-actions > strong { display: grid; place-items: center; min-width: 31px; height: 31px; color: #fff; border-radius: 999px; background: #178653; }
.external-dispatch-cart-empty { margin: 12px 0 0; color: #688175; }
.external-dispatch-cart-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 13px; }
.external-dispatch-cart-summary span { padding: 7px 10px; color: #345f49; border-radius: 8px; background: #fff; }
.external-dispatch-cart-items { display: grid; gap: 7px; margin-top: 12px; }
.external-dispatch-cart-items > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 11px; color: #315c47; border: 1px solid #d1e6da; border-radius: 9px; background: #fff; }
.external-dispatch-cart-items form { flex: 0 0 auto; }
.external-dispatch-cart-items button { display: grid; place-items: center; width: 35px; height: 35px; color: #a23239; border: 1px solid #edc6c8; border-radius: 8px; background: #fff5f5; cursor: pointer; }
.external-dispatch-cart-validation { margin-top: 15px; }
.external-dispatch-cart-validation button { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 50px; padding: 10px 16px; color: #fff; font-family: inherit; font-size: 16px; font-weight: 800; border: 0; border-radius: 11px; background: linear-gradient(135deg,#1688d3,#075a98); box-shadow: 0 9px 22px rgba(7,90,152,.2); cursor: pointer; }
.external-dispatch-cart-validation button:hover,
.external-dispatch-cart-validation button:focus { background: linear-gradient(135deg,#1995e5,#064e83); transform: translateY(-1px); }
.external-admin-shipping-list { display: grid; gap: 14px; }
.external-admin-shipping-card { overflow: hidden; border: 1px solid #cadde8; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(7,32,62,.08); }
.external-admin-shipping-card.is-new { border-color: #e69a3b; box-shadow: 0 9px 25px rgba(205,116,19,.16); }
.external-admin-shipping-card > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; background: #eef7fc; }
.external-admin-shipping-card > header > div { display: flex; align-items: center; gap: 11px; }
.external-admin-shipping-card > header > div > i { display: grid; place-items: center; width: 43px; height: 43px; color: #fff; font-size: 18px; border-radius: 10px; background: #147ac1; }
.external-admin-shipping-card > header span { display: flex; flex-direction: column; gap: 3px; }
.external-admin-shipping-card > header strong { color: #103b5a; }
.external-admin-shipping-card > header small { color: #6c8596; }
.external-admin-shipping-card > header em { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; color: #846120; font-size: 12px; font-style: normal; font-weight: 800; border-radius: 999px; background: #fff6d9; }
.external-admin-shipping-card > header em.is-confirmed { color: #17643a; background: #e8f8ef; }
.external-admin-shipping-summary { display: flex; flex-wrap: wrap; gap: 8px; padding: 13px 16px; border-top: 1px solid #dbe8f0; }
.external-admin-shipping-summary span { padding: 7px 10px; color: #385c72; border-radius: 8px; background: #f3f8fb; }
.external-admin-shipping-info { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; margin: 0 16px 14px; overflow: hidden; border: 1px solid #d8e5ed; border-radius: 10px; background: #d8e5ed; }
.external-admin-shipping-info > div { min-width: 0; padding: 11px; background: #fff; }
.external-admin-shipping-info dt { margin-bottom: 4px; color: #718696; font-size: 11px; font-weight: 800; }
.external-admin-shipping-info dd { margin: 0; color: #153b55; font-weight: 800; overflow-wrap: anywhere; }
.external-admin-shipping-files { display: flex; flex-wrap: wrap; gap: 9px; padding: 0 16px 16px; }
.external-admin-shipping-files a { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 8px 13px; color: #fff; font-weight: 800; border-radius: 9px; background: #178653; }
.external-admin-shipping-files a.is-pdf { background: #b43b42; }
.external-admin-shipping-files a:hover,
.external-admin-shipping-files a:focus { color: #fff; text-decoration: none; filter: brightness(.9); }
.external-ready-products-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); align-items: start; gap: 16px; }
.external-ready-product { position: relative; min-width: 0; overflow: hidden; text-align: center; border: 1px solid #dce6ee; border-radius: 14px; background: #fff; box-shadow: 0 7px 22px rgba(7,32,62,.08); transition: transform .2s ease, box-shadow .2s ease; }
.external-ready-product:hover,
.external-ready-product[open] { box-shadow: 0 14px 30px rgba(7,32,62,.15); transform: translateY(-2px); }
.external-ready-product.is-in-cart { border-color: #79c39f; box-shadow: 0 8px 24px rgba(23,134,83,.14); }
.external-ready-product > summary { position: relative; display: flex; flex-direction: column; cursor: pointer; list-style: none; }
.external-ready-product:not([open]) > summary { min-height: 100%; }
.external-ready-product[open] > summary { min-height: 0; }
.external-ready-product > summary::-webkit-details-marker { display: none; }
.external-ready-product-image { aspect-ratio: 4 / 3; overflow: hidden; background: #f1f5f8; }
.external-ready-product-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.external-ready-product-name { flex: 1; min-height: 61px; padding: 12px 10px; color: #243b53; font-size: 15px; font-weight: 800; line-height: 1.5; overflow-wrap: anywhere; }
.external-ready-product-price { padding: 11px 9px; color: #c83232; font-size: 17px; font-weight: 800; border-top: 1px solid #dce6ee; }
.external-ready-cart-badge { position: absolute; top: 9px; left: 9px; display: flex; align-items: center; gap: 5px; padding: 6px 8px; color: #fff; font-size: 12px; font-weight: 800; border-radius: 999px; background: #178653; box-shadow: 0 5px 13px rgba(12,85,51,.25); }
.external-ready-product-details { position: relative; z-index: 1; display: block; padding: 12px 10px; text-align: right; border-top: 1px solid #dce6ee; background: #f9fcfe; }
.external-ready-product-details dl { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; overflow: hidden; margin: 0 0 12px; border: 1px solid #d9e6ee; border-radius: 9px; background: #d9e6ee; }
.external-ready-product-details dl > div { min-width: 0; padding: 8px; background: #fff; }
.external-ready-product-details dt { color: #698094; font-size: 10px; font-weight: 800; }
.external-ready-product-details dd { margin: 3px 0 0; color: #173b57; font-size: 12px; font-weight: 800; overflow-wrap: anywhere; }
.external-ready-product-details label { display: block; margin-bottom: 7px; color: #244a65; font-size: 12px; font-weight: 800; }
.external-ready-cart-form > div { display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 7px; }
.external-ready-product-details input { min-width: 0; width: 100%; min-height: 43px; padding: 7px; text-align: center; color: #123957; border: 1px solid #bdd3e2; border-radius: 8px; background: #fff; }
.external-ready-product-details button { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 43px; padding: 7px 9px; color: #fff; font-size: 12px; font-weight: 800; border: 0; border-radius: 8px; background: #147ac1; cursor: pointer; }
.external-ready-edit { margin: 0 0 12px; overflow: hidden; border: 1px solid #c7dce9; border-radius: 9px; background: #fff; }
.external-ready-edit > summary { display: flex; align-items: center; justify-content: center; gap: 7px; min-height: 42px; padding: 8px; color: #12669f; font-size: 12px; font-weight: 800; cursor: pointer; list-style: none; background: #edf7fd; }
.external-ready-edit > summary::-webkit-details-marker { display: none; }
.external-ready-edit[open] > summary { border-bottom: 1px solid #c7dce9; }
.external-ready-edit form { padding: 10px; }
.external-ready-edit-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-bottom: 9px; }
.external-ready-edit-fields label { min-width: 0; margin: 0; }
.external-ready-edit-fields label > span { display: block; margin-bottom: 4px; color: #58748a; font-size: 10px; font-weight: 800; direction: ltr; text-align: left; }
.external-ready-edit-fields .external-ready-edit-wide { grid-column: 1 / -1; }
.external-ready-edit-fields input { min-height: 39px; padding: 6px 7px; font-size: 12px; direction: ltr; text-align: left; }
.external-ready-edit form > button { width: 100%; background: #167548; }
.external-ready-no-cartons { margin: 0; padding: 9px; color: #9a3c32; font-size: 12px; font-weight: 700; text-align: center; border-radius: 8px; background: #fff2f1; }

.external-supplier-orders-main { width: min(1220px, calc(100% - 36px)); margin: 0 auto; padding: clamp(28px,5vw,58px) 0; }
.external-supplier-orders-heading { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-bottom: 24px; padding: clamp(24px,4vw,38px); color: #fff; border-radius: 20px; background: linear-gradient(125deg,#082c50,#126fae); box-shadow: 0 18px 42px rgba(7,45,80,.2); }
.external-supplier-orders-heading .external-portal-eyebrow { color: #ffb16f; }
.external-supplier-orders-heading h1 { margin: 0; color: #fff; font-size: clamp(31px,5vw,45px); font-weight: 800; }
.external-supplier-orders-heading p:last-child { margin: 8px 0 0; color: #dcecf7; font-size: 17px; }
.external-orders-heading-icon { display: grid; place-items: center; flex: 0 0 72px; width: 72px; height: 72px; font-size: 28px; border: 1px solid rgba(255,255,255,.3); border-radius: 20px; background: rgba(255,255,255,.12); }
.external-orders-empty-english { min-height: 140px; font-size: 17px; background: rgba(255,255,255,.9); }
.external-supplier-order-card { display: grid; grid-template-columns: 230px minmax(0,1fr); overflow: hidden; border: 1px solid #d4e3ed; border-radius: 17px; background: rgba(255,255,255,.97); box-shadow: 0 12px 30px rgba(7,32,62,.09); }
.external-supplier-order-image { min-height: 250px; background: #eaf1f6; }
.external-supplier-order-image img { width: 100%; height: 100%; object-fit: cover; }
.external-supplier-order-body { min-width: 0; padding: clamp(19px,3vw,29px); }
.external-supplier-order-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.external-supplier-order-head p { margin: 0 0 5px; color: #6b8395; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.external-supplier-order-head h2 { margin: 0; color: #0d304f; font-size: 23px; font-weight: 800; overflow-wrap: anywhere; }
.external-order-meta-ltr { direction: ltr; }
.external-supplier-quote-form { display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(150px,.55fr); gap: 14px; margin-top: 20px; padding: 17px; border: 1px solid #d8e6ef; border-radius: 13px; background: #f8fbfd; }
.external-supplier-quote-form label { display: block; margin: 0 0 6px; color: #294d67; font-size: 13px; font-weight: 800; }
.external-previous-price { display: block; margin-top: 7px; color: #56768c; font-size: 12px; line-height: 1.45; }
.external-previous-price i { margin-right: 5px; color: #1680c5; }
.external-supplier-quote-form input,
.external-supplier-quote-form select,
.external-supplier-quote-form textarea { width: 100%; min-height: 49px; padding: 9px 12px; color: #102a43; border: 1px solid #bfd4e3; border-radius: 9px; background: #fff; outline: 0; resize: vertical; }
.external-quote-note { grid-column: 1 / -1; }
.external-supplier-quote-form button { grid-column: 1 / -1; min-height: 50px; color: #fff; font-size: 16px; font-weight: 800; border: 0; border-radius: 10px; background: linear-gradient(135deg,#1688d3,#075a98); cursor: pointer; }
.external-supplier-quote-form button i { margin-right: 8px; }
.external-order-quote-ltr,
.external-order-note-ltr { direction: ltr; text-align: left; }
.external-supplier-order-info { margin: 13px 0 0; padding: 11px 13px; color: #6e5a1f; border-radius: 9px; background: #fff7dc; }
.external-supplier-order-info.is-confirmed { color: #17643a; background: #eaf9f1; }
.external-supplier-order-info.is-cancelled { color: #96383e; background: #fcebed; }
.external-supplier-order-info i { margin-right: 7px; }
.external-decision-date { display: block; margin-top: 5px; color: inherit; }
.external-supplier-price-change { display: flex; align-items: center; gap: 9px; margin-top: 12px; padding: 11px 13px; color: #8d3825; border: 1px solid #efbbaa; border-radius: 9px; background: #fff2ed; }
.external-supplier-price-change i { color: #d8512f; }
.external-production-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 18px; padding: 19px; text-align: left; border: 1px solid #b9d9c8; border-radius: 14px; background: #f4fbf7; }
.external-production-form-heading { display: flex; grid-column: 1 / -1; align-items: center; gap: 11px; margin-bottom: 2px; }
.external-production-form-heading > i { display: grid; place-items: center; flex: 0 0 43px; width: 43px; height: 43px; color: #fff; font-size: 19px; border-radius: 11px; background: #178653; }
.external-production-form-heading h3 { margin: 0; color: #174d35; font-size: 20px; font-weight: 800; }
.external-production-form-heading p { margin: 3px 0 0; color: #607a6d; font-size: 13px; }
.external-production-field { min-width: 0; }
.external-production-field label { display: block; margin: 0 0 6px; color: #294d3c; font-size: 13px; font-weight: 800; }
.external-production-field input { width: 100%; min-height: 49px; padding: 9px 11px; color: #102a43; border: 1px solid #b9d4c6; border-radius: 9px; background: #fff; outline: 0; }
.external-production-field input:focus { border-color: #178653; box-shadow: 0 0 0 3px rgba(23,134,83,.1); }
.external-production-product-name,
.external-production-picture { grid-column: 1 / -1; }
.external-production-current-picture { display: flex; align-items: center; gap: 12px; margin-bottom: 9px; padding: 9px; color: #506f60; font-size: 12px; border: 1px solid #d0e3d8; border-radius: 9px; background: #fff; }
.external-production-current-picture img { flex: 0 0 64px; width: 64px; height: 64px; object-fit: cover; border-radius: 7px; }
.external-production-picture small { display: block; margin-top: 6px; color: #61796d; }
.external-production-form button { grid-column: 1 / -1; min-height: 52px; color: #fff; font-size: 16px; font-weight: 800; border: 0; border-radius: 10px; background: linear-gradient(135deg,#1b965e,#126b43); box-shadow: 0 9px 20px rgba(18,107,67,.18); cursor: pointer; }
.external-production-form button i { margin-right: 8px; }
.external-production-completed { margin-top: 16px; padding: 16px; text-align: left; border: 1px solid #b9d9c8; border-radius: 12px; background: #f0faf5; }
.external-production-completed > div:first-child { display: flex; align-items: center; gap: 8px; color: #17643a; font-weight: 800; }
.external-production-completed > div:first-child i { font-size: 19px; }
.external-production-completed > div:first-child strong { margin-left: auto; font-size: 12px; }
.external-production-completed dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 13px 0 0; border: 1px solid #d3e5db; border-radius: 9px; background: #d3e5db; }
.external-production-completed dl > div { min-width: 0; padding: 10px; background: #fff; }
.external-production-completed dt { color: #688175; font-size: 11px; font-weight: 800; }
.external-production-completed dd { margin: 3px 0 0; color: #193f2d; font-weight: 700; overflow-wrap: anywhere; }
.external-module-item.is-available { color: inherit; border-color: #aad4ed; background: #eff9ff; text-decoration: none; }
.external-module-item.is-available:hover { border-color: #1688d3; box-shadow: 0 8px 20px rgba(20,122,193,.12); text-decoration: none; }
.external-module-item.is-available em { color: #187246; }

@media (max-width: 767px) {
  .external-supplier-order-admin-page .find-box { width: calc(100% - 8px); max-width: none; margin: 9px 4px; padding: 20px 6px; border-radius: 13px; }
  .external-order-create-card,
  .external-admin-orders { padding: 15px 7px; border-radius: 13px; }
  .external-order-form,
  .external-order-type-choice,
  .external-order-existing-fields,
  .external-order-new-fields { grid-template-columns: 1fr; }
  .external-order-brand-field { grid-column: auto; padding: 13px 9px; }
  .external-order-existing-fields select { grid-column: auto; }
  .external-order-card { grid-template-columns: 1fr; }
  .external-order-image { width: 100%; height: min(62vw,280px); min-height: 210px; }
  .external-order-image img { object-fit: contain; }
  .external-order-content { padding: 12px 9px; }
  .external-order-card-head { flex-direction: column; gap: 8px; }
  .external-order-card-head h3 { font-size: 17px; }
  .external-order-meta { flex-direction: column; gap: 5px; }
  .external-order-decisions { flex-direction: column; }
  .external-production-quantity { grid-template-columns: 1fr; }
  .external-order-decisions button { width: 100%; }
  .external-ready-totals { grid-template-columns: 1fr; gap: 8px; }
  .external-ready-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .external-ready-product-name { min-height: 54px; padding: 9px 7px; font-size: 13px; }
  .external-ready-product-price { padding: 9px 7px; font-size: 15px; }
  .external-ready-product-details { padding: 9px 6px; }
  .external-ready-product-details dl { grid-template-columns: 1fr; }
  .external-ready-cart-form > div { grid-template-columns: 1fr; }
  .external-ready-edit-fields { grid-template-columns: 1fr; }
  .external-ready-edit-fields .external-ready-edit-wide { grid-column: auto; }
  .external-dispatch-cart { padding: 13px 8px; }
  .external-dispatch-cart-heading { align-items: flex-start; flex-direction: column; }
  .external-dispatch-cart-actions { width: 100%; }
  .external-dispatch-cart-actions a { flex: 1; }
  .external-dispatch-cart-items > div { align-items: flex-start; }
  .external-admin-shipping-card > header { align-items: flex-start; flex-direction: column; padding: 12px 9px; }
  .external-admin-shipping-info { grid-template-columns: 1fr; margin: 0 8px 12px; }
  .external-admin-shipping-files { display: grid; grid-template-columns: 1fr; padding: 0 8px 12px; }
  .external-orders-tabs { gap: 7px; margin-top: 16px; }
  .external-orders-tabs a { min-height: 49px; padding: 8px 7px; font-size: 13px; }
  .external-orders-tabs strong { min-width: 24px; height: 24px; padding: 0 6px; }
  .external-orders-tabs-ltr { grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 15px; }
  .external-orders-tabs-admin { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .external-supplier-orders-main { width: calc(100% - 12px); padding: 17px 0 28px; }
  .external-supplier-orders-heading { padding: 23px 17px; border-radius: 16px; }
  .external-orders-heading-icon { display: none; }
  .external-supplier-order-card { grid-template-columns: 1fr; }
  .external-supplier-order-image { height: min(68vw, 330px); min-height: 210px; }
  .external-supplier-order-head { flex-direction: column; }
  .external-supplier-quote-form { grid-template-columns: 1fr; padding: 13px 9px; }
  .external-production-form { grid-template-columns: 1fr; padding: 14px 9px; }
  .external-production-form-heading,
  .external-production-product-name,
  .external-production-picture,
  .external-production-form button { grid-column: auto; }
  .external-production-completed { padding: 13px 8px; }
  .external-production-completed > div:first-child { flex-wrap: wrap; }
  .external-production-completed > div:first-child strong { width: 100%; margin-left: 27px; }
  .external-production-completed dl { grid-template-columns: 1fr 1fr; }
  .external-quote-note,
  .external-supplier-quote-form button { grid-column: auto; }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .external-ready-totals { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 640px) {
  .external-orders-tabs-admin { grid-template-columns: 1fr; }
  .external-orders-tabs-admin a { width: 100%; min-height: 52px; }
  .external-orders-back { width: 100%; margin-top: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  .external-module-item.is-available { transition: none; }
}