/* Shared Pishro and webinar live-access panel. */
.p-live-connection { border: 1px solid var(--p-line, #e7e9ef); border-radius: var(--p-radius, 18px); padding: 24px; margin: 24px 0; background: #fff; min-width: 0; }
.p-live-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.p-live-heading h3 { font-size: 1.375rem; margin: 8px 0; }
.p-live-heading p { font-size: 1rem; color: var(--p-muted, #6c7180); margin: 0; }
.p-live-status { display: inline-flex; align-items: center; gap: 7px; color: var(--pink, #ff4789); font-size: 0.875rem; font-weight: 600; }
.p-live-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.p-live-heading .p-btn { flex-shrink: 0; gap: 20px; }
.p-live-credentials { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.p-live-credential { background: #fafbfe; border: 1px solid var(--p-line, #e7e9ef); border-radius: 10px; padding: 14px 16px; min-width: 0; }
.p-live-credential > span { display: block; color: var(--p-muted, #6c7180); font-size: 0.875rem; margin-bottom: 8px; }
.p-live-credential > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.p-live-credential bdi { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.375rem; font-weight: 600; letter-spacing: .5px; overflow-wrap: anywhere; }
.p-live-credential button { font: inherit; font-size: 0.875rem; color: #b8225b; background: var(--p-pink-soft, #fff0f5); border: 0; border-radius: 7px; min-height: 34px; padding: 6px 10px; cursor: pointer; white-space: nowrap; }
.p-live-feedback { font-size: 0.875rem; color: var(--p-muted, #6c7180); margin: 8px 0 0; min-height: 18px; }
@media (max-width: 760px) {
.p-live-heading { align-items: stretch; flex-direction: column; gap: 16px; margin-bottom: 16px; }
.p-live-heading h3 { font-size: 1.25rem; }
.p-live-heading .p-btn { justify-content: center; }
.p-live-credentials { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.p-live-credential bdi { font-size: 1.25rem; }
}
.p-live-connection .p-btn { display: inline-flex; align-items: center; justify-content: center; gap: 20px; min-height: 46px; padding: 10px 22px; border: 1px solid transparent; border-radius: 10px; font-weight: 600; font-size: 1rem; background: var(--pink, #ff4789); color: white; text-align: center; cursor: pointer; }
.p-live-connection .p-btn:hover { background: #e93677; box-shadow: 0 3px 10px #ff478921; }
.p-live-connection .p-btn:focus-visible, .p-live-credential button:focus-visible { outline: 3px solid var(--pink, #ff4789); outline-offset: 4px; }
.p-live-heading h3 { font-weight: 700; line-height: 1.65; }

/* Pishro shares the webinar countdown's pink and live green palette. */
.p-live-row { display: flex; flex-wrap: wrap; align-items: stretch; gap: 16px; margin: 22px 0; }
.p-live-row > .p-live-clock { flex: 1 1 200px; }
.p-live-row > .p-live-connection, .p-live-row > .p-live-note { flex: 2 1 350px; margin: 0; }
.p-live-clock { display: grid; align-content: center; justify-items: center; gap: 8px; min-width: 0; padding: 20px 12px; border-radius: 16px; background: #f8edf3; color: #713b58; text-align: center; }
.p-live-clock bdi { font-size: clamp(1.4rem, 3vw, 2rem); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .04em; }
.p-live-clock small { color: #737080; font-size: .875rem; }
.p-live-row .p-live-heading { flex-wrap: wrap; gap: 16px; margin-bottom: 0; height: 100%; }
.p-live-row .p-live-heading > div { flex: 1 1 220px; min-width: 0; }
.p-live-row .p-live-heading h3 { font-size: 1.25rem; }
.p-live-row .p-live-status { color: #713b58; }
.p-live-row .p-live-note { align-self: center; }
.p-live-row.is-live .p-live-clock, .is-live .p-live-row .p-live-clock { background: #e5f5ea; color: #216344; }
.p-live-row.is-live .p-live-status, .is-live .p-live-row .p-live-status { color: #216344; }
@media (max-width: 760px) {
.p-live-row > .p-live-clock, .p-live-row > .p-live-connection, .p-live-row > .p-live-note { flex-basis: 100%; }
.p-live-row .p-live-heading > div { flex: initial; }
}