/* ─── Selection Mode ─── */
.invoice-card.selectable{cursor:pointer;user-select:none}
.invoice-card.selected{border-color:rgba(245,158,11,0.5);box-shadow:0 0 0 2px rgba(245,158,11,0.2),var(--shadow-sm);background:rgba(245,158,11,0.04)}
.invoice-card.selected::after{content:"✓";position:absolute;top:10px;left:10px;width:26px;height:26px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;z-index:5;animation:checkPop 0.3s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes checkPop{from{transform:scale(0)}to{transform:scale(1)}}

/* ─── Selection Bar ─── */
.selection-bar{position:fixed;bottom:0;left:0;right:0;z-index:500;background:rgba(28,24,20,0.98);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:14px 24px;display:none;align-items:center;gap:16px;box-shadow:0 -12px 40px rgba(0,0,0,0.4);transform:translateY(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);animation:barIn 0.3s cubic-bezier(0.4,0,0.2,1) both}
.selection-bar.show{display:flex;transform:translateY(0)}
@keyframes barIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
.selection-info{flex:1;display:flex;align-items:center;gap:14px;min-width:0}
.selection-count{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#fff;white-space:nowrap}
.selection-count-icon{width:32px;height:32px;border-radius:9px;background:rgba(245,158,11,0.15);color:#fbbf24;display:flex;align-items:center;justify-content:center;font-size:14px}
.selection-total{font-size:14px;font-weight:900;font-family:"SF Mono",monospace;color:#fbbf24;direction:ltr;white-space:nowrap}
.selection-actions{display:flex;gap:8px;flex-shrink:0}
.selection-clear{width:38px;height:38px;border-radius:var(--radius-sm);background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all 0.15s}
.selection-clear:hover{background:rgba(239,68,68,0.15);color:#fca5a5}

/* ─── Select Toggle Button ─── */
.btn-select{margin-right:auto}
.btn-select.active{background:rgba(245,158,11,0.15);border-color:rgba(245,158,11,0.5);color:#fbbf24}

@media(max-width:768px){
  .selection-bar{padding:12px 16px;gap:10px;flex-wrap:wrap}
  .selection-info{width:100%;order:1}
  .selection-actions{width:100%;order:2}
  .selection-actions .btn{flex:1;justify-content:center}
  .selection-clear{width:auto;padding:0 12px}
}