/* Единый стиль приложений клиники («Смены администраторов», «Смены медсестёр», графики, главная).
   Цвета, шрифт, кнопки, поля — одинаковые везде. Подключается в <head> каждой страницы:
   <link rel="stylesheet" href="/ui-style.css">. Окна и подсказки — в /ui-kit.js. */
:root{
  --ink:#20324a;--muted:#5d7189;--bg:#f4f7fb;--card:#fff;--line:#e1e9f1;--field:#d5deea;
  --blue:#176dc2;--blue-soft:#e8f1fc;--blue-ink:#164b85;
  --red:#c2364a;--red-soft:#fff1f2;--red-line:#f3c9cf;--green:#1f8a4c;
  --r-btn:11px;--r-card:16px;--r-small:13px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}
/* Шапка приложения: белая полоса сверху — логотип, название, справа вход / аватар. */
.app-top{position:sticky;top:0;z-index:9;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid var(--line);
  padding:calc(env(safe-area-inset-top) + 10px) 14px 10px}
.app-top img{width:36px;height:36px;flex:none;object-fit:contain}
.app-top .app-name{flex:1;min-width:0}
.app-top .app-name b{display:block;font-size:17px;font-weight:750;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-top .app-name small{display:block;font-size:12.5px;color:var(--muted)}