/* Фирменный стиль «Пифагор Трекерс» — общий для всех разделов платформы.
   Цвета из логотипа pifagor.kz: тёмно-синий (надпись PIFAGOR) и зелёный (дерево).
   Только переменные с префиксом --pt- и полоска меню .pt-nav: глобальные стили страниц здесь не задаются. */
:root{
  --pt-navy:#211A5B; --pt-navy-hi:#2F2785; --pt-green:#009A44; --pt-green-hi:#00863B;
  --pt-bg:#F2F2F7; --pt-surface:#FFFFFF; --pt-surface-2:#F8F8FB; --pt-elev:rgba(255,255,255,.82);
  --pt-fill:rgba(118,118,128,.12); --pt-fill-2:rgba(118,118,128,.08); --pt-sep:rgba(60,60,67,.14); --pt-sep-strong:rgba(60,60,67,.24);
  --pt-ink:#1C1C1E; --pt-ink-2:#6C6C72; --pt-ink-3:#9A9AA1;
  --pt-tint:#211A5B; --pt-tint-ink:#FFFFFF; --pt-tint-soft:rgba(33,26,91,.08);
  --pt-go:#009A44; --pt-go-ink:#FFFFFF; --pt-go-soft:rgba(0,154,68,.12);
  --pt-red:#E5333B; --pt-red-soft:rgba(229,51,59,.11); --pt-orange:#D97706; --pt-orange-soft:rgba(217,119,6,.13);
  --pt-yellow-soft:#FFF4D6; --pt-blue:#0A84FF;
  --pt-shadow-1:0 1px 2px rgba(17,12,46,.06),0 1px 1px rgba(17,12,46,.04);
  --pt-shadow-2:0 8px 28px rgba(17,12,46,.12),0 2px 6px rgba(17,12,46,.06);
  --pt-shadow-3:0 24px 64px rgba(17,12,46,.24);
  --pt-r-s:10px; --pt-r:14px; --pt-r-l:20px;
  --pt-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pt-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme:dark){:root{
  --pt-bg:#0B0A14; --pt-surface:#17162A; --pt-surface-2:#1E1D34; --pt-elev:rgba(23,22,42,.82);
  --pt-fill:rgba(120,120,128,.24); --pt-fill-2:rgba(120,120,128,.14); --pt-sep:rgba(255,255,255,.10); --pt-sep-strong:rgba(255,255,255,.18);
  --pt-ink:#F5F5F7; --pt-ink-2:#A6A6B0; --pt-ink-3:#76767F;
  --pt-tint:#A8A1FF; --pt-tint-ink:#0B0A14; --pt-tint-soft:rgba(168,161,255,.16);
  --pt-go:#2FCB72; --pt-go-ink:#04170C; --pt-go-soft:rgba(47,203,114,.16);
  --pt-red:#FF6B70; --pt-red-soft:rgba(255,107,112,.16); --pt-orange:#FFB054; --pt-orange-soft:rgba(255,176,84,.16); --pt-yellow-soft:#3A3014;
  --pt-shadow-1:0 1px 2px rgba(0,0,0,.4); --pt-shadow-2:0 10px 30px rgba(0,0,0,.45); --pt-shadow-3:0 24px 64px rgba(0,0,0,.6);
}}

/* Светлая полоска для светлых страниц */
.pt-nav[data-pt-theme="light"]{--pt-elev:rgba(255,255,255,.86);--pt-ink:#1C1C1E;--pt-ink-2:#6C6C72;--pt-fill:rgba(118,118,128,.12);--pt-sep-strong:rgba(60,60,67,.24);--pt-tint:#211A5B;--pt-tint-ink:#FFFFFF;color-scheme:light}

/* Полоска меню платформы на страницах со своим оформлением (аналитика, оргструктура, почты) */
.pt-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:sticky;top:0;z-index:50;margin:0;box-sizing:border-box;
  padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));
  background:var(--pt-elev);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid var(--pt-sep-strong);font:600 14px/1.2 var(--pt-font);letter-spacing:-.01em}
.pt-nav a{color:var(--pt-ink-2);border:0;text-decoration:none;padding:7px 11px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.pt-nav a:hover{background:var(--pt-fill);color:var(--pt-ink)}
.pt-nav a.on{background:var(--pt-tint);color:var(--pt-tint-ink)}
.pt-nav .pt-b{display:flex;align-items:center;gap:9px;color:var(--pt-ink);margin-right:8px;padding:3px 10px 3px 3px;font-size:15px}
.pt-nav .pt-b:hover{background:transparent}
.pt-nav .pt-logo{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 .5px var(--pt-sep-strong);background:#fff;flex:none}
.pt-nav .pt-t{margin-left:auto;border:0;background:var(--pt-fill);color:var(--pt-ink);font:600 14px var(--pt-font);padding:7px 12px;border-radius:999px;cursor:pointer}
.pt-nav.pt-c{position:static}
.pt-nav.pt-c>a:not(.pt-b){display:none}
.pt-nav.pt-c.open>a{display:inline-block}
@media (max-width:760px){
  .pt-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pt-nav::-webkit-scrollbar{display:none}
  .pt-nav .pt-b span{display:none}
  .pt-nav.pt-c{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.pt-nav a{transition:none}}