/* SNT reference UI — exact compact glass system, loaded last. */
:root{--ref-cyan:#25f2dc;--ref-line:rgba(169,255,244,.56);--ref-glass:rgba(5,72,68,.42);--ref-glass2:rgba(10,77,69,.28);--ref-white:#fff;--ref-radius:22px;--v5-drawer-w:282px!important;--v5-drawer-offset:304px!important}
body.v5-shell-active{background:#062f34;color:#fff}
body.v5-shell-active:before{content:"";position:fixed;inset:0;z-index:-3;background:linear-gradient(rgba(0,45,48,.06),rgba(0,45,48,.12)),url('/assets/snt-auth-desktop.webp') center/cover fixed no-repeat}
body.v5-shell-active:after{content:"";position:fixed;inset:0;z-index:-2;background:rgba(0,30,34,.06);pointer-events:none}
.v5-site-brand{height:116px!important;margin:8px auto 8px!important;padding:8px 20px!important;color:#fff!important;text-shadow:0 2px 10px #002b32!important}
.v5-site-brand .leaf{display:none!important}.v5-site-brand h1{font-size:32px!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:-.035em!important}.v5-site-brand .sub{display:none!important}.v5-site-brand .keywords{font-size:15px!important;letter-spacing:.22em!important;color:#fff!important;margin-top:26px!important;position:relative!important}.v5-site-brand .keywords:before,.v5-site-brand .keywords:after{content:"";position:absolute;top:-14px;width:105px;height:2px;background:var(--ref-cyan)}.v5-site-brand .keywords:before{right:calc(50% + 28px)}.v5-site-brand .keywords:after{left:calc(50% + 28px)}
/* drawer */
.v5-drawer{left:14px!important;top:14px!important;bottom:14px!important;width:min(282px,calc(100vw - 28px))!important;padding:18px 14px 14px!important;border:1.5px solid rgba(91,255,235,.66)!important;border-radius:22px!important;background:linear-gradient(155deg,rgba(5,81,75,.48),rgba(3,54,58,.38))!important;box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.09)!important;backdrop-filter:blur(17px) saturate(120%)!important;-webkit-backdrop-filter:blur(17px) saturate(120%)!important;overflow:auto!important}
.v5-drawer-corner{display:none!important}.v5-drawer-header{padding:2px 6px 14px!important;border-bottom:1px solid rgba(78,238,215,.22)!important}.v5-drawer-brand{text-align:left!important;display:block!important}.v5-drawer-brand strong{font:850 18px/1.05 system-ui!important;letter-spacing:-.025em!important;white-space:nowrap!important}.v5-drawer-brand-divider{display:none!important}.v5-drawer-brand small{font:500 9px/1.2 system-ui!important;letter-spacing:0!important;color:rgba(255,255,255,.58)!important;margin-top:3px!important}.v5-drawer-header>.v5-menu-state{display:none!important}
.v5-menu{display:grid!important;gap:8px!important;padding:14px 0 0!important}.v5-menu a,.v5-menu a:link,.v5-menu a:visited{min-height:52px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr) 14px 18px!important;align-items:center!important;gap:6px!important;padding:0 10px 0 5px!important;border:1px solid rgba(205,255,246,.24)!important;border-radius:14px!important;background:rgba(14,93,82,.16)!important;color:#fff!important;font:700 14px/1.1 system-ui!important;box-shadow:none!important;backdrop-filter:blur(8px)!important}.v5-menu a>.ico{width:38px!important;height:38px!important;margin:0!important;border-radius:12px!important;border:0!important;background:rgba(122,224,201,.07)!important}.v5-menu a>.ico svg{width:23px!important;height:23px!important;stroke-width:1.7!important}.v5-menu a.active{border:1.5px solid var(--ref-cyan)!important;background:linear-gradient(90deg,rgba(13,190,169,.24),rgba(22,119,101,.15))!important;box-shadow:inset 4px 0 0 rgba(82,255,220,.75),0 0 14px rgba(26,239,211,.08)!important}.v5-menu a.active>.ico{border:0!important;background:rgba(78,226,201,.09)!important}.v5-menu .arrow{grid-column:4!important;width:auto!important;font:400 26px/1 Arial!important;opacity:.75!important}.v5-menu-live-dot{grid-column:3!important;width:12px!important;height:12px!important;border-radius:50%!important;background:#ffba31!important;box-shadow:0 0 9px #ffb01f!important}.v5-menu-separator{height:1px!important;margin:10px 7px 8px!important;background:rgba(47,240,214,.65)!important;box-shadow:none!important}
.v5-drawer-bottom{margin-top:8px!important;padding:0!important}.v5-logout-form button{min-height:52px!important;grid-template-columns:42px 1fr 18px!important;gap:6px!important;padding:0 10px 0 5px!important;border:1px solid rgba(205,255,246,.24)!important;border-radius:14px!important;background:rgba(14,93,82,.16)!important;font:700 14px/1 system-ui!important}.v5-logout-form .ico{width:38px!important;height:38px!important;margin:0!important;border:0!important;border-radius:12px!important;background:rgba(122,224,201,.07)!important}.v5-logout-form .ico svg{width:23px!important;height:23px!important}.v5-logout-form .arrow{font-size:26px!important}.v5-menu-separator-contacts{margin:12px 7px 10px!important}.v5-drawer-contacts{padding:0 7px 4px!important;background:none!important;border:0!important}.v5-drawer-contacts-label{display:none!important}.v5-contact-row{display:flex!important;gap:18px!important;padding:0!important;justify-content:flex-start!important}.v5-contact-row a.v5-contact{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-width:1.5px!important}.v5-contact-icon,.v5-contact-icon svg,.v5-contact-max .v5-contact-icon.v5-max-official,.v5-contact-max .v5-max-official img{width:25px!important;height:25px!important}.v5-contact-mail{margin:12px 0 0!important;gap:9px!important;font:500 11px/1.1 system-ui!important}.v5-contact-mail svg{width:18px!important;height:18px!important}
/* content stays clear of pinned compact drawer */
@media(min-width:900px){body.v5-menu-pinned{padding-left:var(--v5-drawer-offset)!important}.v5-drawer{transform:none!important}.v5-menu-button{display:none!important}}
/* auth: compact floating reference window */
body.auth-mode .auth-page{min-height:100svh!important;padding:42px 16px 32px!important;justify-content:flex-start!important;background-image:linear-gradient(rgba(0,51,65,.03),rgba(0,45,45,.08)),url('/assets/snt-auth-desktop.webp')!important;background-position:center!important;background-size:cover!important}
body.auth-mode .auth-brand{width:min(94vw,650px)!important}.auth-brand-title{font:850 clamp(28px,4vw,44px)/1 system-ui!important;letter-spacing:-.035em!important}.auth-brand-divider{width:min(62%,370px)!important;margin:13px auto 3px!important;grid-template-columns:1fr 32px 1fr!important;gap:10px!important}.auth-brand-divider span{height:2px!important}.auth-brand-divider svg{width:31px!important;height:27px!important}.auth-brand-subtitle{font:400 clamp(14px,2vw,20px)/1 system-ui!important;letter-spacing:.22em!important;margin-top:4px!important}
body.auth-mode .auth-container{width:min(92vw,390px)!important;margin:32px auto 0!important}.auth-card{padding:31px 27px 25px!important;border:1.5px solid rgba(96,255,240,.85)!important;border-radius:23px!important;background:linear-gradient(145deg,rgba(6,91,84,.36),rgba(6,65,69,.29))!important;backdrop-filter:blur(16px) saturate(120%)!important;-webkit-backdrop-filter:blur(16px) saturate(120%)!important;box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08)!important}.auth-corner{width:22px!important;height:22px!important;border-width:2px!important}.auth-corner-tl{left:14px!important;top:14px!important}.auth-corner-tr{right:14px!important;top:14px!important}.auth-corner-bl{left:14px!important;bottom:14px!important}.auth-corner-br{right:14px!important;bottom:14px!important}.auth-lock{width:62px!important;height:62px!important;margin:0 auto 18px!important;border-width:1.5px!important;box-shadow:0 0 16px rgba(0,233,218,.13)!important}.auth-lock:after{inset:5px!important}.auth-lock svg{width:30px!important;height:30px!important}.auth-title{font:700 20px/1.12 system-ui!important;margin:0 0 22px!important}.auth-page .form-group{margin:0 0 12px!important}.auth-phone-icon{left:17px!important;width:22px!important;height:22px!important}.phone-input{height:52px!important;padding:0 18px 0 52px!important;border-width:1px!important;border-radius:27px!important;font:600 17px/1 system-ui!important}.submit-btn{min-height:52px!important;border-width:1.5px!important;border-radius:27px!important;padding:8px 18px!important;grid-template-columns:1fr 24px!important;font:750 16px/1 system-ui!important}.submit-btn span{padding-left:24px!important}.submit-btn svg{width:24px!important;height:24px!important}
/* common glass panels across site */
body.v5-shell-active .camera-panel,body.v5-shell-active .news-card,body.v5-shell-active .history-card,body.v5-shell-active .gas-card,body.v5-shell-active .map-card,body.v5-shell-active .form-card,body.v5-shell-active .vehicle-pass-card{background:linear-gradient(145deg,rgba(7,82,76,.34),rgba(5,58,64,.28))!important;border:1px solid rgba(134,255,239,.34)!important;border-radius:18px!important;box-shadow:0 14px 38px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.07)!important;backdrop-filter:blur(14px) saturate(116%)!important;-webkit-backdrop-filter:blur(14px) saturate(116%)!important}
/* responsive */
@media(max-width:899px){:root{--v5-drawer-w:270px!important}.v5-drawer{left:10px!important;top:10px!important;bottom:10px!important;width:min(270px,calc(100vw - 20px))!important}.v5-site-brand{height:98px!important}.v5-site-brand h1{font-size:23px!important}.v5-site-brand .keywords{font-size:10px!important;margin-top:21px!important}.v5-site-brand .keywords:before,.v5-site-brand .keywords:after{width:70px!important;top:-11px!important}.v5-menu-button{left:14px!important;top:14px!important;width:42px!important;height:42px!important}.auth-brand-title{font-size:29px!important}.auth-brand-subtitle{font-size:14px!important}.auth-container{margin-top:25px!important}.auth-card{padding:27px 22px 22px!important}.auth-title{font-size:18px!important;margin-bottom:18px!important}.auth-lock{width:54px!important;height:54px!important;margin-bottom:14px!important}.auth-lock svg{width:26px!important;height:26px!important}.phone-input,.submit-btn{height:48px!important;min-height:48px!important}.phone-input{font-size:16px!important}.submit-btn{font-size:15px!important}}
@media(max-width:430px){body.auth-mode .auth-page{padding-top:34px!important}.auth-brand-title{font-size:27px!important}.auth-brand-divider{margin-top:11px!important}.auth-container{width:min(91vw,350px)!important;margin-top:23px!important}.auth-card{padding:24px 20px 20px!important;border-radius:20px!important}.auth-lock{width:50px!important;height:50px!important}.auth-title{font-size:17px!important}.phone-input,.submit-btn{height:46px!important;min-height:46px!important}.v5-site-brand h1{font-size:21px!important}}
@media(max-height:520px) and (orientation:landscape){body.auth-mode .auth-page{padding:14px 12px!important;display:grid!important;grid-template-columns:1fr 340px!important;align-items:center!important;gap:20px!important}.auth-brand-title{font-size:25px!important}.auth-brand-subtitle{font-size:12px!important}.auth-container{width:340px!important;margin:0!important}.auth-card{padding:18px 20px!important}.auth-lock{width:42px!important;height:42px!important;margin-bottom:8px!important}.auth-lock svg{width:21px!important;height:21px!important}.auth-title{font-size:15px!important;margin-bottom:10px!important}.phone-input,.submit-btn{height:40px!important;min-height:40px!important}.v5-drawer{width:255px!important}}
