/* ===== REPRESENTATIVE PANEL ===== */

/* Rep tab bar */
.rep-tab-bar{display:flex;gap:4px;flex-wrap:wrap}

/* Badge for rep status in order list */
.badge-rep{background:rgba(16,185,129,0.12);color:#10b981;border:1px solid rgba(16,185,129,0.25)}
[data-theme="dark"] .badge-rep{background:rgba(16,185,129,0.15);color:#34d399;border-color:rgba(16,185,129,0.3)}

/* Rep profile card in modal */
.rep-profile-header{
  display:flex;gap:16px;align-items:center;padding:16px;
  border-radius:var(--radius-md);margin-bottom:16px;
  background:var(--bg-card);border:1px solid var(--border-subtle);
}
.rep-profile-avatar{
  width:56px;height:56px;border-radius:50%;
  background:linear-gradient(135deg,#10b981,#059669);
  display:flex;align-items:center;justify-content:center;
  font-size:22px;font-weight:900;color:#fff;flex-shrink:0;
}
.rep-profile-info h3{font-size:16px;font-weight:800;color:var(--text-primary);margin-bottom:4px}
.rep-profile-info p{font-size:12px;color:var(--text-muted)}

/* Rep stats grid in profile */
.rep-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.rep-profile-stat{
  text-align:center;padding:12px 8px;border-radius:var(--radius-sm);
  background:var(--bg-card);border:1px solid var(--border-subtle);
}
.rep-profile-stat .stat-val{font-size:18px;font-weight:900;color:var(--text-primary)}
.rep-profile-stat .stat-lbl{font-size:10px;color:var(--text-muted);margin-top:2px}

/* Rep order card in order list */
.rep-order-info{
  margin-top:6px;padding:8px 12px;border-radius:var(--radius-sm);
  background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.12);
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;
}
.rep-order-info .rep-name{font-weight:700;color:#10b981}
.rep-order-info .rep-stat{color:var(--text-muted)}
.rep-order-info .rep-wa-btn{
  padding:4px 10px;border-radius:16px;border:none;cursor:pointer;
  background:rgba(37,211,102,0.15);color:#25d366;font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;transition:var(--transition);
  font-family:inherit;
}
.rep-order-info .rep-wa-btn:hover{background:rgba(37,211,102,0.25)}
.rep-order-info .rep-deliver-btn{
  padding:4px 10px;border-radius:16px;border:none;cursor:pointer;
  background:rgba(99,102,241,0.15);color:#818cf8;font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;transition:var(--transition);
  font-family:inherit;
}
.rep-order-info .rep-deliver-btn:hover{background:rgba(99,102,241,0.25)}

/* Rep badge in order table */
.rep-match-badge{
  display:inline-flex;align-items:center;gap:3px;
  padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;
  background:rgba(16,185,129,0.1);color:#10b981;margin-left:4px;
}
[data-theme="dark"] .rep-match-badge{background:rgba(16,185,129,0.15);color:#34d399}

/* POS product card reuse - rep variant */
.rep-pcard{
  background:var(--bg-card);border:2px solid var(--border-subtle);
  border-radius:var(--radius-md);padding:14px;cursor:pointer;
  transition:all 0.2s ease;text-align:center;
}
.rep-pcard:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 16px rgba(16,185,129,0.12)}
.rep-pcard.in-cart{border-color:#10b981;background:rgba(16,185,129,0.06)}
.rep-pcard .pcard-name{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:6px}
.rep-pcard .pcard-prices{display:flex;justify-content:center;gap:8px;font-size:12px}
.rep-pcard .pcard-retail{color:var(--text-muted);text-decoration:line-through}
.rep-pcard .pcard-wholesale{color:#10b981;font-weight:800}
.rep-pcard .pcard-stock{font-size:11px;color:var(--text-muted);margin-top:4px}
.rep-pcard .pcard-qty-badge{
  position:absolute;top:-6px;right:-6px;
  width:22px;height:22px;border-radius:50%;
  background:#10b981;color:#fff;font-size:11px;font-weight:800;
  display:flex;align-items:center;justify-content:center;
}
[data-theme="dark"] .rep-pcard{background:rgba(15,12,50,0.65);border-color:rgba(16,185,129,0.15)}
[data-theme="dark"] .rep-pcard:hover{border-color:#10b981}

/* Transaction type badges */
.rep-tx-badge{padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.rep-tx-badge.tx-product{background:rgba(99,102,241,0.1);color:#6366f1}
.rep-tx-badge.tx-money{background:rgba(16,185,129,0.1);color:#10b981}
[data-theme="dark"] .rep-tx-badge.tx-product{background:rgba(99,102,241,0.15);color:#a5b4fc}
[data-theme="dark"] .rep-tx-badge.tx-money{background:rgba(16,185,129,0.15);color:#34d399}

/* Transaction status badges */
.rep-status-badge{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700}
.rep-status-badge.st-pending{background:rgba(245,158,11,0.1);color:#f59e0b}
.rep-status-badge.st-delivered{background:rgba(16,185,129,0.1);color:#10b981}
.rep-status-badge.st-cancel{background:rgba(239,68,68,0.1);color:#ef4444}
[data-theme="dark"] .rep-status-badge.st-pending{background:rgba(245,158,11,0.15);color:#fbbf24}
[data-theme="dark"] .rep-status-badge.st-delivered{background:rgba(16,185,129,0.15);color:#34d399}
[data-theme="dark"] .rep-status-badge.st-cancel{background:rgba(239,68,68,0.15);color:#f87171}

/* Cart item in rep order */
.rep-cart-item{
  padding:10px 12px;border-radius:var(--radius-sm);
  background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);
  margin-bottom:6px;
}
.rep-cart-item .item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.rep-cart-item .item-name{font-size:12px;font-weight:700;color:var(--text-primary)}
.rep-cart-item .item-total{font-size:13px;font-weight:800;color:#10b981}
.rep-cart-item .item-bottom{display:flex;justify-content:space-between;align-items:center}
.rep-cart-item .item-unit{font-size:11px;color:var(--text-muted)}

/* Rep balance display */
.rep-balance{font-size:18px;font-weight:900}
.rep-balance.positive{color:#ef4444}
.rep-balance.zero{color:#10b981}

/* Responsive */
@media(max-width:768px){
  .rep-profile-stats{grid-template-columns:repeat(2,1fr)}
  .rep-order-info{flex-direction:column;align-items:flex-start}
}