/* Delivery work area: summaries stay readable without horizontal scrolling. */
.delivery-records-page { min-width: 0; max-width: 100%; }
.delivery-records-page .page-head { align-items: flex-start; gap: 20px; }
.delivery-records-page .page-head h1 { font-size: 26px; }
.delivery-records-page .page-actions { flex-wrap: wrap; }
.delivery-filter-panel { padding: 18px 20px; border: 1px solid #dbe5ed; border-radius: 12px; background: #fff; }
.delivery-records-page .delivery-record-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 16px; border-bottom: 1px solid #e5edf3; }
.delivery-record-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 40px; padding: 8px 14px; border: 1px solid #dae4ed; border-radius: 7px; background: #fff; color: #40576e; font: inherit; font-size: 14px; cursor: pointer; }
.delivery-record-tabs button strong { min-width: 19px; font-size: 12px; font-weight: 600; }
.delivery-records-page .delivery-record-tabs button.active { color: #fff; background: #17669b; border-color: #17669b; }
.delivery-records-page .delivery-record-filters { display: grid; grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(145px, 1fr)) auto; align-items: end; gap: 14px; margin: 16px 0 0; }
.delivery-records-page .delivery-record-filters .field { display: flex; flex-direction: column; gap: 7px; align-self: start; }
.delivery-records-page .delivery-record-filters .field > span { font-size: 12px; color: #667a8e; }
.delivery-records-page .delivery-record-filters input, .delivery-records-page .delivery-record-filters select { box-sizing: border-box; min-height: 42px; height: 42px; }
.delivery-filter-actions { display: flex; align-items: end; gap: 8px; }
.delivery-filter-actions .button { min-height: 42px; }
.delivery-result-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 12px; scroll-margin-top: 90px; }
.delivery-result-heading > strong { font-size: 17px; color: #193b58; }
.delivery-result-heading > strong span { margin-left: 7px; color: #76889a; font-size: 13px; font-weight: 400; }
.delivery-result-heading > label { display: flex; align-items: center; gap: 8px; color: #61758a; font-size: 13px; }
.delivery-result-heading select { width: auto; min-width: 88px; min-height: 36px; padding: 6px 10px; }
.delivery-record-list { display: grid; gap: 14px; }
.delivery-record-card { min-width: 0; border: 1px solid #d8e3ec; border-radius: 12px; background: #fff; overflow: hidden; }
.delivery-record-card > header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 18px; padding: 15px 20px; background: #f6f9fc; border-bottom: 1px solid #e7edf3; }
.delivery-record-identity { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; min-width: 0; color: #314d65; }
.delivery-record-identity > strong { flex: 0 0 auto; color: #183c59; font-size: 17px; }
.delivery-record-identity > span { min-width: 0; overflow-wrap: anywhere; font-size: 15px; }
.delivery-record-status { display: flex; flex-wrap: wrap; gap: 7px; }
.delivery-record-status .status { white-space: normal; }
.delivery-record-content { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 24px; padding: 18px 20px; }
.delivery-record-products { min-width: 0; }
.delivery-records-page .delivery-product-list { min-width: 0; gap: 12px; text-align: left; }
.delivery-records-page .table-product { min-width: 0; align-items: flex-start; gap: 12px; text-align: left; }
.delivery-records-page .table-product > div { flex: 1; min-width: 0; }
.delivery-records-page .table-product strong { color: #233f56; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.delivery-records-page .table-product small { color: #748697; font-size: 12px; line-height: 1.5; overflow-wrap: anywhere; }
.delivery-records-page .table-product .product-image-static, .delivery-records-page .table-product .product-image-placeholder { flex: 0 0 44px; width: 44px; height: 44px; }
.delivery-records-page .table-product img { width: 44px; height: 44px; object-fit: contain; }
.delivery-products-expand { min-width: 0; }
.delivery-products-expand > summary { width: fit-content; max-width: 100%; padding: 3px 0; color: #17669b; font-size: 13px; line-height: 1.6; cursor: pointer; }
.delivery-products-expand > .delivery-product-list { margin-top: 13px; }
.delivery-record-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 16px 20px; margin: 0; min-width: 0; }
.delivery-record-facts > div { min-width: 0; }
.delivery-record-facts dt { margin-bottom: 5px; color: #758798; font-size: 12px; }
.delivery-record-facts dd { margin: 0; color: #29475e; font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
.delivery-record-facts dd small { display: block; color: #7c8d9d; font-size: 12px; line-height: 1.6; }
.delivery-cancel-reason { grid-column: 1 / -1; }
.delivery-record-card > footer { padding: 12px 20px; border-top: 1px solid #edf1f5; }
.delivery-record-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 12px; }
.delivery-primary-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.delivery-record-actions .button { min-height: 36px; margin: 0; white-space: normal; }
.delivery-more-actions { min-width: 0; flex: 1; }
.delivery-more-actions > summary { width: fit-content; box-sizing: border-box; min-height: 36px; padding: 9px 12px; border: 1px solid #d1dfea; border-radius: 6px; color: #597187; font-size: 12px; line-height: 16px; cursor: pointer; }
.delivery-more-actions > div { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.delivery-empty-state { padding: 45px 18px; border: 1px dashed #ccdbe7; border-radius: 12px; color: #61788d; text-align: center; background: #fff; }
.delivery-empty-state p { margin: 8px 0 0; font-size: 13px; }
.delivery-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 0; color: #62798d; font-size: 13px; }
.delivery-pagination > div { display: flex; gap: 8px; }
@media (max-width: 1360px) {
  .delivery-records-page .delivery-record-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .delivery-records-page .delivery-keyword-field { grid-column: span 2; }
  .delivery-filter-actions { align-self: end; }
}
@media (max-width: 760px) {
  .delivery-records-page .page-head { display: flex; flex-direction: column; gap: 12px; }
  .delivery-records-page .page-head h1 { font-size: 23px; }
  .delivery-filter-panel { padding: 14px; }
  .delivery-records-page .delivery-record-tabs { gap: 7px; }
  .delivery-record-tabs button { flex: 1 1 calc(33.333% - 7px); padding: 8px 5px; gap: 5px; font-size: 13px; }
  .delivery-records-page .delivery-record-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .delivery-records-page .delivery-keyword-field { grid-column: 1 / -1; }
  .delivery-filter-actions .button { flex: 1; min-width: 0; padding: 8px 10px; }
  .delivery-record-card > header, .delivery-record-card > footer { padding: 14px; }
  .delivery-record-content { grid-template-columns: minmax(0, 1fr); gap: 18px; padding: 16px 14px; }
  .delivery-record-facts { padding-top: 14px; border-top: 1px solid #edf1f5; gap: 14px; }
  .delivery-record-identity { flex-direction: column; }
  .delivery-record-status { width: 100%; }
  .delivery-record-actions .button { min-height: 40px; }
  .delivery-more-actions > summary { min-height: 40px; padding-top: 11px; padding-bottom: 11px; }
  .delivery-more-actions { flex: 0 1 auto; }
  .delivery-pagination { padding-bottom: 12px; }
}