.deliveries-shell .dh-main { width:calc(100% - 64px); max-width:1320px; margin:auto; padding:24px 0 32px; min-width:0; }
.dh { padding:0; margin:0; border:0; min-width:0; font:inherit; color:#102D33; }
.dh * { box-sizing:border-box; }
.dh :is(h1,h2,h3,p,dl,ol) { margin:0; }
.dh :is(h1,h2,h3,button,input,select,strong) { font-family:Inter,"Segoe UI",Arial,sans-serif; letter-spacing:0; text-transform:none; text-shadow:none; }
.dh-heading { margin-bottom:16px; }
.dh-heading > span { font-size:10px; color:#758B89; font-weight:650; }
.dh h1 { color:#102D33; font-size:32px; line-height:1.2; font-weight:750; margin:3px 0 7px; }
.deliveries-shell .dh h1:focus { outline:none; }
.dh p { color:#758B89; font-size:13px; line-height:1.5; }
.dh h2 { font-size:15px; color:#102D33; line-height:1.3; }
.dh h3 { font-size:13px; color:#102D33; margin:18px 0 12px; }
.dh-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:12px; }
.dh-kpi { display:flex; gap:12px; align-items:flex-start; padding:14px; background:#fff; border:1px solid #EEF2EE; border-radius:12px; min-height:100px; box-shadow:0 3px 14px #102D3306; }
.dh-kpi-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:10px; background:#E7F5EE; color:#08765D; flex-shrink:0; }
.dh-kpi.blue .dh-kpi-icon { background:#E4F4FC; color:#278BB5; }
.dh-kpi.red .dh-kpi-icon { background:#FDE7E7; color:#CE5353; }
.dh-kpi h2 { font-size:12px; font-weight:600; }
.dh-kpi strong { display:block; font-size:26px; line-height:1.3; font-weight:750; font-variant-numeric:tabular-nums; }
.dh-kpi small { color:#758B89; font-size:11px; }
.dh-controls { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; }
.dh-tabs { display:flex; gap:5px; overflow-x:auto; max-width:100%; padding:2px 0; }
.dh :is(button,a) { -webkit-tap-highlight-color:transparent; }
.dh-tabs button { padding:0 13px; height:32px; border:1px solid #EEF2EE; border-radius:20px; color:#526F6D; background:#fff; box-shadow:none; cursor:pointer; font-size:12px; white-space:nowrap; }
.dh-tabs button.active { background:#E7F5EE; color:#08765D; border-color:#D6EBDD; font-weight:650; }
.dh-scope { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.dh-scope label { display:flex; flex-direction:column; padding:2px 9px; border:1px solid #E8EEEA; border-radius:7px; background:#fff; height:38px; min-width:115px; position:relative; }
.dh-scope label > span { color:#758B89; font-size:10px; line-height:12px; }
.dh select,.dh input { font-size:13px; line-height:20px; min-height:0; border:1px solid #E8EEEA; box-shadow:none; background:#fff; border-radius:6px; color:#102D33; padding:7px 9px; max-width:100%; }
.dh .dh-scope select { appearance:none; -webkit-appearance:none; border:0; border-radius:0; height:20px; line-height:20px; padding:0 17px 0 0; background:none; width:100%; max-width:190px; }
.dh-scope label::after { content:""; position:absolute; width:5px; height:5px; right:10px; bottom:12px; border-right:1.5px solid #758B89; border-bottom:1.5px solid #758B89; transform:rotate(45deg); pointer-events:none; }
.dh .dh-button { display:inline-flex; justify-content:center; align-items:center; gap:7px; min-height:36px; padding:8px 12px; color:#08765D; background:#fff; border:1px solid #E8EEEA; border-radius:7px; box-shadow:none; font-size:12px; font-weight:600; cursor:pointer; text-decoration:none; white-space:nowrap; }
.dh .dh-button.primary { color:#fff; background:#08765D; border-color:#08765D; }
.dh .dh-button.primary:hover { background:#075740; }
.dh .dh-button.mint { background:#E7F5EE; }
.dh .dh-text-button { display:inline-flex; align-items:center; gap:6px; padding:6px; color:#08765D; background:none; border:0; border-radius:4px; box-shadow:none; font-size:12px; cursor:pointer; }
.dh button:disabled { opacity:.5; cursor:default; }
.dh :is(button,a,input,select):focus-visible { outline:2px solid #08765D; outline-offset:3px; }
.dh .dh-basis { font-size:11px; margin:6px 0; }
.dh-dates { display:flex; flex-wrap:wrap; gap:12px; padding:10px 0; }
.dh-dates label { display:flex; align-items:center; gap:8px; font-size:12px; }
.dh-workspace { background:#fff; border:1px solid #EEF2EE; border-radius:12px; box-shadow:0 3px 14px #102D3306; padding:0 12px; }
.dh-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; padding:12px 0; }
.dh-search { display:flex; align-items:center; gap:7px; flex:1; min-width:180px; color:#758B89; border:1px solid #E8EEEA; border-radius:7px; padding:0 9px; background:#F8F9F8; height:38px; }
.dh .dh-search input { border:0; padding:0; width:100%; min-width:0; background:none; font-size:12px; }
.dh-secondary { display:flex; gap:8px; }
.dh-secondary select { max-width:155px; min-width:100px; font-size:12px; height:38px; padding:6px 8px; }
.dh .dh-filter-toggle { display:none; }
.dh-split { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; align-items:start; }
.dh-split.has-detail { grid-template-columns:minmax(0,1fr) 340px; }
.dh-list { min-width:0; }
.dh-table-scroll { overflow-x:auto; width:100%; overscroll-behavior-x:contain; }
.dh table { width:100%; border-collapse:collapse; min-width:870px; font-size:12px; table-layout:fixed; }
.dh th:nth-child(1) { width:22%; }
.dh th:nth-child(2) { width:20%; }
.dh th:nth-child(3) { width:13%; }
.dh th:nth-child(4) { width:15%; }
.dh th:nth-child(5) { width:13%; }
.dh th:nth-child(6) { width:11%; }
.dh th:nth-child(7) { width:6%; text-align:center; }
.dh td:last-child { text-align:center; }
.dh td > strong, .dh td small, .dh-origin { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dh-origin { display:block; }
.dh td > strong { line-height:1.4; }
.dh th { text-align:left; padding:8px 10px; background:#F8F9F8; color:#758B89; border:0; font-size:11px; font-weight:600; white-space:nowrap; }
.dh td { padding:6px 8px; height:46px; border-bottom:1px solid #F0F3F0; color:#526F6D; line-height:1.35; font-variant-numeric:tabular-nums; }
.dh tbody tr { cursor:pointer; }
.dh tbody tr:hover { background:#F8FCF9; }
.dh tbody tr.selected { background:#EDF8F1; }
.dh td > strong { display:block; font-size:12px; font-weight:600; color:#102D33; }
.dh td small { display:block; font-size:11px; color:#758B89; white-space:nowrap; }
.dh td:nth-child(2) { min-width:115px; }
.dh td:nth-child(3) { white-space:nowrap; }
.dh td:nth-child(4) { min-width:104px; }
.dh .dh-delivery-link { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; padding:0; border:0; background:none; box-shadow:none; color:#08765D; border-radius:0; font-size:12px; font-weight:650; cursor:pointer; white-space:nowrap; text-align:left; }
.dh .dh-delivery-link:hover, .dh .dh-delivery-link:focus-visible { text-decoration:underline; }
.dh td a { text-decoration:none; color:#526F6D; }
.dh .dh-date { min-width:90px; max-width:104px; font-size:11px; }
.dh-badge { display:inline-flex; gap:4px; align-items:center; padding:3px 7px; border-radius:12px; font-size:11px; white-space:nowrap; font-weight:500; }
.dh-badge > span { width:5px; height:5px; background:currentColor; border-radius:50%; }
.dh-badge.green { background:#E7F5EE; color:#08765D; }
.dh-badge.blue { background:#E4F4FC; color:#278BB5; }
.dh-badge.red { background:#FDE7E7; color:#CE5353; }
.dh-badge.amber { background:#FFF3D8; color:#B77913; }
.dh-badge.neutral { background:#F0F3F1; color:#6B807C; }
.dh .dh-icon-button { display:inline-grid; place-items:center; padding:0; min-height:28px; width:28px; height:28px; color:#758B89; border:1px solid #EEF2EE; background:#fff; border-radius:50%; box-shadow:none; cursor:pointer; flex-shrink:0; }
.dh-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px; font-size:11px; color:#758B89; }
.dh-pagination > div { display:flex; align-items:center; gap:6px; }
.dh-pagination > div > span { background:#E7F5EE; color:#08765D; border-radius:6px; min-width:28px; height:28px; display:grid; place-items:center; }
.dh .dh-details { position:static; display:block; margin:0 0 12px; width:100%; max-width:none; max-height:none; height:auto; padding:13px; border:1px solid #EEF2EE; border-radius:12px; background:#fff; color:#102D33; min-width:0; box-shadow:0 3px 10px #102D3304; }
.dh-details header,.dh-create header { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.dh-detail-summary { background:#E7F5EE; padding:10px; border-radius:6px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:5px; }
.dh-detail-summary strong { font-size:12px; overflow-wrap:anywhere; }
.dh-detail-summary small { font-size:11px; color:#758B89; width:100%; overflow-wrap:anywhere; }
.dh-detail-tabs { display:flex; gap:2px; padding:8px 0 12px; }
.dh-detail-tabs button { flex:1; padding:5px 3px; border:0; border-radius:5px; box-shadow:none; background:none; color:#758B89; font-size:11px; cursor:pointer; white-space:nowrap; }
.dh-detail-tabs button.active { background:#E7F5EE; color:#08765D; }
.dh-fields { display:grid; gap:6px; margin:4px 0 8px!important; line-height:1.3; }
.dh-fields > div { display:grid; grid-template-columns:18px minmax(0,1fr); column-gap:7px; font-size:12px; }
.dh-fields .admin-exec-icon { grid-column:1; grid-row:1 / 3; color:#527F74; }
.dh-fields dt { grid-column:2; color:#758B89; font-size:11px; }
.dh-fields dd { grid-column:2; margin:0; overflow-wrap:anywhere; }
.dh-fields a { color:#102D33; text-decoration:none; }
.dh-overview-layout.with-map { display:grid; grid-template-columns:minmax(0,1fr) 108px; gap:10px; align-items:start; }
.dh-map-preview { min-width:0; padding-top:4px; }
.dh-map-preview .dh-map { height:125px; }
.dh-map-preview .dh-map-link { line-height:1.3; }
.dh-map-preview .maplibregl-ctrl-attrib { font-size:8px; border-radius:4px; }
.dh-map-preview .maplibregl-ctrl-attrib:not([open]) { width:24px; height:24px; min-height:24px; padding:0; }
.dh-map-preview .maplibregl-ctrl-bottom-right { padding:0 3px 3px; }
.dh-map { width:100%; height:136px; border-radius:7px; border:1px solid #E8EEEA; overflow:hidden; }
.dh-map-link { display:flex; justify-content:space-between; color:#08765D; text-decoration:none; font-size:11px; padding:7px 0; }
.dh-timeline { padding:0 0 0 14px; margin-left:4px!important; list-style:none; border-left:1px solid #B9DFCF; }
.dh-timeline li { position:relative; display:flex; justify-content:space-between; gap:8px; padding:0 0 9px; font-size:11px; }
.dh-timeline li::before { content:""; width:6px; height:6px; border-radius:50%; background:#08765D; border:2px solid #E7F5EE; position:absolute; left:-18px; top:3px; box-sizing:content-box; }
.dh-timeline strong { font-weight:600; }
.dh-timeline time { color:#758B89; max-width:90px; text-align:right; }
.dh-detail-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; padding-top:12px; border-top:1px solid #E8EEEA; }
.dh-detail-actions .dh-button { font-size:11px; padding:7px 9px; }
.dh .dh-muted { font-size:12px; margin:10px 0; }
.dh .dh-proof-state { font-size:16px; font-weight:650; color:#102D33; }
.dh-proof-image { width:100%; max-height:200px; object-fit:contain; border:1px solid #E8EEEA; border-radius:6px; }
.dh-proof-empty { display:grid; place-items:center; padding:28px 10px; gap:10px; background:#F8F9F6; border-radius:7px; margin:14px 0; color:#758B89; }
.dh-notice { padding:12px; background:#F8F9F6; border-radius:6px; margin:12px 0!important; }
.dh-empty { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; padding:24px; }
.dh-empty h2 { font-size:18px; }
.dh .dh-footnote { font-size:11px; margin:12px 0; }
.dh-footnote summary { cursor:pointer; width:fit-content; padding:4px 0; color:#758B89; }
.dh-footnote p { padding-top:6px; font-size:11px; }
.dh-reporting-info { position:relative; display:inline-flex; }
.dh-reporting-info > span { display:none; position:absolute; top:calc(100% + 8px); right:0; width:250px; padding:10px 12px; border:1px solid #D6EBDD; border-radius:8px; background:#fff; color:#526F6D; font-size:12px; line-height:1.5; box-shadow:0 4px 16px #102D3314; z-index:5; }
.dh-reporting-info:hover > span, .dh-reporting-info:focus-within > span { display:block; }
@media(min-width:1200px) {
 .dh-split.has-detail table { min-width:0; }
 .dh-split.has-detail .dh-phone-column { display:none; }
 .dh-split.has-detail th:nth-child(1) { width:23%; }
 .dh-split.has-detail th:nth-child(2) { width:22%; }
 .dh-split.has-detail th:nth-child(4) { width:17%; }
 .dh-split.has-detail th:nth-child(5) { width:17%; }
 .dh-split.has-detail th:nth-child(6) { width:14%; }
 .dh-split.has-detail th:nth-child(7) { width:7%; }
 .dh-details h3 { margin:12px 0 9px; }
}
.dh .dh-message { color:#08765D; font-size:12px; }
.dh-skeleton { display:block; background:#EDF2EE; border-radius:5px; animation:dh-pulse 1.2s ease-in-out infinite alternate; }
.dh-value-skeleton { width:70px; height:32px; margin:4px 0; }
.dh-row-skeleton { height:34px; margin:16px 12px; }
.dh .dh-create { position:fixed; inset:0; width:480px; max-width:calc(100% - 32px); max-height:85dvh; padding:24px; margin:auto; border:1px solid #E8EEEA; border-radius:12px; color:#102D33; background:#fff; }
.dh-create::backdrop,.dh-details::backdrop { background:#102D3340; }
.dh-create label { display:block; margin:16px 0 8px; font-size:12px; }
.dh-create input { display:block; width:100%; margin-top:6px; }
.dh-create-option { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px 0; border-top:1px solid #E8EEEA; font-size:12px; }
.dh-create-option small { display:block; color:#758B89; }
@keyframes dh-pulse { to { opacity:.45; } }
@media(max-width:1199px) {
 .deliveries-shell .dh-main { width:calc(100% - 48px); }
 .dh-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dh-split.has-detail { grid-template-columns:minmax(0,1fr); }
 .dh .dh-details { position:fixed; inset:0 0 0 auto; margin:0; width:420px; max-width:100%; height:100dvh; max-height:100dvh; border-radius:0; overflow:auto; padding:22px; }
 .dh-toolbar { flex-wrap:wrap; }
 .dh-search { flex-basis:100%; }
}
@media(max-width:767px) {
 .dh-reporting-info > span { left:50%; right:auto; transform:translateX(-50%); width:250px; }
 .deliveries-shell .dh-main { width:calc(100% - 32px); padding-top:22px; }
 .dh h1 { font-size:29px; }
 .dh-kpis { gap:10px; }
 .dh-kpi { padding:12px; gap:8px; }
 .dh-kpi-icon { width:30px; height:30px; border-radius:7px; }
 .dh-kpi h2 { font-size:11px; }
 .dh-kpi strong { font-size:27px; }
 .dh-kpi small { font-size:11px; }
 .dh-scope { width:100%; }
 .dh-scope label { flex:1 1 140px; min-width:0; }
 .dh-scope .dh-button { flex:1; }
 .dh-tabs { width:100%; }
 .dh-tabs button { font-size:11px; padding:7px 10px; }
 .dh .dh-filter-toggle { display:flex; }
 .dh-secondary { display:none; }
 .dh-secondary.expanded { display:flex; flex-wrap:wrap; width:100%; order:5; }
 .dh-secondary select { flex:1; max-width:none; }
 .dh .dh-details { width:100%; }
 .dh table { min-width:850px; }
 .dh .dh-pagination { padding:10px 8px; }
}
@media(max-width:350px){ .dh-kpis { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce){ .dh-skeleton { animation:none; } }