/* One public header for TKweb home and privacy. Native details needs no scripts. */
.tk-public-login { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 9px 16px; border: 1px solid #b9cedf; border-radius: 10px; color: #075da8; background: #fff; font-size: 14px; font-weight: 650; text-decoration: none; }
.tk-public-login:hover { border-color: #1479cf; background: #eaf5ff; }
.tk-public-menu { position: relative; flex: 0 0 auto; margin: 0; }
.tk-public-menu > summary { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 98px; min-height: 46px; padding: 9px 14px; border: 1px solid #b9cedf; border-radius: 12px; color: #075da8; background: #fff; font-size: 14px; font-weight: 700; cursor: pointer; list-style: none; }
.tk-public-menu > summary::-webkit-details-marker { display: none; }
.tk-public-menu > summary .tk-icon { width: 23px; height: 23px; }
.tk-public-menu[open] > summary, .tk-public-menu > summary:hover { border-color: #1479cf; color: #075da8; background: #eaf5ff; }
.tk-public-menu-panel { position: absolute; z-index: 80; top: calc(100% + 13px); right: 0; width: min(340px, calc(100vw - 28px)); max-height: calc(100dvh - 116px); overflow-y: auto; border: 1px solid #d7e1e9; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(13, 47, 72, .2); }
.tk-public-menu-person { display: flex; align-items: center; gap: 12px; padding: 20px; border-bottom: 1px solid #e4ecf2; background: #f5f9fc; }
.tk-public-person-icon { display: grid; flex: 0 0 auto; place-items: center; width: 42px; height: 42px; border: 1px solid #cbdfee; border-radius: 14px; color: #075da8; background: #e5f1fa; }
.tk-public-menu-person > div { display: grid; min-width: 0; gap: 2px; }
.tk-public-menu-person > div > span { color: #526a7b; font-size: 12px; }
.tk-public-menu-person strong { color: #183246; font-size: 15px; font-weight: 700; overflow-wrap: anywhere; }
.tk-public-menu-panel nav { display: grid; padding: 9px; }
.tk-public-menu-panel nav a, .tk-public-logout button { display: flex; align-items: center; gap: 13px; width: 100%; min-height: 48px; padding: 11px 12px; border: 0; border-radius: 10px; color: #253c4e; background: #fff; font: inherit; font-size: 14px; font-weight: 650; text-align: left; text-decoration: none; }
.tk-public-menu-panel nav a > .tk-icon { color: #557a97; }
.tk-public-menu-panel nav a:hover { color: #075da8; background: #eaf5ff; }
.tk-public-menu-panel nav a:hover > .tk-icon { color: #075da8; }
.tk-public-logout { margin: 0; padding: 9px; border-top: 1px solid #e4ecf2; }
.tk-public-logout button { color: #a12838; cursor: pointer; }
.tk-public-logout button:hover { color: #851c2b; background: #fff0f2; }
.tk-public-login:focus-visible, .tk-public-menu summary:focus-visible, .tk-public-menu a:focus-visible, .tk-public-menu button:focus-visible { outline: 3px solid #1479cf; outline-offset: 3px; }
@media (max-width: 540px) {
    .tk-public-menu-panel { max-height: calc(100dvh - 100px); }
    .tk-public-menu > summary { min-width: 46px; padding: 10px; }
    .tk-public-menu > summary > span { display: none; }
}
@media print { .tk-public-login, .tk-public-menu { display: none; } }
