/* providers: the carrier setup screen under Calling */

.pv-card { margin-bottom: 12px; }
.pv-card.dead { opacity: .78; }

/* Capability chips in the card head. The whole screen turns on these reading
   at a glance, so they are louder than a pill. */
.pv-cans { display: flex; gap: 6px; }
.pv-can {
  font-size: 11px; font-weight: 700; letter-spacing: .02em;
  padding: 2px 8px; border-radius: 999px; text-transform: lowercase;
}
.pv-can.on { background: #dcfce7; color: #166534; }
.pv-can.off { background: #fee2e2; color: #b91c1c; text-decoration: line-through; }

.pv-grid { width: 100%; border-collapse: collapse; }
.pv-grid td { padding: 6px 10px 6px 0; vertical-align: top; }
/* Long provider notes are the point of this table, so let them wrap rather
   than pushing the card sideways. Grid and table children both default to
   min-width auto, which is what spills a long line into the next column. */
.pv-grid td:first-child { width: 72px; font-weight: 600; white-space: nowrap; }
.pv-grid td:nth-child(2) { width: 92px; white-space: nowrap; }
.pv-grid td:last-child { min-width: 0; overflow-wrap: anywhere; }

.pv-keys {
  margin-top: 10px; padding: 8px 10px;
  background: var(--bg-soft, #f8fafc); border: 1px solid var(--border); border-radius: 8px;
  font-size: 13px;
}
.pv-keys code { font-size: 12px; }

.pv-numbers { margin-top: 10px; border-top: 1px solid var(--border); padding-top: 8px; }
.pv-num { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; padding: 4px 0; min-width: 0; }

.pv-default { margin-bottom: 14px; }
.pv-defrow { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.pv-defrow label { font-weight: 600; font-size: 13px; }
.pv-defrow select { min-width: 160px; }

/* icon() emits an SVG with no width or height of its own. */
.pv-card svg { width: 16px; height: 16px; }