

/* ============================================================
   broker.css — پنل کارگزار (Navy / Teal)
   ============================================================ */

.bankcard{
  background:linear-gradient(135deg, var(--p) 0%, #1E4A6E 55%, var(--teal-600) 100%);
  color:#fff;border-radius:var(--r-xl);
  padding:20px;margin-bottom:16px;
  box-shadow:0 18px 40px -14px rgba(10,37,64,.75);
  position:relative;overflow:hidden;
}
.bankcard::after{
  content:'';position:absolute;inset:auto -40px -40px auto;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(closest-side, rgba(255,255,255,.18), transparent 70%);
  pointer-events:none;
}
.bankcard .lbl{font-size:10.5px;opacity:.8;font-weight:600;letter-spacing:-.05px}
.bankcard .num{
  direction:ltr;font-size:20px;letter-spacing:2.5px;font-weight:800;
  margin:10px 0;font-variant-numeric:tabular-nums;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.bankcard .holder{font-size:11.5px;opacity:.9;font-weight:500}

.broker-parties{
  display:grid;gap:6px;
  background:linear-gradient(180deg,#FAFCFF,#F2F6FB);
  border:1px solid var(--line);
  border-radius:var(--r-md);padding:11px 13px;margin:2px 0 4px;
}
.party-row{display:flex;align-items:center;gap:8px;font-size:12.5px;min-width:0}
.party-row .material-symbols-rounded{font-size:18px;color:var(--p);flex:none}
.party-lbl{color:var(--muted);font-size:11.5px;flex:none;font-weight:500}
.party-row b{
  color:var(--txt);font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}

#brokerTabs button{position:relative;display:inline-flex;align-items:center;gap:6px}
.tab-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 7px;
  border-radius:var(--r-pill);
  background:linear-gradient(135deg,var(--p),#1E4A6E);
  color:#fff;font-size:10.5px;font-weight:800;line-height:1;
  box-shadow:0 4px 10px -3px rgba(10,37,64,.6);
}
#brokerTabs button.active .tab-badge{
  background:#fff;color:var(--p);
  box-shadow:0 4px 10px -3px rgba(10,37,64,.4);
}
