/* Liquid glass over a dusk map (01.10.2026). Loaded last; overrides forum-theme.css and mobile.css.
   Translucent panels with strong blur, a light rim and a soft specular highlight; few elements, one accent (#8FAB89). */
:root{
 color-scheme:dark;color:#f2f6f0;background:#17221b;
 --ink:#f2f6f0;--ink-2:#d3ddd0;--ink-3:#a9b8a5;--accent:#8fab89;--accent-2:#cfe6c6;
 --glass:radial-gradient(120% 70% at 12% 0%,#ffffff2b,#ffffff00 58%),linear-gradient(140deg,#ffffff1f,#ffffff0b 55%,#ffffff12);
 --glass-strong:radial-gradient(120% 60% at 10% 0%,#ffffff24,#ffffff00 55%),linear-gradient(150deg,#2a3a30e6,#1d2a22e0);
 --glass-rim:1px solid #ffffff33;
 --glass-blur:blur(26px) saturate(175%) brightness(1.05);
 --glass-shadow:0 18px 48px -22px #000000a6,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff12;
 --pill:#ffffffe6;--pill-ink:#16211a;
 --glass-border:var(--glass-rim);--green:#8fab89;--mint:#2f4034;--muted:#a9b8a5;--line:#ffffff1a
}
body{background:#17221b}
.map-area{background:radial-gradient(ellipse at 55% 45%,#2b3b30 0%,#202e25 45%,#17221b 80%)}

/* Fewer elements: the floor switch already names the floor; colours explain themselves through labels. */
.map-caption,.map-footer,.map-hint,.north,.sidebar .eyebrow,.sidebar .intro,.sidebar h1 .desktop-search-title{display:none!important}
.sidebar h1{margin:0;font-size:0}

/* Glass surfaces */
.app-header,.sidebar,.floor-switch,.view-switch,.labels-control,.layers>label,.map-controls,.legend,#mobile-settings,.mobile-dock{
 background:var(--glass);border:var(--glass-rim);box-shadow:var(--glass-shadow);
 backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--ink)}
.app-header{border-radius:26px}
.event-date{border-color:#ffffff33;background:#ffffff0d;color:var(--ink-2)}
.header-divider{background:#ffffff26}
.requests-button{border-color:#ffffff33;background:#ffffff12}.requests-button b{background:var(--pill);color:var(--pill-ink)}
.role-control label{color:var(--ink-3)}#map-role{color:var(--ink)}
.sidebar{border-radius:28px}
.sidebar-head{padding-top:18px}
.search{background:#ffffff14;border:1px solid #ffffff2e;box-shadow:inset 0 1px 0 #ffffff26}
.search svg{color:var(--ink-2)}.search input{color:var(--ink)}.search input::placeholder{color:#c3cfbf}
.search kbd{background:transparent;border-color:#ffffff33;color:var(--ink-3)}
.search:focus-within{border-color:#ffffff66;box-shadow:0 0 0 4px #ffffff14}
.filters button{background:#ffffff0f;border-color:#ffffff24;color:var(--ink-2);box-shadow:none}
.filters button:hover:not(.active){background:#ffffff1f}
.filters button.active{background:var(--pill);border-color:transparent;color:var(--pill-ink);box-shadow:0 4px 14px #00000040}
.filter-heading{color:var(--ink-3)}.filter-heading #count{background:#ffffff1a;color:var(--ink)}
.list-group{color:var(--ink-3)}
.zone-item strong{color:var(--ink)}.zone-item small{color:var(--ink-3)}.zone-item .arrow{color:var(--ink-3)}
.zone-item:hover{background:#ffffff12;border-color:#ffffff1f}
.zone-item.active{background:#ffffff1f;border-color:#ffffff40;box-shadow:inset 0 1px 0 #ffffff33}
.zone-icon{background:color-mix(in srgb,var(--bg) 30%,#ffffff14);box-shadow:inset 0 0 0 1px #ffffff2e;color:var(--ink)}
.sidebar-bottom{background:transparent;border-top:1px solid #ffffff1a;color:var(--ink-2)}.sidebar-bottom span{color:var(--ink-3)}
.venue-dot{background:#8fab89;box-shadow:0 0 0 4px #8fab8930}

/* Segmented controls: the active option is a bright glass pill */
.floor-switch,.view-switch{border-radius:30px;padding:4px}
.floor-switch button,.view-switch button{color:var(--ink-2);border-radius:24px}
.floor-switch button.active,.view-switch .active{background:var(--pill);color:var(--pill-ink);box-shadow:0 4px 14px #00000040,inset 0 1px 0 #ffffff}
.labels-control,.layers>label{color:var(--ink-2);border-radius:24px}.labels-control input,.layers input{accent-color:#cfe6c6}
.map-controls{border-radius:30px}.map-controls button{color:var(--ink)}.map-controls button:hover{background:#ffffff1f}.map-controls>span{background:#ffffff26}

/* Floating labels */
.map-label{background:#1c2a22b8;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid #ffffff2e;color:var(--ink);box-shadow:0 6px 18px #00000040,inset 0 1px 0 #ffffff26}
.map-label.primary{background:#22322ac7;border-color:#ffffff40}.map-label strong{color:var(--ink)}
.map-label.entrance{background:var(--pill);color:var(--pill-ink);border-color:#fff}.map-label.entrance strong{color:var(--pill-ink)}
.map-label.brand-label{background:#1c2a22c7;border-left:3px solid var(--label-color)}
#tooltip{background:#1c2a22e6;border:1px solid #ffffff33;backdrop-filter:blur(14px);box-shadow:0 10px 30px #00000059}#tooltip small{color:var(--ink-3)}

/* Detail card: denser glass so long text stays readable */
#detail{background:var(--glass-strong);border:var(--glass-rim);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:28px}
.detail-header{background:#26352ccc;border-bottom:1px solid #ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.detail-title,#detail h3,.desktop-search-title,.mobile-search-title{color:var(--ink)!important}
.detail-tag,.eyebrow{color:#b5c9b0}
#detail p,.included,.agenda-row,.status,.save-note,.service-list{color:var(--ink-2)!important}.service-list strong{color:var(--ink)!important}
.detail-close{background:#ffffff14;border:1px solid #ffffff33;color:var(--ink)}.detail-close:hover{background:#ffffff26}
.detail-meta span{background:#ffffff12;border:1px solid #ffffff24;color:var(--ink-2)}
.participant:has(img){background:#f6f9f4;border-color:#ffffff66}
.company-site{background:#ffffff0f;border-color:#ffffff2e;color:var(--ink)}.company-site:hover{background:#ffffff1f}
.jump-action{background:#ffffff14;border:1px solid #ffffff2e;color:var(--ink)}.jump-action:hover{background:#ffffff24}
.detail-action{background:var(--pill);color:var(--pill-ink);border-color:transparent;box-shadow:0 8px 22px #00000040}.detail-action:hover{background:#fff}
.detail-action.secondary{background:#ffffff14;border-color:#ffffff2e;color:var(--ink)}
.detail-input,.equipment input,input[type=file]::file-selector-button{background:#ffffff12;border-color:#ffffff33;color:var(--ink)}
.offer{background:#ffffff0d;border-color:#ffffff24}.offer>small{color:var(--ink-3)}
.quote,.queue,.queue-card,.request-summary{background:#ffffff0f;border-color:#ffffff24;color:var(--ink)}
.queue-card strong,.request-summary strong{color:var(--ink)}.queue-card small{color:var(--ink-3)}
#detail .section-note{color:var(--ink-3)}#detail .save-note{background:#ffffff0d;border-left-color:#8fab89}
#detail .equipment label{border-bottom-color:#ffffff1a;color:var(--ink-2)}
.agenda-row{border-bottom-color:#ffffff1a}.agenda-row time{color:#cfe6c6}.agenda-row small{color:var(--ink-3)}
.back-link{color:#cfe6c6}.related button,.saved-row{background:#ffffff0d;border-color:#ffffff24;color:var(--ink)}
.status{color:#b8e0c4}.status.booked{color:var(--ink-3)}.empty{color:var(--ink-3)}
.broadcast{background:#ffffff0a;border-color:#ffffff24;box-shadow:none}
.broadcast summary,.broadcast-link{background:#ffffff1a;color:var(--ink)}.broadcast summary:hover,.broadcast-link:hover{background:#ffffff2b}
#toast{background:#1c2a22e6;border:1px solid #ffffff33;color:var(--ink);backdrop-filter:blur(18px)}
.error{background:#22322a;color:var(--ink)}

/* Phones: view switch always on screen, extra toggles behind "⋯", card as a bottom sheet */
@media(max-width:700px),(max-width:950px) and (max-height:600px) and (orientation:landscape){
 .map-top{gap:8px;justify-content:flex-start}
 .floor-switch{order:1}.floor-switch button{min-width:46px;padding:8px 10px}.floor-switch button b::after{content:''}
 .map-settings{order:2;display:flex!important;position:static;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;flex:1;min-width:0;gap:0}
 .map-settings .view-switch{width:auto;flex:1;display:flex;background:var(--glass);border:var(--glass-rim);box-shadow:var(--glass-shadow);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
 .view-switch button{flex:1;min-width:44px;min-height:44px;padding:8px;font-size:12px;gap:5px}
 .view-switch #view-stands{flex:0 0 auto;padding:8px 13px}
 .map-settings .labels-control,.map-settings .layers{display:none}
 body[data-map-settings=true] .map-settings .labels-control,body[data-map-settings=true] .map-settings .layers{display:flex;position:absolute;right:0;width:190px;z-index:9;background:var(--glass-strong);border:var(--glass-rim);box-shadow:var(--glass-shadow);border-radius:20px}
 body[data-map-settings=true] .map-settings .labels-control{top:54px}
 body[data-map-settings=true] .map-settings .layers{top:110px;padding:0;border:0;box-shadow:none;background:none}
 body[data-map-settings=true] .map-settings .layers>label{width:100%;background:var(--glass-strong)}
 #mobile-settings{order:3;flex:0 0 44px;width:44px;min-height:44px;padding:0;justify-content:center;font-size:0;border-radius:50%}
 #mobile-settings svg{width:20px;height:20px}
 #mobile-settings[aria-expanded=true]{background:var(--pill);color:var(--pill-ink)}
 .mobile-dock .active{background:var(--pill);color:var(--pill-ink)}.mobile-dock button{color:var(--ink-2)}
 .mobile-dock button span{background:var(--pill);color:var(--pill-ink)}
 .sidebar{background:var(--glass-strong)}.sidebar h1{font-size:20px;margin:4px 0 14px}.sidebar h1 .mobile-search-title{display:inline}
 #close-list{background:#ffffff14;color:var(--ink)}
 #detail{top:auto;max-height:calc(var(--mobile-height,100dvh) * .66);border-radius:28px 28px 24px 24px}
 .detail-header{background:#26352cf0}
 #mobile-card-actions:not([hidden]){background:#22322af2;border:var(--glass-rim);border-top-color:#ffffff1f;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:none}
 #mobile-card-map{background:#ffffff14;color:var(--ink);border:1px solid #ffffff2e}
 #mobile-card-primary{background:var(--pill);color:var(--pill-ink)}
 #mobile-card-price{color:var(--ink-2)}
}
@media(max-width:420px){.view-switch button:not(#view-stands){font-size:0;gap:0}.view-switch button svg{width:18px;height:18px}}
@media(max-width:360px){.floor-switch button{min-width:42px;padding:8px}}
/* The narrowest phones keep all three views as icons so the "⋯" button stays on screen. */
@media(max-width:350px){.view-switch #view-stands{flex:1;font-size:0;gap:0;padding:8px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .app-header,.sidebar,.floor-switch,.view-switch,.labels-control,.layers>label,.map-controls,#mobile-settings,.mobile-dock,#detail,.detail-header{background:#26352c}}
@media(prefers-reduced-transparency:reduce){
 .app-header,.sidebar,.floor-switch,.view-switch,.labels-control,.layers>label,.map-controls,#mobile-settings,.mobile-dock,#detail,.detail-header{background:#26352c;backdrop-filter:none;-webkit-backdrop-filter:none}}
/* Lounge arrangement switch: a compact select inside the same glass pill as «Подписи». */
.variant-control select{max-width:190px;background:transparent;color:inherit;border:0;font:inherit;outline:0;cursor:pointer;text-overflow:ellipsis}
.variant-control select option{color:#17231a;background:#f4f7f2}
@media(max-width:700px){.map-settings .variant-control{display:none}body[data-map-settings=true] .map-settings .variant-control{display:flex;position:absolute;right:0;top:150px;width:190px;z-index:9;background:var(--glass-strong)}}
/* Public map: the link back to the site stands where the role switch was. */
.site-link{color:var(--ink);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;padding:10px 4px}
.site-link:hover{text-decoration:underline}
a.detail-action{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
/* Light look of the scene (?look=light, see theme.js): the panels stay dark glass, only the backdrop behind the model changes. */
body[data-look=light] .map-area{background:radial-gradient(ellipse at 30% 35%,#8fb89a 0%,rgba(143,184,154,0) 45%),radial-gradient(ellipse at 78% 55%,#86a9c2 0%,rgba(134,169,194,0) 48%),radial-gradient(ellipse at 55% 85%,#b895a4 0%,rgba(184,149,164,0) 40%),#7f927f}
/* Over a light scene the see-through glass loses its white text: the panels become deep green frosted glass, like the Telegram card of the site. */
body[data-look=light]{--glass:radial-gradient(120% 70% at 12% 0%,#ffffff1f,#ffffff00 58%),linear-gradient(140deg,#2c3d32eb,#1f2d24e6);--glass-strong:radial-gradient(120% 60% at 10% 0%,#ffffff1c,#ffffff00 55%),linear-gradient(150deg,#2a3a30f2,#1d2a22f0);--glass-shadow:0 18px 44px -20px #1d2a2266,inset 0 1px 0 #ffffff40,inset 0 -1px 0 #ffffff12}