/* Polar Hub · gracias · ronda de conversión 2026-10-03 */
.cal-actions[hidden], .meet-box[hidden], [data-copied][hidden] { display: none !important; }
.cal-actions .btn { flex: 1 1 180px; }
.cal-actions .btn-primary { flex: 1 1 100%; }

.meet-box {
  position: relative; z-index: 2; margin-top: 1.3rem; padding: 1rem 1.1rem; border-radius: 14px;
  background: rgba(74, 144, 194, .08); border: 1px dashed rgba(74, 144, 194, .4);
}
.meet-label { font-family: var(--mono); font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-3); }
.meet-row { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: .55rem; }
.meet-link {
  flex: 1 1 14rem; min-width: 0; font-family: var(--mono); font-size: .84rem; color: var(--ink);
  word-break: break-all; text-decoration: underline; text-decoration-color: rgba(143, 193, 232, .5); text-underline-offset: 3px;
}
.meet-row .btn { flex: 0 0 auto; min-height: 44px; }
.meet-note { margin-top: .55rem; font-size: .84rem; color: var(--ink-mute); }
.meet-note [data-copied] { color: var(--accent-3); font-weight: 600; }
.meet-join { margin-top: .9rem; width: 100%; justify-content: center; }

.appt-note a { color: var(--accent-3); text-decoration: underline; text-underline-offset: 3px; }

.forward-title { font-size: clamp(1.4rem, 3.2vw, 2rem); margin: .8rem auto 0; max-width: 24ch; }
.forward-box .forward-lead { margin-top: .9rem; }
.roles { list-style: none; display: grid; gap: .55rem; max-width: 56ch; margin: 1.5rem auto 0; text-align: left; }
@media (min-width: 860px) { .roles { grid-template-columns: repeat(3, 1fr); max-width: 960px; gap: 1rem; } }
.roles li { padding: .85rem 1rem; border-radius: 12px; background: var(--bg-2); border: 1px solid var(--line-soft); color: var(--ink-mute); font-size: .92rem; }
.roles strong { color: var(--ink); }

.prep-mail { max-width: 62ch; margin: 1.6rem auto 0; text-align: center; font-size: .92rem; color: var(--ink-mute); }
.prep-mail a { color: var(--accent-3); text-decoration: underline; text-underline-offset: 3px; }

@media (max-width: 520px) {
  .cal-actions .btn, .meet-row .btn { flex: 1 1 100%; width: 100%; }
}

/* Enlace de la sala en una línea (es un token largo) y acciones del comité */
.meet-link { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: normal; display: block; }
.forward-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem; }
@media (max-width: 520px) { .forward-actions .btn { flex: 1 1 100%; width: 100%; } }