/* Wygląd zgodny ze stroną partnerstw (sprawnymarketing.pl/konferencja/zostan-partnerem-poznan/):
   Lato, ostre narożniki, czerwień #ee312f, żółty marker #ffff00, czarne etykiety, twarde cienie. */
@font-face { font-family: 'Lato'; src: url(fonts/lato-400.ttf) format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Lato'; src: url(fonts/lato-700.ttf) format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Lato'; src: url(fonts/lato-900.ttf) format('truetype'); font-weight: 900; font-display: swap; }

:root {
    --czerwony: #ee312f;
    --czerwony-c: #b81a18;
    --tusz: #111;
    --grafit: #3d3d3d;
    --szary: #777;
    --linia: #e5e5e5;
    --tlo: #f5f5f5;
    --zolty: #ffff00;
    --przycisk: 52px;
    --panel: 400px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    color: var(--tusz);
    -webkit-tap-highlight-color: transparent;
}
[data-ekran="pion"]   { font-size: 21px; --przycisk: 76px; }
[data-ekran="poziom"] { font-size: 19px; --przycisk: 68px; --panel: 560px; }

* { box-sizing: border-box; border-radius: 0; }
html, body { margin: 0; height: 100%; background: #fff; overflow: hidden; }
[data-ekran="pion"] body, [data-ekran="poziom"] body { user-select: none; -webkit-user-select: none; cursor: default; }
button { font: inherit; color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible { outline: 3px solid var(--czerwony); outline-offset: 2px; }
.etykieta-sekcji { font-weight: 900; font-size: .72em; letter-spacing: .1em; text-transform: uppercase; color: var(--szary); }

/* ------------------------------------------------------------ układ */
.app {
    display: grid; height: 100vh; height: 100dvh; width: 100vw;
    grid-template-columns: minmax(0, 1fr) var(--panel);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas: "nag nag" "mapa panel";
}
.naglowek { grid-area: nag; }
.mapa { grid-area: mapa; }
.panel { grid-area: panel; }
.belka { grid-area: belka; display: none; }

@media (max-width: 1099px) {
    [data-ekran="www"] .app {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 62fr) minmax(0, 38fr);
        grid-template-areas: "nag" "mapa" "panel";
    }
}
[data-ekran="pion"] .app {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr) 30% calc(100vw * 160 / 1080);
    grid-template-areas: "nag" "mapa" "panel" "belka";
}
[data-ekran="poziom"] .app {
    grid-template-rows: auto minmax(0, 1fr) calc(100vw * 160 / 1920);
    grid-template-areas: "nag nag" "mapa panel" "belka belka";
}
/* belka SOLIX: pionowa 1080×160, pozioma 1920×160; skalowana z zachowaniem proporcji (brzegi są czarne) */
[data-ekran="pion"] .belka, [data-ekran="poziom"] .belka { display: block; background: #000 url(img/belka-pion.png) center / auto 100% no-repeat; }
[data-ekran="poziom"] .belka { background-image: url(img/belka-poziom.png); }

/* ------------------------------------------------------------ nagłówek */
.naglowek {
    display: flex; align-items: center; justify-content: space-between; gap: 1em;
    padding: .9em 1.2em; background: #fff; border-bottom: 1px solid var(--linia); z-index: 3;
}
.tytul { border-left: 6px solid var(--czerwony); padding-left: .9em; min-width: 0; }
.tytul h1 { margin: 0; font-size: 1.6em; font-weight: 900; letter-spacing: -.02em; line-height: 1.05; }
.tytul h1 mark { background: linear-gradient(180deg, transparent 55%, var(--zolty) 55%, var(--zolty) 92%, transparent 92%); color: inherit; padding: 0 .06em; }
.tytul p { margin: .35em 0 0; font-weight: 900; font-size: .72em; letter-spacing: .1em; text-transform: uppercase; color: var(--szary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dni { display: grid; grid-auto-flow: column; flex: none; }
.dni button, .zakladki button, .poziomy button {
    font-weight: 900; text-transform: uppercase; letter-spacing: .06em; white-space: nowrap;
    border: 2px solid #ccc; background: #f0f0f0; color: #aaa; transition: all .12s ease;
}
.dni button.aktywny, .zakladki button.aktywny, .poziomy button.aktywny { background: var(--czerwony); border-color: var(--czerwony); color: #fff; }
.dni button + button { border-left: 0; }
.dni button { padding: .4em 1.1em; min-height: calc(var(--przycisk) - 6px); display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.1; }
.dni button small { font-size: .66em; letter-spacing: .1em; }
.dni button b { font-size: 1.2em; font-weight: 900; letter-spacing: 0; }
@media (max-width: 560px) {
    [data-ekran="www"] .tytul p { display: none; }
    [data-ekran="www"] .tytul h1 { font-size: 1.2em; }
    [data-ekran="www"] .dni button { padding: .3em .7em; }
}

.jeden-dzien .dni { display: none; }

/* ------------------------------------------------------------ mapa */
.mapa { position: relative; overflow: hidden; touch-action: none; background: var(--tlo); }
#scena { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#scena polygon { stroke: rgba(17, 17, 17, .18); stroke-width: .8; vector-effect: non-scaling-stroke; stroke-linejoin: miter; }
#scena .strop polygon { stroke: rgba(17, 17, 17, .25); }
#scena .t-hol polygon, #scena .t-strefa polygon { stroke: rgba(17, 17, 17, .08); }
#scena .bryla.sala polygon { stroke: rgba(0, 0, 0, .45); }
#scena .napis { pointer-events: none; }
#scena .bryla.zajete polygon { stroke: rgba(110, 10, 10, .45); }
#scena [data-id] { cursor: pointer; }
#scena .stopnie { stroke: #9a9a9a; stroke-width: 1; vector-effect: non-scaling-stroke; fill: none; }
#scena .bieg, #scena .strzalka { stroke: none; }
#scena .bryla.ruchome polygon { stroke: rgba(0, 0, 0, .35); }
#scena .ruchome.wybrany .bieg { fill: #8a8a00; }
html:not(.sprzedaz) #scena .wybrany .gora { fill: var(--zolty); }
html:not(.sprzedaz) #scena .wybrany .bok { fill: #d6d600; }
#scena .obszar.wybrany .gora { fill: #fffda0; }
.mapa.w-gore #scena { animation: wGore .42s cubic-bezier(.2, .7, .2, 1); }
.mapa.w-dol #scena { animation: wDol .42s cubic-bezier(.2, .7, .2, 1); }
@keyframes wGore { from { opacity: 0; transform: translateY(40px); } }
@keyframes wDol { from { opacity: 0; transform: translateY(-40px); } }

/* etykiety (warstwa HTML nad SVG) */
.nakladka { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.lbl {
    position: absolute; left: 0; top: 0; width: 0; height: 0;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    white-space: nowrap; pointer-events: auto; transition: opacity .15s; will-change: transform;
}
.lbl > * { flex: none; }
.lbl.ukryta, .mapa:not(.blisko) .lbl.zblizenie { opacity: 0; pointer-events: none; }
.mapa:not(.blisko) .lbl span.drobny { display: none; }
.lbl em { font-style: normal; }
.mapa.w-gore .lbl, .mapa.w-dol .lbl { animation: lblIn .5s ease-out; }
@keyframes lblIn { 0%, 40% { opacity: 0; } }


.lbl-stoisko { cursor: pointer; }
.lbl-stoisko b { font-size: .74em; font-weight: 900; color: var(--grafit); line-height: 1; text-shadow: 0 0 2px rgba(255, 255, 255, .9); }
.lbl-stoisko.zajete b { color: #fff; text-shadow: 0 1px 2px rgba(90, 0, 0, .6); }
.lbl-stoisko span {
    display: none; margin-top: .3em; font-size: .68em; font-weight: 900; background: #111; color: #fff;
    padding: .2em .5em; max-width: 9em; overflow: hidden; text-overflow: ellipsis; letter-spacing: .02em;
}
.lbl-stoisko.szczegol span { display: block; }
.lbl-stoisko.wybrany b { color: var(--tusz); text-shadow: none; }

.lbl-pin { flex-direction: row; gap: .35em; }
.lbl-pin i {
    width: 1.85em; height: 1.85em; display: grid; place-items: center; flex: none;
    border: 2px solid #fff; box-shadow: 3px 3px 0 rgba(17, 17, 17, .18); cursor: pointer;
}
.lbl-pin i svg { width: 1.2em; height: 1.2em; display: block; }
.lbl-pin span {
    font-size: .72em; font-weight: 900; background: #fff; padding: .25em .55em; letter-spacing: .02em;
    box-shadow: 3px 3px 0 rgba(17, 17, 17, .12); position: absolute; left: calc(1em + 4px); top: -.8em;
}
.lbl-pin.wybrany i { box-shadow: 0 0 0 3px var(--zolty), 3px 3px 0 4px var(--tusz); }
.lbl-pin[data-id^="wejscie"] { z-index: 3; }

.lbl-strefa b, .lbl-hol b, .lbl-blok b, .lbl-tekst b {
    font-size: .78em; font-weight: 900; color: var(--grafit); letter-spacing: .02em;
    text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 6px #fff; cursor: pointer;
}
.lbl-hol b { font-size: .86em; color: #9a9a9a; text-transform: uppercase; letter-spacing: .14em; }
.lbl-tekst b { font-weight: 700; color: var(--szary); }

.lbl-tu { z-index: 5; pointer-events: none; }
.lbl-tu i { width: 1.15em; height: 1.15em; border-radius: 50%; background: var(--tusz); border: 3px solid var(--zolty); box-shadow: 0 0 0 0 rgba(17, 17, 17, .5); animation: puls 1.8s infinite; }
.lbl-tu span { position: absolute; top: -2.7em; font-size: .78em; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; background: var(--tusz); color: #fff; padding: .35em .7em; box-shadow: 4px 4px 0 var(--zolty); }
@keyframes puls { 70% { box-shadow: 0 0 0 1.4em rgba(17, 17, 17, 0); } 100% { box-shadow: 0 0 0 0 rgba(17, 17, 17, 0); } }

.lbl-pietro { align-items: flex-end; cursor: pointer; }
.lbl-pietro b, .lbl-pietro span { margin-right: 1.2em; }
.lbl-pietro b { font-size: 1.15em; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; background: var(--tusz); color: #fff; padding: .3em .7em; box-shadow: 4px 4px 0 var(--czerwony); }
.lbl-pietro span { margin-top: .45em; font-size: .74em; font-weight: 700; color: var(--grafit); background: #fff; padding: .2em .5em; }

.pierscien { position: absolute; left: 0; top: 0; width: 0; height: 0; pointer-events: none; }
.pierscien::before {
    content: ''; position: absolute; left: -1.6em; top: -1.6em; width: 3.2em; height: 3.2em; border-radius: 50%;
    border: 3px solid var(--czerwony); animation: pierscien 1.6s ease-out infinite;
}
@keyframes pierscien { from { transform: scale(.5); opacity: 1; } to { transform: scale(1.6); opacity: 0; } }

/* przełącznik poziomów */
.poziomy { position: absolute; top: 14px; right: 14px; z-index: 4; display: flex; flex-direction: column; box-shadow: 5px 5px 0 rgba(17, 17, 17, .08); }
.poziomy button {
    width: var(--przycisk); height: var(--przycisk); background: #fff; color: var(--tusz); border-color: var(--tusz);
    display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1;
}
.poziomy button + button { border-top: 0; }
.poziomy button b { font-size: 1.55em; font-weight: 900; letter-spacing: 0; }
.poziomy button small { font-size: .5em; margin-top: .3em; letter-spacing: .1em; }
.poziomy button svg { width: 46%; height: 46%; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linejoin: miter; }
.poziomy button.wszystkie small { font-size: .42em; }
.poziomy button.aktywny + button { border-top: 0; }

/* narzędzia widoku */
.narzedzia { position: absolute; right: 14px; bottom: 14px; z-index: 4; display: flex; box-shadow: 5px 5px 0 rgba(17, 17, 17, .08); }
.narzedzia button {
    width: calc(var(--przycisk) * .82); height: calc(var(--przycisk) * .82); border: 2px solid var(--tusz); background: #fff;
    display: grid; place-items: center;
}
.narzedzia button + button { border-left: 0; }
.narzedzia button svg { width: 50%; height: 50%; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: square; stroke-linejoin: miter; }
.narzedzia button.tekst { font-weight: 900; font-size: .9em; letter-spacing: .04em; }
.narzedzia button:disabled { color: #bbb; cursor: default; }
.narzedzia button:active:not(:disabled), .poziomy button:active { background: var(--zolty); }

/* ------------------------------------------------------------ panel */
.panel { background: #fff; border-left: 1px solid var(--linia); display: flex; flex-direction: column; min-height: 0; overflow: hidden; z-index: 2; }
@media (max-width: 1099px) { [data-ekran="www"] .panel { border-left: 0; border-top: 1px solid var(--linia); } }
[data-ekran="pion"] .panel { border-left: 0; border-top: 1px solid var(--linia); }

.karta { display: none; position: relative; padding: 1.2em 1.3em; overflow: auto; flex: 1; min-height: 0; }
.panel.z-karta .karta { display: block; }
.panel.z-karta .przegladaj { display: none; }
.zamknij {
    position: absolute; top: .8em; right: .8em; width: calc(var(--przycisk) * .8); height: calc(var(--przycisk) * .8);
    border: 2px solid var(--tusz); background: #fff; font-size: 1.5em; line-height: 1; display: grid; place-items: center; font-weight: 400;
}
.zamknij:active { background: var(--zolty); }
.karta-glowa { display: flex; align-items: center; gap: 1em; padding-right: 3.6em; }
.znacznik { display: inline-block; background: var(--tusz); color: #fff; font-weight: 900; font-size: .68em; padding: .3em .7em; letter-spacing: .06em; text-transform: uppercase; }
.karta-glowa h2 { margin: .35em 0 0; font-size: 1.6em; font-weight: 900; line-height: 1.1; letter-spacing: -.02em; }
.logo, .miniatura { flex: none; display: grid; place-items: center; background: #fff; border: 1px solid var(--linia); overflow: hidden; }
.logo { width: 5.4em; height: 5.4em; padding: .5em; }
.miniatura { width: 2.9em; height: 2.9em; padding: .3em; }
.logo img, .miniatura img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; }
.logo.nr, .miniatura.nr, .logo.brak, .miniatura.brak { background: var(--czerwony); border-color: var(--czerwony); color: #fff; }
.logo.nr b { font-size: 1.5em; font-weight: 900; }
.miniatura.nr b { font-size: .85em; font-weight: 900; }
.logo.ikona, .miniatura.ikona { background: transparent; border: 0; padding: 0; }
.ik { width: 100%; height: 100%; display: grid; place-items: center; }
.ik svg { width: 62%; height: 62%; }
.miniatura.ikona .ik { width: 2.3em; height: 2.3em; }
.logo.ikona .ik { width: 3.6em; height: 3.6em; }
.tresc { margin: 1.1em 0 0; line-height: 1.55; font-size: .95em; color: var(--grafit); }
.wycisz { color: var(--szary); }
.sciezki { display: grid; grid-template-columns: 1fr 1fr; margin-top: 1.2em; border: 2px solid var(--linia); }
.sciezki div { padding: .7em .9em; background: #fff; display: flex; flex-direction: column; gap: .45em; align-items: flex-start; }
.sciezki div + div { border-left: 2px solid var(--linia); }
.sciezki div.dzis { background: #fffde0; box-shadow: inset 0 -5px 0 var(--zolty); }
.sciezki small { font-size: .7em; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; color: var(--szary); }
.sciezki b { font-size: 1.15em; font-weight: 900; color: var(--czerwony); }
.sciezki img { height: 1.7em; width: auto; max-width: 100%; display: block; }
.sciezki img.wysoki { height: 2.8em; }
.sciezki img.kwadrat { height: 4.6em; }
.karta h3 { margin: 1.4em 0 .5em; font-size: .72em; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; color: var(--szary); }
.agenda { list-style: none; margin: 0; padding: 0; }
.agenda li { display: grid; grid-template-columns: 6.4em 1fr; gap: .7em; padding: .6em 0; border-top: 1px solid var(--linia); }
.agenda time { font-weight: 900; font-size: .86em; color: var(--czerwony); font-variant-numeric: tabular-nums; }
.agenda b { display: block; font-size: .95em; font-weight: 900; }
.agenda span { display: block; font-size: .86em; line-height: 1.4; margin-top: .15em; color: var(--grafit); }
.agenda small { display: block; font-size: .78em; color: var(--szary); margin-top: .2em; }

.przegladaj { display: flex; flex-direction: column; min-height: 0; flex: 1; }
.zakladki { display: flex; margin: 1em 1em .7em; }
.zakladki button { flex: 1; padding: .55em .4em; font-size: .78em; min-height: calc(var(--przycisk) * .78); }
.zakladki button + button { border-left: 0; }
.szukaj { position: relative; margin: 0 1em .6em; display: flex; align-items: center; }
.szukaj svg { position: absolute; left: .75em; width: 1.15em; height: 1.15em; fill: none; stroke: var(--szary); stroke-width: 2.6; pointer-events: none; }
#szukaj {
    flex: 1; min-width: 0; padding: .7em 2.6em .7em 2.4em; border: 2px solid #ccc; font: inherit; font-size: .95em; font-weight: 700;
    background: #fff; color: var(--tusz); -webkit-appearance: none; appearance: none;
}
#szukaj::-webkit-search-cancel-button { display: none; }
#szukaj:focus { border-color: var(--tusz); outline: none; }
[data-ekran="pion"] #szukaj, [data-ekran="poziom"] #szukaj { min-height: calc(var(--przycisk) * .82); }
.szukaj .wyczysc {
    position: absolute; right: 2px; top: 2px; bottom: 2px; width: 2.4em; border: 0; background: transparent;
    font-size: 1.3em; font-weight: 900; color: var(--szary); cursor: pointer;
}

/* klawiatura ekranowa — wysuwa się od dołu mapy, lista wyników zostaje widoczna w panelu */
.klawiatura {
    position: absolute; left: 50%; bottom: 0; z-index: 8; width: min(100%, 46em); translate: -50% 0;
    background: var(--tusz); padding: .5em; display: flex; flex-direction: column; gap: .4em;
    transform: translateY(105%); transition: transform .25s cubic-bezier(.2, .7, .2, 1); touch-action: none; user-select: none;
    box-shadow: 0 -6px 0 var(--czerwony);
}
.mapa.z-klawiatura .klawiatura { transform: none; }
/* bez klawiatury ekranowej (strona www) pusty pasek i jego czerwony cień nie mogą wystawać spod mapy */
html:not(.klawiatura-ekranowa) .klawiatura { display: none; }
.mapa.z-klawiatura .narzedzia { visibility: hidden; }
.klawiatura .rzad { display: flex; gap: .4em; justify-content: center; }
.klawiatura button {
    flex: 1 1 0; max-width: 4.2em; min-height: calc(var(--przycisk) * .95); border: 0; background: #fff; color: var(--tusz);
    font: inherit; font-weight: 900; font-size: 1.05em; cursor: pointer;
}
.klawiatura button:active { background: var(--zolty); }
.klawiatura .funkcja { background: var(--grafit); color: #fff; font-size: .8em; text-transform: uppercase; letter-spacing: .06em; }
.klawiatura .szeroki { max-width: 9em; flex-grow: 2; }
.klawiatura .spacja { max-width: none; flex-grow: 5; font-size: .8em; text-transform: uppercase; letter-spacing: .1em; color: var(--szary); }
.klawiatura .gotowe { background: var(--czerwony); }
/* filtr ścieżek tematycznych nad listą wystawców (jak na stronie partnerstw) */
.branze { margin: 0 1em .6em; }
.branze[hidden] { display: none; }
.branze-glowa { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .45em; }
.branze-glowa span { font-weight: 900; font-size: .7em; letter-spacing: .1em; text-transform: uppercase; color: var(--szary); }
.wyczysc-branze { background: none; border: 0; padding: 0; color: var(--czerwony); font-weight: 700; font-size: .8em; text-decoration: underline; }
.branze-lista { display: flex; flex-wrap: wrap; gap: .35em; }
.branze-lista button {
    border: 2px solid #ccc; background: #fff; color: var(--grafit); font-weight: 700; font-size: .8em;
    padding: .35em .7em; min-height: calc(var(--przycisk) * .62); transition: all .12s ease;
}
.branze-lista button.aktywny { background: var(--czerwony); border-color: var(--czerwony); color: #fff; }
.branze-karta { display: flex; flex-wrap: wrap; gap: .35em; margin: .9em 0 0; }
.branze-karta span { font-size: .68em; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; color: var(--grafit); background: var(--tlo); padding: .3em .6em; }
#scena .bryla.odfiltrowane { opacity: .2; }
.lbl-stoisko.odfiltrowane { opacity: .25; }
.lista { overflow-y: auto; flex: 1; min-height: 0; padding: 0 1em 1em; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
[data-ekran="pion"] .lista { touch-action: pan-y; }
.lista ul { list-style: none; margin: 0; padding: 0; }
[data-ekran="pion"] .lista ul { display: grid; grid-template-columns: 1fr 1fr; column-gap: 1em; }
[data-ekran="pion"] .lista li.grupa { grid-column: 1 / -1; }
.lista li.grupa { padding: 1em 0 .4em; font-size: .7em; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; color: var(--szary); border-bottom: 2px solid var(--tusz); margin-bottom: .2em; }
.lista button {
    width: 100%; border: 0; border-bottom: 1px solid var(--linia); background: transparent; display: flex; align-items: center; gap: .75em; text-align: left;
    padding: .45em .2em; min-height: var(--przycisk);
}
.lista button:hover { background: #fafafa; }
.lista button:active, .lista button.aktywny { background: #fffde0; box-shadow: inset 4px 0 0 var(--czerwony); }
.lista .opis { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lista .opis b { font-weight: 900; font-size: .96em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lista .opis small { color: var(--szary); font-size: .8em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lista .poz { flex: none; min-width: 1.8em; height: 1.8em; background: var(--tusz); color: #fff; display: grid; place-items: center; font-size: .72em; font-weight: 900; }
.pusto { color: var(--szary); padding: 1em 0; margin: 0; }

/* tryb ?ustaw — wyznaczanie punktu „Jesteś tutaj” */
.ustaw {
    position: absolute; left: 14px; top: 14px; z-index: 6; max-width: min(640px, calc(100% - 140px)); background: #fff;
    border: 2px solid var(--tusz); padding: .8em 1em; box-shadow: 6px 6px 0 var(--zolty); font-size: .85em; user-select: text;
}
.ustaw p { margin: .4em 0 .6em; color: var(--grafit); }
.ustaw .link { display: grid; grid-template-columns: 7.5em 1fr auto; gap: .5em; align-items: center; padding: .35em 0; border-top: 1px solid var(--linia); }
.ustaw code { font-size: .85em; word-break: break-all; }
.ustaw button { border: 0; background: var(--czerwony); color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; font-size: .8em; padding: .5em .9em; }

/* ------------------------------------------------------------ tryb sprzedaży (?tryb=sprzedaz, ramka na stronie partnerstw i w panelu) */
.sprzedaz .app { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); grid-template-areas: "mapa"; }
.sprzedaz .tytul, .sprzedaz .panel, .sprzedaz .poziomy { display: none; }
/* z nagłówka zostaje tylko wybór dnia — nad mapą, w miejscu ukrytego przełącznika poziomów */
.sprzedaz .app { position: relative; }
.sprzedaz .naglowek { grid-area: auto; position: absolute; top: 14px; right: 14px; padding: 0; background: none; border: 0; z-index: 4; box-shadow: 5px 5px 0 rgba(17, 17, 17, .08); }
.sprzedaz.jeden-dzien .naglowek { display: none; }
.sprzedaz .mapa { background: #fff; }
.sprzedaz #scena .bryla.s-rezerwacja polygon { stroke: rgba(120, 120, 0, .5); }
.sprzedaz #scena .bryla.przygaszone { opacity: .22; }
.sprzedaz #scena .bryla.przygaszone, .sprzedaz .lbl-stoisko.przygaszone { cursor: default; }
.sprzedaz .lbl-stoisko.przygaszone { opacity: .3; }
/* zaznaczenie: kolor statusu zostaje, stoisko dostaje grubą czarną krawędź */
.sprzedaz #scena .bryla.stoisko.wybrany polygon { stroke: var(--tusz); stroke-width: 2.6; }