* { box-sizing: border-box; margin: 0; padding: 0; }
body { background-color: #0A0A0A; color: #c9d1d9; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; height: 100vh; display: flex; flex-direction: column; overflow: hidden; }

/* Scrollbars */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #1A1A1A; }
::-webkit-scrollbar-thumb { background: #333333; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #D4AF37; }

/* Premium Compact Card Design */
.order-card { background-color: #111111; border: 1px solid #333333; border-radius: 8px; padding: 12px; display: flex; flex-direction: column; gap: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.6); width: 100%; transition: border-color 0.2s, transform 0.2s; }
.order-card:hover { border-color: #D4AF37; }
.card-topline { display: flex; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #222222; padding-bottom: 6px; }
.order-title-id { font-size: 1.2rem; font-weight: 900; color: #D4AF37; }
.eta-counter { font-size: 1.75rem; font-weight: 900; color: #fff; text-align: right; line-height: 1; }
.eta-counter.critical { color: #f85149; animation: pulseRed 1.5s infinite; }
@keyframes pulseRed { 0% { opacity: 1; } 50% { opacity: 0.5; color: #ff7b72; } 100% { opacity: 1; } }

.item-list-container { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.item-row { padding: 6px 10px; font-size: 0.95rem; background: #1A1A1A; border-radius: 6px; display: flex; justify-content: space-between; align-items: center; border: 1px solid #222; }
.item-row.refunded { text-decoration: line-through; opacity: 0.4; border-color: #f85149; }

.action-btn { font-size: 0.85rem; font-weight: 800; padding: 10px; border: none; border-radius: 6px; color: #fff; cursor: pointer; transition: all 0.2s; text-transform: uppercase; letter-spacing: 1px; }
.action-btn:hover { filter: brightness(1.2); transform: translateY(-1px); }

/* Edit/Refund - Gold Accent */
.modify-btn { background: #D4AF37; color: black; border: none; padding: 8px; font-size: 0.85rem; font-weight: bold; cursor: pointer; border-radius: 6px; width: 100%; margin-top: 2px; display: flex; justify-content: center; align-items: center; gap: 6px; transition: background 0.2s; }
.modify-btn:hover { background: #F3D573; }

/* Out of Stock Confirm - Vibrant Red */
.btn-out-of-stock { background: #da3633; color: white; border: none; padding: 8px 14px; font-size: 0.85rem; font-weight: 900; border-radius: 6px; cursor: pointer; transition: background 0.2s; }
.btn-out-of-stock:hover { background: #b62324; box-shadow: 0 0 10px rgba(218,54,51,0.5); }

/* Modal specific tweaks */
.refund-item-row { background: #1A1A1A; border: 1px solid #333; }
.rejection-reasons { background: #1A1A1A; border: 1px solid #333; padding: 6px; border-radius: 6px; margin-top: 6px; display: flex; flex-direction: column; gap: 4px; }
.reason-click { background: #222; color: #F5F5F5; border: none; padding: 8px; font-size: 0.85rem; text-align: left; cursor: pointer; border-radius: 4px; font-weight: 600; }
.reason-click:hover { background: #da3633; color: white; }