/* Portal en vivo y paneles de altura controlada */
.wam-lower-grid > .wam-panel:last-child {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
.wam-lower-grid > .wam-panel:last-child .wam-panel-title {
  flex: 0 0 auto;
}
.wam-activity {
  height: 0;
  min-height: 420px;
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 10px;
  scrollbar-width: thin;
  scrollbar-color: var(--wam-muted) transparent;
}
.wam-activity article { display:grid; grid-template-columns:28px 1fr; gap:16px; padding:24px 0; border-top:1px solid var(--wam-line); }
.wam-activity article:first-child { border-top:0; }
.wam-activity article i { width:14px; height:14px; margin-top:4px; border:3px solid var(--wam-ink); border-radius:50%; }
.wam-activity article strong { display:block; font-size:18px; line-height:1.25; }
.wam-activity article time { display:block; margin-top:7px; color:var(--wam-muted); font-size:13px; }
.wam-live-status { min-height:18px; color:var(--wam-muted); font-size:12px; }
.wam-message-form button:disabled { opacity:.55; cursor:wait; }
.wam-login-error { display:grid; gap:7px; margin:28px 0 0; padding:17px 19px; border:1px solid #a85d53; border-radius:14px; background:#ead7d7; font-size:14px; line-height:1.45; animation:wamLoginError .3s ease; }
.wam-login-error strong { font-size:15px; }
.wam-login .login-remember input { width:18px; height:18px; accent-color:var(--wam-ink); }
.wam-remember-help { display:block; margin-top:-6px; color:var(--wam-muted); font-size:11px; line-height:1.5; }
@keyframes wamLoginError { from { opacity:0; transform:translateY(-7px); } to { opacity:1; transform:none; } }
.wam-account-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.wam-account-layout h3 { margin:0 0 14px; font-size:28px; }
.wam-account-layout>div p { line-height:1.7; }
.wam-account-layout form { display:grid; grid-template-columns:1fr 1fr; gap:18px 14px; }
.wam-account-layout label { display:grid; gap:8px; font-size:12px; font-weight:700; }
.wam-account-layout label:nth-of-type(1),.wam-account-layout label:nth-of-type(2),.wam-account-layout button { grid-column:1/-1; }
.wam-account-layout label>span,.wam-account-layout label small { color:var(--wam-muted); font-size:11px; font-weight:400; }
.wam-account-layout input { width:100%; padding:14px; border:1px solid var(--wam-line); border-radius:12px; background:#fff; font:inherit; }
.wam-account-layout button { justify-self:start; display:flex; gap:30px; align-items:center; }
.wam-account-page { min-height:70vh; }
.wam-account-back { display:inline-block; margin-bottom:4px; font-size:13px; border-bottom:1px solid; }
.wam-account-onboarding { position:fixed; z-index:99999; inset:0; display:grid; place-items:center; padding:22px; overflow:auto; background:#10120fe8; backdrop-filter:blur(7px); }
.wam-account-onboarding-card { width:min(980px,100%); max-height:calc(100vh - 44px); overflow:auto; padding:42px; border-radius:30px; background:var(--wam-paper); box-shadow:0 30px 100px #0006; }
.wam-account-onboarding-card>.wam-kicker { margin:0; }
.wam-account-onboarding-card>h2 { margin:16px 0 10px; font-size:clamp(38px,5vw,66px); letter-spacing:-.045em; }
.wam-account-onboarding-card>p { max-width:750px; color:var(--wam-muted); line-height:1.65; }
.wam-account-onboarding .wam-account-panel { margin-top:28px; padding:28px; background:#fff; }
.wam-account-onboarding .wam-account-panel .wam-panel-title { display:none; }
.wam-account-onboarding .wam-account-layout { grid-template-columns:1fr; gap:20px; }
.wam-account-onboarding .wam-account-layout>div { display:none; }
.wam-account-dismiss { margin-top:14px; text-align:center; }
.wam-account-dismiss button { border-color:transparent; background:transparent; color:var(--wam-ink); text-decoration:underline; font-size:12px; }

/* Flechas trazadas con CSS: iOS no puede convertirlas en emoji. */
.wam-thread-expand>span,
.wam-pill-link>span,
.wam-preview a>span,
.wam-approval button>span,
.wam-message-form button>span,
.wam-briefing-form button>span,
.wam-account-layout button>span {
  position:relative; display:inline-block; width:16px; height:10px; font-size:0!important; line-height:0;
}
.wam-thread-expand>span::before,
.wam-pill-link>span::before,
.wam-preview a>span::before,
.wam-approval button>span::before,
.wam-message-form button>span::before,
.wam-briefing-form button>span::before,
.wam-account-layout button>span::before {
  content:""; position:absolute; left:0; top:5px; width:15px; border-top:1.5px solid currentColor;
}
.wam-thread-expand>span::after,
.wam-pill-link>span::after,
.wam-preview a>span::after,
.wam-approval button>span::after,
.wam-message-form button>span::after,
.wam-briefing-form button>span::after,
.wam-account-layout button>span::after {
  content:""; position:absolute; right:0; top:1px; width:7px; height:7px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg);
}
@media (max-width:800px) {
  .wam-lower-grid > .wam-panel:last-child { display:block; }
  .wam-activity { width:100%; height:430px; min-height:0; }
  .wam-activity article { padding:19px 0; }
  .wam-activity article strong { font-size:16px; }
  .wam-account-layout,.wam-account-layout form { grid-template-columns:1fr; gap:28px; }
  .wam-account-layout label,.wam-account-layout button { grid-column:1; }
  .wam-account-onboarding { padding:10px; }
  .wam-account-onboarding-card { max-height:calc(100vh - 20px); padding:25px 16px; border-radius:22px; }
  .wam-account-onboarding .wam-account-panel { padding:20px 14px; }
}