/* PAGEVOICE-20261010 — "Call <Name>'s assistant" on a villager page. Uses the page's own tokens.
   CALLASSIST-20261010: the panel is a fixed sheet above the footer radio bar (--radio-bar-h, set by island-mood.js),
   above the ON AIR chip (9400) and below the site's own modals (9500+). */
.ta{margin:14px 0 0;max-width:34rem}
.ta[hidden]{display:none!important}
.ta-open{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;text-align:left}
.ta-open:focus-visible,.ta-go:focus-visible,.ta-no:focus-visible,.ta-hang:focus-visible,.ta-unlock:focus-visible{outline:3px solid var(--v-btn-bg,#2aa198);outline-offset:2px}
.ta-sub{display:block;font-size:.82em;opacity:.85;margin:6px 0 0}
.ta-panel{position:fixed;z-index:9450;left:10px;right:10px;margin:0 auto;max-width:420px;box-sizing:border-box;
  bottom:calc(var(--radio-bar-h,60px) + env(safe-area-inset-bottom,0px) + 10px);
  max-height:calc(100vh - var(--radio-bar-h,60px) - env(safe-area-inset-bottom,0px) - 40px);
  max-height:calc(100dvh - var(--radio-bar-h,60px) - env(safe-area-inset-bottom,0px) - 40px);
  overflow:auto;-webkit-overflow-scrolling:touch;padding:16px 18px;border-radius:16px;
  background:#10201d;color:#f4efe6;font-size:.95rem;line-height:1.5;
  box-shadow:0 10px 40px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.ta-panel[hidden]{display:none!important}
.ta-panel p{margin:0 0 10px}
.ta-panel .ta-h{font-weight:700;font-size:1.05rem}
.ta-panel .ta-small{font-size:.82rem;opacity:.85}
.ta-err{background:rgba(179,38,30,.18);border-left:3px solid #e5675e;padding:8px 10px;border-radius:6px}
.ta-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ta-go,.ta-hang,.ta-unlock{min-height:44px;padding:10px 18px;border-radius:999px;border:0;background:var(--v-btn-bg,#2aa198);color:var(--v-btn-fg,#04211d);font:inherit;font-weight:700;cursor:pointer}
.ta-unlock{display:block;width:100%;min-height:56px;margin:0 0 12px;font-size:1.05rem}
.ta-unlock[hidden]{display:none}
.ta-hang{background:#b3261e;color:#fff}
.ta-no{min-height:44px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:transparent;color:inherit;font:inherit;cursor:pointer}
.ta-status{font-weight:600;margin:0 0 10px}
.ta-clock{opacity:.8;font-variant-numeric:tabular-nums}
.ta-after{margin:8px 0 0;font-size:.9rem;opacity:.9}