/* Pasek aplikacji v2 (app-bar) dla stron z manifestu .scripts/topbar/app-bar.pages.json.
   Generowany z functions/shared/app-bar.js - nie edytuj tego pliku recznie.
   Po zmianie: node .scripts/topbar/apply-app-bar.js --write
   Wersja: 202610052250 */
/* --- tokeny (wariant 1 "Klasyczny ICD": 72 px, biel, cienka dolna linia,
   kreska pod etykieta, panele zawieszone na krawedzi paska) --- */
:root{--app-bar-h:72px}
.app-bar{
  --app-bar-pad:28px;--app-bar-item-h:40px;--app-bar-r:8px;--app-bar-menu-r:10px;
  --app-bar-brand:var(--brand,#7C44FD);--app-bar-brand-dark:var(--brand-dark,#6D30EB);
  --app-bar-brand-deep:var(--brand-deep,#5516D8);--app-bar-brand-light:var(--brand-light,#8C68FF);
  --app-bar-brand-tint:var(--brand-tint,#EFE9FF);
  --app-bar-ink:#0f172a;--app-bar-ink-2:#1e293b;--app-bar-text:#334155;--app-bar-text-2:#475569;
  --app-bar-muted:#64748b;--app-bar-faint:#94a3b8;
  --app-bar-icd10:#2563eb;--app-bar-icd10-ink:#1d4ed8;--app-bar-icd10-tint:#EEF4FF;
  --app-bar-online-ink:#0F766E;
  --app-bar-bg:#fff;
  --app-bar-line:#e6e8ee;
  --app-bar-accent:var(--app-bar-brand);
  --app-bar-nav-hover:var(--app-bar-brand);
  --app-bar-quiet:#f4f5f8;
  --app-bar-row-hover:#f7f8fb;
  --app-bar-row-sel:rgba(124,68,253,.055);
  --app-bar-row-press:rgba(124,68,253,.10);
  --app-bar-field:#fff;
  --app-bar-field-line:#d6dae3;
  --app-bar-field-line-2:#b9c0cd;
  --app-bar-panel:#fff;
  --app-bar-panel-line:#e3e6ec;
  --app-bar-edge:#eceef3;
  --app-bar-panel-shadow:0 22px 44px -22px rgba(15,23,42,.26),0 6px 14px -8px rgba(15,23,42,.10);
  --app-bar-ease:cubic-bezier(.2,.8,.2,1);
  --app-bar-font:'Inter','Inter-fallback','Segoe UI',system-ui,Arial,sans-serif;
  --app-bar-panel-top:calc(100% + (var(--app-bar-h) - 100%) / 2);
}

/* --- jawne nadpisania globalnych resetow (css/style.css button{...},
   *{margin:0;padding:0} klasyfikacji, *{font-family} z css/topbar.css).
   :where() trzyma specyficznosc na poziomie jednej klasy, wiec reguly
   komponentu nizej wygrywaja kolejnoscia. Tylko elementy paska (klasa
   app-bar__*) - tresc menu konta i powiadomien ma wlasne style. --- */
.app-bar :where(*),.app-bar :where(*)::before,.app-bar :where(*)::after{box-sizing:border-box}
.app-bar :where(ul[class*="app-bar__"],li[class*="app-bar__"]){margin:0;padding:0;list-style:none}
.app-bar :where(a[class*="app-bar__"]){color:inherit;text-decoration:none;background:none}
.app-bar :where(button[class*="app-bar__"]){margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  font:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-align:inherit;
  cursor:pointer;transition:none;-webkit-appearance:none;appearance:none}
.app-bar :where(input[class*="app-bar__"]){margin:0;font:inherit;color:inherit}
.app-bar :where(svg[class*="app-bar__"]){display:block;flex:none}
.app-bar :where(kbd[class*="app-bar__"]){font-family:inherit}
.app-bar [hidden]{display:none !important}

/* --- pasek: pelna biel, jedna cienka linia na dole, bez cienia i bez szkla --- */
.app-bar{position:relative;z-index:1000;isolation:isolate;display:flex;align-items:center;box-sizing:border-box;
  height:var(--app-bar-h);margin:0;padding:0 var(--app-bar-pad);
  font-family:var(--app-bar-font);font-size:14px;line-height:1.2;font-weight:400;color:var(--app-bar-text);text-align:left;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05" 1,"ss01" 1}
.app-bar--fixed{position:fixed;top:0;left:0;right:0}
.app-bar--sticky{position:sticky;top:0}
.app-bar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--app-bar-bg);border-bottom:1px solid var(--app-bar-line)}
.app-bar__i{width:20px;height:20px}
.app-bar__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* stan konta: elementy tylko-zalogowane i tylko-gosc przelacza data-state na korzeniu */
.app-bar:not([data-state="user"]):not([data-state="loading"]) [data-app-bar-only="user"]{display:none !important}
.app-bar[data-state="user"] [data-app-bar-only="guest"],
.app-bar[data-state="loading"] [data-app-bar-only="guest"]{display:none !important}

/* --- logo --- */
.app-bar__logo{display:flex;align-items:center;flex:none;margin-right:0;border-radius:6px}
/* separator za logo - ten sam co w dotychczasowym pasku aplikacji (.topbar-divider:
   1.5 px, fioletowy gradient w pionie, 22 px od logo i 40 px do nawigacji) */
.app-bar__divider{flex:none;align-self:center;width:1.5px;height:36px;margin:0 40px 0 22px;
  background:linear-gradient(to bottom,transparent,rgba(124,68,253,.35),transparent)}
.app-bar__logo img{display:block;width:auto;height:36px;max-width:none}
.app-bar__logo:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:4px}

/* --- nawigacja: ikona + etykieta bez tla; najechanie = kolor marki i kreska pod
   etykieta rosnaca od srodka; strona biezaca = pelna kreska 2 px na dolnej krawedzi
   paska; wcisniecie = kreska na chwile 3 px --- */
.app-bar__nav{flex:none;align-self:stretch}
.app-bar__list{display:flex;align-items:stretch;gap:12px;height:100%}
.app-bar__entry{position:relative;display:flex;align-items:center;height:var(--app-bar-h)}
.app-bar__item{position:relative;display:flex;align-items:center;gap:8px;height:100%;padding:0 6px;
  font:600 14.5px/1 var(--app-bar-font);letter-spacing:-.006em;color:var(--app-bar-text);white-space:nowrap;
  transition:color .15s ease-out}
.app-bar__entry.has-menu .app-bar__item{padding-right:2px}
.app-bar__item .app-bar__i{color:var(--app-bar-muted);transition:color .15s ease-out}
.app-bar__label{position:relative;display:block}
.app-bar__label::after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:1px;pointer-events:none;
  background:var(--app-bar-nav-hover);transform:scaleX(0);transform-origin:50% 50%;
  transition:transform .22s var(--app-bar-ease),height .06s linear}
.app-bar__caret{display:flex;align-items:center;justify-content:center;width:22px;height:100%;padding:0 2px 0 0;
  color:var(--app-bar-faint);transition:color .15s ease-out}
.app-bar__caret .app-bar__i{width:14px;height:14px;stroke-width:2.2;transition:transform .18s var(--app-bar-ease)}
.app-bar__entry:hover .app-bar__item,.app-bar__entry.is-open .app-bar__item{color:var(--app-bar-nav-hover)}
.app-bar__entry:hover .app-bar__item .app-bar__i,.app-bar__entry.is-open .app-bar__item .app-bar__i,
.app-bar__entry:hover .app-bar__caret,.app-bar__entry.is-open .app-bar__caret{color:var(--app-bar-nav-hover)}
.app-bar__entry:hover .app-bar__label::after,.app-bar__entry.is-open .app-bar__label::after,
.app-bar__item:focus-visible .app-bar__label::after{transform:scaleX(1)}
.app-bar__entry.is-open .app-bar__caret .app-bar__i{transform:rotate(180deg)}
.app-bar__item:active .app-bar__label::after,.app-bar__entry:has(> .app-bar__caret:active) .app-bar__label::after{height:3px;transform:scaleX(1)}
/* fokus z klawiatury: ramka wokol etykiety, nie wokol calej wysokosci paska */
.app-bar__item:focus-visible,.app-bar__caret:focus-visible{outline:none}
.app-bar__item:focus-visible .app-bar__label{outline:2px solid var(--app-bar-brand);outline-offset:5px;border-radius:3px}
.app-bar__caret:focus-visible .app-bar__i{outline:2px solid var(--app-bar-brand);outline-offset:3px;border-radius:4px}
/* strona biezaca: tekst i ikona w kolorze marki, pelna kreska na dole paska, bez tla */
.app-bar__entry.is-current .app-bar__item,.app-bar__entry.is-current .app-bar__item .app-bar__i,
.app-bar__entry.is-current .app-bar__caret{color:var(--app-bar-accent)}
.app-bar__entry.is-current .app-bar__label::after{display:none}
.app-bar__entry.is-current::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:var(--app-bar-accent);transition:height .06s linear}
.app-bar__entry.is-current:has(> .app-bar__item:active,> .app-bar__caret:active)::after{height:3px}

/* --- panele (wspolne: menu, podglad, wyniki, powiadomienia, konto, jezyk):
   zawieszone na dolnej krawedzi paska, gorna krawedz 2 px w kolorze marki,
   biale i pelne - bez szkla, bez unoszenia --- */
.app-bar__menu,.app-bar__panel{position:absolute;top:var(--app-bar-panel-top);z-index:40;display:none;
  border-radius:0 0 var(--app-bar-menu-r) var(--app-bar-menu-r);background:var(--app-bar-panel);
  border:1px solid var(--app-bar-panel-line);border-top:2px solid var(--app-bar-accent);
  box-shadow:var(--app-bar-panel-shadow);color:var(--app-bar-text);text-align:left}
/* wejscie panelu: sam panel od pierwszej klatki pelny i nieprzezroczysty, zanika tylko nakladka
   w kolorze panelu (::after) nad trescia. Dawniej zanikal caly panel (opacity 0 -> 1) i przepuszczal
   tekst strony - w pierwszych klatkach i przy kazdym ponownym starcie animacji (zmiana rozmiaru okna,
   zrzut ekranu). Nakladka nie lapie klikniec, a przebudowa tresci (wyniki, dzwonek) jej nie restartuje. */
.app-bar__entry.is-open > .app-bar__menu,.app-bar__panel.is-open{display:block}
.app-bar__entry.is-open > .app-bar__menu::after,.app-bar__panel.is-open::after{content:"";position:absolute;inset:0;z-index:2;
  border-radius:inherit;background:var(--app-bar-panel);pointer-events:none;opacity:0;animation:app-bar-in .12s ease-out}
@keyframes app-bar-in{from{opacity:1}to{opacity:0}}

/* --- menu rozwijane: lista wierszy przedzielonych linia, najechanie = pasek marki z lewej --- */
.app-bar__menu{left:-10px;z-index:30;width:376px;padding:4px 0 0}
/* mostek nad panelem: kursor przechodzacy z pozycji do menu nie gubi najechania */
.app-bar__menu::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.app-bar__menu-item{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;
  padding:12px 18px 12px 16px;color:inherit;transition:background-color .12s ease-out}
.app-bar__menu-item + .app-bar__menu-item{box-shadow:inset 0 1px 0 var(--app-bar-edge)}
.app-bar__menu-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--app-bar-accent);
  transform:scaleY(0);transition:transform .16s var(--app-bar-ease)}
.app-bar__menu-item:hover{background:var(--app-bar-row-hover)}
.app-bar__menu-item:hover::before,.app-bar__menu-item:focus-visible::before,.app-bar__menu-item[aria-current="page"]::before{transform:scaleY(1)}
.app-bar__menu-item:active{background:var(--app-bar-row-press)}
/* ostatni wiersz menu bez stopki: tlo najechania nie wychodzi poza zaokraglony rog panelu */
.app-bar__menu > .app-bar__menu-item:last-child{border-radius:0 0 9px 9px}
.app-bar__menu-item:focus-visible{outline:none;background:var(--app-bar-row-hover)}
.app-bar__menu-text{display:block;min-width:0}
.app-bar__menu-title{display:block;font:600 14px/1.25 var(--app-bar-font);color:var(--app-bar-ink);transition:color .12s ease-out}
.app-bar__menu-item:hover .app-bar__menu-title,.app-bar__menu-item:focus-visible .app-bar__menu-title{color:var(--app-bar-brand-dark)}
.app-bar__menu-desc{display:block;margin-top:3px;font:400 12.5px/1.35 var(--app-bar-font);color:var(--app-bar-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__menu-aside{display:flex;align-items:center}
.app-bar__menu-item[aria-current="page"] .app-bar__menu-title{color:var(--app-bar-accent)}
.app-bar__here{display:none;font:600 11px/1 var(--app-bar-font);color:var(--app-bar-brand-dark);white-space:nowrap}
.app-bar__menu-item[aria-current="page"] .app-bar__here{display:inline}
.app-bar__menu-foot{display:flex;align-items:center;gap:8px;margin:0;padding:11px 18px 12px;border-top:1px solid var(--app-bar-edge);
  border-radius:0 0 var(--app-bar-menu-r) var(--app-bar-menu-r);background:#fafbfc;
  font:500 12px/1.3 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__menu-foot-link{font-weight:600;color:var(--app-bar-brand-dark)}
.app-bar__menu-foot-link.is-icd10{color:var(--app-bar-icd10-ink)}
.app-bar__menu-foot-link:hover{text-decoration:underline;text-underline-offset:3px}
.app-bar__menu-dot{color:#cbd5e1}
/* ikona w menu bez kafelka; numer klasyfikacji jak prostokatna plakietka kodu z obrysem */
.app-bar__tile{display:flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--app-bar-brand-dark);background:none}
.app-bar__tile .app-bar__i{width:21px;height:21px}
.app-bar__tile--num{width:34px;height:24px;border:1.5px solid currentColor;border-radius:5px;
  font:800 12.5px/1 var(--app-bar-font);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.app-bar__tile--icd10{color:var(--app-bar-icd10-ink)}
.app-bar__tile--online{color:var(--app-bar-online-ink)}
.app-bar__menu-item[aria-current="page"] .app-bar__tile--num{background:var(--app-bar-accent);border-color:var(--app-bar-accent);color:#fff}
.app-bar__menu-item[aria-current="page"] .app-bar__tile--icd10{background:var(--app-bar-icd10);border-color:var(--app-bar-icd10)}
/* plakietka planu przy Roznicowaniu - znika dla konta z Clinical */
.app-bar__plan{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font:700 10.5px/1 var(--app-bar-font);
  letter-spacing:.03em;background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep)}
.app-bar[data-plan="clinical"] .app-bar__plan{display:none}
/* badania online zamkniete (bdw-soon, ten sam znacznik co js/badanie-wkrotce.js) */
.app-bar__menu-item.bdw-soon{cursor:default}
.app-bar__menu-item.bdw-soon .app-bar__tile,.app-bar__menu-item.bdw-soon .app-bar__menu-title,
.app-bar__menu-item.bdw-soon .app-bar__menu-desc{opacity:.55}
.app-bar__menu-item.bdw-soon:hover{background:none}
.app-bar__menu-item.bdw-soon:hover::before{transform:scaleY(0)}
.app-bar__menu-item.bdw-soon:hover .app-bar__menu-title{color:var(--app-bar-ink)}

/* --- grupa robocza: pacjent + wyszukiwarka --- */
.app-bar__spacer{flex:1 1 0;min-width:16px}
.app-bar__work{position:relative;display:flex;align-items:center;gap:12px;flex:none}
/* szukajka zaraz za nawigacja, blizej srodka paska; wyniki rozwijaja sie od lewej krawedzi pola */
.app-bar__find{position:relative;display:flex;align-items:center;flex:none;margin-left:12px}
.app-bar__find .app-bar__results{left:auto;right:0}
.app-bar__patient-wrap{position:relative;flex:none}
/* pigulka pacjenta: obrysowana, jednowierszowa "Pacjent: Imie Nazwisko" - jak dawny przycisk */
.app-bar__patient{display:flex;align-items:center;gap:8px;height:40px;max-width:290px;padding:0 12px 0 5px;
  border:1.5px solid rgba(124,68,253,.45);border-radius:999px;background:transparent;
  font-family:var(--app-bar-font);text-align:left;transition:background-color .15s ease-out,border-color .15s ease-out}
.app-bar__patient:hover{background:rgba(124,68,253,.05);border-color:rgba(124,68,253,.8)}
.app-bar__patient[aria-expanded="true"]{background:rgba(124,68,253,.06);border-color:var(--app-bar-brand)}
.app-bar__patient:active{background:var(--app-bar-row-press)}
.app-bar__patient.is-current{border-color:var(--app-bar-brand)}
.app-bar__patient:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:3px}
.app-bar__patient-av{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;
  background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep);font:700 11px/1 var(--app-bar-font);letter-spacing:.02em}
.app-bar__patient-av.is-empty{background:transparent;color:var(--app-bar-brand-dark);border:0}
.app-bar__patient-av .app-bar__i{width:18px;height:18px}
.app-bar__patient-txt{display:flex;flex-direction:row;align-items:baseline;gap:5px;min-width:0}
.app-bar__patient-eyebrow{flex:none;font:500 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-brand-dark);white-space:nowrap}
/* dwukropek po "Pacjent" zdjety - pigulka dwuwierszowa jak w pilocie */
.app-bar__patient-name{display:block;max-width:150px;font:650 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-brand-deep);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__patient-name.is-empty{font-weight:500;color:var(--app-bar-muted)}
/* id-y z patients.js (patient-button, patient-status) niosa stare reguly id-owe:
   css/desktop-responsive.css (#patient-status max-width 160/110 px, inline-block) i
   css/style.css (#patient-status.active - gradientowa pigulka, #patient-button:has(.active)).
   Tu zdejmujemy je jawnie, z ta sama albo wyzsza waga. */
.app-bar #patient-status{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;
  cursor:inherit;transition:none}
.app-bar #patient-status.active{padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  font:650 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-brand-deep) !important}
.app-bar #patient-status .patient-badge{display:none}
.app-bar #patient-button:has(#patient-status.active){background:transparent !important;border-color:rgba(124,68,253,.45) !important;box-shadow:none !important}
.app-bar #patient-button:has(#patient-status.active):hover{background:rgba(124,68,253,.05) !important;border-color:rgba(124,68,253,.8) !important}
.app-bar #patient-button:has(#patient-status.active)[aria-expanded="true"]{background:rgba(124,68,253,.06) !important;border-color:var(--app-bar-brand) !important}
.app-bar #patient-button.is-current:has(#patient-status.active){border-color:var(--app-bar-brand) !important}
.app-bar__chev{width:14px;height:14px;stroke-width:2.2;color:var(--app-bar-brand-dark);opacity:.7;transition:transform .18s var(--app-bar-ease),opacity .15s ease-out}
.app-bar__patient:hover .app-bar__chev{opacity:1}
.app-bar__patient[aria-expanded="true"] .app-bar__chev{transform:rotate(180deg);opacity:1}

/* pole szukania: prostokat z cienkim obrysem; fokus = obrys marki 2 px, bez poswiaty */
.app-bar__search{position:relative;display:flex;align-items:center;flex:none;width:336px;height:var(--app-bar-item-h);margin:0;
  padding:0 8px 0 38px;border:1px solid var(--app-bar-field-line);border-radius:var(--app-bar-r);background:var(--app-bar-field);
  transition:border-color .15s ease-out,box-shadow .15s ease-out}
.app-bar__search:hover{border-color:var(--app-bar-field-line-2)}
.app-bar__search:focus-within{border-color:var(--app-bar-brand);box-shadow:inset 0 0 0 1px var(--app-bar-brand)}
.app-bar__search-ico{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--app-bar-muted);pointer-events:none}
.app-bar__search:focus-within .app-bar__search-ico{color:var(--app-bar-brand)}
.app-bar__search-input{flex:1 1 auto;width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;
  font:500 14px/1 var(--app-bar-font);color:var(--app-bar-ink);text-overflow:ellipsis;-webkit-appearance:none;appearance:none}
.app-bar__search-input::placeholder{color:var(--app-bar-muted);font-weight:400;opacity:1;text-overflow:ellipsis}
.app-bar__search-input::-webkit-search-decoration,.app-bar__search-input::-webkit-search-cancel-button,
.app-bar__search-input::-webkit-search-results-button,.app-bar__search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}
.app-bar__search-clear{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-left:6px;
  border-radius:5px;background:none;color:var(--app-bar-muted);transition:background-color .12s ease-out,color .12s ease-out}
.app-bar__search-clear:hover{background:var(--app-bar-quiet);color:var(--app-bar-ink)}
.app-bar__search-clear:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:1px}
.app-bar__search-clear .app-bar__i{width:14px;height:14px;stroke-width:2.2}
.app-bar__search-input:placeholder-shown ~ .app-bar__search-clear{display:none}
.app-bar__kbd{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:22px;margin-left:6px;padding:0 6px;
  border-radius:4px;background:#f8fafc;border:1px solid #dfe3ea;font:600 11.5px/1 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__search-input:not(:placeholder-shown) ~ .app-bar__kbd,.app-bar__search:focus-within .app-bar__kbd{display:none}
/* L3/L4: pole zwiniete do ikony */
.app-bar__search-toggle{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:var(--app-bar-r);
  color:var(--app-bar-text-2);transition:background-color .12s ease-out,color .12s ease-out}
.app-bar__search-toggle:hover,.app-bar__search-toggle[aria-expanded="true"]{background:var(--app-bar-quiet);color:var(--app-bar-brand)}
.app-bar__search-toggle:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}

/* --- narzedzia po prawej --- */
.app-bar__sep{flex:none;width:1px;height:28px;margin:0 16px;background:var(--app-bar-line)}
/* gosc: te same 16 px miedzy polem, kreska, "Zaloguj sie" i flaga; strzalka flagi konczy sie na krawedzi paska jak przycisk konta */
.app-bar__lang-wrap{margin-left:12px}
.app-bar__tools{display:flex;align-items:center;gap:4px;flex:none}
.app-bar__bell-wrap,.app-bar__me-wrap,.app-bar__lang-wrap{position:relative;flex:none}
.app-bar__icon{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;
  border-radius:var(--app-bar-r);background:none;color:var(--app-bar-text-2);cursor:pointer;transform:none;
  transition:background-color .12s ease-out,color .12s ease-out}
.app-bar .app-bar__icon:hover,.app-bar .app-bar__icon[aria-expanded="true"]{background:var(--app-bar-quiet);color:var(--app-bar-brand);transform:none}
.app-bar .app-bar__icon:active{background:#eceef3}
.app-bar__icon:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__icon .app-bar__i{width:21px;height:21px}
/* tarcza dyskrecji: widoczna tylko przy data-discreet-mode="on" na korzeniu (ustawia js/app-bar.js).
   Nie data-discreet: js/discreet.js maskuje tekst kazdego [data-discreet] i wyczyscilby caly pasek. */
.app-bar .app-bar__discreet{display:none}
.app-bar[data-discreet-mode="on"] .app-bar__discreet{display:flex}
.app-bar[data-discreet-mode="on"] #patient-status{max-width:96px}
.app-bar[data-discreet-mode="on"] .app-bar__sep{margin:0 6px 0 8px}
.app-bar__discreet,.app-bar .app-bar__discreet:hover{background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep)}
/* licznik: display ustawia js/app-bar-notifs.js (inline flex/none) */
.app-bar__count{position:absolute;top:5px;right:4px;display:none;align-items:center;justify-content:center;min-width:17px;height:17px;
  padding:0 4px;border-radius:999px;background:#e11d48;color:#fff;font:700 10px/1 var(--app-bar-font);font-variant-numeric:tabular-nums;
  box-shadow:0 0 0 2px #fff;pointer-events:none}
/* dzwonek jak w dotychczasowym pasku aplikacji (.notif-icon w css/topbar.css): ikona
   notifications.png 22 px, przygaszona do .72, pelna przy najechaniu; odsuniety od awatara */
.app-bar__bell-wrap{margin-right:14px}
.app-bar .app-bar__bell{width:44px;height:44px;border-radius:var(--app-bar-r)}
.app-bar__bell-img{display:block;width:22px;height:auto;opacity:.72;transform-origin:top center;transition:opacity .18s ease}
.app-bar .app-bar__bell:hover .app-bar__bell-img,.app-bar .app-bar__bell[aria-expanded="true"] .app-bar__bell-img{opacity:.96}
body.dark-mode .app-bar__bell-img{opacity:.82}
.app-bar__bell.alert .app-bar__bell-img{animation:app-bar-bell .65s ease-in-out}
@keyframes app-bar-bell{20%{transform:rotate(16deg)}40%{transform:rotate(-16deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-6deg)}100%{transform:rotate(0)}}
/* awatar konta: pierscien neutralny, przy najechaniu i otwarciu w kolorze marki */
.app-bar__me{display:flex;align-items:center;gap:6px;height:44px;padding:0 2px 0 2px;border-radius:var(--app-bar-r)}
.app-bar__me:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__me .app-bar__chev{width:14px;height:14px;color:var(--app-bar-faint);opacity:1}
.app-bar__me:hover .app-bar__chev,.app-bar__me[aria-expanded="true"] .app-bar__chev{color:var(--app-bar-brand)}
.app-bar__me[aria-expanded="true"] .app-bar__chev{transform:rotate(180deg)}
.app-bar__me-av{position:relative;display:flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;
  background:var(--app-bar-brand);color:#fff;font:600 13px/1 var(--app-bar-font);letter-spacing:.02em;
  box-shadow:0 0 0 2px #fff,0 0 0 3px #dfe3ea;transition:box-shadow .15s ease-out}
.app-bar__me:hover .app-bar__me-av,.app-bar__me[aria-expanded="true"] .app-bar__me-av{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--app-bar-brand)}
.app-bar__me-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden}
.app-bar__me-initials img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
/* plakietka planu (avatar-sync.js: is-clinical na #user-avatar, avatar-badge--* na #avatar-badge);
   plaska, bez gradientu - bez zaleznosci od starego kontenera */
.app-bar__me-badge{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);display:none;align-items:center;justify-content:center;
  height:14px;padding:0 5px;border-radius:4px;font:700 8.5px/1 var(--app-bar-font);letter-spacing:.04em;white-space:nowrap;pointer-events:none;
  background:#ddd6fe;color:#4c1d95;box-shadow:0 0 0 1.5px #fff}
.app-bar__me-av.is-clinical .app-bar__me-badge{display:inline-flex}
.app-bar__me-badge:empty{display:none !important}
.app-bar__me-badge.avatar-badge--practice{background:#C8FFFF;color:#0e7490}
.app-bar__me-badge.avatar-badge--group{background:#6366F1;color:#fff}
.app-bar__me-badge.avatar-badge--enterprise{background:#EA580C;color:#fff}
.app-bar__login{display:inline-flex;align-items:center;flex:none;height:40px;padding:0 20px;border-radius:var(--app-bar-r);background:var(--app-bar-brand);
  color:#fff;font:600 14px/1 var(--app-bar-font);white-space:nowrap;box-shadow:none;transition:background-color .12s ease-out}
.app-bar .app-bar__login:hover{background:var(--app-bar-brand-dark);color:#fff}
.app-bar .app-bar__login:active{background:var(--app-bar-brand-deep)}
.app-bar__login:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:3px}
.app-bar__lang{display:flex;align-items:center;gap:5px;height:40px;padding:0 2px 0 8px;border-radius:var(--app-bar-r);color:var(--app-bar-faint);
  transition:background-color .12s ease-out}
.app-bar__lang:hover,.app-bar__lang[aria-expanded="true"]{background:var(--app-bar-quiet)}
.app-bar__lang:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__lang .app-bar__chev{width:13px;height:13px;color:var(--app-bar-faint);opacity:1}
.app-bar__flag{display:block;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.15)}

/* --- panele narzedzi --- */
.app-bar__notif{right:-68px;width:min(400px,calc(100vw - 32px));padding:0;overflow:hidden}
.app-bar__account{right:-2px;width:280px;padding:0;overflow:hidden}
.app-bar__lang-menu{right:0;width:190px;padding:4px 0}
.app-bar__lang-opt{position:relative;display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;
  font:600 13.5px/1 var(--app-bar-font);color:var(--app-bar-ink)}
.app-bar__lang-opt:hover{background:var(--app-bar-row-hover);box-shadow:inset 3px 0 0 var(--app-bar-accent)}
.app-bar__lang-opt:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:-2px}
/* tresc z js/app-bar-notifs.js i AccountMenu ma wlasna biala karte - w pasku niesie ja panel */
.app-bar .app-bar__notif .notif-card,.app-bar .app-bar__account .account-card{background:transparent;border:0;border-radius:0;
  box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}
.app-bar .app-bar__notif .notif-card{display:block;gap:normal;min-height:0;align-items:normal;padding:14px 16px 10px;
  cursor:auto;transition:none}
/* stan pusty jawnie - strona moze miec wlasne .notif-empty (lista na pl/notifications.html) */
.app-bar .app-bar__notif .notif-empty{padding:8px 0 0;background:none;border:0;border-radius:0;box-shadow:none;
  font-size:13px;text-align:left;color:#98a2b3}
/* link "Zobacz wszystkie" w marce - niebieski oznacza w pasku ICD-10 */
.app-bar .app-bar__notif .notif-footer,.app-bar .app-bar__notif .notif-footer:hover{color:var(--app-bar-brand-dark)}
.app-bar .app-bar__account .account-card{padding:8px}
/* wiersze menu konta dostaja fokus strzalkami (js/app-bar.js) */
.app-bar .app-bar__account .account-item:focus-visible,.app-bar .app-bar__account .account-header:focus-visible,
.app-bar .app-bar__account .account-lang-btn:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:-2px}
/* wiersz dyskrecji w menu konta (AccountMenu.render({discreetRow:true})): caly wiersz przelacza tryb */
.app-bar .app-bar__account .account-discreet{cursor:pointer}
.app-bar .account-switch{position:relative;display:inline-flex;align-items:center;flex:none;width:34px;height:20px;margin:0 0 0 auto;padding:0;
  border:0;border-radius:999px;background:#cbd5e1;box-shadow:none;cursor:pointer;transition:background-color .15s ease-out}
.app-bar .account-switch-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.2);transition:transform .15s var(--app-bar-ease)}
.app-bar .account-switch.is-on{background:var(--app-bar-brand)}
.app-bar .account-switch.is-on .account-switch-knob{transform:translateX(14px)}
.app-bar .account-switch:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}

/* --- panel wynikow --- */
.app-bar__results{right:0;width:540px;max-height:min(580px,calc(100vh - var(--app-bar-h) - 32px));overflow:hidden;padding:4px 0 0}
/* przewija sie tylko lista (listbox); notka goscia, wskazowki i stopka z klawiszami zostaja w widoku */
.app-bar__panel.app-bar__results.is-open{display:flex;flex-direction:column}
.app-bar__results > *{flex:none}
.app-bar__results > .app-bar__listbox{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding-bottom:4px}
.app-bar__listbox[hidden]{display:none}
.app-bar__results[aria-busy="true"]{cursor:progress}
.app-bar__group{display:block}
.app-bar__group + .app-bar__group{margin-top:4px}
.app-bar__group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 18px 7px;
  font:700 10.5px/1 var(--app-bar-font);letter-spacing:.09em;text-transform:uppercase;color:var(--app-bar-muted)}
.app-bar__group-count{font:600 11px/1 var(--app-bar-font);letter-spacing:0;text-transform:none;color:var(--app-bar-faint);font-variant-numeric:tabular-nums}
.app-bar__group-shield{display:inline-flex;align-items:center;gap:5px;font:600 11px/1 var(--app-bar-font);letter-spacing:0;text-transform:none;color:var(--app-bar-brand-deep)}
.app-bar__group-shield .app-bar__i{width:13px;height:13px}
.app-bar__results-sep{height:1px;margin:6px 0;background:var(--app-bar-edge)}
/* wiersz wyniku i pacjenta: najechanie = jasne tlo + pionowy pasek 3 px w kolorze marki z lewej */
.app-bar__row{position:relative;display:grid;align-items:center;gap:12px;min-height:54px;padding:8px 16px 8px 18px;border-radius:0;cursor:pointer;
  color:inherit;transition:background-color .1s ease-out}
.app-bar__row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--app-bar-accent);
  transform:scaleY(0);transition:transform .16s var(--app-bar-ease)}
.app-bar__row--patient{grid-template-columns:36px minmax(0,1fr) auto}
.app-bar__row--disorder{grid-template-columns:66px minmax(0,1fr) auto;min-height:50px}
.app-bar__row:hover{background:var(--app-bar-row-hover)}
.app-bar__row:hover::before,.app-bar__row.is-active::before,.app-bar__row[aria-selected="true"]::before{transform:scaleY(1)}
.app-bar__row.is-active,.app-bar__row[aria-selected="true"]{background:var(--app-bar-row-sel)}
.app-bar__row:active{background:var(--app-bar-row-press)}
.app-bar__row-av{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;
  background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep);font:700 12.5px/1 var(--app-bar-font);letter-spacing:.02em}
.app-bar__row-av .app-bar__i{width:18px;height:18px}
.app-bar__row-main{display:block;min-width:0}
.app-bar__row-title{display:block;font:600 14px/1.3 var(--app-bar-font);color:var(--app-bar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .1s ease-out}
.app-bar__row:hover .app-bar__row-title,.app-bar__row.is-active .app-bar__row-title,.app-bar__row[aria-selected="true"] .app-bar__row-title{color:var(--app-bar-brand-deep)}
.app-bar__row--disorder .app-bar__row-title{font-weight:500;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.app-bar__row-meta{display:block;margin-top:3px;font:400 12.5px/1.3 var(--app-bar-font);color:var(--app-bar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__row-aside{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.app-bar__row-enter{display:none;font:600 13px/1 var(--app-bar-font);color:var(--app-bar-brand-dark)}
.app-bar__row.is-active .app-bar__row-enter,.app-bar__row[aria-selected="true"] .app-bar__row-enter{display:inline}
.app-bar__row .app-bar__row-pick{display:none}
.app-bar__row.is-active .app-bar__row-pick,.app-bar__row[aria-selected="true"] .app-bar__row-pick{display:inline-flex}
/* aktywny wiersz pacjenta: miejsce kodu zajmuje przycisk "Wybierz do diagnozy" (jak w makiecie) */
.app-bar__row--patient.is-active .app-bar__row-aside > .app-bar__code,.app-bar__row--patient[aria-selected="true"] .app-bar__row-aside > .app-bar__code{display:none}
.app-bar mark{background:rgba(124,68,253,.15);color:var(--app-bar-brand-deep);border-radius:2px;padding:0 1px}
/* plakietka kodu: prostokat (kod), nie kolo (osoba) - forma .dr-code-badge */
.app-bar__code{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:24px;padding:0 8px;border-radius:5px;
  font:700 12px/1 var(--app-bar-font);letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.app-bar__code--icd11{background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep)}
.app-bar__code--icd10{background:var(--app-bar-icd10-tint);color:var(--app-bar-icd10-ink)}
.app-bar__code--sm{min-width:0;height:20px;padding:0 6px;font-size:11px}
.app-bar__code mark{background:rgba(124,68,253,.18);color:inherit}
.app-bar__sys{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:4px;font:700 10.5px/1 var(--app-bar-font);letter-spacing:.02em;white-space:nowrap}
.app-bar__sys--icd11{color:var(--app-bar-brand-deep);box-shadow:inset 0 0 0 1px rgba(124,68,253,.32)}
.app-bar__sys--icd10{color:var(--app-bar-icd10-ink);box-shadow:inset 0 0 0 1px rgba(37,99,235,.32)}
.app-bar__tag{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;font:600 11px/1 var(--app-bar-font);white-space:nowrap}
.app-bar__tag--current{background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep)}
.app-bar__tag--soon{background:#eef0f5;color:var(--app-bar-muted)}
.app-bar__tag--shared{gap:5px;background:#f1f5f9;color:var(--app-bar-text-2);box-shadow:inset 0 0 0 1px #e2e8f0}
.app-bar__tag--shared .app-bar__i{width:12px;height:12px}
/* etykieta pacjenta (patients.js: {name,color}) - kolor tylko z bialej listy, jak .pl-row-label */
.app-bar__plabel{display:inline-flex;align-items:center;max-width:120px;height:17px;margin-right:6px;padding:0 6px;border-radius:4px;
  vertical-align:1px;font:650 10px/1 var(--app-bar-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  background:#f5f3ff;color:#6D30EB;box-shadow:inset 0 0 0 1px #ddd6fe}
.app-bar__plabel[data-color="red"]{background:#fef2f2;color:#b91c1c;box-shadow:inset 0 0 0 1px #fecaca}
.app-bar__plabel[data-color="orange"]{background:#fff7ed;color:#c2410c;box-shadow:inset 0 0 0 1px #fed7aa}
.app-bar__plabel[data-color="yellow"]{background:#fefce8;color:#a16207;box-shadow:inset 0 0 0 1px #fde68a}
.app-bar__plabel[data-color="blue"]{background:#eff6ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #bfdbfe}
/* maly przycisk w wierszu ("Wybierz", "Szczegoly"): prostokat z obrysem */
.app-bar__mini{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:6px;border:1px solid var(--app-bar-field-line);
  background:#fff;color:var(--app-bar-text);font:600 12px/1 var(--app-bar-font);white-space:nowrap;
  transition:border-color .12s ease-out,color .12s ease-out}
.app-bar .app-bar__mini{border:1px solid var(--app-bar-field-line);border-radius:6px;background:#fff}
.app-bar .app-bar__mini:hover{border-color:var(--app-bar-brand);color:var(--app-bar-brand-dark)}
.app-bar .app-bar__mini:active{background:var(--app-bar-row-press)}
.app-bar__mini:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__mini .app-bar__i{width:14px;height:14px}
.app-bar__results-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:11px 18px 12px;
  border-top:1px solid var(--app-bar-edge);border-radius:0 0 var(--app-bar-menu-r) var(--app-bar-menu-r);background:#fafbfc;
  font:500 12px/1.2 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__keys{display:flex;align-items:center;gap:12px}
.app-bar__keys > span{display:inline-flex;align-items:center;gap:5px}
.app-bar__k{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:4px;background:#fff;
  border:1px solid #dfe3ea;font:600 11px/1 var(--app-bar-font);color:var(--app-bar-text-2)}
.app-bar__results-all{display:inline-flex;align-items:center;gap:6px;color:var(--app-bar-brand-dark);font:600 12.5px/1 var(--app-bar-font);white-space:nowrap}
.app-bar__results-all:hover{text-decoration:underline;text-underline-offset:3px}
.app-bar__results-all .app-bar__i{width:14px;height:14px}
.app-bar__guest-note{display:flex;align-items:center;gap:12px;margin:6px 16px 4px;padding:11px 12px;border-radius:6px;
  background:#fafbfc;border:1px solid var(--app-bar-edge);border-left:3px solid var(--app-bar-accent);font:400 12.5px/1.4 var(--app-bar-font);color:var(--app-bar-text-2)}
.app-bar__guest-note .app-bar__i{width:18px;height:18px;color:var(--app-bar-brand-dark)}
.app-bar__guest-note a{margin-left:auto;color:var(--app-bar-brand-dark);font-weight:600;white-space:nowrap;text-decoration:none}
.app-bar__guest-note a:hover{text-decoration:underline;text-underline-offset:3px}
.app-bar__empty{padding:26px 20px 22px;text-align:center}
.app-bar__empty-ico{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;
  border:1.5px solid rgba(124,68,253,.35);color:var(--app-bar-brand-dark)}
.app-bar__empty-title{margin:0;font:600 14px/1.35 var(--app-bar-font);color:var(--app-bar-ink)}
.app-bar__empty-sub{margin:5px 0 14px;font:400 12.5px/1.45 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__hint{margin:4px 18px 10px;font:400 12px/1.45 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__hint b{font-weight:600;color:var(--app-bar-text-2)}
.app-bar__skel{display:block;border-radius:4px;background:linear-gradient(90deg,#eef0f5 20%,#f7f8fb 50%,#eef0f5 80%);background-size:220% 100%;
  animation:app-bar-shimmer 1.3s linear infinite}
@keyframes app-bar-shimmer{0%{background-position:140% 0}100%{background-position:-40% 0}}

/* --- przyciski w panelach: prostokaty, plaskie --- */
.app-bar__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border-radius:var(--app-bar-r);
  font:600 13px/1 var(--app-bar-font);white-space:nowrap;border:1px solid var(--app-bar-field-line);background:#fff;color:var(--app-bar-ink-2);
  transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out}
.app-bar .app-bar__btn{border:1px solid var(--app-bar-field-line);border-radius:var(--app-bar-r);background:#fff}
.app-bar .app-bar__btn:hover{border-color:var(--app-bar-brand);color:var(--app-bar-brand-dark)}
.app-bar .app-bar__btn:active{background:var(--app-bar-row-press)}
.app-bar__btn:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:3px}
.app-bar__btn .app-bar__i{width:15px;height:15px}
.app-bar .app-bar__btn--primary{flex:1;background:var(--app-bar-brand);color:#fff;border-color:var(--app-bar-brand);box-shadow:none}
.app-bar .app-bar__btn--primary:hover{background:var(--app-bar-brand-dark);border-color:var(--app-bar-brand-dark);color:#fff}
.app-bar .app-bar__btn--primary:active{background:var(--app-bar-brand-deep);border-color:var(--app-bar-brand-deep)}

/* --- szybki podglad pacjenta --- */
.app-bar__preview{left:-2px;width:380px;padding:16px 18px}
.app-bar__preview-hero{display:flex;align-items:center;gap:12px}
.app-bar__preview-av{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:50%;
  background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep);font:700 15px/1 var(--app-bar-font)}
.app-bar__preview-av .app-bar__i{width:20px;height:20px}
.app-bar__preview-who{flex:1;min-width:0}
.app-bar__preview-name{font:700 16px/1.2 var(--app-bar-font);color:var(--app-bar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__preview-sub{margin-top:4px;font:400 12.5px/1.3 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__preview-label{display:flex;align-items:center;justify-content:space-between;margin:18px 0 6px;font:700 10.5px/1 var(--app-bar-font);
  letter-spacing:.09em;text-transform:uppercase;color:var(--app-bar-muted)}
.app-bar__preview-label a{font:600 12px/1 var(--app-bar-font);letter-spacing:0;text-transform:none;color:var(--app-bar-brand-dark);text-decoration:none}
.app-bar__preview-dx{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:6px 0;
  font:500 13px/1.35 var(--app-bar-font);color:var(--app-bar-ink-2)}
.app-bar__preview-dx + .app-bar__preview-dx{border-top:1px dashed var(--app-bar-edge)}
/* fakty jak wiersz tabeli: linie nad i pod, kolumny przedzielone kreska */
.app-bar__preview-facts{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin-top:14px;border-top:1px solid var(--app-bar-edge);
  border-bottom:1px solid var(--app-bar-edge);background:none}
.app-bar__preview-fact{padding:10px 0 10px 12px}
.app-bar__preview-fact:first-child{padding-left:0}
.app-bar__preview-fact + .app-bar__preview-fact{border-left:1px solid var(--app-bar-edge)}
.app-bar__preview-fact-label{display:block;font:500 11px/1.2 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__preview-fact-value{display:block;margin-top:4px;font:700 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.app-bar__preview-actions{display:flex;gap:8px;margin-top:14px}
.app-bar__preview-list{margin:0 -18px}
/* wiersz ostatniego pacjenta: najechanie = pasek 3 px w kolorze marki z lewej (jak w wynikach) */
.app-bar__preview-row{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 18px;
  cursor:pointer;color:inherit;transition:background-color .1s ease-out}
.app-bar__preview-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--app-bar-accent);
  transform:scaleY(0);transition:transform .16s var(--app-bar-ease)}
.app-bar__preview-row + .app-bar__preview-row{box-shadow:inset 0 1px 0 var(--app-bar-edge)}
.app-bar__preview-row:hover,.app-bar__preview-row.is-active{background:var(--app-bar-row-hover)}
.app-bar__preview-row:hover::before,.app-bar__preview-row.is-active::before,.app-bar__preview-row:focus-within::before{transform:scaleY(1)}
.app-bar__preview-row:active{background:var(--app-bar-row-press)}
.app-bar__preview-row-av{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;
  background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep);font:700 11px/1 var(--app-bar-font)}
.app-bar__preview-row-av .app-bar__i{width:15px;height:15px}
.app-bar__preview-row-main{display:block;width:100%;min-width:0;border-radius:4px;color:inherit;text-align:left;cursor:pointer}
.app-bar__preview-row-main:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__preview-row-name{display:block;font:600 13.5px/1.2 var(--app-bar-font);color:var(--app-bar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:color .1s ease-out}
.app-bar__preview-row:hover .app-bar__preview-row-name,.app-bar__preview-row.is-active .app-bar__preview-row-name{color:var(--app-bar-brand-deep)}
.app-bar__preview-row-meta{display:block;margin-top:3px;font:400 11.5px/1.2 var(--app-bar-font);color:var(--app-bar-muted)}
/* "Szczegoly" pojawia sie przy najechaniu i przy fokusie w wierszu; opacity, nie visibility -
   ukryty przez visibility przycisk wypadalby z kolejnosci Tab */
.app-bar__preview-row .app-bar__mini{opacity:0;transition:opacity .1s ease-out,border-color .12s ease-out,color .12s ease-out}
.app-bar__preview-row:hover .app-bar__mini,.app-bar__preview-row.is-active .app-bar__mini,
.app-bar__preview-row:focus-within .app-bar__mini{opacity:1}
.app-bar__preview-foot{display:flex;align-items:center;justify-content:space-between;margin:12px -18px -16px;padding:12px 18px;
  border-top:1px solid var(--app-bar-edge);border-radius:0 0 var(--app-bar-menu-r) var(--app-bar-menu-r);background:#fafbfc}
.app-bar__preview-foot-link{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 var(--app-bar-font);color:var(--app-bar-brand-dark)}
.app-bar__preview-foot-link:hover{text-decoration:underline;text-underline-offset:3px}
.app-bar__preview-foot-link .app-bar__i{width:14px;height:14px}
/* strony bez Firebase (klasa C): imie pacjenta czesciowo ukryte - 3 litery jawne, reszta rozmyta.
   Pod rozmyciem nie ma prawdziwych liter (wypelniacz z js/app-bar.js), wiec nie odczyta ich ani zaznaczenie,
   ani powiekszenie. Tryb dyskrecji ma pierwszenstwo - wtedy maskowanie jak dotad. */
.app-bar .app-bar__pname-blur{filter:blur(5px);-webkit-user-select:none;user-select:none}
.app-bar__partial-note{display:flex;align-items:flex-start;gap:8px;margin:14px 0 0;font:400 11.5px/1.45 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__partial-note .app-bar__i{flex:none;width:14px;height:14px;margin-top:1px;color:var(--app-bar-brand-dark)}

/* --- stan ladowania (przed rozpoznaniem logowania): szkielety w docelowych wymiarach --- */
.app-bar[data-state="loading"] .app-bar__patient,
.app-bar[data-state="loading"] .app-bar__bell,
.app-bar[data-state="loading"] .app-bar__me-av{pointer-events:none;border-color:transparent;box-shadow:none;
  background:linear-gradient(90deg,#eef0f5 20%,#f7f8fb 50%,#eef0f5 80%);background-size:220% 100%;animation:app-bar-shimmer 1.3s linear infinite}
.app-bar[data-state="loading"] .app-bar__patient{width:190px}
.app-bar[data-state="loading"] .app-bar__patient > *,
.app-bar[data-state="loading"] .app-bar__bell > *,
.app-bar[data-state="loading"] .app-bar__me-av > *{visibility:hidden}
.app-bar[data-state="loading"] .app-bar__me{pointer-events:none}
.app-bar[data-state="loading"] .app-bar__me > .app-bar__chev{visibility:hidden}

/* --- tryb ciemny (body.dark-mode): pelne ciemne tlo, te same linie i paski --- */
body.dark-mode .app-bar{--app-bar-bg:#151826;--app-bar-line:rgba(255,255,255,.09);--app-bar-quiet:rgba(255,255,255,.06);
  --app-bar-accent:#a78bfa;--app-bar-nav-hover:#c4b5fd;
  --app-bar-row-hover:rgba(255,255,255,.04);--app-bar-row-sel:rgba(167,139,250,.10);--app-bar-row-press:rgba(167,139,250,.16);
  --app-bar-field:rgba(255,255,255,.04);--app-bar-field-line:rgba(255,255,255,.14);--app-bar-field-line-2:rgba(255,255,255,.24);
  --app-bar-panel:#1b1e2f;--app-bar-panel-line:rgba(255,255,255,.08);--app-bar-edge:rgba(255,255,255,.07);
  --app-bar-panel-shadow:0 24px 48px -20px rgba(0,0,0,.7);
  --app-bar-ink:#f1f5f9;--app-bar-ink-2:#e2e8f0;--app-bar-text:#cbd5e1;--app-bar-text-2:#cbd5e1;--app-bar-muted:#94a3b8;--app-bar-faint:#7c8799;
  --app-bar-brand-tint:rgba(124,68,253,.24);color:#cbd5e1}
body.dark-mode .app-bar__item .app-bar__i{color:#94a3b8}
body.dark-mode .app-bar__entry.is-current .app-bar__item{color:#ddd6fe}
body.dark-mode .app-bar__entry.is-current .app-bar__item .app-bar__i,body.dark-mode .app-bar__entry.is-current .app-bar__caret{color:#c4b5fd}
body.dark-mode .app-bar__menu-title,body.dark-mode .app-bar__row-title,body.dark-mode .app-bar__preview-row-name{color:#f1f5f9}
body.dark-mode .app-bar__menu-item:hover .app-bar__menu-title,body.dark-mode .app-bar__menu-item[aria-current="page"] .app-bar__menu-title,
body.dark-mode .app-bar__row:hover .app-bar__row-title,body.dark-mode .app-bar__row[aria-selected="true"] .app-bar__row-title,
body.dark-mode .app-bar__row.is-active .app-bar__row-title,body.dark-mode .app-bar__preview-row:hover .app-bar__preview-row-name{color:#ddd6fe}
body.dark-mode .app-bar__here,body.dark-mode .app-bar__menu-foot-link,body.dark-mode .app-bar__results-all,
body.dark-mode .app-bar__preview-foot-link,body.dark-mode .app-bar__guest-note a,
body.dark-mode .app-bar .app-bar__notif .notif-footer{color:#c4b5fd}
body.dark-mode .app-bar .app-bar__notif .notif-item.unread .notif-text{color:#f8fafc}
body.dark-mode .app-bar__menu-foot-link.is-icd10{color:#93c5fd}
body.dark-mode .app-bar__menu-foot,body.dark-mode .app-bar__results-foot,body.dark-mode .app-bar__preview-foot,
body.dark-mode .app-bar__guest-note{background:rgba(255,255,255,.03)}
body.dark-mode .app-bar__tile{color:#c4b5fd}
body.dark-mode .app-bar__tile--icd10{color:#93c5fd}
body.dark-mode .app-bar__tile--online{color:#5eead4}
body.dark-mode .app-bar__menu-item[aria-current="page"] .app-bar__tile--num{background:#7C44FD;border-color:#7C44FD;color:#fff}
body.dark-mode .app-bar__plan{background:rgba(124,68,253,.28);color:#ddd6fe}
body.dark-mode .app-bar__patient{border-color:rgba(167,139,250,.45)}
body.dark-mode .app-bar__patient:hover{background:rgba(167,139,250,.08);border-color:rgba(167,139,250,.8)}
body.dark-mode .app-bar__patient-eyebrow,body.dark-mode .app-bar__chev{color:#c4b5fd}
body.dark-mode .app-bar__patient-name,body.dark-mode .app-bar #patient-status.active{color:#f1f5f9 !important}
body.dark-mode .app-bar__patient-name.is-empty{color:#94a3b8 !important}
body.dark-mode .app-bar #patient-button:has(#patient-status.active){background:transparent !important;border-color:rgba(167,139,250,.45) !important}
body.dark-mode .app-bar__patient-av{color:#ddd6fe}
body.dark-mode .app-bar__patient-av.is-empty{color:#c4b5fd}
body.dark-mode .app-bar__search:focus-within{border-color:#a78bfa;box-shadow:inset 0 0 0 1px #a78bfa;background:var(--app-bar-panel)}
@media (min-width:1280px){
  body.dark-mode .app-bar__search{background:var(--app-bar-field);border-color:var(--app-bar-field-line)}
  body.dark-mode .app-bar__search:hover{border-color:var(--app-bar-field-line-2)}
  body.dark-mode .app-bar__search:focus-within{border-color:#a78bfa}
}
body.dark-mode .app-bar__search-input{color:#e2e8f0}
body.dark-mode .app-bar__search-input::placeholder{color:#94a3b8}
body.dark-mode .app-bar__kbd,body.dark-mode .app-bar__k{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#cbd5e1}
body.dark-mode .app-bar__count{box-shadow:0 0 0 2px #151826}
body.dark-mode .app-bar__discreet{color:#ddd6fe;background:rgba(167,139,250,.16)}
body.dark-mode .app-bar__me-av{box-shadow:0 0 0 2px #151826,0 0 0 3px rgba(255,255,255,.16)}
body.dark-mode .app-bar__me:hover .app-bar__me-av,body.dark-mode .app-bar__me[aria-expanded="true"] .app-bar__me-av{box-shadow:0 0 0 2px #151826,0 0 0 3.5px #a78bfa}
body.dark-mode .app-bar__me-badge{background:#a78bfa;color:#1e1037;box-shadow:0 0 0 1.5px #151826}
body.dark-mode .app-bar__me-badge.avatar-badge--practice{background:#C8FFFF;color:#0e7490}
body.dark-mode .app-bar__me-badge.avatar-badge--group{background:#6366F1;color:#fff}
body.dark-mode .app-bar__me-badge.avatar-badge--enterprise{background:#EA580C;color:#fff}
body.dark-mode .app-bar__code--icd11{background:rgba(124,68,253,.24);color:#ddd6fe}
body.dark-mode .app-bar__code--icd10{background:rgba(37,99,235,.24);color:#bfdbfe}
body.dark-mode .app-bar__sys--icd11{color:#c4b5fd;box-shadow:inset 0 0 0 1px rgba(167,139,250,.4)}
body.dark-mode .app-bar__sys--icd10{color:#93c5fd;box-shadow:inset 0 0 0 1px rgba(96,165,250,.4)}
body.dark-mode .app-bar mark{background:rgba(167,139,250,.28);color:#fff}
body.dark-mode .app-bar__tag--current{background:rgba(124,68,253,.24);color:#ddd6fe}
body.dark-mode .app-bar__tag--soon,body.dark-mode .app-bar__tag--shared{background:rgba(255,255,255,.06);color:#cbd5e1;box-shadow:none}
body.dark-mode .app-bar .app-bar__mini,body.dark-mode .app-bar .app-bar__btn{background:rgba(255,255,255,.04);color:#e2e8f0}
body.dark-mode .app-bar .app-bar__mini:hover,body.dark-mode .app-bar .app-bar__btn:hover{border-color:#a78bfa;color:#ddd6fe}
body.dark-mode .app-bar .app-bar__btn--primary{background:var(--app-bar-brand);border-color:var(--app-bar-brand);color:#fff}
body.dark-mode .app-bar__empty-ico{border-color:rgba(167,139,250,.4);color:#c4b5fd}
body.dark-mode .app-bar__skel,
body.dark-mode .app-bar[data-state="loading"] .app-bar__patient,
body.dark-mode .app-bar[data-state="loading"] .app-bar__bell,
body.dark-mode .app-bar[data-state="loading"] .app-bar__me-av{background:linear-gradient(90deg,#2a3040 20%,#363e50 50%,#2a3040 80%);background-size:220% 100%}

/* menu Klasyfikacji, Diagnozy i Testow - jedna lista jak w pilocie: kafelek 38 px z ikona lub numerem
   systemu, tytul i opis w jednej linii; biezaca pozycja = wypelniony kafelek (plasko, bez cienia) */
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]){width:368px;padding:6px}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item{grid-template-columns:38px minmax(0,1fr) auto;padding:10px 12px 10px 10px;border-radius:12px;box-shadow:none}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item + .app-bar__menu-item{box-shadow:none}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item::before{display:none}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item:hover{background:rgba(124,68,253,.06)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item.bdw-soon:hover{background:none}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile{width:38px;height:38px;border:0;border-radius:11px;background:#F3EEFF;color:var(--app-bar-brand-dark);box-shadow:none}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile .app-bar__i{width:19px;height:19px}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--num{font:800 13.5px/1 var(--app-bar-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--icd10{background:var(--app-bar-icd10-tint);color:var(--app-bar-icd10-ink)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--online{background:#EEFBF7;color:var(--app-bar-online-ink)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile{background:var(--app-bar-brand);color:#fff}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--icd10{background:var(--app-bar-icd10);color:#fff}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__menu-title{color:var(--app-bar-brand-deep)}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile{background:rgba(124,68,253,.18);color:#c4b5fd}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--icd10{background:rgba(37,99,235,.18);color:#bfdbfe}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--online{background:rgba(13,148,136,.18);color:#5eead4}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile{background:var(--app-bar-brand);color:#fff}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--icd10{background:var(--app-bar-icd10);color:#fff}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__menu-title{color:#ddd6fe}

/* styl E: kafelek z ikona cienkiej kreski tylko obrysowany; biezaca pozycja wypelniona kolorem marki */
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile:not(.app-bar__tile--num){background:transparent;box-shadow:inset 0 0 0 1px rgba(124,68,253,.25)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--online:not(.app-bar__tile--num){box-shadow:inset 0 0 0 1px rgba(15,118,110,.3)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile .app-bar__i--thin{width:22px;height:22px}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile:not(.app-bar__tile--num){background:var(--app-bar-brand);box-shadow:none;color:#fff}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile:not(.app-bar__tile--num){background:transparent;box-shadow:inset 0 0 0 1px rgba(167,139,250,.35)}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--online:not(.app-bar__tile--num){box-shadow:inset 0 0 0 1px rgba(94,234,212,.35)}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile:not(.app-bar__tile--num){background:var(--app-bar-brand);box-shadow:none;color:#fff}

/* styl E takze dla "11"/"10": bez tla, cienki obrys w kolorze systemu, lzejsza cyfra; biezacy system wypelniony */
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--num{background:transparent;box-shadow:inset 0 0 0 1px rgba(124,68,253,.3);color:var(--app-bar-brand-dark);
  font:500 14px/1 var(--app-bar-font);letter-spacing:.01em}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--num.app-bar__tile--icd10{background:transparent;box-shadow:inset 0 0 0 1px rgba(37,99,235,.32);color:var(--app-bar-icd10-ink)}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--num{background:var(--app-bar-brand);box-shadow:none;color:#fff}
.app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--num.app-bar__tile--icd10{background:var(--app-bar-icd10);color:#fff}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--num{background:transparent;box-shadow:inset 0 0 0 1px rgba(167,139,250,.4);color:#c4b5fd}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__tile--num.app-bar__tile--icd10{background:transparent;box-shadow:inset 0 0 0 1px rgba(96,165,250,.4);color:#93c5fd}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--num{background:var(--app-bar-brand);color:#fff}
body.dark-mode .app-bar__menu:is([data-app-bar-menu="classification"],[data-app-bar-menu="diagnosis"],[data-app-bar-menu="assessment"]) .app-bar__menu-item[aria-current="page"] .app-bar__tile--num.app-bar__tile--icd10{background:var(--app-bar-icd10);color:#fff}

.app-bar__menu[data-app-bar-menu="diagnosis"]{width:444px}
.app-bar__menu[data-app-bar-menu="assessment"]{width:452px}
/* etykieta planu przy Roznicowaniu: skromna, bez wypelnienia - cienki szary obrys i stonowany tekst */
.app-bar .app-bar__plan{height:18px;padding:0 6px;border-radius:4px;background:transparent;box-shadow:inset 0 0 0 1px #d8dde6;
  font:600 10px/1 var(--app-bar-font);letter-spacing:.05em;text-transform:uppercase;color:var(--app-bar-muted)}
body.dark-mode .app-bar .app-bar__plan{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);color:#94a3b8}

/* --- wariant 1: nawigacja, pigulka pacjenta i pole szukania w rozmiarach i stylu pilota (29.09, prosba wlasciciela);
   pigulka pacjenta ma te sama wysokosc co pole (40 px) --- */
.app-bar{--app-bar-hover:rgba(124,68,253,.06);--app-bar-current:rgba(124,68,253,.09)}
.app-bar__entry{position:relative;display:flex;align-items:center;border-radius:0;
  transition:background-color .12s ease-out,box-shadow .12s ease-out}
.app-bar__item{display:flex;align-items:center;gap:9px;height:100%;padding:0 12px;border-radius:12px;
  font:550 14px/1 var(--app-bar-font);letter-spacing:-.005em;color:var(--app-bar-text);white-space:nowrap;
  transition:color .12s ease-out,transform .08s ease-out}
.app-bar__entry.has-menu .app-bar__item{padding-right:3px;border-radius:12px 0 0 12px}
.app-bar__item .app-bar__i{color:var(--app-bar-muted);transition:color .12s ease-out}
.app-bar__caret{display:flex;align-items:center;justify-content:center;width:26px;height:100%;padding:0 6px 0 0;
  border-radius:0 12px 12px 0;color:var(--app-bar-faint);transition:color .12s ease-out}
.app-bar__caret .app-bar__i{width:15px;height:15px;stroke-width:2;transition:transform .16s var(--app-bar-ease)}
.app-bar__patient{display:flex;align-items:center;gap:9px;height:44px;max-width:260px;padding:0 8px 0 6px;
  border:1px solid rgba(124,68,253,.16);border-radius:12px;background:rgba(124,68,253,.035);
  font-family:var(--app-bar-font);text-align:left;transition:background-color .12s ease-out,border-color .12s ease-out}
.app-bar__patient:hover{background:rgba(124,68,253,.07);border-color:rgba(124,68,253,.32)}
.app-bar__patient[aria-expanded="true"]{background:rgba(124,68,253,.09);border-color:rgba(124,68,253,.38)}
.app-bar__patient.is-current{background:var(--app-bar-current);border-color:rgba(124,68,253,.26)}
.app-bar__patient:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__patient-av{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--app-bar-brand-tint);color:var(--app-bar-brand-deep);font:700 11.5px/1 var(--app-bar-font);letter-spacing:.02em;
  box-shadow:0 0 0 2px #fff}
.app-bar__patient-av.is-empty{background:#fff;color:var(--app-bar-muted);border:1.5px dashed #cbd5e1;box-shadow:none}
.app-bar__patient-av .app-bar__i{width:16px;height:16px}
.app-bar__patient-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.app-bar__patient-eyebrow{font:600 10px/1 var(--app-bar-font);letter-spacing:.07em;text-transform:uppercase;color:var(--app-bar-muted)}
.app-bar__patient-name{display:block;max-width:178px;font:600 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-bar__patient-name.is-empty{font-weight:500;color:var(--app-bar-muted)}
/* id-y z patients.js (patient-button, patient-status) niosa stare reguly id-owe:
   css/desktop-responsive.css (#patient-status max-width 160/110 px, inline-block) i
   css/style.css (#patient-status.active - gradientowa pigulka, #patient-button:has(.active)).
   Tu zdejmujemy je jawnie, z ta sama albo wyzsza waga. */
.app-bar #patient-status{display:block;max-width:178px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:baseline;
  cursor:inherit;transition:none}
.app-bar #patient-status.active{padding:0;border:0;border-radius:0;background:none;box-shadow:none;
  font:600 13.5px/1.1 var(--app-bar-font);color:var(--app-bar-ink) !important}
.app-bar #patient-status .patient-badge{display:none}
.app-bar #patient-button:has(#patient-status.active){background:rgba(124,68,253,.035) !important;border-color:rgba(124,68,253,.16) !important;box-shadow:none !important}
.app-bar #patient-button:has(#patient-status.active):hover{background:rgba(124,68,253,.07) !important;border-color:rgba(124,68,253,.32) !important}
.app-bar #patient-button:has(#patient-status.active)[aria-expanded="true"]{background:rgba(124,68,253,.09) !important;border-color:rgba(124,68,253,.38) !important}
.app-bar #patient-button.is-current:has(#patient-status.active){background:var(--app-bar-current) !important;border-color:rgba(124,68,253,.26) !important}
.app-bar__chev{width:15px;height:15px;stroke-width:2;color:var(--app-bar-faint);transition:transform .16s var(--app-bar-ease)}
.app-bar__patient[aria-expanded="true"] .app-bar__chev{transform:rotate(180deg);color:var(--app-bar-brand-dark)}

.app-bar__search{position:relative;display:flex;align-items:center;flex:none;width:320px;height:40px;margin:0;
  padding:0 8px 0 38px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#f8fafc;
  transition:background-color .12s ease-out,border-color .12s ease-out,box-shadow .12s ease-out}
.app-bar__search:hover{border-color:rgba(124,68,253,.28)}
.app-bar__search:focus-within{background:#fff;border-color:rgba(124,68,253,.5);box-shadow:0 0 0 3px rgba(124,68,253,.15)}
.app-bar__search-ico{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--app-bar-faint);pointer-events:none}
.app-bar__search:focus-within .app-bar__search-ico{color:var(--app-bar-brand-dark)}
.app-bar__search-input{flex:1 1 auto;width:100%;min-width:0;height:100%;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;
  font:500 14px/1 var(--app-bar-font);color:var(--app-bar-ink);-webkit-appearance:none;appearance:none}
.app-bar__search-input::placeholder{color:var(--app-bar-muted);font-weight:400;opacity:1;text-overflow:ellipsis}
.app-bar__search-input::-webkit-search-decoration,.app-bar__search-input::-webkit-search-cancel-button,
.app-bar__search-input::-webkit-search-results-button,.app-bar__search-input::-webkit-search-results-decoration{display:none;-webkit-appearance:none}
.app-bar__search-clear{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;margin-left:6px;
  border-radius:7px;background:#f1f5f9;color:var(--app-bar-muted);transition:background-color .12s ease-out,color .12s ease-out}
.app-bar__search-clear:hover{background:#e9edf3;color:var(--app-bar-ink)}
.app-bar__search-clear:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:1px}
.app-bar__search-clear .app-bar__i{width:13px;height:13px;stroke-width:2.2}
.app-bar__search-input:placeholder-shown ~ .app-bar__search-clear{display:none}
.app-bar__kbd{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:22px;height:22px;margin-left:6px;padding:0 6px;
  border-radius:6px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 0 rgba(15,23,42,.05);font:600 11.5px/1 var(--app-bar-font);color:var(--app-bar-muted)}
.app-bar__search-input:not(:placeholder-shown) ~ .app-bar__kbd,.app-bar__search:focus-within .app-bar__kbd{display:none}
/* L3/L4: pole zwiniete do ikony */
.app-bar__search-toggle{display:none;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border-radius:12px;
  color:var(--app-bar-text-2);transition:background-color .12s ease-out,color .12s ease-out}
.app-bar__search-toggle:hover,.app-bar__search-toggle[aria-expanded="true"]{background:var(--app-bar-hover);color:var(--app-bar-brand-dark)}
.app-bar__search-toggle:focus-visible{outline:2px solid var(--app-bar-brand);outline-offset:2px}
.app-bar__patient{height:40px}
.app-bar__patient-av{width:28px;height:28px}

/* przyciski nawigacji o ton mniejsze (29.09) */
.app-bar__item{gap:8px;padding:0 10px;font-size:13px}
.app-bar__entry.has-menu .app-bar__item{padding-right:2px}
.app-bar__item .app-bar__i{width:18px;height:18px}
.app-bar__caret .app-bar__i{width:14px;height:14px}

/* --- drabina szerokosci: L1 >=1600 (EN >=1680), L1b 1440-1599 (EN 1520-1679),
   L2 1280-1439 (EN 1280-1519), L3 1024-1279, L4 761-1023, <=760 powloka mobilna --- */
@media (max-width:1599px){
  .app-bar__search{width:280px}
  .app-bar #patient-status{max-width:130px}
  .app-bar[data-state="loading"] .app-bar__patient{width:158px}

  .app-bar__patient-eyebrow{display:none}
  .app-bar__search{width:222px}
  .app-bar__kbd{display:none}
  .app-bar__search-input{font-size:13px}
  .app-bar__list{gap:8px}
}
@media (max-width:1679px){
  html[lang="en"] .app-bar__search{width:222px}
  html[lang="en"] .app-bar #patient-status{max-width:150px}
  html[lang="en"] .app-bar__patient-eyebrow{display:none}

  html[lang="en"] .app-bar__kbd{display:none}
  html[lang="en"] .app-bar__search-input{font-size:13px}
  html[lang="en"] .app-bar__list{gap:8px}
}
@media (max-width:1439px){
  .app-bar #patient-status{max-width:118px}
  .app-bar #patient-status.is-empty{max-width:84px}
  .app-bar[data-state="loading"] .app-bar__patient{width:150px}
  .app-bar__item .app-bar__i{display:none}
  .app-bar__list{gap:6px}
  .app-bar__item{padding:0 4px}
  .app-bar__entry.has-menu .app-bar__item{padding:0 2px 0 4px}
  .app-bar__search{width:216px}

}
@media (max-width:1519px){
  html[lang="en"] .app-bar #patient-status{max-width:130px}
  /* pusty stan "None selected" (93 px) miesci sie w calosci - elipsa tylko dla imion */
  html[lang="en"] .app-bar #patient-status.is-empty{max-width:96px}
  html[lang="en"] .app-bar__item{padding:0 4px}
  html[lang="en"] .app-bar__entry.has-menu .app-bar__item{padding:0 2px 0 4px}
  html[lang="en"] .app-bar__item .app-bar__i{display:none}
  html[lang="en"] .app-bar__list{gap:6px}

  html[lang="en"] .app-bar__search{width:198px}
}
/* gosc EN (L2): placeholder "Search disorders or ICD codes" nie miesci sie w 232 px; bez pigulki pacjenta i dzwonka miejsca starcza */
@media (min-width:1280px) and (max-width:1519px){
  html[lang="en"] .app-bar[data-state="guest"] .app-bar__search{width:252px}
}
@media (max-width:1279px){
  .app-bar,html[lang="en"] .app-bar{--app-bar-pad:20px}
  .app-bar__search-toggle{display:flex}
  /* pole zwiniete: po kliknieciu lupy (JS: is-search-open na .app-bar__work) wychodzi
     jako pole 540 px zawieszone na krawedzi paska, nad panelem wynikow */
  .app-bar__find{margin-left:8px;position:static}
  /* pole i wyniki wysuwaja sie od prawej krawedzi paska (kontener to sam pasek) */
  .app-bar__find .app-bar__search,.app-bar__find .app-bar__results,html[lang="en"] .app-bar__find .app-bar__search{left:auto;right:var(--app-bar-pad)}
  .app-bar__search,html[lang="en"] .app-bar__search{display:none;position:absolute;left:0;right:auto;top:var(--app-bar-panel-top);z-index:41;
    width:540px;height:50px;padding:0 10px 0 42px;border-radius:0;background:var(--app-bar-panel);
    border:1px solid var(--app-bar-panel-line);border-top:2px solid var(--app-bar-accent);box-shadow:var(--app-bar-panel-shadow)}
  .app-bar__search:focus-within,html[lang="en"] .app-bar__search:focus-within{border-color:var(--app-bar-panel-line);border-top-color:var(--app-bar-accent);
    box-shadow:var(--app-bar-panel-shadow)}
  .app-bar__find.is-search-open .app-bar__search{display:flex}
  .app-bar__search-ico{left:14px}
  .app-bar__search-input,html[lang="en"] .app-bar__search-input{font-size:14px}
  .app-bar__find.is-search-open .app-bar__results{top:calc(var(--app-bar-panel-top) + 50px);border-top:1px solid var(--app-bar-edge);
    max-height:min(520px,calc(100vh - var(--app-bar-h) - 82px))}
  .app-bar__patient,html[lang="en"] .app-bar__patient{padding:0 5px}
  .app-bar__patient-txt{display:none}
  .app-bar[data-state="loading"] .app-bar__patient{width:64px}
  .app-bar__preview{left:auto;right:0}
}
@media (max-width:1023px){
  .app-bar,html[lang="en"] .app-bar{--app-bar-pad:16px}
  .app-bar__logo{margin-right:14px}
  .app-bar__logo img,html[lang="en"] .app-bar__logo img{height:30px}
  .app-bar__item .app-bar__i,html[lang="en"] .app-bar__item .app-bar__i{display:block}
  .app-bar__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  .app-bar__list,html[lang="en"] .app-bar__list{gap:4px}
  .app-bar__entry.has-menu .app-bar__item,html[lang="en"] .app-bar__entry.has-menu .app-bar__item{padding:0 2px 0 8px}
  .app-bar__entry:not(.has-menu) .app-bar__item,html[lang="en"] .app-bar__entry:not(.has-menu) .app-bar__item{padding:0 8px}
}
/* od 1365 px w dol: ciasniej przy narzedziach, zeby pole szukania nie schodzilo ponizej ok. 220 px
   takze z klasycznym paskiem przewijania (okno 1280 = 1265 px tresci) */
@media (max-width:1365px){
  .app-bar__bell-wrap{margin-right:10px}
  .app-bar__sep{margin:0 12px}
  .app-bar__tools{gap:2px}
}
/* EN: dluzsze etykiety nawigacji - przy 1280-1365 pigulka bez imienia (sam awatar), a nawigacja
   z samych ikon juz od 1099 px (flaga jezyka jest w pasku zawsze, takze u zalogowanego) */
@media (min-width:1280px) and (max-width:1365px){
  html[lang="en"] .app-bar__patient{padding:0 5px}
  html[lang="en"] .app-bar__patient-txt{display:none}
  html[lang="en"] .app-bar[data-state="loading"] .app-bar__patient{width:64px}
}
@media (max-width:1099px){
  html[lang="en"] .app-bar{--app-bar-pad:16px}
  html[lang="en"] .app-bar__logo{margin-right:14px}
  html[lang="en"] .app-bar__logo img{height:30px}
  html[lang="en"] .app-bar__item .app-bar__i{display:block}
  html[lang="en"] .app-bar__label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
  html[lang="en"] .app-bar__list{gap:4px}
  html[lang="en"] .app-bar__entry.has-menu .app-bar__item{padding:0 2px 0 8px}
  html[lang="en"] .app-bar__entry:not(.has-menu) .app-bar__item{padding:0 8px}
}
/* najwezszy desktop (761-899 px okna; z klasycznym paskiem przewijania tresc ma o 15-17 px mniej):
   bez strzalek przy pigulce, awatarze i fladze, bez kreski przed narzedziami, ciasniejsza nawigacja.
   Kreska za logo zostaje 22/40 (decyzja wlasciciela). Najszerszy stan: zalogowany + dyskrecja + flaga. */
@media (max-width:899px){
  .app-bar__patient .app-bar__chev,.app-bar__me .app-bar__chev,.app-bar__lang .app-bar__chev{display:none}
  .app-bar__patient,html[lang="en"] .app-bar__patient{padding:0 5px}
  .app-bar__lang{padding:0 6px}
  .app-bar__sep{display:none}
  .app-bar__bell-wrap{margin-right:2px}
  .app-bar__spacer{min-width:4px}
  .app-bar__list,html[lang="en"] .app-bar__list{gap:0}
  .app-bar__entry.has-menu .app-bar__item,html[lang="en"] .app-bar__entry.has-menu .app-bar__item{padding:0 0 0 6px}
  .app-bar__entry:not(.has-menu) .app-bar__item,html[lang="en"] .app-bar__entry:not(.has-menu) .app-bar__item{padding:0 6px}
}
/* telefon: pasek znika jawna regula, dziala powloka mobilna (css/mobile-shell.css, prog 760/761).
   Pasek sticky (strony tresci) jest w przeplywie: do startu powloki (body.mob-shell) trzyma
   pusty slad 60 px - tyle zajmowal dotychczasowy pasek, a potem html body.mob-shell
   {padding-top:60px} - wiec tresc nie skacze (ARCH 3, wniosek 2). Strona bez powloki
   oddaje slad sama po 3,5 s (ten sam zapas co mui-prepaint w css/mobile-ui.css). */
@media (max-width:760px){
  .app-bar{display:none !important}
  body:not(.mob-shell) .app-bar.app-bar--sticky{display:block !important;height:60px;padding:0;overflow:hidden;visibility:hidden;
    animation:app-bar-footprint 0s linear 3.5s forwards}
  @keyframes app-bar-footprint{to{height:0}}
}

/* --- strona bez Firebase (klasa C, data-auth="none" ustawia js/app-bar.js): bez dzwonka --- */
.app-bar[data-auth="none"] .app-bar__bell-wrap{display:none !important}
/* wiersz "Wyszukaj pacjenta w aplikacji" (klasa C) w miejscu grupy pacjentow */
.app-bar__row--link{grid-template-columns:36px minmax(0,1fr) auto}

/* --- tresc dzwonka i menu konta tam, gdzie strona nie laduje css/topbar.css (strony tresci,
   klasa B i C). Zapas o zerowej specyficznosci (:where) - na stronach z css/topbar.css
   wygrywaja jego reguly, wiec wyglad aplikacji sie nie zmienia. --- */
:where(.app-bar .notif-dropdown-header){display:block;margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #eef2f7;font-size:15px;font-weight:500;color:#98a2b3}
:where(.app-bar .notif-dropdown-header strong){color:#2563eb}
:where(.app-bar .notif-body){max-height:320px;overflow-y:auto;padding-right:2px}
:where(.app-bar .notif-empty){padding:8px 0 0;font-size:13px;color:#98a2b3}
:where(.app-bar .notif-item){display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0;padding:10px 10px 10px 12px;
  border-bottom:1px solid #eef2f7;border-radius:12px;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,opacity .3s ease}
:where(.app-bar .notif-body .notif-item:last-child){border-bottom:none}
:where(.app-bar .notif-item:hover){background:#f8fbff;box-shadow:inset 0 0 0 1px rgba(37,99,235,.08)}
:where(.app-bar .notif-item.fade-out){opacity:0}
:where(.app-bar .notif-left){display:flex;align-items:flex-start;gap:11px;flex:1;min-width:0;padding-left:2px}
:where(.app-bar .notif-dot){flex-shrink:0;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#f5b400}
:where(.app-bar .notif-dot.admin){background:#e53935}
:where(.app-bar .notif-dot.org){background:#2563eb}
:where(.app-bar .notif-dot.pop){opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}
:where(.app-bar .notif-content){display:flex;flex-direction:column;min-width:0}
:where(.app-bar .notif-avatar-org){display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;margin-top:1px;
  border-radius:50%;overflow:hidden;background:#2563eb;color:#fff;font-size:10px;font-weight:800}
:where(.app-bar .notif-avatar-org img){display:block;width:100%;height:100%;object-fit:cover}
:where(.app-bar .notif-tags){display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
:where(.app-bar .notif-tag){display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800;
  letter-spacing:.08em;line-height:1;text-transform:uppercase}
:where(.app-bar .notif-tag-admin){background:#dc2626;color:#fff}
:where(.app-bar .notif-tag-org){background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}
:where(.app-bar .notif-text){display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-size:13px;font-weight:400;line-height:1.55;color:#596579}
:where(.app-bar .notif-item.unread .notif-text){font-weight:500;color:#303544}
:where(.app-bar .notif-preview){max-width:220px;margin-top:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-size:12px;font-weight:500;line-height:1.4;color:#64748b}
:where(.app-bar .notif-meta){display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;min-width:64px}
:where(.app-bar .notif-date){font-size:11px;font-weight:500;color:#c1c9d6;white-space:nowrap;text-align:right}
:where(.app-bar .notif-close){display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:12px;color:#aab4c3;
  opacity:0;transition:opacity .18s ease}
:where(.app-bar .notif-item:hover .notif-close){opacity:1}
:where(.app-bar .notif-footer){display:flex;align-items:center;margin-top:10px;padding:12px 0 0;border-top:1px solid #eef2f7;
  font-size:13px;font-weight:500;cursor:pointer}
:where(.app-bar .account-header){display:flex;align-items:center;gap:10px;padding:12px;border-radius:14px;cursor:pointer}
:where(.app-bar .account-header:hover){background:#f6f8fc}
:where(.app-bar a.account-header),:where(.app-bar a.account-item){color:inherit;text-decoration:none}
:where(.app-bar button.account-item){width:100%;margin:0;border:0;background:none;box-shadow:none;font-family:inherit;
  line-height:inherit;text-align:left;-webkit-appearance:none;appearance:none}
:where(.app-bar .account-user){display:flex;flex-direction:column;gap:4px;min-width:0}
:where(.app-bar .account-name){font-size:15px;font-weight:600;line-height:1.2;color:#111827}
:where(.app-bar .account-name.is-clinical){color:#7C44FD}
:where(.app-bar .account-email){font-size:13px;color:#6b7280;word-break:break-word}
:where(.app-bar .account-divider){height:1px;margin:8px 4px;background:rgba(15,23,42,.08)}
:where(.app-bar .account-item){display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;cursor:pointer;
  font-size:13.8px;font-weight:500;color:#334155;text-decoration:none;transition:background .15s ease,color .15s ease}
:where(.app-bar .account-item:hover){background:#f7f5ff;color:#0f172a}
:where(.app-bar .account-item-icon){display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;color:#0f172a}
:where(.app-bar .account-item-icon svg){display:block;width:20px;height:20px;color:inherit}
:where(.app-bar .account-lang),:where(.app-bar .account-item.is-current){cursor:default}
:where(.app-bar .account-lang:hover),:where(.app-bar .account-item.is-current:hover){background:transparent}
:where(.app-bar .account-lang-opts){display:inline-flex;flex:0 0 auto;gap:6px}
:where(.app-bar .account-lang-btn){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:44px;height:26px;
  padding:0 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#94a3b8;font-family:inherit;font-size:11.5px;
  font-weight:700;letter-spacing:.03em;line-height:1;cursor:pointer}
:where(.app-bar .account-lang-btn:hover:not(.is-active)){background:#f4f1ff;border-color:#475569;color:#0f172a}
:where(.app-bar .account-lang-btn.is-active){background:#fff;border-color:#0f172a;color:#0f172a;cursor:default}
:where(.app-bar .account-item.is-current > span:not(.account-item-icon)),:where(.app-bar .account-item.is-current .account-item-icon){color:#94a3b8}
:where(.app-bar .account-item-labelbox){display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.15}
:where(.app-bar .account-item-tag){margin-top:1px;font-size:9px;font-weight:700;letter-spacing:.05em;line-height:1;text-transform:uppercase;
  white-space:nowrap;color:#94a3b8}
:where(.app-bar .account-item.logout){margin-top:4px;color:#e11d48}
:where(.app-bar .account-item.logout .account-item-icon){color:#e11d48}
:where(.app-bar .account-item.logout:hover){background:#fef2f4;color:#be123c}
:where(body.dark-mode .app-bar .account-name),:where(body.dark-mode .app-bar .account-item:hover){color:#f1f5f9}
:where(body.dark-mode .app-bar .account-item),:where(body.dark-mode .app-bar .account-item-icon){color:#cbd5e1}
:where(body.dark-mode .app-bar .account-email),:where(body.dark-mode .app-bar .notif-text){color:#94a3b8}
:where(body.dark-mode .app-bar .account-header:hover),:where(body.dark-mode .app-bar .account-item:hover),
:where(body.dark-mode .app-bar .notif-item:hover){background:rgba(255,255,255,.05)}
:where(body.dark-mode .app-bar .account-divider){background:rgba(255,255,255,.08)}

/* --- pole szukania elastyczne (29.09): zajmuje wolne miejsce do 540 px, panel podpowiedzi
   ma szerokosc pola i lezy rowno pod nim (min. 440 px, wtedy od prawej krawedzi pola) --- */
@media (min-width:1280px){
  .app-bar__find{flex:0 1 470px;min-width:190px}
  html .app-bar .app-bar__search{flex:1 1 auto;width:100%;min-width:0}
  html .app-bar .app-bar__find .app-bar__results{left:auto;right:0;width:max(100%,440px)}
}

/* --- druk: pasek nie idzie na papier (tez slad sticky przy waskiej stronie wydruku) --- */
@media print{
  .app-bar,body:not(.mob-shell) .app-bar.app-bar--sticky{display:none !important}
}

/* --- ograniczony ruch --- */
@media (prefers-reduced-motion:reduce){
  .app-bar__entry.is-open > .app-bar__menu::after,.app-bar__panel.is-open::after{animation:none}
  .app-bar__skel,.app-bar[data-state="loading"] .app-bar__patient,.app-bar[data-state="loading"] .app-bar__bell,
  .app-bar[data-state="loading"] .app-bar__me-av,.app-bar__bell.alert .app-bar__bell-img{animation:none}
  .app-bar__caret .app-bar__i,.app-bar__chev,.app-bar__item,.app-bar__label::after,.app-bar__row::before,
  .app-bar__menu-item::before,.app-bar__preview-row::before{transition:none}
}