/* Active Order Widget v2 */
#activeOrderWidget { max-width:1200px; margin:128px auto 0; padding:16px 20px 0; }
.aow-card { background:linear-gradient(145deg,rgba(16,217,140,.06) 0%,rgba(16,217,140,.01) 50%,rgba(0,0,0,.2) 100%); border:1px solid rgba(16,217,140,.1); border-radius:24px; padding:28px; position:relative; overflow:hidden; }
.aow-card::before { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; background:radial-gradient(circle,rgba(16,217,140,.05) 0%,transparent 70%); pointer-events:none; }
.aow-card.aow-overdue { background:linear-gradient(145deg,rgba(239,68,68,.06),rgba(239,68,68,.01),rgba(0,0,0,.2)); border-color:rgba(239,68,68,.12); }
.aow-card.aow-overdue::before { background:radial-gradient(circle,rgba(239,68,68,.05) 0%,transparent 70%); }
.aow-card.aow-return { background:linear-gradient(145deg,rgba(250,204,21,.06),rgba(250,204,21,.01),rgba(0,0,0,.2)); border-color:rgba(250,204,21,.1); }
.aow-card.aow-return::before { background:radial-gradient(circle,rgba(250,204,21,.05) 0%,transparent 70%); }
.aow-live-dot { position:absolute; top:16px; right:20px; display:flex; align-items:center; gap:6px; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:#10D98C; }
.aow-live-dot span { width:6px; height:6px; border-radius:50%; background:#10D98C; animation:aowPulse 2s ease-in-out infinite; }
@keyframes aowPulse { 0%,100%{opacity:1;} 50%{opacity:.3;} }
.aow-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:14px; }
.aow-headline { display:flex; align-items:flex-start; gap:14px; }
.aow-icon { width:48px; height:48px; border-radius:16px; background:rgba(16,217,140,.08); display:flex; align-items:center; justify-content:center; font-size:20px; color:#10D98C; flex-shrink:0; }
.aow-overdue .aow-icon { background:rgba(239,68,68,.08); color:#ef4444; }
.aow-return .aow-icon { background:rgba(250,204,21,.08); color:#facc15; }
.aow-title { font-size:20px; font-weight:800; color:#f9fafb; margin-bottom:2px; }
.aow-sub { font-size:14px; color:#9ca3af; font-weight:500; }
.aow-meta { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.aow-status { font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; padding:5px 10px; border-radius:100px; white-space:nowrap; }
.aow-status-paid { background:rgba(16,217,140,.08); color:#10D98C; }
.aow-status-preparing { background:rgba(59,130,246,.08); color:#60a5fa; }
.aow-status-in_transit { background:rgba(250,204,21,.08); color:#facc15; }
.aow-status-on_site { background:rgba(168,85,247,.08); color:#a855f7; }
.aow-status-live { background:rgba(16,217,140,.12); color:#10D98C; }
.aow-status-delivered,.aow-status-collected { background:rgba(16,217,140,.08); color:#10D98C; }
.aow-status-returning,.aow-status-packdown { background:rgba(250,204,21,.08); color:#facc15; }
.aow-status-inspecting { background:rgba(59,130,246,.08); color:#60a5fa; }
.aow-ref { font-size:12px; font-weight:700; color:#6b7280; }
.aow-status-msg { display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.04); font-size:13px; font-weight:600; color:#d1d5db; margin-bottom:16px; }
.aow-status-msg i { color:#10D98C; font-size:15px; }
.aow-overdue .aow-status-msg i { color:#ef4444; }
.aow-return .aow-status-msg i { color:#facc15; }
.aow-items { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:18px; }
.aow-item { font-size:12px; font-weight:700; color:#e5e7eb; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.06); padding:5px 12px; border-radius:100px; }
.aow-more { color:#6b7280; font-style:italic; }
.aow-progress { display:flex; align-items:center; margin-bottom:18px; padding:16px 0; overflow-x:auto; -webkit-overflow-scrolling:touch; }
.aow-step { display:flex; flex-direction:column; align-items:center; gap:6px; flex:0 0 auto; }
.aow-step span { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#4b5563; white-space:nowrap; }
.aow-step.done span { color:#9ca3af; }
.aow-step.current span { color:#10D98C; }
.aow-overdue .aow-step.current span { color:#ef4444; }
.aow-step-dot { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.04); border:2px solid rgba(255,255,255,.06); display:flex; align-items:center; justify-content:center; transition:all .3s; }
.aow-step-dot i { font-size:10px; color:#4b5563; }
.aow-step.done .aow-step-dot { background:rgba(16,217,140,.1); border-color:rgba(16,217,140,.2); }
.aow-step.done .aow-step-dot i { color:#10D98C; }
.aow-step.current .aow-step-dot { background:#10D98C; border-color:#10D98C; box-shadow:0 0 0 4px rgba(16,217,140,.12); }
.aow-step.current .aow-step-dot i { color:#000; }
.aow-overdue .aow-step.current .aow-step-dot { background:#ef4444; border-color:#ef4444; box-shadow:0 0 0 4px rgba(239,68,68,.12); }
.aow-step-line { flex:1; height:2px; background:rgba(255,255,255,.06); min-width:12px; }
.aow-due { font-size:13px; color:#9ca3af; font-weight:600; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.aow-due strong { color:#f9fafb; }
.aow-actions { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.aow-btn { display:inline-flex; align-items:center; gap:8px; padding:11px 20px; border-radius:14px; font-size:13px; font-weight:700; border:none; cursor:pointer; text-decoration:none; transition:transform .15s,opacity .15s; }
.aow-btn:hover { transform:translateY(-1px); }
.aow-btn:active { transform:scale(.97); }
.aow-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.aow-btn-primary { background:#10D98C; color:#000; }
.aow-btn-secondary { margin-bottom:24px; background:rgba(255,255,255,.06); color:#e5e7eb; border:1px solid rgba(255,255,255,.08); }
.aow-btn-warn { background:rgba(250,204,21,.08); color:#facc15; border:1px solid rgba(250,204,21,.12); }
.aow-btn-done { background:rgba(16,217,140,.08); color:#10D98C; }
.aow-notified { font-size:13px; font-weight:700; color:#10D98C; display:flex; align-items:center; gap:8px; padding:10px 16px; border-radius:12px; background:rgba(16,217,140,.04); border:1px solid rgba(16,217,140,.06); margin-bottom:14px; }
.aow-manage { display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; font-weight:700; color:#6b7280; text-decoration:none; padding-top:16px; border-top:1px solid rgba(255,255,255,.04); transition:color .2s; }
.aow-manage:hover { color:#10D98C; }
@media (max-width:640px) {
  #activeOrderWidget { padding:12px 12px 0; }
  .aow-head { flex-direction:column; gap:10px; }
  .aow-card { padding:20px; }
  .aow-title { font-size:18px; }
  .aow-actions { flex-direction:column; }
  .aow-btn { justify-content:center; width:100%; }
  .aow-progress { gap:0; padding:12px 0; }
  .aow-step-dot { width:24px; height:24px; }
  .aow-step-dot i { font-size:9px; }
  .aow-step span { font-size:8px; }
  .aow-step-line { min-width:8px; }
}

/* Return Section */
.aow-return-section {
  background: rgba(16,217,140,.03); border: 1px solid rgba(16,217,140,.08);
  border-radius: 18px; padding: 20px; margin-bottom: 14px;
}
.aow-return-header {
  display: flex; gap: 14px; align-items: flex-start; margin-bottom: 14px;
}
.aow-return-header > i {
  font-size: 20px; color: #10D98C; margin-top: 2px; flex-shrink: 0;
}
.aow-return-title {
  font-size: 15px; font-weight: 800; color: #f9fafb; margin-bottom: 4px;
}
.aow-return-desc {
  font-size: 13px; color: #9ca3af; line-height: 1.5;
}
.aow-countdown {
  display: flex; align-items: center; gap: 8px;
  padding: 10px 14px; border-radius: 12px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.04);
  font-size: 14px; font-weight: 700; color: #f9fafb;
  margin-bottom: 14px;
}
.aow-countdown i { color: #10D98C; }
.aow-eta-row {
  display: flex; align-items: center; gap: 10px; margin-bottom: 14px;
}
.aow-eta-label {
  font-size: 13px; font-weight: 600; color: #9ca3af; white-space: nowrap;
}
.aow-eta-input {
  flex: 1; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px; padding: 10px 12px; color: #f9fafb; font-size: 14px; font-weight: 600;
  outline: none; max-width: 140px;
}
.aow-eta-input:focus { border-color: #10D98C; }
.aow-btn-full { width: 100%; justify-content: center; padding: 14px 20px; font-size: 14px; }
.aow-return-note {
  font-size: 11px; color: #6b7280; text-align: center; margin-top: 10px; line-height: 1.5;
}
@media (max-width: 640px) {
  .aow-eta-row { flex-direction: column; align-items: stretch; }
  .aow-eta-input { max-width: none; }
}

.aow-status-returned { background:rgba(59,130,246,.08); color:#60a5fa; }

.aow-btn-review { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:14px 32px; background:linear-gradient(135deg,#facc15,#f59e0b); color:#000; font-size:15px; font-weight:800; border-radius:14px; text-decoration:none; transition:transform .15s; margin-bottom:12px; }
.aow-btn-review:hover { transform:translateY(-2px); }
.aow-btn-review i { font-size:17px; }
.aow-btn-dismiss { background:none; border:none; color:#6b7280; font-size:13px; font-weight:600; cursor:pointer; padding:8px; transition:color .2s; }
.aow-btn-dismiss:hover { color:#9ca3af; }