/* 'Bel mij via de browser' (web_call.py / static/webcall.js) */
.gs-wc { margin-top: 1.75rem; padding: 1.25rem; border-radius: .75rem; border: 1px solid rgba(148, 163, 184, .25);
  background: rgba(15, 23, 42, .45); }
.gs-wc-hidden { display: none !important; }
.gs-wc-intro { color: #cbd5e1; margin: 0 0 .9rem; font-size: .95rem; }
.gs-wc-admin { display: inline-block; margin: 0 0 .75rem; padding: .15rem .55rem; border-radius: 999px;
  font-size: .75rem; color: #fcd34d; border: 1px solid rgba(252, 211, 77, .4); }
.gs-wc-row { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.gs-wc-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .75rem 1.4rem; border-radius: .5rem;
  font-weight: 600; cursor: pointer; border: 0; }
.gs-wc-btn:disabled { opacity: .6; cursor: wait; }
.gs-wc-hang { background: #dc2626; color: #fff; }
.gs-wc-hang:hover { background: #b91c1c; }
.gs-wc-timer { font-variant-numeric: tabular-nums; color: #e2e8f0; font-weight: 600; }
.gs-wc-status { margin: .9rem 0 0; font-size: .9rem; color: #cbd5e1; }
.gs-wc-status[data-kind="ok"] { color: #6ee7b7; }
.gs-wc-status[data-kind="warn"] { color: #fcd34d; }
.gs-wc[data-state="connecting"] .gs-wc-btn { animation: gs-wc-pulse 1.2s ease-in-out infinite; }
@keyframes gs-wc-pulse { 50% { opacity: .55; } }