/* Acompanhamento de entrega: sequência operacional clara para administração e cliente. */
.fulfillment-progress,.customer-order-progress{border-bottom:1px solid var(--line);padding:19px 0}.fulfillment-progress header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:20px}.fulfillment-progress header small,.fulfillment-action small{color:var(--ink-muted);display:block;font-size:9px;font-weight:800;letter-spacing:.08em}.fulfillment-progress header strong{display:block;font:700 15px var(--font-display);letter-spacing:-.035em;margin-top:3px}.fulfillment-progress header>span{color:var(--ink-muted);font-size:10px;font-weight:700}.fulfillment-progress ol,.customer-order-progress ol{display:grid;gap:0;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;margin:0;padding:0}.fulfillment-progress li,.customer-order-progress li{color:var(--ink-muted);min-width:0;position:relative;text-align:center}.fulfillment-progress li:not(:last-child):after,.customer-order-progress li:not(:last-child):after{background:#d9e2ed;content:'';height:2px;left:50%;position:absolute;right:-50%;top:14px;z-index:0}.fulfillment-progress li.is-complete:not(:last-child):after,.customer-order-progress li.is-complete:not(:last-child):after{background:var(--blue)}.fulfillment-progress li>span,.customer-order-progress li>span{align-items:center;background:#fff;border:2px solid #cbd7e4;border-radius:50%;color:#8392a3;display:inline-flex;height:30px;justify-content:center;position:relative;width:30px;z-index:1}.fulfillment-progress li>span i,.customer-order-progress li>span i{font-size:12px}.fulfillment-progress li strong,.customer-order-progress li strong{display:block;font-size:9px;font-weight:700;line-height:1.25;margin:7px auto 0;max-width:92px}.fulfillment-progress li.is-complete,.customer-order-progress li.is-complete{color:#3f688e}.fulfillment-progress li.is-complete>span,.customer-order-progress li.is-complete>span{background:#edf6ff;border-color:var(--blue);color:var(--blue)}.fulfillment-progress li.is-current,.customer-order-progress li.is-current{color:var(--ink)}.fulfillment-progress li.is-current>span,.customer-order-progress li.is-current>span{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 4px rgba(39,127,219,.14);color:#fff}.fulfillment-progress.is-cancelled li,.customer-order-progress.is-cancelled li{color:#9a6970}.fulfillment-progress.is-cancelled li>span,.customer-order-progress.is-cancelled li>span{background:#fff5f5;border-color:#efc5c7;color:#bf5a60}.fulfillment-action{align-items:center;background:#eff7ff;border:1px solid #d3e7f9;display:flex;gap:14px;justify-content:space-between;margin:18px 0;padding:15px}.fulfillment-action>div{min-width:0}.fulfillment-action strong{display:block;font:700 16px var(--font-display);letter-spacing:-.035em;margin-top:3px}.fulfillment-action p{color:var(--ink-soft);font-size:11px;line-height:1.45;margin:4px 0 0}.fulfillment-action .button{flex:0 0 auto}.fulfillment-action.is-readonly,.fulfillment-action.is-blocked{justify-content:flex-start}.fulfillment-action.is-readonly{background:#f5f8fb;border-color:#e0e7ee}.fulfillment-action.is-blocked{background:#fff8ed;border-color:#f2dfbb}.fulfillment-action.is-readonly>i{color:var(--green);font-size:19px}.fulfillment-action.is-readonly:has(.bi-x-circle)>i{color:var(--red)}.fulfillment-action.is-blocked>i{color:#b57b20;font-size:19px}.fulfillment-action.is-readonly p,.fulfillment-action.is-blocked p{margin:0}.customer-order-progress{background:#f7faff;border:1px solid #e0eaf3;margin:2px 0 14px;padding:15px}.customer-order-progress>p{color:#536b85;font-size:10px;font-weight:800;margin:0 0 15px}.customer-order-progress li>span{height:27px;width:27px}.customer-order-progress li:not(:last-child):after{top:13px}.customer-order-progress li strong{font-size:8px;max-width:78px}.customer-order-progress.is-cancelled{background:#fff8f8;border-color:#f0d8d9}.customer-order-progress.is-cancelled>p{color:#a05459}@media(max-width:650px){.fulfillment-progress,.customer-order-progress{overflow-x:auto}.fulfillment-progress ol,.customer-order-progress ol{min-width:515px}.fulfillment-progress header{min-width:515px}.fulfillment-action{align-items:flex-start;flex-direction:column}.fulfillment-action .button{min-height:42px;width:100%}}