/* ============================================================
   broker-approvals.css — صف تأیید (Navy / Teal / Gold)
   ============================================================ */

.approval-card{position:relative}
.approval-card::before{
  content:'';position:absolute;top:0;bottom:0;inset-inline-end:0;width:4px;
  border-start-end-radius:var(--r-lg);border-end-end-radius:var(--r-lg);
}
.approval-card[data-priority="0"]::before{background:linear-gradient(180deg,#CBD5E1,#94A3B8)}
.approval-card[data-priority="10"]::before{background:linear-gradient(180deg,#7DD3FC,#0284C7)}
.approval-card[data-priority="50"]::before{background:linear-gradient(180deg,#FBBF24,var(--gold))}
.approval-card[data-priority="100"]::before{background:linear-gradient(180deg,#F87171,#DC2626)}

.approval-priority{
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 10px;border-radius:var(--r-pill);
  font-size:10px;font-weight:800;white-space:nowrap;
  border:1px solid transparent;
}
.approval-priority[data-priority="0"]{background:#F1F5F9;color:#475569;border-color:#E2E8F0}
.approval-priority[data-priority="10"]{background:linear-gradient(135deg,#F0F7FD,#E0F2FE);color:#075985;border-color:#BAE0F7}
.approval-priority[data-priority="50"]{background:linear-gradient(135deg,#FFFBEB,var(--goldc));color:var(--ongold);border-color:#F2DFA0}
.approval-priority[data-priority="100"]{background:linear-gradient(135deg,#FEE2E2,#FECACA);color:#991B1B;border-color:#FECACA}

.approval-meta{
  display:grid;gap:4px;
  background:linear-gradient(180deg,#FAFCFF,#fff);
  border:1px solid var(--line);border-radius:var(--r-md);
  padding:12px 14px;margin:4px 0;
}
.approval-meta-row{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}
.approval-meta-row .material-symbols-rounded{font-size:17px;color:var(--p);flex:0 0 auto}
.approval-meta-row b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.approval-meta-row .muted{color:var(--muted);font-size:11.5px}

.approval-fee{
  background:linear-gradient(135deg,#F0F7FD 0%, #F0FDFA 100%);
  border:1.5px solid #BAE0F7;
  border-radius:var(--r-md);padding:13px 15px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:var(--sh-xs);
}
.approval-fee .lbl{font-size:11px;color:#075985;font-weight:700}
.approval-fee .amt{
  font-size:19px;font-weight:800;color:var(--p);
  font-variant-numeric:tabular-nums;letter-spacing:-.5px;
}

.approval-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto}
.approval-actions .btn{flex:1 1 auto;min-width:0}

.approval-note{
  font-size:11.5px;color:var(--muted);
  background:linear-gradient(180deg,#FAFCFF,#F2F6FB);
  border-radius:12px;padding:9px 12px;line-height:1.8;
  border-inline-start:3px solid var(--teal);
  font-weight:500;
}

.tiers-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.tier-card{
  border:1.5px solid #E2E8F0;border-radius:var(--r-md);padding:16px;
  background:linear-gradient(135deg,#FDFFFE 0%, #F2F6FB 100%);
  display:flex;flex-direction:column;gap:6px;
  box-shadow:var(--sh-xs);
  transition:box-shadow var(--t) var(--ease), transform var(--t) var(--ease);
}
.tier-card:hover{box-shadow:var(--sh-sm);transform:translateY(-1px)}
.tier-card.inactive{opacity:.55}
.tier-card .tier-name{font-size:14.5px;font-weight:800;color:var(--p);letter-spacing:-.2px}
.tier-card .tier-range{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.tier-card .tier-fee{font-size:16px;font-weight:800;color:var(--txt);font-variant-numeric:tabular-nums}
.tier-card .tier-fee small{font-size:11px;color:var(--muted);font-weight:500}

@media(max-width:700px){
  .approval-actions{flex-direction:column}
  .approval-actions .btn{width:100%;flex:1 1 100%}
}