.nl-order-progress{padding:18px;border-radius:24px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(20,83,45,.18));box-shadow:0 18px 55px rgba(0,0,0,.22)}
.nl-order-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.nl-order-progress-top strong{display:block;font-size:20px;color:var(--text,#fff)}.nl-order-progress-top span{display:block;margin-top:4px;color:var(--muted,#9ca3af);font-weight:700;font-size:13px}.nl-order-progress-top b{font-size:24px;color:#4ade80}.nl-order-bar{height:12px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08)}.nl-order-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#86efac)}.nl-order-progress.is-negative .nl-order-bar i{background:linear-gradient(90deg,#ef4444,#f97316)}
.nl-order-steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px}.nl-order-step{padding:12px 8px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);min-height:102px}.nl-order-step span{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:rgba(148,163,184,.12);color:#cbd5e1;font-weight:900;margin-bottom:8px}.nl-order-step strong{display:block;color:#e5e7eb;font-size:12px}.nl-order-step small{display:block;color:#94a3b8;font-size:11px;line-height:1.25;margin-top:5px}.nl-order-step.is-done{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.09)}.nl-order-step.is-done span{background:#22c55e;color:#052e16}.nl-order-step.is-active{box-shadow:0 0 0 3px rgba(34,197,94,.12)}.nl-order-stop{margin-top:12px;padding:12px;border-radius:18px;background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.22)}.nl-order-stop strong,.nl-order-stop span{display:block}.nl-order-stop span{color:#fecaca;margin-top:3px}
.nl-timeline{position:relative;display:grid;gap:12px}.nl-timeline-item{display:grid;grid-template-columns:28px 1fr;gap:10px}.nl-timeline-dot{width:16px;height:16px;margin-top:14px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.nl-timeline-body{padding:13px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.nl-timeline-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.nl-timeline-head strong{color:#fff}.nl-timeline-head span,.nl-timeline-body small{color:#94a3b8;font-weight:800;font-size:12px}.nl-timeline-body p{margin:6px 0;color:#cbd5e1}
.nl-order-products{display:grid;gap:10px}.nl-order-product{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.nl-order-product-img{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden}.nl-order-product-img img{width:100%;height:100%;object-fit:contain}.nl-order-product-img span{color:#64748b;font-weight:900;font-size:11px}.nl-order-product strong{display:block;color:#fff}.nl-order-product span{display:block;color:#94a3b8;margin-top:4px}.nl-order-product b{color:#4ade80;white-space:nowrap}.nl-order-total{margin-top:8px;padding:14px;border-radius:18px;background:rgba(34,197,94,.10);border:1px solid rgba(34,197,94,.20);display:flex;justify-content:space-between;gap:14px}.nl-order-total strong{font-size:20px;color:#4ade80}.nl-order-note{padding:10px 12px;border-radius:16px;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);color:#bae6fd;font-weight:800;font-size:12px}.nl-status-actions{display:flex;gap:8px;flex-wrap:wrap}.nl-status-actions form{margin:0}.nl-status-actions .btn{min-height:38px}.nl-order-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.nl-mini-stat{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045)}.nl-mini-stat span{display:block;color:#94a3b8;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.nl-mini-stat strong{display:block;margin-top:6px;color:#fff;font-size:18px}.nl-order-filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.nl-order-filter a{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.045);color:#cbd5e1;font-weight:900;font-size:12px}.nl-order-filter a.active{background:linear-gradient(135deg,#22c55e,#86efac);color:#052e16}
@media(max-width:980px){.nl-order-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.nl-order-grid{grid-template-columns:1fr}}@media(max-width:560px){.nl-order-product{grid-template-columns:46px 1fr}.nl-order-product b{grid-column:2}.nl-timeline-head{display:block}.nl-order-steps{grid-template-columns:1fr}}