/* call.css · THE 1:1 CALL SCREEN (call.js), ONE STYLESHEET FOR EVERY PAGE THAT OPENS IT (Oct 29, 2026).
   Moved here from room.css, rule for rule and in the same order, so Call to ACTION's room (After Hours, Schedule a call) and
   digiCALLS' call page (book.html) draw the same screen. It needs, from the page around it: --cl (their colour), and the
   page's own .st-b, .st-n, .go, .line, .btnrow, .gl and .sq. */
/* the call: their camera big, yours small, the ring counting down in their color */
body.ahc-open{overflow:hidden}
.ahc{position:fixed;inset:0;z-index:70;background:#050807;color:#f5f5f8;animation:ahcin .35s ease both}
@keyframes ahcin{from{opacity:0}to{opacity:1}}
.ahc-them{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 30%,color-mix(in srgb,var(--cl) 22%,#0b0f0d),#050807 75%)}
.ahc-them video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s}
.ahc-them.vid video{opacity:1}
.ahc-them.vid .ahc-off{opacity:0}
.ahc-off{transition:opacity .4s}
.ahc-me{position:absolute;right:14px;top:max(14px,env(safe-area-inset-top));z-index:3;width:min(28vw,190px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#0b0f0d;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 16px 40px -14px #000}
.ahc-me video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.ahc-me.none{display:none}
.ahc-top{position:absolute;left:14px;top:max(14px,env(safe-area-inset-top));z-index:3;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;
  background:rgba(6,9,8,.66);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ahc-ring{--p:1;width:34px;height:34px;border-radius:50%;background:conic-gradient(var(--cl) calc(var(--p) * 1turn),rgba(255,255,255,.1) 0);
  -webkit-mask:radial-gradient(circle,transparent 11px,#000 12px);mask:radial-gradient(circle,transparent 11px,#000 12px);filter:drop-shadow(0 0 5px var(--cl))}
.ahc-time{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.ahc-top small{font-size:12px;font-weight:700;color:#aab0b4}
.ahc-top.warn .ahc-ring{--cl:#ffd35e}
.ahc-top.warn .ahc-time{color:#ffd35e}
.ahc-lt{position:absolute;left:14px;bottom:calc(env(safe-area-inset-bottom) + 96px);z-index:3;max-width:calc(100% - 28px);display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:16px;
  background:rgba(6,9,8,.66);border:1px solid color-mix(in srgb,var(--cl) 40%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.ahc-lt span{min-width:0;display:flex;flex-direction:column;line-height:1.2}
.ahc-lt b{font-size:15px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahc-lt small{font-size:12px;font-weight:600;color:#aab0b4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ahc-note{position:absolute;left:50%;top:50%;transform:translate(-50%,72px);z-index:3;margin:0;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;
  background:rgba(6,9,8,.66);color:#f5f5f8;font-variant-numeric:tabular-nums}
.ahc-note[hidden]{display:none}
.ahc-bar{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom) + 20px);z-index:3;display:flex;justify-content:center;align-items:center;gap:10px}
.ahc-bar .st-b svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ahc-bar .st-b[hidden],.ahc-bar .st-n[hidden]{display:none}
.ahc-end{height:50px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;font:900 15px 'Montserrat',system-ui,sans-serif;color:#fff;background:#cf0202;box-shadow:0 10px 26px -10px rgba(207,2,2,.8)}
.ahc-end[data-sure]{background:#ff3b30}
.ahc.done .ahc-bar,.ahc.done .ahc-top,.ahc.done .ahc-note,.ahc.done .ahc-me{display:none}
.ahc-over{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:20px;background:rgba(5,8,7,.6)}
.ahc-over[hidden]{display:none}
.ahc-o{width:min(100%,420px);padding:24px;border-radius:26px;text-align:center}
.ahc-ot{margin:0;font-size:24px;font-weight:900;letter-spacing:-.01em}
.ahc-os{margin:8px 0 18px;font-size:15px;font-weight:600;color:#aab0b4;line-height:1.45}
.ahc-o .btnrow{justify-content:center;flex-wrap:wrap}
@media (min-width:1024px){ .ahc-me{width:220px;aspect-ratio:16/10} .ahc-them video{object-fit:contain} .ahc-lt{bottom:100px;left:24px} .ahc-top{left:24px;top:24px} .ahc-me{right:24px;top:24px} }
@media (prefers-reduced-motion: reduce){ .ahc{animation:none} }
.ahc.done .ahc-lt{display:none}
.ahc-note{display:flex;align-items:center;gap:10px}
.ahc-note .go{min-height:36px;padding:0 14px;border-radius:999px;font-size:13px}
.ahc-note .go[hidden]{display:none}
.ahc-end.soft{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}