.order-list-location {
  display: flex;
  align-items: center;
  gap: 22px;
  min-height: 52px;
  padding: 0 18px;
  margin-bottom: 12px;
  border-left: 5px solid #11a77b;
  border-radius: 0 12px 12px 0;
  background: #f3f7f6;
  color: #64748b;
  font-size: 14px;
}

.order-list-location-title {
  display: flex;
  align-items: center;
  gap: 6px;
}

.order-list-location h1 {
  margin: 0;
  color: #0d9b77;
  font-size: 15px;
  line-height: 1;
}

.order-list-location b {
  color: #e76f66;
  font-weight: 700;
}

.order-list-panel {
  overflow: hidden;
  border: 1px solid #e3ebe8;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 28px rgba(35, 64, 56, .05);
}

.order-status-tabs {
  display: flex;
  min-height: 61px;
  padding: 0 14px;
  overflow-x: auto;
  border-bottom: 1px solid #edf1f0;
  scrollbar-width: thin;
}

.order-status-tabs button {
  position: relative;
  flex: 0 0 auto;
  min-width: 100px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #475569;
  font-size: 14px;
  cursor: pointer;
}

.order-status-tabs button span {
  margin-left: 4px;
  color: #94a3b8;
  font-size: 12px;
}

.order-status-tabs button::after {
  position: absolute;
  right: 12px;
  bottom: 0;
  left: 12px;
  height: 3px;
  border-radius: 3px 3px 0 0;
  background: transparent;
  content: "";
}

.order-status-tabs button.active {
  color: #079a73;
  font-weight: 700;
}

.order-status-tabs button.active::after {
  background: #19b985;
}

.order-status-tabs button.active span {
  color: #079a73;
}

.order-filter-bar {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 14px;
  overflow-x: auto;
  border-bottom: 1px solid #e7eceb;
  background: #fbfcfc;
}

.order-filter-bar select,
.order-filter-bar input {
  height: 38px;
  border: 1px solid #dbe4e1;
  border-radius: 7px;
  outline: none;
  background: #fff;
  color: #334155;
  font: inherit;
}

.order-filter-bar select {
  min-width: 116px;
  padding: 0 32px 0 11px;
}

.order-filter-bar input {
  padding: 0 11px;
}

.order-filter-bar select:focus,
.order-filter-bar input:focus {
  border-color: #1bb985;
  box-shadow: 0 0 0 3px rgba(27, 185, 133, .1);
}

.order-date-filter,
.order-keyword-filter {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}

.order-date-filter {
  gap: 7px;
  height: 38px;
  padding-left: 11px;
  border: 1px solid #dbe4e1;
  border-radius: 7px;
  background: #fff;
}

.order-date-filter span {
  padding-right: 4px;
  color: #64748b;
  font-size: 13px;
}

.order-date-filter i {
  color: #94a3b8;
  font-style: normal;
}

.order-date-filter input {
  width: 132px;
  padding: 0 7px;
  border: 0;
  border-left: 1px solid #edf1f0;
  border-radius: 0;
}

.order-keyword-filter select {
  min-width: 94px;
  border-radius: 7px 0 0 7px;
}

.order-keyword-filter input {
  width: 160px;
  margin-left: -1px;
  border-radius: 0 7px 7px 0;
}

.order-filter-bar button {
  flex: 0 0 auto;
  height: 38px;
  padding: 0 15px;
  border: 1px solid transparent;
  border-radius: 7px;
  font-weight: 650;
  cursor: pointer;
}

.order-search-button,
.order-export-button {
  background: #079a73;
  color: #fff;
}

.order-filter-secondary {
  border-color: #dbe4e1 !important;
  background: #fff;
  color: #64748b;
}

.order-create-button {
  margin-left: auto;
  background: #172f42;
  color: #fff;
}

.order-filter-bar button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.order-list-scroll {
  width: 100%;
  overflow-x: auto;
  background: #f3f5f5;
}

.order-list-grid-head,
.order-group {
  min-width: 1280px;
}

.order-list-grid-head {
  display: grid;
  grid-template-columns: minmax(430px, 2.25fr) minmax(150px, .78fr) minmax(150px, .8fr) minmax(210px, 1.05fr) minmax(140px, .72fr) 88px 132px;
  min-height: 44px;
  align-items: center;
  border-bottom: 1px solid #dfe6e4;
  background: #f0f3f2;
  color: #7b8794;
  font-size: 13px;
  text-align: center;
}

.order-list-grid-head > div {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-left: 14px;
}

.order-list-grid-head input,
.order-group-header input {
  width: 16px;
  height: 16px;
  accent-color: #0aa57a;
}

.order-groups {
  padding-bottom: 1px;
}

.order-group {
  margin: 12px 12px 0;
  overflow: hidden;
  border: 1px solid #dfe6e4;
  border-radius: 8px;
  background: #fff;
}

.order-group-header {
  display: flex;
  align-items: center;
  gap: 19px;
  min-height: 46px;
  padding: 0 12px;
  border-bottom: 1px solid #e5ebe9;
  background: #f8faf9;
  color: #64748b;
  font-size: 12px;
}

.order-group-header b {
  color: #334155;
  font-weight: 650;
}

.order-group-header .status {
  flex: 0 0 auto;
}

.order-kind-tag {
  padding: 3px 8px;
  border-radius: 10px;
  background: #eaf7f2;
  color: #14805f;
}

.order-header-actions {
  display: flex;
  gap: 12px;
  margin-left: auto;
}

.order-header-actions button {
  padding: 0;
  border: 0;
  background: transparent;
  color: #079a73;
  font-size: 12px;
  cursor: pointer;
}

.order-group-body {
  display: grid;
  grid-template-columns: minmax(430px, 2.25fr) minmax(150px, .78fr) minmax(150px, .8fr) minmax(210px, 1.05fr) minmax(140px, .72fr) 88px 132px;
  align-items: stretch;
  min-height: 150px;
}

.order-group-body > * {
  min-width: 0;
  border-right: 1px solid #e7eceb;
}

.order-group-body > *:last-child {
  border-right: 0;
}

.order-product-lines {
  display: flex;
  flex-direction: column;
}

.order-product-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  flex: 1;
  min-height: 112px;
  border-bottom: 1px solid #e7eceb;
}

.order-product-line:last-child {
  border-bottom: 0;
}

.order-product-main {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 13px 14px;
}

.order-product-main img,
.order-product-placeholder {
  width: 68px;
  height: 68px;
  flex: 0 0 68px;
  border: 1px solid #e6ecea;
  border-radius: 7px;
  object-fit: cover;
}

.order-product-placeholder {
  display: grid;
  place-items: center;
  background: #f3f7f5;
  font-size: 29px;
}

.order-product-main > div {
  min-width: 0;
}

.order-product-main b {
  display: -webkit-box;
  overflow: hidden;
  color: #263846;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.order-product-main small,
.order-product-price small {
  display: block;
  margin-top: 5px;
  color: #94a3b8;
  font-size: 11px;
  line-height: 1.45;
}

.order-product-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px;
  border-left: 1px solid #e7eceb;
  color: #334155;
  font-size: 13px;
}

.order-info-cell,
.order-detail-cell,
.order-operation-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 14px 10px;
  color: #536271;
  text-align: center;
  overflow-wrap: anywhere;
}

.order-info-cell b {
  color: #334155;
  font-size: 14px;
}

.order-info-cell span {
  color: #64748b;
  font-size: 12px;
}

.order-info-cell small {
  display: block;
  color: #8b99a7;
  font-size: 11px;
  line-height: 1.5;
}

.order-payment-cell > b {
  color: #af6f2b;
}

.order-payment-cell > span {
  color: #d35d53;
}

.order-community-cell > small:first-of-type {
  color: #079a73;
}

.order-amount-cell b {
  margin-top: 3px;
  color: #263846;
}

.order-detail-cell button,
.order-operation-cell button {
  border: 0;
  background: transparent;
  color: #079a73;
  font: inherit;
  cursor: pointer;
}

.order-operation-cell {
  gap: 8px;
  font-size: 12px;
}

.order-operation-cell > span:not(.status) {
  color: #64748b;
}

.order-operation-cell .action-main {
  padding: 6px 9px;
  border-radius: 5px;
  background: #2787d8;
  color: #fff;
}

.order-operation-cell .danger-link {
  color: #d85c55;
}

.order-group-footer {
  display: flex;
  gap: 28px;
  min-height: 39px;
  align-items: center;
  padding: 0 14px;
  border-top: 1px solid #e5ebe9;
  background: #fbfcfc;
  color: #84919e;
  font-size: 12px;
}

.order-group-footer b {
  color: #52606d;
}

.order-list-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 1280px;
  padding: 80px 20px;
  color: #94a3b8;
}

.order-list-empty b {
  color: #64748b;
}

.order-list-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 60px;
  padding: 0 17px;
  border-top: 1px solid #e5ebe9;
  color: #788692;
  font-size: 13px;
}

.order-list-pagination > div {
  display: flex;
  gap: 6px;
}

.order-list-pagination button {
  width: 32px;
  height: 32px;
  border: 1px solid #dce5e2;
  border-radius: 6px;
  background: #fff;
  color: #64748b;
}

.order-list-pagination button.current {
  border-color: #14aa7c;
  background: #14aa7c;
  color: #fff;
}

@media (max-width: 900px) {
  .order-list-location {
    flex-wrap: wrap;
    gap: 8px 16px;
    padding: 12px 14px;
  }

  .order-list-location-title {
    width: 100%;
  }

  .order-filter-bar {
    align-items: stretch;
  }

  .order-date-filter span {
    display: none;
  }

  .order-create-button {
    margin-left: 0;
  }
}
.delivery-title{align-items:center}.cutoff-panel{margin-bottom:16px}.cutoff-rule,.batch-total{font-size:11px;color:#168c54;background:#e8f8ef;border-radius:14px;padding:6px 10px;white-space:nowrap}.cutoff-form{display:flex;align-items:flex-end;gap:10px;margin-top:20px;padding:16px;border:1px solid #e6eeea;border-radius:10px;background:#fafcfb}.cutoff-form label{display:grid;gap:7px;flex:1;min-width:190px;color:#53675c;font-size:11px;font-weight:700}.cutoff-form input{height:40px;border:1px solid #dce6e1;border-radius:7px;padding:0 11px;color:#344a3e;background:#fff;outline:0}.cutoff-form input:focus{border-color:#50bf82;box-shadow:0 0 0 3px #20b56d12}.range-divider{padding-bottom:12px;color:#91a098;font-size:11px}.cutoff-form button{height:40px}.cutoff-form .primary-button:disabled{opacity:.45;cursor:not-allowed}.cutoff-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:13px}.cutoff-preview>span{padding:13px 15px;border-radius:9px;background:#f2f8f5;color:#6c7f75;font-size:11px}.cutoff-preview small{display:block;margin-bottom:5px;color:#8c9b93}.cutoff-preview b{font-size:19px;color:#253e32;margin-right:4px}.cutoff-preview em{grid-column:1/-1;font-style:normal;background:#fff4e8;color:#af732d;border-radius:8px;padding:10px 13px;font-size:11px}.delivery-fields-note{border:1px solid #f3dfbc;background:#fff9ee;border-radius:11px;padding:15px 18px;margin-bottom:16px;color:#755f3b;font-size:11px;line-height:1.75}.delivery-fields-note>div{display:flex;align-items:center;gap:9px;margin-bottom:5px}.delivery-fields-note>div b{font-size:13px;color:#755018}.delivery-fields-note>div span{background:#e9f7ef;color:#168854;border-radius:12px;padding:3px 8px}.delivery-fields-note p{margin:3px 0}.delivery-fields-note strong{color:#b46b20}.delivery-list-panel{padding-bottom:12px}.delivery-list-panel>.panel-heading{margin-bottom:16px}.delivery-table{min-width:1120px}.delivery-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.delivery-actions button{border:0;border-radius:6px;background:#f2f6f4;color:#547064;padding:7px 9px;font-size:10px}.delivery-actions button.export-button{background:#e8f8ef;color:#168c54}.delivery-actions button:disabled{opacity:.5;cursor:not-allowed}.delivery-detail-modal{width:min(1080px,96vw);max-height:88vh;overflow:auto}.delivery-detail-modal table{min-width:850px}.delivery-detail-modal .modal-actions{position:sticky;bottom:-24px;background:#fff;padding-top:14px}
@media(max-width:900px){.cutoff-form{align-items:stretch;flex-direction:column}.cutoff-form label{width:100%;min-width:0}.range-divider{display:none}.cutoff-form button{width:100%}.cutoff-preview{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cutoff-preview{grid-template-columns:1fr}.delivery-fields-note>div{align-items:flex-start;flex-direction:column}}