:root{
  --v5-drawer-w:268px;
  --v5-drawer-offset:304px;
  --v5-accent:#56e6ad;
  --v5-glass:rgba(4,74,67,.62);
  --v5-glass-2:rgba(13,94,80,.42);
  --v5-border:rgba(142,255,221,.16);
  --v5-text:#f4f8f7;
  --v5-muted:rgba(235,245,242,.62);
}

/* One shell only. Existing V5 functional surfaces remain intact. */
body:not(.auth-mode){
  background-attachment:fixed!important;
}

.v5-menu-button{
  position:fixed;left:24px;top:24px;z-index:1200;
  width:48px;height:48px;border:1px solid rgba(126,255,216,.18);
  border-radius:16px;background:rgba(7,77,69,.42);backdrop-filter:blur(16px) saturate(145%);
  -webkit-backdrop-filter:blur(16px) saturate(145%);color:var(--v5-accent);
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.18);
}
.v5-menu-button:hover{background:rgba(30,124,102,.48);border-color:rgba(126,255,216,.30)}
.v5-menu-button svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}

.v5-drawer-overlay{position:fixed;inset:0;z-index:1090;background:rgba(0,12,15,.43);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.2s ease}
.v5-drawer{position:fixed;z-index:1100;left:0;top:0;bottom:0;width:min(var(--v5-drawer-w),92vw);padding:22px 20px 18px;
  transform:translateX(-102%);transition:transform .22s ease;
  background:linear-gradient(160deg,rgba(3,79,72,.74),rgba(4,53,51,.62) 60%,rgba(103,104,45,.38));
  border-right:1px solid var(--v5-border);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%);
  display:flex;flex-direction:column;overflow:auto;color:var(--v5-text)
}
body.v5-menu-open .v5-drawer{transform:none}
body.v5-menu-open:not(.v5-menu-pinned) .v5-drawer-overlay{opacity:1;pointer-events:auto}
/* Canonical compact header: the same on every authenticated page. */
.v5-site-brand{position:relative;z-index:6;width:min(100%,820px);height:112px;margin:0 auto 10px;padding:14px 76px 6px;text-align:center;color:#f6f8f7;display:flex;flex-direction:column;align-items:center;justify-content:center}
.v5-site-brand .leaf{font-size:27px;line-height:1;color:var(--v5-accent);margin-bottom:3px}
.v5-site-brand h1{margin:0;white-space:nowrap;font-size:clamp(26px,3.1vw,38px);line-height:1;letter-spacing:-.035em}
.v5-site-brand .sub{font-size:12px;color:var(--v5-muted);margin-top:5px;white-space:nowrap}
.v5-site-brand .keywords{font-size:9px;color:#4fe0ae;text-transform:uppercase;letter-spacing:.17em;font-weight:800;margin-top:5px;white-space:nowrap}

/* remove duplicated V5 headers/nav only on authenticated main modes */
body.v5-shell-active .camera-brand,
body.v5-shell-active .request-brand,
body.v5-shell-active .map-brand,
body.v5-shell-active .site-nav{display:none!important}

.v5-section{position:relative;z-index:5;width:min(760px,calc(100% - 32px));margin:0 auto 40px}
.v5-card{border-radius:22px;border:1px solid rgba(89,225,182,.17);background:linear-gradient(145deg,rgba(5,76,68,.82),rgba(3,48,49,.86));box-shadow:0 16px 35px rgba(0,0,0,.18);padding:24px 26px;color:#f3f7f6;backdrop-filter:blur(16px)}
.v5-card h2{font-size:30px;margin:4px 0 14px}.v5-card p{line-height:1.55;color:rgba(240,248,246,.76)}
.v5-eyebrow{font-size:11px;color:#50e5ae;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.v5-doc-grid{display:grid;gap:15px;margin-top:18px}.v5-doc{padding:14px;border-radius:18px;background:rgba(0,20,23,.24);border:1px solid rgba(255,255,255,.08)}
.v5-doc img{display:block;width:100%;border-radius:12px;background:#eee}.v5-doc h3{margin:12px 0 6px;font-size:18px}.v5-doc p{margin:0;font-size:14px}.v5-doc a{display:inline-flex;margin-top:10px;color:#62e8b7;font-weight:800;text-decoration:none}

/* News */
.v5-news-feed{display:grid;gap:12px}.v5-news-card{padding:18px 20px;border-radius:20px;background:linear-gradient(145deg,rgba(5,76,68,.88),rgba(3,48,49,.91));border:1px solid rgba(69,226,179,.18);box-shadow:0 12px 28px rgba(0,0,0,.18)}
.v5-news-date{color:#53e4ad;font-size:13px;font-weight:800;margin-bottom:9px}.v5-news-text{font-size:16px;line-height:1.5}.v5-news-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}.v5-news-gallery>*{min-width:0}.v5-news-gallery img,.v5-news-gallery video{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:12px;background:#06181a}.v5-news-gallery a.pdf{min-height:72px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;padding:12px;color:#eef7f4;text-decoration:none}

@media(max-width:899px){.v5-menu-button{left:16px;top:16px}}
@media(max-width:768px){
  .v5-site-brand{height:102px;margin-bottom:7px;padding:11px 66px 5px}.v5-site-brand .leaf{font-size:22px}.v5-site-brand h1{font-size:clamp(18px,5.1vw,23px);letter-spacing:-.045em}.v5-site-brand .sub{font-size:10px}.v5-site-brand .keywords{font-size:7.5px;letter-spacing:.12em}
  .v5-section{width:calc(100% - 20px);margin-bottom:24px}.v5-card{padding:20px 18px;border-radius:20px}.v5-card h2{font-size:28px}.v5-news-card{padding:15px 16px}.v5-news-gallery{gap:6px}
}
@media(max-width:390px){.v5-site-brand{padding-left:60px;padding-right:60px}.v5-site-brand h1{font-size:18px}}

/* V5 approved background on all authenticated pages. */
body.v5-shell-active{
  min-height:100vh;
  background:
    linear-gradient(rgba(0,31,35,.16),rgba(0,31,35,.16)),
    url("/assets/snt-auth-desktop.webp") center center / cover fixed no-repeat!important;
}
@media(max-width:1099px){body.v5-shell-active{background-image:linear-gradient(rgba(0,31,35,.14),rgba(0,31,35,.14)),url("/assets/snt-auth-tablet.webp")!important}}
@media(max-width:768px){body.v5-shell-active{background-image:linear-gradient(rgba(0,31,35,.12),rgba(0,31,35,.12)),url("/assets/snt-auth-mobile.webp")!important;background-attachment:scroll!important}}


/* SNT54_V5_LEAF_RESTORE */
.v5-site-brand .leaf .v5-leaf-svg{
    display:block;
    width:34px;
    height:28px;
    margin:0 auto;
}

.v5-drawer-brand .leaf .v5-leaf-svg{
    display:block;
    width:30px;
    height:25px;
    margin:0 auto 4px;
}

@media (max-width:700px){
    .v5-site-brand .leaf .v5-leaf-svg{
        width:29px;
        height:24px;
    }
}

/* Consistent content titles */
.v5-section-title{
  margin:0 0 12px;
  padding:0 2px;
  color:#f3f7f5;
  font:700 15px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-align:left;
}

/* News media keeps one visual rhythm regardless of Telegram attachment count. */
.v5-news-gallery-1{grid-template-columns:minmax(0,1fr)}
.v5-news-gallery-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.v5-news-gallery-3,.v5-news-gallery-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.v5-news-gallery img,.v5-news-gallery video{height:auto;max-height:420px;object-fit:contain}


/* =========================================================
   SNT54 V5 — UNIFIED PAGE SYSTEM
   One visual language and one coordinate system for every tab.
   ========================================================= */

:root{
  --v5-page-max:880px;
  --v5-page-gap:16px;
  --v5-panel-radius:20px;
  --v5-panel-bg:linear-gradient(145deg,rgba(5,76,68,.86),rgba(3,48,49,.89));
  --v5-panel-border:1px solid rgba(89,225,182,.18);
  --v5-panel-shadow:0 14px 32px rgba(0,0,0,.18);
}

/* The canonical shell header is identical on every authenticated page. */
body.v5-shell-active .v5-site-brand{
  width:min(var(--v5-page-max),calc(100% - 32px));
  max-width:var(--v5-page-max);
  margin-left:auto;
  margin-right:auto;
}

/* Every page starts on the same vertical and horizontal rhythm. */
body.v5-shell-active .v5-page-main{
  position:relative;
  z-index:5;
  box-sizing:border-box;
  margin-top:0!important;
  margin-bottom:36px!important;
}

body.v5-shell-active .v5-page-standard{
  width:min(var(--v5-page-max),calc(100% - 32px))!important;
  max-width:var(--v5-page-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.v5-shell-active .v5-page-wide{
  width:calc(100% - 32px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* One panel treatment for page cards, news cards, cameras, map and request form. */
body.v5-shell-active .v5-card,
body.v5-shell-active .news-card,
body.v5-shell-active .news-empty,
body.v5-shell-active .camera-panel,
body.v5-shell-active .map-card,
body.v5-shell-active .form-card,
body.v5-shell-active .request-system-unavailable{
  border-radius:var(--v5-panel-radius)!important;
  border:var(--v5-panel-border)!important;
  background:var(--v5-panel-bg)!important;
  box-shadow:var(--v5-panel-shadow)!important;
}

/* Page title style is shared by News, History and Gasification. */
body.v5-shell-active .v5-section-title,
body.v5-shell-active .news-page-title,
body.v5-shell-active .v5-card > h2{
  color:#f3f7f5!important;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

body.v5-shell-active .news-page-title,
body.v5-shell-active .v5-section-title{
  margin:0 0 10px!important;
  padding:0 2px!important;
  font-size:15px!important;
  line-height:1.2!important;
  text-align:left!important;
}

/* News keeps its approved gallery/lightbox behaviour, but follows common spacing. */
body.v5-shell-active .v5-news-section{
  width:min(var(--v5-page-max),calc(100% - 32px))!important;
  max-width:var(--v5-page-max)!important;
}
body.v5-shell-active .v5-news-section .news-feed,
body.v5-shell-active .v5-news-section .v5-news-feed{
  width:100%!important;
  max-width:none!important;
}
body.v5-shell-active .v5-news-section .news-card{
  padding:18px 20px!important;
}

/* History / Gasification use the same content width and card geometry as News. */
body.v5-shell-active.history-mode .v5-card,
body.v5-shell-active.gasification-mode .v5-card{
  width:100%!important;
  max-width:none!important;
  padding:24px 26px!important;
}

/* Wide functional surfaces still share the same outer edges. */
body.v5-shell-active.camera-mode .cameras-page,
body.v5-shell-active.map-mode .integrated-map-page{
  padding-left:0!important;
  padding-right:0!important;
}
body.v5-shell-active.camera-mode .main-container,
body.v5-shell-active.map-mode .map-main{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.v5-shell-active.map-mode .map-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Request page follows the same standard content column. */


/* =========================================================
   DESKTOP PINNED MENU
   Drawer occupies its own column exactly once.
   Geometry is based on the real content width, not 100vw,
   so the browser scrollbar is automatically accounted for.
   ========================================================= */
@media (min-width:900px){
  body.v5-menu-pinned{
    box-sizing:border-box!important;
    width:100%!important;
    padding-left:var(--v5-drawer-offset)!important;
    overflow-x:hidden!important;
  }

  body.v5-menu-pinned .v5-drawer{transform:none!important}
  body.v5-menu-pinned .v5-drawer-overlay{display:none!important;pointer-events:none!important}
  body.v5-menu-pinned .v5-menu-button,
  body.v5-menu-pinned [data-v5-menu-open]{display:none!important}

  /* Every section is centered inside the same remaining workspace. */
  body.v5-menu-pinned .v5-site-brand,
body.v5-menu-pinned .v5-page-main,
body.v5-menu-pinned .v5-section,
body.v5-menu-pinned .cameras-page,
body.v5-menu-pinned .integrated-map-page{
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.v5-menu-pinned .v5-site-brand,
body.v5-menu-pinned .v5-page-standard{
    width:min(var(--v5-page-max),calc(100% - (var(--v5-page-gap) * 2)))!important;
    max-width:var(--v5-page-max)!important;
  }

  body.v5-menu-pinned .v5-page-wide{
    width:calc(100% - (var(--v5-page-gap) * 2))!important;
    max-width:1180px!important;
  }

  /* Functional inner blocks never receive a second horizontal offset. */
  body.v5-menu-pinned.camera-mode .main-container,
  body.v5-menu-pinned.map-mode .map-main,
  body.v5-menu-pinned.camera-mode .video-container,
  body.v5-menu-pinned.camera-mode .camera-panel,
  body.v5-menu-pinned.camera-mode .services-grid,
  body.v5-menu-pinned.map-mode .map-card{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* =========================================================
   TABLET — explicit audited breakpoint.
   Same centered rhythm; drawer never pins.
   ========================================================= */
@media (min-width:769px) and (max-width:1099px){
  body.v5-shell-active .v5-site-brand,
  body.v5-shell-active .v5-page-standard{
    width:min(var(--v5-page-max),calc(100% - 36px))!important;
  }
  body.v5-shell-active .v5-page-wide{
    width:calc(100% - 36px)!important;
    max-width:none!important;
  }
}

/* =========================================================
   MOBILE — preserve the approved compact interface.
   ========================================================= */
@media (max-width:768px){
  body.v5-shell-active .v5-site-brand,
  body.v5-shell-active .v5-page-standard,
  body.v5-shell-active .v5-page-wide{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:10px!important;
    margin-right:10px!important;
  }

  body.v5-shell-active .v5-news-section .news-card,
  body.v5-shell-active.history-mode .v5-card,
  body.v5-shell-active.gasification-mode .v5-card{
    padding:16px!important;
    border-radius:18px!important;
  }

  body.v5-shell-active .news-page-title,
  body.v5-shell-active .v5-section-title{
    font-size:14px!important;
    margin-bottom:9px!important;
  }
}

/* =========================================================
   SNT54 V5 — AUDIT3: request alignment + compact documents
   ========================================================= */
@media (min-width:1100px){
  
}

/* History document previews use the same interaction model as News. */
body.v5-shell-active.history-mode .v5-doc-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
}
body.v5-shell-active.history-mode .v5-doc-preview{
  position:relative;
  display:block;
  width:100%;
  height:260px;
  overflow:hidden;
  border-radius:12px;
  background:rgba(0,0,0,.22);
  text-decoration:none;
}
body.v5-shell-active.history-mode .v5-doc-preview img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#ececec;
}
body.v5-shell-active.history-mode .v5-doc-preview span{
  position:absolute;
  right:10px;
  bottom:10px;
  padding:7px 10px;
  border-radius:10px;
  background:rgba(0,32,35,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(8px);
}


/* SNT54_HISTORY_DOC_PREVIEW_V2 */

/*
 * Карточки истории.
 */
body.v5-shell-active.history-mode .v5-doc-grid{
  display:grid;
  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:14px;

  align-items:start;
}


/*
 * Каждая карточка — единый аккуратный блок.
 */
body.v5-shell-active.history-mode .v5-doc{
  min-width:0;

  overflow:hidden;

  border-radius:16px;

  border:
    1px solid rgba(89,225,182,.14);

  background:
    rgba(2,48,47,.46);

  padding:12px;
}


/*
 * Предпросмотр занимает всю ширину карточки.
 * Никакой фиксированной высоты.
 */
body.v5-shell-active.history-mode .v5-doc-preview{
  position:relative;

  display:block;

  width:100%;
  height:auto !important;

  overflow:hidden;

  margin:0 0 12px;

  border-radius:11px;

  background:transparent;

  text-decoration:none;
}


/*
 * Сам документ показывается полностью,
 * на всю доступную ширину.
 */
body.v5-shell-active.history-mode .v5-doc-preview img{
  display:block;

  width:100% !important;
  height:auto !important;

  max-width:none;

  object-fit:unset !important;

  background:transparent !important;

  border-radius:10px;
}


/*
 * Небольшая плашка поверх картинки.
 */
body.v5-shell-active.history-mode .v5-doc-preview span{
  position:absolute;

  right:8px;
  bottom:8px;

  padding:5px 8px;

  border-radius:8px;

  background:
    rgba(0,32,35,.82);

  color:#fff;

  font-size:10px;
  line-height:1;

  font-weight:800;

  backdrop-filter:blur(8px);
}


/*
 * Заголовок и текст компактнее привязываем
 * к изображению.
 */
body.v5-shell-active.history-mode .v5-doc h3{
  margin:
    0 0 8px;
}

body.v5-shell-active.history-mode .v5-doc p{
  margin:
    0 0 10px;
}


/*
 * Mobile — одна карточка в строке.
 */
@media (max-width:768px){

  body.v5-shell-active.history-mode .v5-doc-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  body.v5-shell-active.history-mode .v5-doc{
    padding:10px;
  }

  body.v5-shell-active.history-mode .v5-doc-preview{
    height:auto !important;
  }

}



/* =========================================================
   SNT54_MENU_CANONICAL_R8
   One responsive drawer implementation.
   Desktop/tablet >=900px: optional persistent pin.
   Mobile/foldable <900px: slide-out only, no pin persistence.
   ========================================================= */
:root{
  --v5-drawer-w:236px;
  --v5-drawer-offset:264px;
}

.v5-menu-button{
  position:fixed!important;
  left:20px!important;
  top:20px!important;
  z-index:1200!important;
  width:48px!important;
  height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.v5-drawer{
  position:fixed!important;
  z-index:1100!important;
  left:16px!important;
  top:16px!important;
  bottom:16px!important;
  width:min(var(--v5-drawer-w),calc(100vw - 32px))!important;
  height:auto!important;
  box-sizing:border-box!important;
  padding:13px 11px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:none!important;
  border:1px solid rgba(73,238,191,.38)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 18% 7%,rgba(44,225,173,.12),transparent 28%),
    linear-gradient(165deg,rgba(1,61,61,.91),rgba(2,45,50,.87) 64%,rgba(84,83,36,.48))!important;
  backdrop-filter:blur(28px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(150%)!important;
  color:var(--v5-text)!important;
  transform:translate3d(calc(-100% - 96px),0,0)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-shadow:none!important;
  transition:transform .24s ease,opacity .18s ease,visibility 0s linear .24s!important;
}
.v5-drawer::-webkit-scrollbar{width:0;height:0}

/* Closed means physically absent: only the hamburger remains. */
body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-drawer,
html:not(.v5-menu-pinned-preload) body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-drawer{
  transform:translate3d(calc(-100% - 96px),0,0)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  box-shadow:none!important;
  filter:none!important;
}
body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-drawer::before,
body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-drawer::after{
  display:none!important;
  opacity:0!important;
}
body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-drawer-overlay{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body:not(.v5-menu-open):not(.v5-menu-pinned) .v5-menu-button{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}

body.v5-menu-open .v5-drawer,
body.v5-menu-pinned .v5-drawer,
html.v5-menu-pinned-preload .v5-drawer{
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  box-shadow:0 18px 46px rgba(0,0,0,.24),0 0 0 1px rgba(41,222,167,.035),inset 0 1px rgba(255,255,255,.055)!important;
  transition:transform .24s ease,opacity .18s ease,visibility 0s!important;
}
body.v5-menu-open .v5-menu-button{opacity:0!important;pointer-events:none!important}
body.v5-menu-pinned .v5-menu-button,
html.v5-menu-pinned-preload .v5-menu-button{display:none!important}
body.v5-menu-pinned .v5-drawer-overlay,
html.v5-menu-pinned-preload .v5-drawer-overlay{display:none!important}

.v5-drawer-header{
  min-height:47px!important;
  padding:0 1px 9px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
.v5-drawer-brand{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;gap:7px!important}
.v5-drawer-brand .leaf{flex:0 0 auto!important;margin:0!important;color:#4cf0b5!important;line-height:0!important}
.v5-drawer-brand .leaf .v5-leaf-svg{display:block!important;width:23px!important;height:20px!important}
.v5-drawer-brand-copy{min-width:0!important}
.v5-drawer-brand strong{display:block!important;font:820 13px/1.05 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.01em!important}
.v5-drawer-brand small{display:block!important;margin-top:3px!important;font:500 7.5px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;color:rgba(231,247,242,.54)!important;white-space:nowrap!important}
.v5-drawer-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important}

.v5-circle-btn,.v5-menu-state{
  position:relative!important;
  width:32px!important;height:32px!important;
  min-width:32px!important;min-height:32px!important;
  padding:0!important;
  display:grid!important;place-items:center!important;
  border-radius:11px!important;
  border:1px solid rgba(98,233,193,.22)!important;
  background:rgba(2,35,39,.34)!important;
  color:#c9f6e7!important;
  line-height:0!important;
}
.v5-menu-state[aria-pressed="true"]{background:rgba(52,224,170,.16)!important;border-color:rgba(74,238,188,.58)!important;color:#63f3c1!important}
.v5-menu-state-pin,.v5-menu-state-close{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;line-height:0!important}
.v5-menu-state-close{display:none!important}
.v5-menu-state .v5-pin-svg{
  position:absolute!important;left:50%!important;top:50%!important;
  width:17px!important;height:17px!important;
  transform:translate(-50%,calc(-50% + .5px))!important;
  overflow:visible!important;color:currentColor!important;
}
.v5-menu-state .v5-pin-head{fill:currentColor!important;stroke:none!important}
.v5-menu-state .v5-pin-needle{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important}

.v5-menu{display:grid!important;gap:5px!important;padding:11px 0 7px!important}
.v5-menu a,.v5-menu a:link,.v5-menu a:visited{
  min-height:44px!important;
  display:grid!important;
  grid-template-columns:21px minmax(0,1fr) 11px!important;
  align-items:center!important;
  column-gap:7px!important;
  padding:5px 9px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(125,238,207,.11)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,rgba(14,64,67,.43),rgba(5,40,45,.28))!important;
  color:#eaf7f3!important;
  text-decoration:none!important;
  font:760 12px/1.08 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.v5-menu a:hover{background:linear-gradient(135deg,rgba(24,92,84,.52),rgba(8,54,56,.38))!important;border-color:rgba(86,230,173,.27)!important}
.v5-menu a.active{background:linear-gradient(135deg,rgba(23,123,101,.52),rgba(4,67,65,.42))!important;border-color:rgba(76,239,187,.76)!important;box-shadow:inset 3px 0 0 rgba(93,246,196,.88)!important}
.v5-menu a>.ico{width:21px!important;height:21px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#a9f3dc!important;line-height:0!important}
.v5-menu a>.ico svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.v5-menu a[href*="mode=gasification"]>.ico svg{width:17px!important;height:17px!important}
.v5-menu-label{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important}
.v5-menu-title{display:block!important;width:100%!important;margin:0!important;color:inherit!important;font:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.v5-menu .soon{display:inline-flex!important;min-height:11px!important;padding:1px 4px!important;border:1px solid rgba(85,233,186,.20)!important;border-radius:999px!important;background:rgba(47,207,158,.09)!important;color:rgba(132,237,204,.72)!important;font:800 5.8px/1.05 system-ui!important}
.v5-menu .arrow{display:flex!important;width:11px!important;height:20px!important;align-items:center!important;justify-content:flex-end!important;color:rgba(216,243,235,.52)!important;font:400 16px/1 Arial,sans-serif!important}

.v5-drawer-bottom{margin-top:auto!important;display:grid!important;gap:6px!important;padding:9px 1px 4px!important;border-top:1px solid rgba(255,255,255,.06)!important}
.v5-logout-form{margin:0!important}
.v5-logout-form button{
  min-height:38px!important;width:100%!important;
  display:grid!important;grid-template-columns:21px 1fr 11px!important;align-items:center!important;gap:7px!important;
  padding:0 9px!important;border:1px solid rgba(125,238,207,.12)!important;border-radius:11px!important;
  background:rgba(5,47,50,.31)!important;color:#eaf7f3!important;font:760 11.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;text-align:left!important;
}
.v5-logout-form .ico{width:21px!important;height:21px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#a9f3dc!important;line-height:0!important}
.v5-logout-form .ico svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.v5-logout-form .arrow{justify-self:end!important;color:rgba(216,243,235,.52)!important}

.v5-drawer-contacts{margin:0!important;padding:5px 6px 4px!important;border:1px solid rgba(91,229,190,.09)!important;border-radius:11px!important;background:rgba(2,37,41,.22)!important}
.v5-drawer-contacts-label{margin:0 0 4px!important;font:700 6.2px/1 system-ui!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:rgba(99,228,188,.61)!important}
.v5-contact-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}
.v5-contact-row a.v5-contact{min-width:0!important;min-height:33px!important;padding:1px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:1px!important;border:0!important;border-radius:9px!important;background:rgba(7,51,55,.28)!important;color:rgba(240,250,247,.76)!important;text-decoration:none!important}
.v5-contact-icon{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;line-height:0!important;color:#57e7b5!important}
.v5-contact-icon svg{display:block!important;width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important}
.v5-contact-max .v5-contact-icon.v5-max-official{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;background:none!important}
.v5-contact-max .v5-max-official img{display:block!important;width:19px!important;height:19px!important;object-fit:contain!important}
.v5-contact-name{font:500 5.5px/1 system-ui!important;color:rgba(232,246,242,.62)!important;white-space:nowrap!important}
.v5-contact-mail{display:flex!important;width:100%!important;min-height:28px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;margin:2px 0 0!important;padding:5px 6px!important;border:1px solid transparent!important;border-radius:8px!important;color:rgba(213,241,232,.72)!important;font:500 9.5px/1.1 system-ui!important;text-decoration:none!important}
.v5-contact-mail:hover{color:#eafff8!important;background:rgba(68,226,179,.08)!important;border-color:rgba(68,226,179,.13)!important}
.v5-copyright{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:3px!important;margin-top:0!important;padding:1px 2px 0!important;color:rgba(191,219,211,.38)!important;font:400 7px/1.2 system-ui!important;text-align:center!important}

@media (min-width:900px) and (max-width:1099px){
  :root{--v5-drawer-w:228px;--v5-drawer-offset:252px}
  .v5-drawer{left:13px!important;top:13px!important;bottom:13px!important;width:min(var(--v5-drawer-w),calc(100vw - 26px))!important;border-radius:19px!important}
}

@media (max-width:899px){
  .v5-menu-state-pin{display:none!important}
  .v5-menu-state-close{display:grid!important}
  .v5-drawer{left:9px!important;top:9px!important;bottom:9px!important;width:min(270px,calc(100vw - 22px))!important;padding:11px 9px 9px!important;border-radius:18px!important}
  .v5-drawer-contacts-label{display:none!important}
  .v5-contact-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v5-contact-row a.v5-contact{min-height:34px!important}
  .v5-contact-icon{width:23px!important;height:23px!important}
  .v5-contact-icon svg{width:22px!important;height:22px!important}
  .v5-contact-max .v5-contact-icon.v5-max-official{width:23px!important;height:23px!important}
  .v5-contact-max .v5-max-official img{width:22px!important;height:22px!important}
  .v5-contact-mail{min-height:34px!important;padding:7px 6px!important;font-size:10.5px!important}
}

@media (max-width:390px){
  .v5-drawer{width:min(258px,calc(100vw - 18px))!important;left:7px!important;top:7px!important;bottom:7px!important}
  .v5-menu a{min-height:40px!important;font-size:11px!important}
}

/* =========================================================
   SNT54_CAMERA_DESKTOP_FIT_R8
   Desktop: both camera cards fit in the usable viewport.
   ========================================================= */
@media (min-width:1100px){
  body.camera-mode .video-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    height:calc(100dvh - 172px)!important;
    min-height:0!important;
    margin-bottom:0!important;
    overflow:hidden!important;
  }
  body.camera-mode .camera-panel{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:auto!important;max-height:100%!important;overflow:hidden!important}
  body.camera-mode .camera-panel>.camera-panel-head{flex:0 0 auto!important}
  body.camera-mode .video-wrapper{flex:1 1 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important;overflow:hidden!important;background:rgba(0,20,22,.58)!important}
  body.camera-mode .video-wrapper img,
  body.camera-mode .video-wrapper video,
  body.camera-mode .video-wrapper canvas,
  body.camera-mode .video-wrapper iframe{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:auto!important}
  body.camera-mode .main-container{padding-bottom:8px!important}
}

/* =========================================================
   SNT54_REQUEST_VIEWPORT_R8
   No artificial scroll; natural scroll only when content is taller.
   ========================================================= */



@media (min-width:900px){
  
  
}
@media (max-width:899px){
  
}

/* =========================================================
   SNT54_NEWS_FIXED_FIVE_V1

   Five newest news cards on initial view.
   "Показать ещё" follows the fifth card naturally.
   No viewport-height stretching.
   ========================================================= */

@media (min-width:900px){

  body.v5-shell-active.news-mode
  .v5-news-section{
    min-height:0 !important;

    display:block !important;
  }


  body.v5-shell-active.news-mode
  .v5-news-section > .snt-news-more{
    display:block;

    margin-top:14px !important;
    margin-bottom:0 !important;

    position:static !important;

    flex:none !important;
  }

}


/*
 * Same geometric principle on tablet/mobile:
 * button follows the last visible card,
 * never the bottom of the viewport.
 */

body.v5-shell-active.news-mode
.v5-news-section > .snt-news-more{
  position:static !important;

  margin-top:14px !important;

  flex:none !important;
}

SNT54_HISTORY_APPEAL_V2_START
   Scoped ONLY to History page.
   ========================================================= */


/* ---------------------------------------------------------
   More compact document previews
   --------------------------------------------------------- */

body.v5-shell-active.history-mode
.v5-doc-preview{
  width:100% !important;

  height:250px !important;

  margin-bottom:10px !important;

  overflow:hidden !important;

  border-radius:11px !important;

  background:
    rgba(3,28,29,.54) !important;
}


body.v5-shell-active.history-mode
.v5-doc-preview img{
  display:block !important;

  width:100% !important;
  height:100% !important;

  object-fit:cover !important;

  object-position:center 38% !important;

  border-radius:10px !important;
}


/* ---------------------------------------------------------
   Appeal panel.

   It is inside the SAME .v5-card and immediately follows
   .v5-doc-grid, therefore its left/right boundaries are
   identical to the document grid above.
   --------------------------------------------------------- */

body.v5-shell-active.history-mode
.v5-history-appeal{
  position:relative;

  width:100%;
  max-width:none;

  box-sizing:border-box;

  margin:
    16px 0 0;

  padding:
    20px 22px 18px;

  overflow:hidden;

  border:
    1px solid
    rgba(83,228,173,.28);

  border-radius:
    16px;

  background:
    linear-gradient(
      145deg,
      rgba(5,86,75,.74),
      rgba(3,53,52,.80)
    );

  box-shadow:
    inset 0 1px 0
    rgba(255,255,255,.035);
}


body.v5-shell-active.history-mode
.v5-history-appeal::after{
  content:"";

  position:absolute;

  right:-28px;
  top:-34px;

  width:130px;
  height:130px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(68,226,179,.10),
      transparent 68%
    );

  pointer-events:none;
}


body.v5-shell-active.history-mode
.v5-history-appeal-kicker{
  margin:
    0 0 7px;

  color:
    #69e9ba;

  font-size:
    12px;

  font-weight:
    700;

  letter-spacing:
    .02em;
}


body.v5-shell-active.history-mode
.v5-history-appeal h3{
  position:relative;

  z-index:1;

  margin:
    0 0 10px;

  color:
    #f5fffb;

  font-size:
    clamp(20px,2vw,27px);

  line-height:
    1.14;

  letter-spacing:
    -.02em;
}


body.v5-shell-active.history-mode
.v5-history-appeal p{
  position:relative;

  z-index:1;

  margin:
    0 0 8px;

  max-width:none;

  color:
    rgba(241,250,247,.93);

  font-size:
    14px;

  line-height:
    1.48;
}


body.v5-shell-active.history-mode
.v5-history-appeal p:last-of-type{
  margin-bottom:
    14px;
}


/* ---------------------------------------------------------
   Contact actions
   --------------------------------------------------------- */

body.v5-shell-active.history-mode
.v5-history-appeal-actions{
  position:relative;

  z-index:1;

  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:
    10px;

  width:
    100%;
}


body.v5-shell-active.history-mode
.v5-history-contact{
  min-width:0;

  min-height:
    46px;

  display:flex;

  align-items:center;
  justify-content:center;

  gap:
    8px;

  box-sizing:
    border-box;

  padding:
    8px 12px;

  border:
    1px solid
    rgba(97,235,190,.25);

  border-radius:
    12px;

  background:
    rgba(0,44,45,.42);

  color:
    #effff9 !important;

  font-size:
    13px;

  font-weight:
    700;

  text-decoration:
    none !important;

  transition:
    background .18s ease,
    border-color .18s ease,
    transform .18s ease;
}


body.v5-shell-active.history-mode
.v5-history-contact:hover{
  transform:
    translateY(-1px);

  background:
    rgba(61,217,166,.11);

  border-color:
    rgba(89,235,184,.48);
}


body.v5-shell-active.history-mode
.v5-history-contact-icon{
  display:grid;

  place-items:center;

  flex:
    0 0 21px;

  width:
    21px;

  height:
    21px;

  line-height:
    0;
}


body.v5-shell-active.history-mode
.v5-history-contact-icon svg{
  display:block;

  width:
    20px;

  height:
    20px;

  fill:none;

  stroke:
    currentColor;

  stroke-width:
    1.7;

  stroke-linecap:
    round;

  stroke-linejoin:
    round;
}


body.v5-shell-active.history-mode
.v5-history-telegram{
  color:
    #dff9ff !important;
}


body.v5-shell-active.history-mode
.v5-history-whatsapp{
  color:
    #e5fff1 !important;
}


body.v5-shell-active.history-mode
.v5-history-max-icon img{
  display:block;

  width:
    21px;

  height:
    21px;

  object-fit:
    contain;
}


body.v5-shell-active.history-mode
.v5-history-max-fallback{
  display:grid;

  place-items:center;

  width:
    21px;

  height:
    21px;

  border-radius:
    50%;

  background:
    rgba(103,73,255,.25);

  font-size:
    7px;

  font-weight:
    800;
}


/* ---------------------------------------------------------
   Tablet
   --------------------------------------------------------- */

@media (min-width:769px) and (max-width:1099px){

  body.v5-shell-active.history-mode
  .v5-doc-preview{
    height:
      220px !important;
  }

}


/* ---------------------------------------------------------
   Mobile / foldable
   --------------------------------------------------------- */

@media (max-width:768px){

  body.v5-shell-active.history-mode
  .v5-doc-preview{
    height:
      215px !important;
  }


  body.v5-shell-active.history-mode
  .v5-history-appeal{
    margin-top:
      12px;

    padding:
      17px 15px 15px;
  }


  body.v5-shell-active.history-mode
  .v5-history-appeal h3{
    font-size:
      21px;
  }


  body.v5-shell-active.history-mode
  .v5-history-appeal p{
    font-size:
      13px;

    line-height:
      1.45;
  }


  body.v5-shell-active.history-mode
  .v5-history-appeal-actions{
    grid-template-columns:
      repeat(3,minmax(0,1fr));

    gap:
      7px;
  }


  body.v5-shell-active.history-mode
  .v5-history-contact{
    min-height:
      46px;
  }


  body.v5-shell-active.history-mode .v5-history-contact{
    min-height:44px!important;
    padding:6px 5px!important;
    gap:5px!important;
    font-size:11.5px!important;
  }
  body.v5-shell-active.history-mode .v5-history-contact-icon{
    flex-basis:24px!important;width:24px!important;height:24px!important;
  }
  body.v5-shell-active.history-mode .v5-history-contact-icon svg{width:23px!important;height:23px!important}
  body.v5-shell-active.history-mode .v5-history-max-icon img{width:24px!important;height:24px!important}

}


/* SNT54_HISTORY_APPEAL_V2_END */


/* =========================================================
   SNT54_HISTORY_ORDER_V1
   Appeal first, History card second.
   Both blocks use exactly the same horizontal geometry.
   ========================================================= */

body.v5-shell-active.history-mode
.v5-history-appeal{
  width:100% !important;
  max-width:none !important;

  box-sizing:border-box !important;

  margin:
    0 0 14px !important;
}


body.v5-shell-active.history-mode
.v5-history-appeal + .v5-card{
  width:100% !important;
  max-width:none !important;

  box-sizing:border-box !important;

  margin-top:0 !important;
}


/*
 * After removing the eyebrow, History title starts
 * directly at the top of the second card.
 */
body.v5-shell-active.history-mode
.v5-history-appeal + .v5-card > h2{
  margin-top:0 !important;
}


@media (max-width:768px){

  body.v5-shell-active.history-mode
  .v5-history-appeal{
    margin-bottom:
      10px !important;
  }

}

/* ========================================================= */


/* SNT54_MAP_FLUID_DESKTOP_V1_START */

/*
 * Desktop map follows the actual available width.
 *
 * No fixed 1180px maximum.
 * When browser width changes the map container
 * changes with it automatically.
 *
 * Existing map JS already handles resize and
 * re-fits/re-focuses the plot.
 */

@media (min-width:1100px){

  body.v5-shell-active.map-mode
  .integrated-map-page,

  body.v5-shell-active.map-mode
  .v5-page-wide{
    box-sizing:border-box !important;

    width:
      calc(100% - 24px) !important;

    max-width:
      none !important;

    margin-left:
      auto !important;

    margin-right:
      auto !important;

    padding-left:
      0 !important;

    padding-right:
      0 !important;
  }


  body.v5-shell-active.map-mode
  .map-main{
    box-sizing:border-box !important;

    width:
      100% !important;

    max-width:
      none !important;

    margin-left:
      0 !important;

    margin-right:
      0 !important;

    padding-left:
      0 !important;

    padding-right:
      0 !important;
  }


  body.v5-shell-active.map-mode
  .map-card,

  body.v5-shell-active.map-mode
  .map-stage{
    box-sizing:border-box !important;

    width:
      100% !important;

    max-width:
      none !important;
  }


  /*
   * Pinned menu already reduces the usable body area.
   * Do not apply a second fixed-width limit.
   */
  body.v5-menu-pinned.map-mode
  .integrated-map-page,

  body.v5-menu-pinned.map-mode
  .v5-page-wide{
    width:
      calc(100% - 24px) !important;

    max-width:
      none !important;
  }

}

/* SNT54_MAP_FLUID_DESKTOP_V1_END */


/* SNT54_SITUATIONAL_PLAN_V5_START */


/* =========================================================
   SITUATIONAL SCREEN — CLEAN V2
   ========================================================= */
body.v5-situational-mode .map-tabs{display:none!important}
body.v5-situational-mode .map-stage{position:relative}

body.v5-situational-mode .v5-situational-panel{
  padding:14px 16px 12px;
  border-bottom:1px solid rgba(76,226,176,.18);
  background:linear-gradient(135deg,rgba(4,72,67,.98),rgba(3,47,49,.98));
  color:#edf9f5;
}
body.v5-situational-mode .v5-situational-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:10px}
body.v5-situational-mode .v5-situational-kicker{display:block;margin-bottom:2px;color:#60e5b5;font-size:9px;font-weight:900;text-transform:uppercase}
body.v5-situational-mode .v5-situational-panel-head strong{display:block;color:#f5fffb;font-size:22px;line-height:1.08}
body.v5-situational-mode .v5-situational-panel-head p{margin:4px 0 0;color:rgba(234,247,242,.67);font-size:12.5px;line-height:1.35}
body.v5-situational-mode .v5-situational-back{display:flex;align-items:center;min-height:31px;padding:5px 9px;border:1px solid rgba(78,224,177,.18);border-radius:8px;color:#68e8ba!important;font-size:9px;font-weight:700;text-decoration:none!important}

body.v5-situational-mode .v5-situational-info-row{display:grid;grid-template-columns:minmax(150px,.72fr) repeat(2,minmax(210px,1fr));gap:8px;align-items:stretch;margin-top:10px}
body.v5-situational-mode .v5-situational-static,
body.v5-situational-mode .v5-situational-field{min-width:0;min-height:58px;box-sizing:border-box;padding:8px 10px;margin:0;border:1px solid rgba(75,220,174,.13);border-radius:10px;background:rgba(0,31,34,.28)}
body.v5-situational-mode .v5-situational-static>span,
body.v5-situational-mode .v5-situational-field>span{display:block;margin-bottom:3px;color:rgba(228,245,239,.48);font-size:10px;line-height:1.15}
body.v5-situational-mode .v5-situational-static>strong{display:block;margin-top:4px;color:#68e7b8;font-size:15px;line-height:1.1}
body.v5-situational-mode .v5-situational-field input{display:block;width:100%;box-sizing:border-box;padding:0;border:0;outline:0;background:transparent;color:#f3fbf8;font:inherit}
body.v5-situational-mode .v5-situational-field>.v5-kad-full{height:32px;margin-top:4px;padding:0 8px;border:1px solid rgba(115,225,196,.22)!important;border-radius:8px;background:rgba(0,28,29,.28)!important;color:#68e7b8!important;font-size:15px!important;line-height:30px!important;font-weight:750!important;box-shadow:none!important}
body.v5-situational-mode .v5-situational-field>.v5-kad-full.is-invalid{border-color:#ff9b8f!important;box-shadow:0 0 0 2px rgba(255,155,143,.18)!important}

body.v5-situational-mode .v5-situational-helper-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:8px}
body.v5-situational-mode .v5-situational-message{min-width:0;color:rgba(233,247,242,.69);font-size:13px;line-height:1.35;font-weight:650}
body.v5-situational-mode .v5-situational-tools{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:6px;justify-content:flex-end;align-items:center}
body.v5-situational-mode .v5-situational-tools button,
body.v5-situational-mode .v5-situational-tools a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;height:34px;box-sizing:border-box;padding:0 10px;border:1px solid rgba(77,224,176,.18);border-radius:8px;background:rgba(255,255,255,.035);color:#dff6ed!important;font:inherit;font-size:11px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none!important}
body.v5-situational-mode .v5-situational-tools .is-primary{background:#16bc8d;border-color:#16bc8d;color:#fff!important}
body.v5-situational-mode .v5-situational-tools button:disabled{opacity:.32;cursor:default}
body.v5-situational-mode .v5-situational-tools .v5-cad-check{max-width:210px;min-width:190px;height:auto;min-height:34px;padding:5px 10px;text-align:center;white-space:normal;line-height:1.15;font-size:11px;overflow-wrap:normal;word-break:normal}

body.v5-situational-mode .plot-area[data-map="strict"]{cursor:pointer}
body.v5-situational-placing-house .plot-area[data-map="strict"]{cursor:crosshair}
body.v5-situational-mode .plot-area.v5-situational-selected-plot{fill:rgba(0,229,160,.32)!important;stroke:#00dca0!important;stroke-width:5!important;filter:drop-shadow(0 0 6px rgba(0,220,160,.70))!important}
body.v5-situational-mode .v5-situational-house-rect{fill:rgba(245,205,61,.88);stroke:#4b3a0b;stroke-width:2.5;vector-effect:non-scaling-stroke;pointer-events:none}
body.v5-situational-mode #v5SituationalAnnotations,
body.v5-situational-mode #v5SituationalAnnotations *{pointer-events:none!important}

body.v5-situational-mode .v5-situational-map-hint{position:absolute;z-index:50;top:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 100px);box-sizing:border-box;padding:7px 11px;border:1px solid rgba(82,225,179,.28);border-radius:9px;background:rgba(3,49,48,.92);box-shadow:0 5px 18px rgba(0,0,0,.20);backdrop-filter:blur(8px);pointer-events:none;font-size:13px;line-height:1.3}
body.v5-situational-mode .v5-situational-map-hint strong{color:#68e9bb;font-size:14px}
body.v5-situational-mode .v5-situational-map-hint span{color:rgba(236,249,245,.75);font-size:12px}
body.v5-situational-mode .v5-situational-map-hint.is-house{border-color:rgba(245,210,79,.42);background:rgba(55,50,17,.93)}
body.v5-situational-mode .v5-situational-map-hint.is-house strong{color:#f3d86b}
body.v5-situational-mode .v5-situational-map-hint.is-ready{display:flex;pointer-events:auto;cursor:pointer;user-select:none;border-color:rgba(245,210,79,.42);background:rgba(55,50,17,.94)}
body.v5-situational-mode .v5-situational-map-hint.is-ready strong{color:#f3d86b}
body.v5-situational-mode .v5-situational-map-hint.is-ready:focus-visible{outline:2px solid #f3d86b;outline-offset:2px}
body.v5-situational-mode .v5-situational-map-hint.is-error{border-color:rgba(255,125,105,.42);background:rgba(86,34,29,.94)}
body.v5-situational-mode .v5-situational-map-hint.is-error strong{color:#ff9d8e}

@media (max-width:899px){
  body.v5-situational-mode .v5-situational-panel{padding:12px 11px 10px}
  body.v5-situational-mode .v5-situational-panel-head{display:block}
  body.v5-situational-mode .v5-situational-back{display:inline-flex;margin-top:7px}
  body.v5-situational-mode .v5-situational-info-row{grid-template-columns:1fr 1fr;gap:7px}
  body.v5-situational-mode .v5-situational-static{grid-column:1/-1;min-height:48px}
  body.v5-situational-mode .v5-situational-field{min-height:56px;padding:7px 8px}
  body.v5-situational-mode .v5-situational-field>.v5-kad-full{font-size:13px!important;height:31px;line-height:29px!important}
  body.v5-situational-mode .v5-situational-helper-row{grid-template-columns:1fr;gap:7px}
  body.v5-situational-mode .v5-situational-tools{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}
  body.v5-situational-mode .v5-situational-tools .v5-cad-check{max-width:none;min-width:0;white-space:normal;padding:0 7px;font-size:10px}
  body.v5-situational-mode .v5-situational-tools button{padding:0 7px;font-size:10px}
  body.v5-situational-mode .v5-situational-map-hint{top:8px;max-width:calc(100% - 20px)}
}

@media (max-width:520px){
  body.v5-situational-mode .v5-situational-info-row{grid-template-columns:1fr}
  body.v5-situational-mode .v5-situational-field{min-height:54px}
  body.v5-situational-mode .v5-situational-tools{grid-template-columns:1fr 1fr}
  body.v5-situational-mode .v5-situational-tools .v5-cad-check{grid-column:auto;min-width:0;max-width:none}
  body.v5-situational-mode .v5-situational-map-hint{display:block;text-align:center}
  body.v5-situational-mode .v5-situational-map-hint strong,
  body.v5-situational-mode .v5-situational-map-hint span{display:block}
}

/* =========================================================
   PRINT SHEET - hidden on screen
   ========================================================= */

#v5SituationalPrintSheet{
  display:none;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1050px){

  body.v5-situational-mode
  .v5-situational-info-row{
    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  body.v5-situational-mode
  .v5-situational-helper-row{
    display:block;
  }


  body.v5-situational-mode
  .v5-situational-tools{
    margin-top:7px;

    flex-wrap:wrap;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:700px){

  body.v5-situational-mode
  .v5-situational-panel{
    padding:11px;
  }


  body.v5-situational-mode
  .v5-situational-panel-head{
    display:block;
  }


  body.v5-situational-mode
  .v5-situational-back{
    display:inline-flex;

    margin-top:7px;
  }


  body.v5-situational-mode
  .v5-situational-info-row{
    grid-template-columns:1fr;
  }


  body.v5-situational-mode
  .v5-situational-tools{
    display:grid;

    grid-template-columns:
      repeat(2,minmax(0,1fr));
  }


  body.v5-situational-mode
  .v5-situational-tools button,
  body.v5-situational-mode
  .v5-situational-tools a{
    min-height:38px;
  }


  body.v5-situational-mode
  .v5-situational-map-hint{
    top:8px;

    max-width:
      calc(100% - 20px);

    display:block;

    text-align:center;
  }


  body.v5-situational-mode
  .v5-situational-map-hint strong,
  body.v5-situational-mode
  .v5-situational-map-hint span{
    display:block;
  }

}


/* =========================================================
   DEDICATED A4 LANDSCAPE OUTPUT
   ========================================================= */

@media print{

  @page{
    size:
      A4 landscape;

    margin:
      0;
  }


  html,
  body{
    width:
      297mm !important;

    height:
      210mm !important;

    min-width:
      297mm !important;

    min-height:
      210mm !important;

    margin:
      0 !important;

    padding:
      0 !important;

    overflow:
      hidden !important;

    background:
      #fff !important;

    -webkit-print-color-adjust:
      exact;

    print-color-adjust:
      exact;
  }


  /*
   * Absolutely nothing from the website itself
   * goes to the output.
   */

  body.v5-situational-printing
  > *:not(#v5SituationalPrintSheet){
    display:
      none !important;
  }


  body.v5-situational-printing
  #v5SituationalPrintSheet{
    display:flex !important;

    flex-direction:column;

    width:
      297mm !important;

    height:
      210mm !important;

    box-sizing:
      border-box;

    margin:
      0 !important;

    padding:
      10mm 12mm 9mm;

    overflow:
      hidden;

    background:
      #fff !important;

    color:
      #111 !important;

    font-family:
      Arial,
      Helvetica,
      sans-serif;
  }


  .v5-situational-sheet-head{
    flex:
      0 0 auto;

    margin:
      0 0 4mm;

    padding:
      0;
  }


  .v5-situational-sheet-head h1{
    margin:
      0;

    padding:
      0;

    color:
      #111 !important;

    font-size:
      16pt;

    font-weight:
      800;

    line-height:
      1.1;
  }


  .v5-situational-sheet-head h2{
    margin:
      1.5mm 0 2.5mm;

    padding:
      0;

    color:
      #111 !important;

    font-size:
      11.5pt;

    font-weight:
      700;

    line-height:
      1.15;
  }


  .v5-situational-sheet-snt{
    margin:
      0 0 1mm;

    color:
      #222 !important;

    font-size:
      9.5pt;

    font-weight:
      700;
  }


  .v5-situational-sheet-data{
    margin:
      .7mm 0 0;

    color:
      #222 !important;

    font-size:
      9pt;

    font-weight:
      500;
  }


  .v5-situational-sheet-map{
    flex:
      1 1 auto;

    min-height:
      0;

    display:flex;

    align-items:center;
    justify-content:center;

    overflow:
      hidden;

    box-sizing:
      border-box;

    border:
      .3mm solid #999;

    background:
      #fff;
  }


  .v5-situational-sheet-map
  svg{
    display:block;

    width:
      100% !important;

    height:
      100% !important;

    max-width:
      none !important;

    max-height:
      none !important;

    margin:
      0 !important;

    padding:
      0 !important;

    background:
      #fff !important;
  }


  /*
   * Strong but clean selection on paper.
   */

  .v5-situational-sheet-map
  .plot-area.v5-situational-selected-plot{
    fill:
      rgba(0,205,145,.30) !important;

    stroke:
      #008c68 !important;

    stroke-width:
      4 !important;

    filter:
      none !important;
  }


  .v5-situational-sheet-map
  .v5-situational-house-rect{
    fill:
      #f1cb3d !important;

    stroke:
      #443600 !important;

    stroke-width:
      2 !important;

    vector-effect:
      non-scaling-stroke;
  }

}


/* SNT54_SITUATIONAL_PLAN_V5_END */



/* =========================================================
   SNT54_STABLE_BACKGROUND_R8
   Fixed pseudo-layer prevents white gaps while mobile pages scroll.
   ========================================================= */
body.v5-shell-active{position:relative!important;isolation:isolate!important;background:none!important;background-color:#07353a!important;min-height:100svh!important}
body.v5-shell-active::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(0,31,35,.12),rgba(0,31,35,.12)),url("/assets/snt-auth-desktop.webp");
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
}
@media (max-width:1099px){body.v5-shell-active::before{background-image:linear-gradient(rgba(0,31,35,.13),rgba(0,31,35,.13)),url("/assets/snt-auth-tablet.webp")}}
@media (max-width:768px){body.v5-shell-active::before{background-image:linear-gradient(rgba(0,31,35,.10),rgba(0,31,35,.10)),url("/assets/snt-auth-mobile.webp")}}
html{background:#07353a}
html,body{overflow-x:hidden!important}



/* SNT54_HISTORY_MOBILE_FULLWIDTH_V2 */

/*
 * Desktop:
 * existing two-column layout remains unchanged.
 *
 * Mobile:
 * one document = full width of History card.
 */
@media (max-width:768px){

    body.v5-shell-active.history-mode
    .v5-doc-grid{

        display:grid !important;

        grid-template-columns:
            minmax(0,1fr) !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        gap:14px !important;

        margin-top:16px !important;

        box-sizing:border-box !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc{

        display:block !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        margin:0 !important;

        padding:11px !important;

        box-sizing:border-box !important;
    }


    /*
     * Preview fills the complete available
     * width of its document card.
     */
    body.v5-shell-active.history-mode
    .v5-doc-preview{

        position:relative !important;

        display:block !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        height:auto !important;

        aspect-ratio:
            16 / 10 !important;

        margin:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;

        border-radius:12px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc-preview img{

        display:block !important;

        width:100% !important;
        height:100% !important;

        max-width:none !important;

        margin:0 !important;

        object-fit:cover !important;

        /*
         * For document scans show the
         * beginning of the page first.
         */
        object-position:
            center top !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc h3{

        margin:
            10px
            0
            5px !important;

        font-size:18px !important;
        line-height:1.13 !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc p{

        width:100% !important;

        margin:0 !important;

        font-size:13px !important;
        line-height:1.4 !important;
    }

}


/*
 * Narrow phone.
 */
@media (max-width:430px){

    body.v5-shell-active.history-mode
    .v5-doc-grid{

        grid-template-columns:
            minmax(0,1fr) !important;

        gap:12px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc{

        width:100% !important;

        padding:9px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc-preview{

        width:100% !important;

        aspect-ratio:
            16 / 10 !important;
    }

}

/* END SNT54_HISTORY_MOBILE_FULLWIDTH_V2 */



/* SNT54_HISTORY_MOBILE_2COL_TRIAL_V3 */

/*
 * MOBILE HISTORY:
 *
 * | DOCUMENT 1 | DOCUMENT 2 |
 *
 * Both cards together fill the whole
 * available width of the History panel.
 */
@media (max-width:768px){

    body.v5-shell-active.history-mode
    .v5-doc-grid{

        display:grid !important;

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        width:100% !important;
        max-width:none !important;
        min-width:0 !important;

        gap:10px !important;

        margin:
            14px
            0
            0 !important;

        padding:0 !important;

        box-sizing:border-box !important;

        align-items:start !important;
    }


    /*
     * Each card occupies exactly its own
     * half of the available grid.
     */
    body.v5-shell-active.history-mode
    .v5-doc{

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        padding:8px !important;

        box-sizing:border-box !important;

        overflow:hidden !important;

        border-radius:14px !important;
    }


    /*
     * Preview fills the entire card width.
     * No fixed pixel width.
     */
    body.v5-shell-active.history-mode
    .v5-doc-preview{

        position:relative !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:none !important;

        height:auto !important;

        aspect-ratio:
            3 / 4 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        box-sizing:border-box !important;

        border-radius:10px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc-preview img{

        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;
        max-width:none !important;

        margin:0 !important;

        object-fit:cover !important;

        /*
         * Archive document:
         * show the beginning of the page.
         */
        object-position:
            center top !important;
    }


    /*
     * Preview button remains readable,
     * but does not occupy too much space.
     */
    body.v5-shell-active.history-mode
    .v5-doc-preview span{

        right:6px !important;
        bottom:6px !important;

        max-width:
            calc(100% - 12px) !important;

        padding:
            5px
            7px !important;

        border-radius:8px !important;

        font-size:9px !important;
        line-height:1 !important;

        white-space:nowrap !important;

        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }


    /*
     * Headline adapted for half-width card.
     */
    body.v5-shell-active.history-mode
    .v5-doc h3{

        width:100% !important;

        margin:
            8px
            0
            4px !important;

        padding:0 !important;

        font-size:15px !important;
        line-height:1.12 !important;

        letter-spacing:-.015em !important;

        overflow-wrap:anywhere !important;
        word-break:normal !important;
    }


    /*
     * Description remains available,
     * but does not turn the card into
     * a very long narrow column.
     */
    body.v5-shell-active.history-mode
    .v5-doc p{

        display:-webkit-box !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        font-size:11px !important;
        line-height:1.30 !important;

        overflow:hidden !important;

        -webkit-box-orient:
            vertical !important;

        -webkit-line-clamp:
            4 !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc > a:not(.v5-doc-preview){

        margin-top:6px !important;

        font-size:10px !important;
        line-height:1.15 !important;
    }

}


/*
 * Narrow phone:
 * still two columns.
 */
@media (max-width:430px){

    body.v5-shell-active.history-mode
    .v5-doc-grid{

        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            ) !important;

        gap:8px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc{

        padding:7px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc h3{

        font-size:14px !important;
        line-height:1.10 !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc p{

        font-size:10px !important;

        -webkit-line-clamp:
            3 !important;
    }

}


/*
 * Very narrow phones.
 * We still preserve two columns,
 * only reducing internal typography.
 */
@media (max-width:360px){

    body.v5-shell-active.history-mode
    .v5-doc-grid{

        gap:6px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc{

        padding:6px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc h3{

        font-size:13px !important;
    }


    body.v5-shell-active.history-mode
    .v5-doc p{

        font-size:9px !important;
    }

}

/* END SNT54_HISTORY_MOBILE_2COL_TRIAL_V3 */



/* V5 SITUATIONAL BACK LINK 2026-09-29 */

.v5-situational-back-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
  word-break: break-word;
  max-width: 100%;
  box-sizing: border-box;
}

@media (max-width: 640px) {
  .v5-situational-back-link {
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    font-size: 14px;
  }
}



/* V5 CAMERA DESKTOP NATURAL HEIGHT 2026-09-29 */

/*
 * Desktop:
 * никаких фиксированных ограничений высоты панелей.
 * Каждая камера сохраняет 16:9.
 * Первая камера должна нормально помещаться в окне,
 * вторая располагается ниже и доступна обычной прокруткой страницы.
 */
@media (min-width: 769px) {

  body.camera-mode,
  body.camera-mode .cameras-page,
  body.camera-mode .main-container,
  body.camera-mode .video-container {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body.camera-mode .video-container {
    display: flex !important;
    flex-direction: column !important;
  }

  body.camera-mode .camera-panel {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    overflow: hidden;
  }

  body.camera-mode .video-wrapper {
    position: relative;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9;
    overflow: hidden;
  }

  body.camera-mode .video-wrapper > video,
  body.camera-mode .video-wrapper > .video-js,
  body.camera-mode .video-wrapper .video-js,
  body.camera-mode .video-wrapper .vjs-tech {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
  }

}

/*
 * Mobile не трогаем:
 * там остаются существующие правила mobile-unified.css.
 */



/* SNT54_GLASS_DESIGN_20260930_START */

/* Shared glass treatment from the approved mobile mockups. */
.auth-visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;
}

/* ------------------------- AUTH ------------------------- */
body.auth-mode{background:#063d55!important;}
body.auth-mode .auth-page{
  --glass-accent:#28f5e2;
  min-height:100svh!important;
  overflow:auto!important;
  justify-content:flex-start!important;
  padding:clamp(70px,12vh,130px) 18px 58px!important;
  background-image:
    linear-gradient(180deg,rgba(0,64,87,.00),rgba(2,52,60,.02) 55%,rgba(2,37,38,.10)),
    url("/assets/snt-auth-mobile.webp")!important;
  background-position:center center!important;
  background-size:cover!important;
}
body.auth-mode .auth-page::after{
  background:linear-gradient(180deg,rgba(0,92,132,.04),rgba(4,68,59,.08))!important;
}
body.auth-mode .auth-brand{
  width:min(100%,760px)!important;
  text-align:center!important;
  text-shadow:0 3px 14px rgba(0,0,0,.38)!important;
}
body.auth-mode .auth-brand-title{
  margin:0!important;
  color:#fff!important;
  font:800 clamp(30px,6.3vw,58px)/1.04 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.035em!important;
  text-transform:uppercase!important;
}
body.auth-mode .auth-brand-divider{
  width:min(73%,490px)!important;
  margin:18px auto 4px!important;
  display:grid!important;
  grid-template-columns:1fr 48px 1fr!important;
  align-items:center!important;
  gap:14px!important;
  color:var(--glass-accent)!important;
}
body.auth-mode .auth-brand-divider span{height:4px!important;border-radius:99px!important;background:currentColor!important;box-shadow:0 0 15px rgba(40,245,226,.35)!important;}
body.auth-mode .auth-brand-divider svg{width:48px!important;height:40px!important;display:block!important;justify-self:center!important;filter:drop-shadow(0 0 9px rgba(40,245,226,.32))!important;}
body.auth-mode .auth-brand-subtitle{
  margin:4px 0 0!important;
  color:#fff!important;
  font:400 clamp(20px,3.5vw,30px)/1.1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:.23em!important;
  text-transform:uppercase!important;
}
body.auth-mode .auth-container{
  width:min(100%,760px)!important;
  margin:clamp(70px,8vh,105px) auto 0!important;
  padding:0!important;
}
body.auth-mode .auth-card{
  position:relative!important;
  overflow:hidden!important;
  padding:clamp(72px,8vw,92px) clamp(46px,6vw,72px) clamp(60px,7vw,74px)!important;
  border:2px solid rgba(104,247,255,.92)!important;
  border-radius:42px!important;
  background:
    linear-gradient(145deg,rgba(16,95,88,.28),rgba(18,72,72,.22) 54%,rgba(12,80,76,.27))!important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.16),
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 18px 48px rgba(255,255,255,.025)!important;
  -webkit-backdrop-filter:blur(22px) saturate(138%)!important;
  backdrop-filter:blur(22px) saturate(138%)!important;
  color:#fff!important;
}
body.auth-mode .auth-card::before{
  content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:radial-gradient(circle at 52% 18%,rgba(51,244,230,.10),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 45%)!important;
}
body.auth-mode .auth-corner,
.v5-drawer-corner{
  position:absolute!important;width:50px!important;height:50px!important;z-index:3!important;pointer-events:none!important;
  border-color:#17f0d9!important;filter:drop-shadow(0 0 5px rgba(23,240,217,.25))!important;
}
body.auth-mode .auth-corner-tl{left:34px!important;top:34px!important;border-left:5px solid!important;border-top:5px solid!important;border-radius:14px 0 0 0!important;}
body.auth-mode .auth-corner-tr{right:34px!important;top:34px!important;border-right:5px solid!important;border-top:5px solid!important;border-radius:0 14px 0 0!important;}
body.auth-mode .auth-corner-bl{left:34px!important;bottom:34px!important;border-left:5px solid!important;border-bottom:5px solid!important;border-radius:0 0 0 14px!important;}
body.auth-mode .auth-corner-br{right:34px!important;bottom:34px!important;border-right:5px solid!important;border-bottom:5px solid!important;border-radius:0 0 14px 0!important;}
body.auth-mode .auth-lock{
  position:relative!important;
  width:188px!important;height:188px!important;margin:0 auto 30px!important;
  display:grid!important;place-items:center!important;border-radius:50%!important;color:#fff!important;
  background:radial-gradient(circle at 35% 30%,rgba(85,246,238,.18),rgba(6,115,122,.28) 62%,rgba(0,103,118,.18))!important;
  border:2px solid rgba(52,255,239,.88)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.10) inset,0 0 34px rgba(0,233,218,.27),0 18px 45px rgba(0,0,0,.18)!important;
}
body.auth-mode .auth-lock::after{content:""!important;position:absolute!important;inset:12px!important;border-radius:50%!important;background:rgba(255,255,255,.025)!important;}
body.auth-mode .auth-lock svg{width:88px!important;height:88px!important;position:relative!important;z-index:2!important;}
body.auth-mode .auth-title{
  margin:0 0 48px!important;text-align:center!important;color:#fff!important;
  font:650 clamp(30px,5.1vw,47px)/1.08 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  letter-spacing:-.02em!important;text-shadow:0 2px 10px rgba(0,0,0,.18)!important;
}
body.auth-mode .auth-page .form-group{margin:0 0 30px!important;}
body.auth-mode .auth-phone-wrap{position:relative!important;}
body.auth-mode .auth-phone-icon{
  left:34px!important;width:44px!important;height:44px!important;color:#fff!important;opacity:.96!important;
}
body.auth-mode .phone-input{
  width:100%!important;height:104px!important;padding:0 30px 0 128px!important;
  border:1.5px solid rgba(235,255,245,.54)!important;border-radius:54px!important;
  background:linear-gradient(90deg,rgba(26,117,105,.38),rgba(151,165,73,.29))!important;
  color:#fff!important;font:600 clamp(26px,4.3vw,39px)/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
body.auth-mode .phone-input::placeholder{color:rgba(255,255,255,.88)!important;opacity:1!important;}
body.auth-mode .phone-input:focus{border-color:#64fff1!important;box-shadow:0 0 0 3px rgba(32,243,226,.15),inset 0 1px 0 rgba(255,255,255,.10)!important;background:linear-gradient(90deg,rgba(26,117,105,.47),rgba(151,165,73,.34))!important;}
body.auth-mode .phone-input.error{border-color:#ff8383!important;background:rgba(91,42,42,.35)!important;}
body.auth-mode .error-message{display:block!important;margin:10px 22px 0!important;color:#ffe0e0!important;font-size:16px!important;text-shadow:0 2px 7px rgba(0,0,0,.22)!important;}
body.auth-mode .submit-btn{
  min-height:112px!important;width:100%!important;border-radius:58px!important;padding:16px 38px!important;
  display:grid!important;grid-template-columns:1fr 48px!important;align-items:center!important;
  border:2px solid rgba(94,255,246,.92)!important;
  background:linear-gradient(180deg,rgba(9,231,208,.84),rgba(0,190,178,.86))!important;
  color:#fff!important;font:750 clamp(29px,4.6vw,42px)/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;
  box-shadow:0 0 24px rgba(0,250,229,.28),inset 0 1px 0 rgba(255,255,255,.34),0 16px 34px rgba(0,69,70,.18)!important;
  text-shadow:0 2px 7px rgba(0,74,76,.24)!important;
}
body.auth-mode .submit-btn span{justify-self:center!important;padding-left:48px!important;}
body.auth-mode .submit-btn svg{width:48px!important;height:48px!important;justify-self:end!important;}
body.auth-mode .submit-btn:hover{transform:translateY(-1px)!important;filter:brightness(1.06)!important;}
body.auth-mode .access-denied{
  margin:26px 0 0!important;padding:20px!important;border:1px solid rgba(255,125,125,.56)!important;border-radius:24px!important;
  background:rgba(97,24,33,.52)!important;color:#fff!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
}
body.auth-mode .access-denied-top{display:flex!important;align-items:center!important;gap:14px!important;}
body.auth-mode .access-denied-icon{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;border-radius:50%!important;border:2px solid #ffb0b0!important;color:#fff!important;font-weight:850!important;font-size:25px!important;}
body.auth-mode .access-denied-title{font-size:18px!important;font-weight:800!important;color:#fff!important;}
body.auth-mode .access-denied-line{font-size:14px!important;color:rgba(255,255,255,.90)!important;margin-top:2px!important;}
body.auth-mode .snt-attempt-counter{margin:14px 0 0!important;padding:12px 14px!important;border:1px solid rgba(255,210,102,.28)!important;border-radius:14px!important;background:rgba(139,104,16,.20)!important;color:#fff!important;font-size:14px!important;}
body.auth-mode .snt-attempt-counter strong{font-size:18px!important;color:#ffd763!important;}
body.auth-mode .snt-attempt-counter small{display:block!important;margin-top:5px!important;color:rgba(255,255,255,.72)!important;font-size:12px!important;}
body.auth-mode .footer,body.auth-mode .camera-desktop-caption{display:none!important;}

@media (min-width:700px){body.auth-mode .auth-page{background-image:linear-gradient(180deg,rgba(0,64,87,.00),rgba(2,52,60,.02) 55%,rgba(2,37,38,.10)),url("/assets/snt-auth-tablet.webp")!important;}}
@media (min-width:1100px){
  body.auth-mode .auth-page{background-image:linear-gradient(180deg,rgba(0,64,87,.00),rgba(2,52,60,.02) 55%,rgba(2,37,38,.10)),url("/assets/snt-auth-desktop.webp")!important;padding-top:52px!important;}
  body.auth-mode .auth-brand-title{font-size:42px!important;}
  body.auth-mode .auth-brand-divider{margin-top:12px!important;width:390px!important;grid-template-columns:1fr 40px 1fr!important;}
  body.auth-mode .auth-brand-divider svg{width:40px!important;height:33px!important;}
  body.auth-mode .auth-brand-subtitle{font-size:20px!important;}
  body.auth-mode .auth-container{width:min(610px,48vw)!important;margin-top:35px!important;}
  body.auth-mode .auth-card{padding:58px 44px 48px!important;border-radius:34px!important;}
  body.auth-mode .auth-lock{width:132px!important;height:132px!important;margin-bottom:22px!important;}
  body.auth-mode .auth-lock svg{width:62px!important;height:62px!important;}
  body.auth-mode .auth-title{font-size:31px!important;margin-bottom:30px!important;}
  body.auth-mode .phone-input{height:70px!important;padding-left:90px!important;font-size:24px!important;}
  body.auth-mode .auth-phone-icon{left:27px!important;width:32px!important;height:32px!important;}
  body.auth-mode .submit-btn{min-height:74px!important;font-size:26px!important;grid-template-columns:1fr 34px!important;}
  body.auth-mode .submit-btn span{padding-left:34px!important;}
  body.auth-mode .submit-btn svg{width:34px!important;height:34px!important;}
  body.auth-mode .auth-corner{width:38px!important;height:38px!important;}
}
@media (max-width:699px){
  body.auth-mode .auth-page{padding:62px 14px 42px!important;background-position:center center!important;}
  body.auth-mode .auth-brand-title{font-size:clamp(28px,7vw,42px)!important;}
  body.auth-mode .auth-brand-divider{width:68%!important;margin-top:13px!important;grid-template-columns:1fr 38px 1fr!important;gap:10px!important;}
  body.auth-mode .auth-brand-divider span{height:3px!important;}
  body.auth-mode .auth-brand-divider svg{width:38px!important;height:31px!important;}
  body.auth-mode .auth-brand-subtitle{font-size:clamp(17px,4vw,24px)!important;letter-spacing:.18em!important;}
  body.auth-mode .auth-container{margin-top:62px!important;}
  body.auth-mode .auth-card{padding:64px 28px 48px!important;border-radius:34px!important;}
  body.auth-mode .auth-lock{width:145px!important;height:145px!important;margin-bottom:28px!important;}
  body.auth-mode .auth-lock svg{width:70px!important;height:70px!important;}
  body.auth-mode .auth-title{font-size:clamp(27px,7vw,38px)!important;margin-bottom:38px!important;}
  body.auth-mode .phone-input{height:78px!important;padding-left:90px!important;font-size:clamp(22px,5.7vw,31px)!important;}
  body.auth-mode .auth-phone-icon{left:27px!important;width:32px!important;height:32px!important;}
  body.auth-mode .submit-btn{min-height:84px!important;font-size:clamp(23px,5.7vw,31px)!important;grid-template-columns:1fr 34px!important;padding-left:24px!important;padding-right:25px!important;}
  body.auth-mode .submit-btn span{padding-left:34px!important;}
  body.auth-mode .submit-btn svg{width:34px!important;height:34px!important;}
  body.auth-mode .auth-corner{width:38px!important;height:38px!important;}
  body.auth-mode .auth-corner-tl{left:24px!important;top:24px!important;}body.auth-mode .auth-corner-tr{right:24px!important;top:24px!important;}body.auth-mode .auth-corner-bl{left:24px!important;bottom:24px!important;}body.auth-mode .auth-corner-br{right:24px!important;bottom:24px!important;}
}
@media (max-width:430px){
  body.auth-mode .auth-page{padding-top:46px!important;}
  body.auth-mode .auth-container{margin-top:45px!important;}
  body.auth-mode .auth-card{padding:58px 20px 42px!important;border-radius:28px!important;}
  body.auth-mode .auth-lock{width:124px!important;height:124px!important;}
  body.auth-mode .auth-lock svg{width:60px!important;height:60px!important;}
  body.auth-mode .auth-title{font-size:27px!important;margin-bottom:30px!important;}
  body.auth-mode .phone-input{height:68px!important;padding-left:77px!important;font-size:23px!important;}
  body.auth-mode .auth-phone-icon{left:23px!important;width:29px!important;height:29px!important;}
  body.auth-mode .submit-btn{min-height:72px!important;font-size:23px!important;}
}

/* ------------------------- DRAWER ------------------------- */
:root{--v5-drawer-w:650px!important;--v5-drawer-offset:690px!important;}
.v5-drawer-overlay{background:rgba(0,18,25,.14)!important;backdrop-filter:blur(1px)!important;-webkit-backdrop-filter:blur(1px)!important;}
.v5-drawer{
  left:0!important;top:0!important;bottom:0!important;width:min(650px,72vw)!important;
  padding:72px 52px 42px!important;
  border:2px solid rgba(99,244,255,.94)!important;border-left:0!important;border-radius:0 44px 44px 0!important;
  background:linear-gradient(150deg,rgba(20,89,78,.34),rgba(12,70,75,.29) 58%,rgba(12,69,58,.32))!important;
  box-shadow:0 28px 75px rgba(0,0,0,.16),inset 0 0 0 1px rgba(255,255,255,.08)!important;
  backdrop-filter:blur(22px) saturate(138%)!important;-webkit-backdrop-filter:blur(22px) saturate(138%)!important;
  overflow-y:auto!important;overflow-x:hidden!important;color:#fff!important;
}
.v5-drawer::before{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:radial-gradient(circle at 54% 12%,rgba(64,240,234,.08),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 44%)!important;}
.v5-drawer-corner{width:48px!important;height:48px!important;}
.v5-drawer-corner-tl{left:38px!important;top:38px!important;border-left:5px solid!important;border-top:5px solid!important;border-radius:13px 0 0 0!important;}
.v5-drawer-corner-tr{right:38px!important;top:38px!important;border-right:5px solid!important;border-top:5px solid!important;border-radius:0 13px 0 0!important;}
.v5-drawer-corner-bl{left:38px!important;bottom:38px!important;border-left:5px solid!important;border-bottom:5px solid!important;border-radius:0 0 0 13px!important;}
.v5-drawer-corner-br{right:38px!important;bottom:38px!important;border-right:5px solid!important;border-bottom:5px solid!important;border-radius:0 0 13px 0!important;}
.v5-drawer-header{position:relative!important;display:block!important;min-height:0!important;padding:35px 0 24px!important;border:0!important;}
.v5-drawer-brand{display:block!important;text-align:center!important;color:#fff!important;}
.v5-drawer-brand strong{display:block!important;color:#fff!important;font:800 42px/1.05 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.035em!important;white-space:nowrap!important;text-shadow:0 3px 13px rgba(0,0,0,.30)!important;}
.v5-drawer-brand-divider{width:82%!important;margin:22px auto 8px!important;display:grid!important;grid-template-columns:1fr 48px 1fr!important;align-items:center!important;gap:12px!important;color:#24f1da!important;}
.v5-drawer-brand-divider span{height:4px!important;border-radius:99px!important;background:currentColor!important;box-shadow:0 0 13px rgba(36,241,218,.30)!important;}
.v5-drawer-brand-divider .v5-leaf-svg{width:48px!important;height:39px!important;display:block!important;justify-self:center!important;}
.v5-drawer-brand small{display:block!important;margin:0!important;color:#fff!important;font:400 25px/1.1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:.19em!important;white-space:nowrap!important;}
.v5-drawer-actions{display:none!important;}
.v5-drawer-header>.v5-menu-state{display:none!important;}
.v5-menu a .arrow{grid-column:4!important;}
.v5-menu-live-dot{grid-column:3!important;}

.v5-menu{display:grid!important;gap:18px!important;padding:28px 0 0!important;}
.v5-menu a,.v5-menu a:link,.v5-menu a:visited{
  min-height:108px!important;display:grid!important;grid-template-columns:94px minmax(0,1fr) auto 30px!important;align-items:center!important;column-gap:18px!important;
  padding:0 28px 0 0!important;border:1.5px solid rgba(240,255,250,.46)!important;border-radius:58px!important;
  background:linear-gradient(90deg,rgba(25,110,101,.34),rgba(121,137,72,.25))!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 7px 18px rgba(0,0,0,.05)!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  font:700 31px/1.04 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-decoration:none!important;
}
.v5-menu a:hover{border-color:rgba(100,255,242,.86)!important;background:linear-gradient(90deg,rgba(22,142,128,.44),rgba(104,153,84,.32))!important;}
.v5-menu a.active{border:2px solid rgba(88,255,244,.98)!important;background:linear-gradient(90deg,rgba(13,201,189,.72),rgba(15,229,205,.78))!important;box-shadow:0 0 25px rgba(0,241,224,.26),inset 0 1px 0 rgba(255,255,255,.28)!important;}
.v5-menu a>.ico{
  width:108px!important;height:108px!important;margin:-1.5px 0 -1.5px -1.5px!important;border-radius:54px!important;
  display:grid!important;place-items:center!important;color:#fff!important;
  background:linear-gradient(145deg,rgba(76,177,161,.26),rgba(19,94,93,.22))!important;border:1.5px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.035)!important;
}
.v5-menu a.active>.ico{background:rgba(0,171,166,.16)!important;border-color:rgba(210,255,250,.45)!important;}
.v5-menu a>.ico svg{width:52px!important;height:52px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;}
.v5-menu a[href*="mode=gasification"]>.ico svg{width:51px!important;height:51px!important;}
.v5-menu-title{font:inherit!important;overflow:visible!important;text-overflow:clip!important;}
.v5-menu .arrow{width:30px!important;height:auto!important;color:#fff!important;font:400 55px/.8 Arial,sans-serif!important;justify-content:center!important;opacity:.96!important;}
.v5-menu-live-dot{width:22px!important;height:22px!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,#ffe38e,#f1a51d 65%,#db8c00)!important;box-shadow:0 0 10px rgba(255,181,44,.48)!important;}
.v5-menu-separator{height:4px!important;margin:13px 8px 15px!important;border-radius:99px!important;background:linear-gradient(90deg,#29f0d7,#31e4d9 70%,rgba(91,246,224,.70))!important;box-shadow:0 0 9px rgba(44,237,218,.20)!important;}
.v5-drawer-bottom{margin-top:18px!important;display:block!important;padding:0!important;border:0!important;}
.v5-logout-form{margin:0!important;}
.v5-logout-form button{
  min-height:108px!important;width:100%!important;display:grid!important;grid-template-columns:94px minmax(0,1fr) 30px!important;align-items:center!important;column-gap:18px!important;
  padding:0 28px 0 0!important;border:1.5px solid rgba(240,255,250,.44)!important;border-radius:58px!important;
  background:linear-gradient(90deg,rgba(25,110,101,.34),rgba(121,137,72,.25))!important;color:#fff!important;
  font:700 31px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-align:left!important;
}
.v5-logout-form .ico{width:108px!important;height:108px!important;margin:-1.5px 0 -1.5px -1.5px!important;border-radius:54px!important;display:grid!important;place-items:center!important;color:#fff!important;background:rgba(45,137,126,.22)!important;border:1.5px solid rgba(255,255,255,.30)!important;}
.v5-logout-form .ico svg{width:51px!important;height:51px!important;stroke-width:1.6!important;}
.v5-logout-form .arrow{justify-self:center!important;color:#fff!important;font:400 55px/.8 Arial,sans-serif!important;}
.v5-menu-separator-contacts{margin-top:34px!important;margin-bottom:28px!important;}
.v5-drawer-contacts{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;}
.v5-drawer-contacts-label{display:block!important;margin:0 0 18px!important;color:#fff!important;font:650 29px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;}
.v5-contact-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:36px!important;padding:0 58px!important;}
.v5-contact-row a.v5-contact{
  width:92px!important;height:92px!important;min-width:92px!important;min-height:92px!important;padding:0!important;display:grid!important;place-items:center!important;
  border:2px solid!important;border-radius:50%!important;background:rgba(15,104,105,.38)!important;text-decoration:none!important;box-shadow:0 0 24px rgba(0,0,0,.10),inset 0 0 16px rgba(255,255,255,.04)!important;
}
.v5-contact-row a.v5-contact-whatsapp{border-color:#11ffb6!important;background:rgba(0,184,125,.28)!important;box-shadow:0 0 22px rgba(0,255,177,.22)!important;}
.v5-contact-row a.v5-contact-telegram{border-color:#25bfff!important;background:rgba(0,142,224,.28)!important;box-shadow:0 0 22px rgba(30,188,255,.22)!important;}
.v5-contact-row a.v5-contact-max{border-color:#83a8ff!important;background:rgba(83,72,213,.29)!important;box-shadow:0 0 22px rgba(96,130,255,.23)!important;}
.v5-contact-icon{width:56px!important;height:56px!important;color:#fff!important;}
.v5-contact-icon svg{width:54px!important;height:54px!important;stroke:#fff!important;fill:none!important;stroke-width:1.5!important;}
.v5-contact-telegram .v5-contact-icon svg{fill:#fff!important;stroke:#fff!important;}
.v5-contact-max .v5-contact-icon.v5-max-official{width:58px!important;height:58px!important;}
.v5-contact-max .v5-max-official img{width:58px!important;height:58px!important;}
.v5-contact-name{display:none!important;}
.v5-contact-mail{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:18px!important;width:max-content!important;min-height:40px!important;margin:28px 0 0 108px!important;padding:0!important;border:0!important;background:none!important;color:#fff!important;font:500 24px/1.1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;text-decoration:none!important;}
.v5-contact-mail svg{width:35px!important;height:35px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;}
.v5-copyright{display:none!important;}
body.v5-menu-open .v5-menu-button{opacity:0!important;pointer-events:none!important;}

@media (min-width:900px) and (max-width:1099px){
  :root{--v5-drawer-w:520px!important;--v5-drawer-offset:550px!important;}
  .v5-drawer{left:0!important;top:0!important;bottom:0!important;width:min(520px,72vw)!important;padding:52px 40px 36px!important;border-radius:0 36px 36px 0!important;}
  .v5-drawer-brand strong{font-size:34px!important;}.v5-drawer-brand small{font-size:20px!important;}
  .v5-menu{gap:13px!important;padding-top:20px!important;}
  .v5-menu a,.v5-logout-form button{min-height:82px!important;grid-template-columns:72px minmax(0,1fr) auto 25px!important;font-size:25px!important;border-radius:44px!important;}
  .v5-menu a>.ico,.v5-logout-form .ico{width:82px!important;height:82px!important;border-radius:42px!important;}
  .v5-menu a>.ico svg,.v5-logout-form .ico svg{width:40px!important;height:40px!important;}
  .v5-menu .arrow,.v5-logout-form .arrow{font-size:43px!important;}
  .v5-contact-row a.v5-contact{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;}.v5-contact-icon,.v5-contact-max .v5-contact-icon.v5-max-official{width:46px!important;height:46px!important;}.v5-contact-icon svg,.v5-contact-max .v5-max-official img{width:44px!important;height:44px!important;}
  .v5-contact-mail{margin-left:78px!important;font-size:20px!important;}
}

@media (max-width:899px){
  :root{--v5-drawer-w:78vw!important;--v5-drawer-offset:0!important;}
  .v5-drawer{left:0!important;top:0!important;bottom:0!important;width:min(78vw,650px)!important;max-width:none!important;padding:42px 28px 28px!important;border-radius:0 34px 34px 0!important;}
  .v5-drawer-corner{width:34px!important;height:34px!important;}.v5-drawer-corner-tl{left:22px!important;top:22px!important;}.v5-drawer-corner-tr{right:22px!important;top:22px!important;}.v5-drawer-corner-bl{left:22px!important;bottom:22px!important;}.v5-drawer-corner-br{right:22px!important;bottom:22px!important;}
  .v5-drawer-header{padding:42px 0 20px!important;}
  .v5-drawer-brand strong{font-size:clamp(23px,5.2vw,38px)!important;}.v5-drawer-brand-divider{margin-top:16px!important;grid-template-columns:1fr 38px 1fr!important;gap:10px!important;}.v5-drawer-brand-divider span{height:3px!important;}.v5-drawer-brand-divider .v5-leaf-svg{width:38px!important;height:31px!important;}.v5-drawer-brand small{font-size:clamp(15px,3.3vw,23px)!important;letter-spacing:.16em!important;}
  .v5-menu{gap:13px!important;padding-top:20px!important;}
  .v5-menu a,.v5-logout-form button{min-height:74px!important;grid-template-columns:66px minmax(0,1fr) auto 22px!important;column-gap:12px!important;padding-right:18px!important;border-radius:39px!important;font-size:clamp(18px,4vw,27px)!important;}
  .v5-menu a>.ico,.v5-logout-form .ico{width:74px!important;height:74px!important;border-radius:39px!important;}.v5-menu a>.ico svg,.v5-logout-form .ico svg{width:36px!important;height:36px!important;}.v5-menu .arrow,.v5-logout-form .arrow{font-size:39px!important;width:22px!important;}.v5-menu-live-dot{width:16px!important;height:16px!important;}
  .v5-menu-separator{height:3px!important;margin:9px 6px 11px!important;}.v5-drawer-bottom{margin-top:12px!important;}.v5-menu-separator-contacts{margin-top:24px!important;margin-bottom:20px!important;}
  .v5-drawer-contacts-label{font-size:22px!important;margin-bottom:16px!important;}.v5-contact-row{gap:24px!important;padding:0 32px!important;}.v5-contact-row a.v5-contact{width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important;}.v5-contact-icon,.v5-contact-max .v5-contact-icon.v5-max-official{width:43px!important;height:43px!important;}.v5-contact-icon svg,.v5-contact-max .v5-max-official img{width:42px!important;height:42px!important;}.v5-contact-mail{margin:22px 0 0 66px!important;font-size:18px!important;gap:13px!important;}.v5-contact-mail svg{width:27px!important;height:27px!important;}
}

@media (max-width:560px){
  :root{--v5-drawer-w:88vw!important;}
  .v5-drawer{width:88vw!important;padding:34px 18px 24px!important;border-radius:0 28px 28px 0!important;}
  .v5-drawer-header{padding:34px 0 16px!important;}
  .v5-drawer-brand strong{font-size:clamp(20px,5.4vw,30px)!important;}.v5-drawer-brand small{font-size:clamp(13px,3.4vw,19px)!important;}
  .v5-menu{gap:10px!important;padding-top:16px!important;}
  .v5-menu a,.v5-logout-form button{min-height:62px!important;grid-template-columns:56px minmax(0,1fr) auto 18px!important;column-gap:9px!important;padding-right:14px!important;font-size:clamp(16px,4.3vw,22px)!important;}
  .v5-menu a>.ico,.v5-logout-form .ico{width:62px!important;height:62px!important;border-radius:32px!important;}.v5-menu a>.ico svg,.v5-logout-form .ico svg{width:31px!important;height:31px!important;}.v5-menu .arrow,.v5-logout-form .arrow{font-size:34px!important;width:18px!important;}.v5-menu-live-dot{width:13px!important;height:13px!important;}
  .v5-drawer-contacts-label{font-size:19px!important;}.v5-contact-row{gap:18px!important;padding:0 24px!important;}.v5-contact-row a.v5-contact{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;}.v5-contact-icon,.v5-contact-max .v5-contact-icon.v5-max-official{width:37px!important;height:37px!important;}.v5-contact-icon svg,.v5-contact-max .v5-max-official img{width:36px!important;height:36px!important;}.v5-contact-mail{margin-left:48px!important;font-size:16px!important;}
}

@media (max-width:390px){
  .v5-drawer{width:92vw!important;padding-left:15px!important;padding-right:15px!important;}
  .v5-menu a,.v5-logout-form button{font-size:16px!important;}
  .v5-contact-row{padding:0 18px!important;gap:15px!important;}.v5-contact-mail{margin-left:34px!important;font-size:15px!important;}
}

/* SNT54_GLASS_DESIGN_20260930_END */

/* SNT54_DESKTOP_PIN_BUTTON_RESTORE_START */

/*
 * Desktop >= 1100 px:
 * возвращаем штатную кнопку закрепления меню.
 * Мобильную/планшетную логику не меняем.
 */
@media (min-width:1100px){

    .v5-drawer{
        position:fixed !important;
    }

    .v5-drawer-header{
        position:relative !important;
    }

    .v5-drawer-actions{
        display:flex !important;
        position:absolute !important;
        top:12px !important;
        right:12px !important;
        width:auto !important;
        height:auto !important;
        align-items:center !important;
        justify-content:center !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        z-index:100 !important;
    }

    .v5-drawer [data-v5-menu-state],
    .v5-menu-state{
        display:grid !important;
        place-items:center !important;
        width:30px !important;
        height:30px !important;
        min-width:30px !important;
        min-height:30px !important;
        padding:0 !important;
        margin:0 !important;
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        position:relative !important;
        z-index:101 !important;
    }

    .v5-menu-state-pin{
        display:grid !important;
        place-items:center !important;
        width:18px !important;
        height:18px !important;
    }

    .v5-menu-state-close{
        display:none !important;
    }

    .v5-menu-state svg{
        display:block !important;
        width:18px !important;
        height:18px !important;
    }
}

/* SNT54_DESKTOP_PIN_BUTTON_RESTORE_END */