/* TRAUKLAR_PANEL_UI_V1_BEGIN */
.tk-panel-language {
    --tk-language-bg: #fff;
    --tk-language-color: #243c35;
    --tk-language-border: #c9d2cf;
    --tk-language-hover: #f2f6f4;
    --tk-language-active: #edf4f1;
    --tk-language-muted: #61776f;
    --tk-language-code: #75867f;
    --tk-language-check-bg: #243c35;
    --tk-language-check-color: #fff;
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    margin: 0;
    color: var(--tk-language-color);
    font-family: inherit;
}
.dark .tk-panel-language {
    --tk-language-bg: #1b1e1c;
    --tk-language-color: #f1f6f3;
    --tk-language-border: #4a5b52;
    --tk-language-hover: #2b342f;
    --tk-language-active: #2c4136;
    --tk-language-muted: #b8cbbf;
    --tk-language-code: #b8cbbf;
    --tk-language-check-bg: #b7dbca;
    --tk-language-check-color: #173426;
}
/* The authentication header uses the same light surface as the frontend. */
.tk-auth-header .tk-panel-language {
    --tk-language-bg: #fff;
    --tk-language-color: #243c35;
    --tk-language-border: #c9d2cf;
    --tk-language-hover: #f2f6f4;
    --tk-language-active: #edf4f1;
    --tk-language-muted: #61776f;
    --tk-language-code: #75867f;
    --tk-language-check-bg: #243c35;
    --tk-language-check-color: #fff;
}
.tk-panel-language > summary {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 42px;
    margin: 0;
    padding: .45rem .72rem .45rem .58rem;
    list-style: none;
    cursor: pointer;
    border: 1px solid var(--tk-language-border);
    border-radius: 999px;
    background: var(--tk-language-bg);
    color: var(--tk-language-color);
    font-size: .9rem;
    font-weight: 750;
    line-height: 1;
    box-shadow: 0 2px 10px rgb(36 60 53 / 8%);
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.tk-panel-language > summary::-webkit-details-marker { display: none; }
.tk-panel-language > summary::marker { content: ''; }
.tk-panel-language > summary:hover,
.tk-panel-language[open] > summary {
    border-color: #829c93;
    box-shadow: 0 4px 16px rgb(36 60 53 / 12%);
}
.tk-panel-language > summary:focus-visible,
.tk-panel-language .tk-panel-language-menu a:focus-visible {
    outline: 2px solid var(--tk-language-color);
    outline-offset: 3px;
}
.tk-panel-language .tk-panel-language-current-flag,
.tk-panel-language .tk-panel-language-flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1rem;
    flex: 0 0 1.5rem;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgb(36 60 53 / 13%);
    background: #fff;
}
.tk-panel-language .tk-panel-language-current-flag svg,
.tk-panel-language .tk-panel-language-flag svg { display: block; width: 100%; height: 100%; }
.tk-panel-language .tk-panel-language-current-name,
.tk-panel-language .tk-panel-language-name {
    display: inline;
    width: auto;
    height: auto;
    border-radius: 0;
    background: transparent;
    white-space: nowrap;
}
.tk-panel-language .tk-panel-language-chevron {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 0;
    background: transparent;
    color: var(--tk-language-muted);
    font-size: .72rem;
    transition: transform .18s ease;
}
.tk-panel-language[open] .tk-panel-language-chevron { transform: rotate(180deg); }
.tk-panel-language .tk-panel-language-menu {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: calc(100% + .55rem);
    z-index: 80;
    width: 245px;
    max-width: calc(100vw - 1.5rem);
    max-height: min(70vh, 28rem);
    overflow-y: auto;
    padding: .45rem;
    border: 1px solid var(--tk-language-border);
    border-radius: 14px;
    background: var(--tk-language-bg);
    box-shadow: 0 14px 36px rgb(22 34 51 / 16%);
}
.tk-panel-language .tk-panel-language-menu a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    padding: .68rem .72rem;
    border-radius: 10px;
    background: transparent;
    color: var(--tk-language-color);
    font-size: .92rem;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: none;
    transition: background .15s ease;
}
.tk-panel-language .tk-panel-language-menu a:hover,
.tk-panel-language .tk-panel-language-menu a:focus-visible { background: var(--tk-language-hover); }
.tk-panel-language .tk-panel-language-menu a.is-active { background: var(--tk-language-active); font-weight: 800; }
.tk-panel-language .tk-panel-language-option-main,
.tk-panel-language .tk-panel-language-option-meta { display: flex; align-items: center; }
.tk-panel-language .tk-panel-language-option-main { gap: .62rem; }
.tk-panel-language .tk-panel-language-option-meta { gap: .48rem; }
.tk-panel-language .tk-panel-language-code { color: var(--tk-language-code); font-size: .7rem; font-weight: 800; letter-spacing: .05em; }
.tk-panel-language .tk-panel-language-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: var(--tk-language-check-bg);
    color: var(--tk-language-check-color);
    font-size: .78rem;
    font-weight: 900;
}
.tk-planning-brand-logo {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 188px;
    height: 44px;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 8px;
}
.tk-planning-brand-logo img {
    display: block;
    width: 180px;
    height: 60px;
    max-width: none;
    flex: 0 0 auto;
    object-fit: contain;
}
.dark .tk-planning-brand-logo { background: #f8f7f3; box-shadow: 0 0 0 1px rgb(255 255 255 / 10%); }
@media (max-width: 640px) {
    .fi-topbar .tk-panel-language .tk-panel-language-menu {
        position: fixed;
        right: .75rem;
        top: 4.5rem;
        max-height: calc(100dvh - 5.25rem);
    }
    .tk-planning-brand-logo { width: 148px; height: 36px; }
    .tk-planning-brand-logo img { width: 140px; height: 46.67px; }
}
.tk-auth-mobile nav .tk-panel-language { display: block; margin: .7rem 0; }
.tk-auth-mobile nav .tk-panel-language > summary { width: 100%; border-radius: 12px; padding: .7rem .8rem; }
.tk-auth-mobile nav .tk-panel-language .tk-panel-language-chevron { margin-left: auto; }
.tk-auth-mobile nav .tk-panel-language .tk-panel-language-menu {
    position: static;
    width: 100%;
    max-width: none;
    margin-top: .45rem;
    box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
    .tk-panel-language > summary,
    .tk-panel-language .tk-panel-language-menu a,
    .tk-panel-language .tk-panel-language-chevron { transition: none; }
}
/* TRAUKLAR_PANEL_UI_V1_END */