/* tm-modal.css: сучасне вікно входу (thickbox) для ПК, планшета і телефона. 19.10.2026 */
.TB_overlayBG,#TB_overlay{background:rgba(28,18,8,.55)!important;opacity:1!important;filter:none!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#TB_window:has(.loginBox){position:fixed!important;left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%);width:min(400px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px);border:0!important;border-radius:18px;background:#fff!important;box-shadow:0 24px 60px rgba(40,22,6,.35),0 2px 8px rgba(40,22,6,.15);overflow:hidden;animation:tmIn .18s ease-out;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@keyframes tmIn{from{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}
#TB_window:has(.loginBox) #TB_title{height:0!important;padding:0!important;background:none!important;border:0!important}
#TB_window:has(.loginBox) #TB_closeAjaxWindow{position:absolute;top:10px;right:10px;z-index:3;margin:0!important;padding:0!important;float:none!important;font-size:0!important;line-height:0}
#TB_window:has(.loginBox) #TB_closeWindowButton{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;font-size:0!important;text-decoration:none!important;color:#7a6654;transition:background .15s}
#TB_window:has(.loginBox) #TB_closeWindowButton::before{content:"\00D7";font-size:28px;line-height:1}
#TB_window:has(.loginBox) #TB_closeWindowButton:hover{background:#f3ece5;color:#3b2410}
#TB_window:has(.loginBox) #TB_ajaxContent{width:auto!important;height:auto!important;max-height:calc(100dvh - 32px);overflow:auto!important;padding:0!important;margin:0!important}
#TB_window .loginBox{padding:28px 28px 24px!important;background:#fff!important;color:#3b2410;font-size:15px;text-align:left}
#TB_window .loginBox form>div:first-of-type{font-size:22px;font-weight:700;line-height:1.25;color:#3b2410;text-align:left;margin:0 40px 22px 0}
#TB_window .loginBox form>div[align=left]{display:flex;flex-direction:column;gap:6px;margin:0 0 14px}
#TB_window .loginBox form>div[align=left]>div{width:auto!important;float:none!important}
#TB_window .loginBox .clear{display:none}
#TB_window .loginBox label{width:auto!important;font-size:14px;font-weight:600;color:#6b5646}
#TB_window .loginBox input[type=text],#TB_window .loginBox input[type=password]{display:block;width:100%!important;box-sizing:border-box;height:48px;margin:0;padding:0 14px;border:1.5px solid #e2d8ce;border-radius:10px;background:#fbf8f5;font-size:16px;color:#2a1a0c;transition:border-color .15s,box-shadow .15s}
#TB_window .loginBox input[type=text]:focus,#TB_window .loginBox input[type=password]:focus{outline:none;border-color:#e8821c;background:#fff;box-shadow:0 0 0 4px rgba(232,130,28,.18)}
#TB_window .loginBox form>div:has(#remember){display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:2px 0 18px;font-size:14px}
#TB_window .loginBox #remember{order:-1;width:18px;height:18px;margin:0;accent-color:#e8821c;cursor:pointer}
#TB_window .loginBox label[for=remember]{font-weight:500;cursor:pointer}
#TB_window .loginBox input.button{display:block;width:100%;height:50px;margin:0;border:0!important;border-radius:10px;background:linear-gradient(180deg,#f59a32,#e07a12)!important;color:#fff!important;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 6px 16px rgba(224,122,18,.35);transition:filter .15s,transform .05s;-webkit-appearance:none;appearance:none}
#TB_window .loginBox input.button:hover{filter:brightness(1.05)}
#TB_window .loginBox input.button:active{transform:translateY(1px)}
#TB_window .loginBox form>div:last-of-type{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:18px;font-size:14px}
#TB_window .loginBox form>div:last-of-type a{color:#9a5212;font-weight:600;text-decoration:none}
#TB_window .loginBox form>div:last-of-type a:hover{text-decoration:underline}
@media (max-width:540px){
#TB_window:has(.loginBox){top:auto!important;bottom:0!important;transform:translateX(-50%);width:100vw!important;max-height:92dvh;border-radius:20px 20px 0 0;animation:tmUp .22s ease-out}
@keyframes tmUp{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}
#TB_window .loginBox{padding:26px 20px calc(22px + env(safe-area-inset-bottom))!important}
#TB_window .loginBox form>div:first-of-type{font-size:20px}
}
/* v2: око в полі пароля */
#TB_window .loginBox .tm-pw{position:relative;display:block}
#TB_window .loginBox .tm-pw input{padding-right:52px!important}
#TB_window .loginBox .tm-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;background:none;color:#8a7766;cursor:pointer}
#TB_window .loginBox .tm-eye:hover{color:#3b2410;background:#f3ece5}
#TB_window .loginBox .tm-eye svg{width:22px;height:22px}
#TB_window .loginBox .tm-eye .tm-off,#TB_window .loginBox .tm-eye.on .tm-on{display:none}
#TB_window .loginBox .tm-eye.on .tm-off{display:block}