.stock-banner { display: flex; align-items: center; gap: 16px; background: var(--ink-2); border: 1px solid var(--border-g); border-radius: var(--r-md); padding: 18px 22px; margin-bottom: 24px; }
.stock-icon { width: 48px; height: 48px; border-radius: var(--r-md); background: rgba(0,230,118,.08); border: 1px solid var(--border-g); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; color: var(--g); flex-shrink: 0; }
.stock-label { font-size: .75rem; color: var(--text-2); }
.stock-val { font-family: 'Space Grotesk', sans-serif; font-size: 1.8rem; font-weight: 700; color: var(--g); }
.order-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
@media(max-width:767px) { .order-grid { grid-template-columns: 1fr; } }
.pkg-card { background: var(--ink-2); border: 1px solid var(--border); border-radius: var(--r-md); padding: 20px; cursor: pointer; transition: border-color .18s; }
.pkg-card:hover { border-color: var(--border-g); }
.pkg-card.selected { border-color: var(--g); background: rgba(0,230,118,.04); }
.pkg-qty { font-family: 'Space Grotesk', sans-serif; font-size: 1.4rem; font-weight: 700; color: var(--text-1); }
.pkg-price { font-size: .85rem; color: var(--g); margin-top: 4px; font-weight: 600; }
.pkg-unit { font-size: .73rem; color: var(--text-3); margin-top: 2px; }
.orders-table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.orders-table th { text-align: left; font-size: .7rem; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--text-3); padding: 8px 12px; border-bottom: 1px solid var(--border); }
.orders-table td { padding: 10px 12px; border-bottom: 1px solid var(--border); color: var(--text-1); vertical-align: middle; }
.orders-table tr:last-child td { border-bottom: none; }
.badge { display: inline-block; padding: 2px 8px; border-radius: 100px; font-size: .68rem; font-weight: 600; }
.badge-pending { background: rgba(245,158,11,.1); color: #fbbf24; border: 1px solid rgba(245,158,11,.22); }
.badge-printed { background: rgba(96,165,250,.1); color: #60a5fa; border: 1px solid rgba(96,165,250,.22); }
.badge-shipped { background: rgba(167,139,250,.1); color: #a78bfa; border: 1px solid rgba(167,139,250,.22); }
.badge-delivered { background: rgba(0,230,118,.1); color: var(--g); border: 1px solid var(--border-g); }
.empty-state { text-align: center; padding: 40px 20px; color: var(--text-3); font-size: .84rem; }