.delivery-page { max-width: 1500px; margin: 0 auto; padding: 28px 32px 44px; color: var(--mist-100); }
.delivery-page-header, .delivery-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.delivery-page-header { margin-bottom: 20px; }
.delivery-page-header h1, .delivery-section-heading h2 { margin: 3px 0 0; color: var(--mist-100); }
.delivery-page-header h1 { font-size: 1.65rem; }
.delivery-page-header p { margin: 7px 0 0; color: var(--mist-300); font-size: 0.85rem; }
.delivery-kicker { color: var(--accent); font-size: 0.66rem; font-weight: 850; letter-spacing: 1.1px; text-transform: uppercase; }
.delivery-summary-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 22px; }
.delivery-summary-grid article { display: flex; flex-direction: column; min-height: 104px; padding: 16px; border: 1px solid rgba(164,134,93,.16); border-radius: 11px; background: var(--ink-900); }
.delivery-summary-grid span { color: var(--mist-300); font-size: .7rem; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.delivery-summary-grid strong { margin: 7px 0 3px; color: var(--mist-100); font-size: 1.45rem; }
.delivery-summary-grid small { color: var(--mist-300); font-size: .72rem; }
.delivery-money-card strong { color: var(--accent-strong) !important; }
.delivery-riders-section, .delivery-assignment-section { margin-top: 18px; padding: 18px; border: 1px solid rgba(164,134,93,.16); border-radius: 12px; background: rgba(255,253,250,.68); }
.delivery-section-heading { margin-bottom: 14px; }
.delivery-section-heading h2 { font-size: 1.05rem; }
.delivery-rider-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; }
.delivery-rider-card { overflow: hidden; border: 1px solid rgba(164,134,93,.16); border-radius: 10px; background: var(--ink-900); }
.delivery-rider-profile { display: flex; align-items: center; gap: 12px; padding: 14px; }
.delivery-rider-avatar { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 9px; background: var(--accent-soft); color: var(--accent-strong); font-weight: 850; }
.delivery-rider-profile > div { display: flex; flex-direction: column; min-width: 0; }
.delivery-rider-profile strong { color: var(--mist-100); }
.delivery-rider-profile span, .delivery-rider-profile small { overflow: hidden; color: var(--mist-300); font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }
.delivery-rider-metrics { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid rgba(164,134,93,.12); }
.delivery-rider-metrics div { display: flex; flex-direction: column; align-items: center; padding: 9px 4px; border-right: 1px solid rgba(164,134,93,.1); }
.delivery-rider-metrics div:last-child { border-right: 0; }
.delivery-rider-metrics strong { color: var(--mist-100); font-size: .85rem; }
.delivery-rider-metrics span { color: var(--mist-300); font-size: .62rem; }
.delivery-filters { display: flex; align-items: center; gap: 8px; }
.delivery-filters md-input-container { width: 150px; margin: 0; }
.delivery-clear-button { margin: 0 !important; color: var(--accent-strong) !important; }
.delivery-assignment-list { display: flex; flex-direction: column; gap: 9px; }
.delivery-assignment-card { display: grid; grid-template-columns: 1.1fr 1.25fr .8fr .9fr .75fr 1.45fr; align-items: center; gap: 14px; padding: 13px 14px; border: 1px solid rgba(164,134,93,.14); border-radius: 10px; background: var(--ink-900); }
.delivery-order-cell, .delivery-rider-cell, .delivery-state-cell, .delivery-value-cell { display: flex; flex-direction: column; min-width: 0; gap: 3px; }
.delivery-order-code { width: fit-content; padding: 3px 7px; border-radius: 5px; background: var(--accent-soft); color: var(--accent-strong); font-family: monospace; font-size: .72rem; }
.delivery-assignment-card strong { color: var(--mist-100); font-size: .82rem; }
.delivery-assignment-card small { overflow: hidden; color: var(--mist-300); font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.delivery-cell-label { color: var(--mist-300); font-size: .62rem; font-weight: 800; letter-spacing: .55px; text-transform: uppercase; }
.delivery-state-badge { width: fit-content; padding: 4px 7px; border-radius: 5px; background: rgba(164,134,93,.11); color: var(--accent-strong); font-size: .67rem; font-weight: 800; text-transform: capitalize; }
.delivery-state-badge.delivered { background: rgba(93,137,99,.13); color: #456b4c; }
.delivery-state-badge.returned, .delivery-state-badge.cancelled { background: rgba(170,82,72,.1); color: #984b41; }
.delivery-state-badge.picked_up, .delivery-state-badge.handed_over { background: rgba(184,132,68,.12); color: #8c6131; }
.delivery-value-cell > strong { color: var(--accent-strong); font-size: .98rem; }
.delivery-actions-cell { display: flex; align-items: center; justify-content: flex-end; gap: 3px; flex-wrap: wrap; }
.delivery-actions-cell .md-button:not(.md-icon-button) { min-width: auto; min-height: 30px; height: 30px; margin: 0 !important; padding: 0 9px !important; font-size: .66rem !important; line-height: 30px; }
.delivery-action-hint { display: inline-flex; align-items: center; min-height: 30px; padding: 0 10px; border: 1px solid rgba(164,134,93,.22); border-radius: 7px; background: rgba(164,134,93,.08); color: var(--accent-strong); font-size: .66rem; font-weight: 850; text-transform: uppercase; }
.delivery-loading, .delivery-empty { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; min-height: 180px; color: var(--mist-300); }
.delivery-empty md-icon { width: 38px; height: 38px; font-size: 38px; color: var(--accent); }
.delivery-status-dialog { width: min(560px,calc(100vw - 32px)); }
.delivery-history-dialog { width: min(720px,calc(100vw - 32px)); max-height: 86vh; }
.delivery-status-content, .delivery-history-content { padding: 20px 24px; background: #f7f2e9; }
.delivery-dialog-rider { display: flex; justify-content: space-between; margin-bottom: 16px; padding: 13px; border: 1px solid #e1d5c4; border-radius: 9px; background: #fffdfa; }
.delivery-dialog-rider span { color: #817a70; font-size: .72rem; text-transform: uppercase; }
.delivery-dialog-rider strong { color: #292722; }
.delivery-payment-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.delivery-payment-summary div { padding: 12px; border: 1px solid #e1d5c4; border-radius: 9px; background: #fffdfa; }
.delivery-payment-summary span { display: block; color: #817a70; font-size: .68rem; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.delivery-payment-summary strong { display: block; margin-top: 5px; color: #292722; font-size: .92rem; }
.delivery-dialog-input { display: block; margin: 18px 0 0; }
.delivery-dialog-input input, .delivery-dialog-input textarea { border-color: #d8c6ad !important; color: #292722 !important; }
.delivery-amount-input input { font-size: 1.15rem; font-weight: 850; color: #9a7448 !important; }
.delivery-paid-note { display: flex; align-items: center; gap: 9px; margin-top: 12px; padding: 11px 12px; border: 1px solid #cfe7d0; border-radius: 9px; background: #f1faef; color: #456b4c; font-size: .78rem; font-weight: 700; }
.delivery-paid-note md-icon { color: #4b8a55; }
.delivery-no-riders { margin: 8px 0 14px; padding: 10px 12px; border: 1px solid #e3c5bf; border-radius: 8px; background: #fbefed; color: #984b41; font-size: .76rem; }
.delivery-dialog-footer { display: flex; align-items: center; padding: 13px 24px; background: #fffdfa; }
.delivery-history-list { display: flex; flex-direction: column; }
.delivery-history-list article { position: relative; display: grid; grid-template-columns: 18px 1fr; gap: 12px; padding: 0 0 20px; }
.delivery-history-list article:not(:last-child)::before { content: ''; position: absolute; left: 7px; top: 15px; bottom: 0; width: 1px; background: #d9cbb7; }
.delivery-history-dot { width: 15px; height: 15px; margin-top: 3px; border: 4px solid #eadfce; border-radius: 50%; background: #9a7448; z-index: 1; }
.delivery-history-list article > div { display: flex; flex-direction: column; gap: 3px; }
.delivery-history-list strong { color: #2f2c27; font-size: .85rem; text-transform: capitalize; }
.delivery-history-list span, .delivery-history-list small, .delivery-history-list p { color: #756e64; font-size: .74rem; }
.delivery-history-list p { margin: 2px 0 0; }
@media(max-width:1100px){.delivery-summary-grid{grid-template-columns:repeat(2,1fr)}.delivery-rider-grid{grid-template-columns:1fr 1fr}.delivery-assignment-card{grid-template-columns:1fr 1fr}.delivery-actions-cell{justify-content:flex-start}}
@media(max-width:700px){.delivery-page{padding:16px 12px 32px}.delivery-page-header,.delivery-section-heading{align-items:flex-start;flex-direction:column}.delivery-summary-grid,.delivery-rider-grid{grid-template-columns:1fr}.delivery-filters{align-items:stretch;flex-direction:column;width:100%}.delivery-filters md-input-container{width:100%}.delivery-assignment-card{grid-template-columns:1fr}}