.telener-language-switcher { display: flex !important; min-height: 40px; padding: 0 8px; align-items: center; gap: 5px; border-left: 1px solid #e7f0f7; }
.telener-language-form { display: inline-flex; margin: 0; }
.telener-language-button { position: relative; display: inline-grid; width: 38px; height: 32px; padding: 5px; place-items: center; border: 1px solid transparent; border-radius: 9px; background: transparent; transition: .2s ease; }
.telener-language-button:hover, .telener-language-button:focus-visible { border-color: #cbe6f8; outline: 0; background: #eef9ff; transform: translateY(-1px); }
.telener-language-button.is-active { border-color: #9ed9fa; background: #e5f7ff; box-shadow: inset 0 0 0 1px rgba(19,140,247,.08); }
.telener-language-button.is-active::after { position: absolute; right: 3px; bottom: 2px; width: 6px; height: 6px; content: ''; background: #18b981; border: 1px solid #fff; border-radius: 50%; }
.telener-language-button img { display: block; width: 26px; height: 18px; object-fit: cover; border-radius: 3px; box-shadow: 0 1px 4px rgba(28,94,146,.18); }
.telener-timezone-switcher { min-height: 40px; border-left: 1px solid #e7f0f7; }
.navbar-top-links > .telener-timezone-switcher > .telener-timezone-toggle { display: flex; min-height: 40px; padding: 0 12px; align-items: center; gap: 6px; color: #1968cf; background: #f7fcff; transition: .2s ease; }
.navbar-top-links > .telener-timezone-switcher > .telener-timezone-toggle:hover,
.navbar-top-links > .telener-timezone-switcher > .telener-timezone-toggle:focus,
.navbar-top-links > .telener-timezone-switcher.open > .telener-timezone-toggle { color: #0e58c2; background: #eaf7ff; }
.telener-timezone-toggle > .ti-time { display: grid; width: 27px; height: 27px; place-items: center; color: #fff !important; background: linear-gradient(145deg, #168cf6, #1abcf1); border-radius: 9px; box-shadow: 0 6px 15px rgba(22,140,246,.2); font-size: 13px; }
.telener-timezone-toggle > .ti-time::before { color: #fff !important; }
.telener-timezone-offset { color: #1559c5; font-size: 11px; font-weight: 800; letter-spacing: .02em; }
.telener-timezone-place { max-width: 92px; overflow: hidden; color: #7592ad; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.telener-timezone-arrow { margin-left: 2px; color: #8eb1cf; font-size: 8px; }
.telener-timezone-menu { z-index: 2100; width: 560px; max-width: calc(100vw - 24px); padding: 0; overflow: visible; color: #547694; border: 1px solid #cfe5f5; border-radius: 18px; background: #fff; box-shadow: 0 18px 46px rgba(41,119,184,.22); }
.telener-timezone-menu.is-search-open { min-height: 720px; }
.telener-timezone-heading { display: grid; padding: 18px 20px; align-items: center; grid-template-columns: 42px minmax(0, 1fr); gap: 12px; background: linear-gradient(135deg, #f4fbff, #eaf7ff); border-bottom: 1px solid #d9edf9; border-radius: 18px 18px 0 0; }
.telener-timezone-heading-icon { display: grid; width: 40px; height: 40px; place-items: center; color: #fff; background: linear-gradient(145deg, #168cf6, #1abcf1); border-radius: 13px; box-shadow: 0 8px 20px rgba(22,140,246,.22); }
.telener-timezone-heading strong { display: block; color: #1554c7; font-size: 14px; font-weight: 800; }
.telener-timezone-heading small { display: block; margin-top: 2px; color: #718da8; font-size: 10px; line-height: 1.45; }
.telener-timezone-current { display: flex; margin: 16px 20px 0; padding: 13px 15px; flex-direction: column; color: #7590aa; border: 1px solid #dbeefa; border-radius: 12px; background: #f7fcff; }
.telener-timezone-current span { color: #20a9ea; font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.telener-timezone-current strong { margin-top: 3px; color: #205fbd; font-size: 12px; }
.telener-timezone-current small { margin-top: 1px; color: #86a0b8; font-size: 9px; }
.telener-timezone-form { position: relative; padding: 16px 20px 20px; }
.telener-timezone-form > label { display: block; margin-bottom: 6px; color: #416b91; font-size: 10px; font-weight: 800; }
.telener-timezone-select-wrap { position: relative; }
.telener-timezone-select-wrap > i { position: absolute; top: 50%; left: 12px; z-index: 2; color: #19a9eb; font-size: 13px; pointer-events: none; transform: translateY(-50%); }
.telener-timezone-select-wrap .form-control { height: 40px; padding: 7px 30px 7px 34px; color: #245f9a; border: 1px solid #cfe6f6; border-radius: 10px; background: #fff; box-shadow: none; font-size: 11px; }
.telener-timezone-select-wrap .form-control:focus { border-color: #65c4f3; box-shadow: 0 0 0 3px rgba(27,173,239,.12); }
.telener-timezone-form .select2-container { display: block; width: 100% !important; }
.telener-timezone-form .select2-container .select2-selection--single { height: 40px; color: #245f9a; border: 1px solid #cfe6f6; border-radius: 10px; background: #fff; outline: 0; }
.telener-timezone-form .select2-container--focus .select2-selection--single,
.telener-timezone-form .select2-container--open .select2-selection--single { border-color: #65c4f3; box-shadow: 0 0 0 3px rgba(27,173,239,.12); }
.telener-timezone-form .select2-container .select2-selection--single .select2-selection__rendered { padding: 0 34px; overflow: hidden; color: #245f9a; font-size: 10px; font-weight: 600; line-height: 38px; text-overflow: ellipsis; white-space: nowrap; }
.telener-timezone-form .select2-container .select2-selection--single .select2-selection__arrow { top: 7px; right: 7px; }
.telener-timezone-form .select2-dropdown { z-index: 2110; overflow: hidden; margin-top: 7px; border: 1px solid #bfe0f5; border-radius: 14px; background: #fff; box-shadow: 0 15px 32px rgba(31,113,180,.2); }
.telener-timezone-form .select2-search--dropdown { padding: 9px; background: #f4fbff; border-bottom: 1px solid #dcedf8; }
.telener-timezone-form .select2-search--dropdown .select2-search__field { height: 42px; padding: 9px 12px; color: #245f9a; border: 1px solid #bcdff4; border-radius: 10px; outline: 0; background: #fff; font-size: 11px; }
.telener-timezone-form .select2-search--dropdown .select2-search__field:focus { border-color: #38b7ef; box-shadow: 0 0 0 3px rgba(56,183,239,.12); }
.telener-timezone-form .select2-results > .select2-results__options { max-height: 365px !important; overflow-y: auto; overscroll-behavior: contain; }
.telener-timezone-form .select2-results__options--nested { max-height: none !important; overflow: visible; }
.telener-timezone-form .select2-results__group { padding: 8px 11px 5px; color: #169bdc; background: #f7fcff; font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.telener-timezone-form .select2-results__option { padding: 8px 12px; color: #527696; font-size: 10px; line-height: 1.4; white-space: normal; }
.telener-timezone-result { display: grid; min-height: 38px; align-items: center; grid-template-columns: 76px minmax(0, 1fr); gap: 11px; }
.telener-timezone-result > strong { display: inline-flex; min-height: 27px; padding: 5px 7px; align-items: center; justify-content: center; color: #1563cf; background: #e8f6ff; border: 1px solid #c9e8fa; border-radius: 8px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.telener-timezone-result-copy { display: flex; min-width: 0; flex-direction: column; gap: 1px; }
.telener-timezone-result-copy b { overflow: hidden; color: #285f91; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.telener-timezone-result-copy small { overflow: hidden; color: #86a0b8; font-family: monospace; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.telener-timezone-form .select2-results__option--highlighted .telener-timezone-result > strong { color: #1371d7; background: #fff; border-color: rgba(255,255,255,.85); }
.telener-timezone-form .select2-results__option--highlighted .telener-timezone-result-copy b,
.telener-timezone-form .select2-results__option--highlighted .telener-timezone-result-copy small { color: #fff; }
.telener-timezone-form .select2-container--default .select2-results__option[aria-selected="true"] { color: #155ac7; background: #e7f6ff; font-weight: 700; }
.telener-timezone-form .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff; background: linear-gradient(90deg, #1789f5, #1ab5ee); }
.telener-timezone-auto-help { display: flex; margin: 9px 2px 12px; align-items: flex-start; gap: 7px; color: #7893ac; font-size: 9px; line-height: 1.45; }
.telener-timezone-auto-help i { margin-top: 2px; color: #20a9ea; }
.telener-timezone-save { display: inline-flex; width: 100%; min-height: 38px; padding: 8px 13px; align-items: center; justify-content: center; gap: 8px; color: #fff; border: 0; border-radius: 10px; background: linear-gradient(135deg, #167ff1, #18b8ef); box-shadow: 0 8px 19px rgba(22,127,241,.2); font-size: 10px; font-weight: 800; transition: .2s ease; }
.telener-timezone-save:hover, .telener-timezone-save:focus-visible { outline: 0; background: linear-gradient(135deg, #0f70e5, #0ea9e7); box-shadow: 0 10px 23px rgba(22,127,241,.27); transform: translateY(-1px); }
.telener-login-languages { position: fixed; top: 18px; right: 20px; z-index: 20; display: flex; padding: 5px; gap: 4px; border: 1px solid rgba(207,229,247,.96); border-radius: 12px; background: rgba(255,255,255,.94); box-shadow: 0 8px 24px rgba(35,113,176,.14); }
.telener-login-languages .telener-language-button { width: 42px; height: 34px; }

.telener-floating-notice { position: fixed; top: 76px; right: 24px; z-index: 11050; display: grid; width: min(420px, calc(100vw - 32px)); min-height: 88px; padding: 15px 50px 16px 15px; overflow: hidden; align-items: center; grid-template-columns: 46px minmax(0, 1fr); gap: 13px; color: #24476c; background: rgba(255,255,255,.98); border: 1px solid #cfe6f7; border-radius: 18px; box-shadow: 0 20px 55px rgba(46,123,190,.22); opacity: 0; transform: translate3d(24px, -8px, 0); transition: opacity .24s ease, transform .24s ease; }
.telener-floating-notice.is-visible { opacity: 1; transform: none; }
.telener-floating-notice.is-leaving { opacity: 0; transform: translate3d(20px, 0, 0); }
.telener-floating-notice-icon { display: grid; width: 44px; height: 44px; place-items: center; color: #fff; background: linear-gradient(145deg, #138cf7, #16b7f4); border-radius: 14px; box-shadow: 0 9px 22px rgba(19,140,247,.24); font-size: 17px; }
.telener-floating-notice-success .telener-floating-notice-icon { background: linear-gradient(145deg, #19b984, #43d5a2); box-shadow: 0 9px 22px rgba(24,185,129,.22); }
.telener-floating-notice-error { border-color: #ffd2d8; }
.telener-floating-notice-error .telener-floating-notice-icon { background: linear-gradient(145deg, #ed5a68, #ff8591); box-shadow: 0 9px 22px rgba(237,90,104,.22); }
.telener-floating-notice-copy { min-width: 0; }
.telener-floating-notice-copy strong { display: block; margin-bottom: 4px; color: #1554d1; font-size: 13px; font-weight: 800; }
.telener-floating-notice-error .telener-floating-notice-copy strong { color: #c34755; }
.telener-floating-notice-copy p { margin: 0; color: #6f8ba7; font-size: 11px; line-height: 1.5; }
.telener-floating-notice-close { position: absolute; top: 11px; right: 11px; display: grid; width: 30px; height: 30px; padding: 0; place-items: center; color: #6f8ba7; background: #f2f9fe; border: 1px solid #d7eaf7; border-radius: 9px; transition: .18s ease; }
.telener-floating-notice-close:hover, .telener-floating-notice-close:focus-visible { color: #1769e8; outline: 0; background: #e7f6ff; border-color: #addcf8; transform: translateY(-1px); }
.telener-floating-notice-progress { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; background: linear-gradient(90deg, #138cf7, #16b7f4); transform-origin: left; }
.telener-floating-notice-success .telener-floating-notice-progress { background: linear-gradient(90deg, #18b981, #50dbaa); }
.telener-floating-notice-error .telener-floating-notice-progress { background: linear-gradient(90deg, #ed5a68, #ff9aa3); }
@keyframes telener-notice-progress { from { transform: scaleX(1); } to { transform: scaleX(0); } }

@media (max-width: 600px) { .telener-language-switcher { padding-inline: 4px; }.telener-language-button { width: 34px; }.navbar-top-links > .telener-timezone-switcher > .telener-timezone-toggle { padding-inline: 8px; }.telener-timezone-menu { position: fixed; top: 42px; right: 8px; width: calc(100vw - 16px); max-width: none; }.telener-timezone-menu.is-search-open { min-height: min(720px, calc(100vh - 50px)); }.telener-timezone-heading { padding-inline: 15px; }.telener-timezone-current { margin-inline: 15px; }.telener-timezone-form { padding-inline: 15px; }.telener-timezone-result { grid-template-columns: 70px minmax(0, 1fr); gap: 8px; }.telener-login-languages { top: 10px; right: 10px; }.telener-floating-notice { top: 58px; right: 16px; } }
@media (prefers-reduced-motion: reduce) { .telener-floating-notice { transition-duration: .01ms; }.telener-floating-notice-progress { animation: none !important; } }
