.delivery-timeline{display:grid;gap:20px;color:#183f36;min-width:0}.dt-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.dt-heading h3{margin:6px 0 10px;font-size:24px}.dt-heading p,.dt-asof{font-size:12px;line-height:1.7;color:#5d736b;max-width:75ch}.dt-kicker{font-size:10px;letter-spacing:.13em;font-weight:750;color:#567a6c}.dt-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;border:1px solid #d6e4df;border-radius:18px;background:#f7faf8}.dt-filters label{display:grid;gap:8px;font-size:12px;flex:1 1 150px;min-width:0}.dt-filters input,.dt-filters select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;border:1px solid #afc8be;border-radius:10px;padding:11px;background:white;color:inherit;font:inherit}.dt-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dt-summary>div{padding:17px;border-radius:16px;border:1px solid #d6e3e0;background:#eef7f3}.dt-summary>div:nth-child(2){background:#edf2ff}.dt-summary>div:nth-child(3){background:#e9f5e8}.dt-summary>div:nth-child(4){background:#fff0f2}.dt-summary>div:nth-child(5){background:#fff6e6}.dt-summary small{display:block;font-size:11px;line-height:1.6;margin-bottom:8px}.dt-summary strong{font-size:26px}.dt-asof{margin:0}.dt-orders{display:grid;gap:20px}.dt-order{padding:24px;border:1px solid #d4e3dc;border-radius:20px;background:linear-gradient(135deg,#fff,#f8fbfa);min-width:0}.dt-order>header{display:flex;gap:14px;align-items:start;justify-content:space-between}.dt-order h4{font-size:17px;margin:0 0 8px;overflow-wrap:anywhere}.dt-order header p,.dt-promise{font-size:12px;line-height:1.7;margin:0;overflow-wrap:anywhere}.dt-state{font-size:11px;border-radius:24px;padding:7px 12px;text-transform:capitalize;flex:0 0 auto;background:#eef2ff;color:#3c5290}.dt-delivered{background:#e3f2e6;color:#2a623d}.dt-cancelled{background:#fbecef;color:#92485a}.dt-promise{padding:12px 0;color:#5f7069}.dt-review,.dt-notice{padding:12px 15px;border:1px solid #e9d1a6;border-radius:12px;background:#fff5e3;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.dt-review{margin:4px 0 16px}.dt-axis{display:flex;justify-content:space-between;font-size:10px;color:#6c7e75;margin:15px 0 4px}.dt-stage{padding:12px 0;border-bottom:1px solid #e6ece9}.dt-stage-title{display:flex;gap:10px;justify-content:space-between;font-size:12px;line-height:1.7}.dt-stage-title span{color:#566e63;text-align:right}.dt-track{height:17px;position:relative;overflow:hidden;border-radius:5px;background:repeating-linear-gradient(90deg,#e8eeeb 0,#e8eeeb 1px,transparent 1px,transparent 25%),#f3f6f4;margin:9px 0}.dt-bar{position:absolute;top:3px;bottom:3px;min-width:2px;border-radius:4px;background:#517bbb}.dt-ready_wait .dt-bar{background:#d49d36}.dt-delivery .dt-bar{background:#3f9b86}.dt-provisional{opacity:.65;background-image:repeating-linear-gradient(120deg,transparent,transparent 6px,#ffffff80 6px,#ffffff80 9px)}.dt-stage small{display:block;font-size:10px;line-height:1.7;color:#66776f;overflow-wrap:anywhere}.dt-milestones{margin-top:18px;font-size:12px}.dt-milestones summary{cursor:pointer;color:#2a6958;padding:6px 0}.dt-milestones dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 0}.dt-milestones dl>div{padding:12px;border-radius:10px;background:#f0f5f3;min-width:0}.dt-milestones dt{text-transform:capitalize;font-size:10px;color:#60756a;margin-bottom:6px}.dt-milestones dd{margin:0;font-size:11px;line-height:1.6;overflow-wrap:anywhere}.dt-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.dt-empty{padding:30px;border:1px dashed #bdcfc5;border-radius:18px;background:#f5faf6}.dt-empty p{font-size:12px;line-height:1.7}.delivery-timeline button:focus-visible,.dt-milestones summary:focus-visible{outline:3px solid #5f85be;outline-offset:3px}@media(max-width:600px){.dt-heading{flex-direction:column}.dt-heading h3{font-size:21px}.dt-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dt-summary>div:last-child{grid-column:1/-1}.dt-summary>div{padding:14px}.dt-filters{padding:14px}.dt-filters label{flex-basis:100%}.dt-filters button{width:100%}.dt-order{padding:16px}.dt-order>header{flex-wrap:wrap}.dt-stage-title{font-size:11px}.dt-milestones dl{grid-template-columns:1fr}.dt-axis{font-size:9px}.dt-pager{justify-content:center}}

.dt-filter-panel>summary{cursor:pointer;font-size:12px;font-weight:650;color:#286c57;padding:12px 16px;border:1px solid #c9ddd4;border-radius:12px;background:#f5faf7}.dt-filter-panel[open]>summary{margin-bottom:12px}.dt-filter-panel>summary:focus-visible{outline:3px solid #5f85be;outline-offset:3px}@media(min-width:360px) and (max-width:600px){.dt-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dt-summary>div:last-child{grid-column:auto}.dt-summary>div{padding:12px}.dt-summary strong{font-size:23px}}
