.topBar--tight{ justify-content:flex-start; }
.topStackSpacer--mini{ height: var(--topbar-h); }

.iconBtn{
  border:0; background:transparent; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  cursor:pointer; font-size:18px;
}

.brand--mini{ font-family:"Sora",system-ui; font-weight:900; font-size:14px; }

.card.pad{ padding:12px; }

.titleRow{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}

.title{
  display:flex; align-items:center; gap:10px;
  font-weight:950; font-size: large;
}
.title i{
  width:30px; height:30px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(15,23,42,0.06);
  border: 1px solid rgba(15,23,42,0.10);
  color: rgba(235,77,4,0.95);
}

.ordersWrap{ margin-top:12px; display:flex; flex-direction:column; gap:10px; }

.orderRow{
  border:1px solid var(--line);
  background: var(--card);
  border-radius: var(--r-md);
  padding:12px;
  box-shadow: var(--shadow-soft);
}

.orderTop{
  display:flex; align-items:flex-start; justify-content:space-between; gap:10px;
}
.orderId{ font-weight:950; }
.orderMeta{ color: var(--muted); font-size:12.4px; font-weight:750; margin-top:4px; }

.orderActions{
  margin-top:10px;
  display:flex; gap:10px;
}
.actionBtn{
  flex:1; height:40px;
  border-radius:999px;
  border:1px solid var(--line);
  background: rgba(255,255,255,0.92);
  display:flex; align-items:center; justify-content:center; gap:8px;
  font-weight:950; font-size:12.7px;
  cursor:pointer;
  text-decoration:none;
  color: inherit;
}

.statusPill{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 10px; border-radius:999px;
  font-size:12px; font-weight:950;
  border:1px solid var(--line);
  background: rgba(15,23,42,0.05);
}