/* Partner Portal additions on top of admin.css */

.login-toggle {
  text-align: center;
  margin-top: 16px;
  font-size: 0.92rem;
  color: var(--ink-2, #6b6f7a);
}
.login-toggle a {
  color: var(--gold, #b48a3a);
  font-weight: 600;
  text-decoration: none;
}
.login-toggle a:hover { text-decoration: underline; }

.login-hint {
  font-size: 0.78rem;
  color: var(--ink-3, #8b8f99);
  text-align: center;
  margin-top: 12px;
}

.rep-greeting {
  font-size: 0.92rem;
  color: var(--ink-2, #6b6f7a);
  margin-right: 12px;
}

.numbers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 16px;
}

.number-card {
  background: var(--surface-1, #fff);
  border: 1px solid var(--rule, #e8e6df);
  border-radius: 12px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.number-card .num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: -0.01em;
}
.number-card .meta {
  font-size: 0.82rem;
  color: var(--ink-3, #8b8f99);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.number-card .armed {
  font-size: 0.9rem;
  color: var(--ink-1, #1a1c20);
  border-top: 1px solid var(--rule, #e8e6df);
  padding-top: 8px;
  margin-top: 6px;
}
.number-card .armed em {
  font-style: italic;
  color: var(--gold, #b48a3a);
  font-weight: 600;
}
.number-card .idle {
  font-size: 0.85rem;
  color: var(--ink-3, #8b8f99);
  border-top: 1px solid var(--rule, #e8e6df);
  padding-top: 8px;
  margin-top: 6px;
  font-style: italic;
}

.bundle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.bundle-card {
  background: var(--surface-1, #fff);
  border: 1px solid var(--rule, #e8e6df);
  border-radius: 14px;
  padding: 22px 20px;
  position: relative;
}
.bundle-card.locked { opacity: 0.55; pointer-events: none; }
.bundle-card h3 {
  font-family: Fraunces, serif;
  font-size: 1.4rem;
  margin: 0 0 4px;
}
.bundle-card .price {
  font-size: 1.6rem;
  font-weight: 600;
  color: var(--gold, #b48a3a);
  margin: 8px 0 4px;
}
.bundle-card .price small {
  font-size: 0.75rem;
  font-weight: 400;
  color: var(--ink-3, #8b8f99);
}
.bundle-card .count {
  font-size: 0.92rem;
  color: var(--ink-2, #6b6f7a);
  margin-bottom: 14px;
}
.bundle-card .btn-primary {
  width: 100%;
}
.bundle-card .lock-tag {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink-3, #8b8f99);
  background: var(--surface-2, #f4f2ec);
  padding: 3px 8px;
  border-radius: 4px;
}

.arm-did-picker {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 12px 0 18px;
}
.arm-did-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid var(--rule, #e8e6df);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.15s;
}
.arm-did-row:hover { border-color: var(--gold, #b48a3a); background: var(--surface-2, #f4f2ec); }
.arm-did-row.taken {
  cursor: not-allowed;
  opacity: 0.6;
}
.arm-did-row.taken:hover { border-color: var(--rule, #e8e6df); background: transparent; }
.arm-did-row .num {
  font-family: 'JetBrains Mono', monospace;
  font-weight: 600;
}
.arm-did-row .status {
  font-size: 0.82rem;
  color: var(--ink-3, #8b8f99);
}
.arm-did-row .status em { font-style: italic; color: var(--gold, #b48a3a); }

.armName { font-style: italic; color: var(--gold, #b48a3a); font-weight: 600; }

.prospect-row .armed-tag {
  display: inline-block;
  font-size: 0.78rem;
  background: rgba(180, 138, 58, 0.12);
  color: var(--gold, #b48a3a);
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  font-family: 'JetBrains Mono', monospace;
}