/* TEAM 24/7 passkeys. Colours pinned to the component (the theme's link and heading rules win otherwise). */
.t247pk-login{margin:0 0 18px}
.t247pk-login[hidden]{display:none!important}
.t247pk-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:12px 18px;border:0;border-radius:12px;
  background:#1d5fd6!important;color:#fff!important;font:inherit;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
.t247pk-btn:disabled{opacity:.65;cursor:progress}
.t247pk-btn svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t247pk-btn:focus-visible,.t247pk-ghost:focus-visible,.t247pk-remove:focus-visible{outline:3px solid #1d5fd6;outline-offset:3px}
.t247pk-or{display:flex;align-items:center;gap:12px;margin:16px 0 4px;color:#4b5a70;font-size:14px}
.t247pk-or::before,.t247pk-or::after{content:"";flex:1;height:1px;background:#d7dfeb}
.t247pk-msg{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#fde8e8;color:#8a1c1c;font-size:14px}
.t247pk-msg[hidden]{display:none}
.t247pk-note{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#e8f0fe;color:#132743;border:1px solid #c5d6f7;font-size:14.5px;line-height:1.45}
/* offer card inside the app */
.t247pk-offer{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9995;max-width:440px;margin:0 auto;
  padding:16px 16px 14px;border-radius:16px;background:#fff;color:#132743;border:1px solid #d7dfeb;box-shadow:0 12px 36px rgba(10,20,40,.28);
  font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.t247pk-offer__h{margin:0 0 4px;font-weight:700;font-size:16.5px;color:#132743}
.t247pk-offer__p{margin:0 0 12px;color:#44536a;font-size:14.5px}
.t247pk-offer__row{display:flex;gap:10px}
.t247pk-offer__row .t247pk-btn{flex:1;min-height:46px;font-size:15px}
.t247pk-ghost{min-height:46px;padding:10px 16px;border:1.5px solid #d7dfeb;border-radius:12px;background:transparent;color:#132743!important;font:inherit;font-weight:600;cursor:pointer}
@media (prefers-color-scheme:dark){
  .t247pk-offer{background:#16213a;color:#eaf0fa;border-color:#2a3a58}
  .t247pk-offer__h{color:#eaf0fa}
  .t247pk-offer__p{color:#b3c0d4}
  .t247pk-ghost{color:#eaf0fa!important;border-color:#2a3a58}
}
html[data-theme="dark"] .t247pk-offer{background:#16213a;color:#eaf0fa;border-color:#2a3a58}
html[data-theme="dark"] .t247pk-offer__h{color:#eaf0fa}
html[data-theme="dark"] .t247pk-offer__p{color:#b3c0d4}
html[data-theme="dark"] .t247pk-ghost{color:#eaf0fa!important;border-color:#2a3a58}
html[data-theme="light"] .t247pk-offer{background:#fff;color:#132743;border-color:#d7dfeb}
/* settings page: follows the app's light or dark theme by inheriting its text colour */
.t247pk-btn[hidden],.t247pk-page [hidden]{display:none!important}
.t247pk-page{max-width:640px;color:inherit}
.t247pk-page h1{margin:0 0 6px;font-size:1.6rem;color:inherit}
.t247pk-lede{margin:0 0 18px;opacity:.85}
.t247pk-card{border:1px solid color-mix(in srgb,currentColor 22%,transparent);border-radius:14px;padding:16px 18px;margin:0 0 14px;background:transparent;color:inherit}
.t247pk-card h2{margin:0 0 8px;font-size:1.1rem;color:inherit!important}
.t247pk-card p{color:inherit}
.t247pk-card .t247pk-btn{width:auto;display:inline-flex;margin-top:4px}
.t247pk-list{list-style:none;margin:0;padding:0}
.t247pk-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.t247pk-list li:first-child{border-top:0}
.t247pk-list b{color:inherit}
.t247pk-list small{display:block;opacity:.8;font-size:13px}
.t247pk-list form{margin:0}
.t247pk-remove{min-height:40px;padding:8px 14px;border:1.5px solid #d98c8c;border-radius:10px;background:transparent;color:#c24141!important;font:inherit;font-weight:600;cursor:pointer}
html[data-theme="dark"] .t247pk-remove{color:#ff9d9d!important;border-color:#8a4a4a}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .t247pk-remove{color:#ff9d9d!important;border-color:#8a4a4a}}
.t247pk-small{font-size:13.5px;opacity:.8;margin:10px 0 0}