/*🚨 ON/OFF のチェックはスマホの設定画面風のトグルにする(T-758。2026-09-28 本人「Core全体で今後のルールにしてほしい」)。
  値は架電リストの .tgl(gd_call_list.css・2026-08-16 指示)と同じ。画面ごとに書き起こさず、これを読み込んで使う。
  <label class="tgl-wrap"><input type="checkbox" ...><span class="tgl" aria-hidden="true"></span>ラベル</label>*/
.tgl-wrap { display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
            font-size: 12.5px; font-weight: 700; color: #334155; user-select: none; }
.tgl-wrap input { position: absolute; opacity: 0; width: 0; height: 0; }
.tgl { position: relative; flex: none; width: 40px; height: 23px; border-radius: 999px;
       background: #cbd5e1; transition: background .18s ease; }
.tgl::after { content: ""; position: absolute; top: 2px; left: 2px;
              width: 19px; height: 19px; border-radius: 50%; background: #fff;
              box-shadow: 0 1px 3px rgba(15,23,42,.3); transition: transform .18s ease; }
.tgl-wrap input:checked + .tgl { background: #16a34a; }
.tgl-wrap input:checked + .tgl::after { transform: translateX(17px); }
.tgl-wrap input:focus-visible + .tgl { box-shadow: 0 0 0 3px #bfdbfe; }
.tgl-wrap:hover .tgl { filter: brightness(.97); }
.dark .tgl-wrap { color: #cbd5e1; }
.dark .tgl { background: #475569; }