/* Phase 7C — functional styling for the telephony surfaces. Minimal on purpose. */
.p7c-call{display:block;width:100%;text-align:left;padding:11px 13px;border:1px solid var(--nd-rule);border-radius:12px;background:var(--nd-plane);color:inherit;font:inherit;cursor:pointer;margin-bottom:8px}
.p7c-call:hover{border-color:rgba(139,92,255,.45);background:var(--nd-plane-3)}
.p7c-call-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.p7c-call-main{display:flex;gap:10px;align-items:baseline;min-width:0}
.p7c-direction{font-size:15px;line-height:1}
.p7c-direction.inbound{color:#7FE7B4}
.p7c-direction.outbound{color:#9FC4FF}
.p7c-direction.missed{color:#FFA7B6}
.p7c-number{font-variant-numeric:tabular-nums}
.p7c-detail{display:grid;gap:8px;margin:10px 0}
.p7c-detail-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;padding:8px 12px;border:1px solid var(--nd-rule);border-radius:10px;background:var(--nd-plane-3)}
.p7c-detail-row dt{color:var(--nd-ink-3);font-size:12px}
.p7c-detail-row dd{margin:0;overflow-wrap:anywhere}
.p7c-callbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}
.p7c-callbar .p7-input{width:auto;min-width:150px}
.p7c-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.p7c-provider-note{color:var(--nd-ink-3);font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.p7c-webhook{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.p7c-card{min-width:0;border:1px solid var(--nd-rule);border-radius:16px;background:linear-gradient(165deg,var(--nd-plane-2),var(--nd-plane) 68%);padding:20px 22px;margin-bottom:14px;box-shadow:var(--nd-shadow-1)}
.p7c-card h3{margin:0 0 8px}
.p7c-table{width:100%;border-collapse:collapse;font-size:13px}
.p7c-table th{color:var(--nd-ink-3);text-align:left;font-weight:700;padding:12px 10px;border-bottom:1px solid var(--nd-rule);font-size:11px;letter-spacing:.055em;text-transform:uppercase}
.p7c-table td{padding:12px 10px;border-bottom:1px solid var(--nd-rule-soft);vertical-align:top}
.p7c-table tbody tr:hover{background:rgba(139,92,255,.055)}
.p7c-empty{color:var(--nd-ink-3)}
.p7-page .p7-input{color-scheme:dark;border-radius:10px;background:var(--nd-plane-2)}
.p7-page .p7-input:focus-visible,.p7-page button:focus-visible,.p7c-call:focus-visible{outline:2px solid var(--nd-accent);outline-offset:2px}
@media(max-width:650px){.p7c-card{padding:16px}.p7c-table{display:block;overflow-x:auto;max-width:100%;white-space:nowrap}.p7-page .p7b-form{max-width:100%}}