/* Orders page (new UI, "A · Sidebar"): orders | rentals tabs with an active-rentals badge. Builds on the .ord-* styles in styles.css. */
.ord-sections { display:inline-flex; gap:6px; padding:6px; margin-bottom:14px; border-radius:16px; background:#151518; border:1px solid rgba(255,255,255,.14); }
.ord-section-tab { display:inline-flex; align-items:center; gap:8px; min-height:46px; padding:0 18px; border-radius:11px; border:0; background:none; cursor:pointer; font:900 15px Cairo, sans-serif; color:#B4B4BD; transition:background .2s, color .2s; }
.ord-section-tab:hover { color:#fff; }
.ord-section-tab[aria-selected="true"] { background:#1A1A1E; color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.14); }
.ord-section-tab:focus-visible { outline:2px solid #F39125; outline-offset:2px; }
.ord-count { min-width:22px; height:22px; padding:0 6px; border-radius:99px; display:inline-grid; place-items:center; font:800 12px 'JetBrains Mono', monospace; font-variant-numeric:tabular-nums; }
.ord-count.muted { background:rgba(255,255,255,.1); color:#B4B4BD; }
.ord-count.rent { background:#2DD4BF; color:#04140f; }
.ord-count[hidden] { display:none; }
/* status filter now uses aria-pressed (buttons, not tabs) */
.ord-tab[aria-pressed="true"] { background:var(--o-brand); color:#1a0f02; }
.ord-tab[aria-pressed="true"] .c { background:rgba(0,0,0,.18); }
.ord-kpi.rent b { color:#2DD4BF; }
/* rentals panel */
#ord-panel-rentals .plus-page { margin:0; }
.ord-rent-empty { text-align:center; padding:44px 20px; border-radius:20px; border:1px dashed rgba(255,255,255,.14); color:#B4B4BD; font-weight:700; }
.ord-rent-empty h3 { color:#fff; font-size:20px; font-weight:900; margin:0 0 4px; }
.ord-rent-empty a { display:inline-flex; align-items:center; min-height:44px; margin-top:14px; padding:0 18px; border-radius:12px; background:#2DD4BF; color:#04140f; font-weight:900; text-decoration:none; }
@media (max-width:640px) { .ord-sections { display:flex; } .ord-section-tab { flex:1; justify-content:center; padding:0 10px; } }
@media (prefers-reduced-motion:reduce) { .ord-section-tab { transition:none; } }