/* ДНЖ · днж-практики.рф · premia.css  (28.09.2026)
   Раздел «Лауреаты Премии» (Библиотека → Лауреаты Премии) и «режим Премии» шапки.
   Дизайн — по пакету «design_handoff_laureaty_premii», итоговый вариант D. Подключается из index.html после header.css.

   Как работает шапка. При входе во вкладку шапка проходит тот же медленный градиент, что и анимация #МЫВМЕСТЕ по клику
   на логотип (header.css → brand-celebrating), но не возвращается в фиолетовый, а застывает в оранжевом:
     pm-enter  — вход, 4,5 с: градиент, знак добро.рф сменяется на «#МЫВМЕСТЕ | ДОБРО — НОРМА ЖИЗНИ» (без крупного #МЫВМЕСТЕ);
     pm-on     — остаёмся в разделе: шапка сразу оранжевая, без анимации;
     pm-leave  — выход в другой раздел, 4,5 с: градиент уходит обратно в фиолетовый.
   Класс ставит shell.js (premiaHeaderApply). Шапка перерисовывается при каждом переходе, поэтому незаконченная
   анимация продолжается с того же места: shell.js передаёт прошедшее время отрицательной задержкой --pm-d. */

/* ============ ШАПКА: РЕЖИМ ПРЕМИИ ============ */
@property --pm-a{syntax:'<color>'; inherits:false; initial-value:#550577}
@property --pm-b{syntax:'<color>'; inherits:false; initial-value:#F3ECF7}

header>.header-atmosphere .header-premia{
  position:absolute; inset:0; opacity:0;
  background:linear-gradient(100deg,#FF5D00 0%,#FF6410 55%,#FF7A26 100%);
}
header .brand-premia{
  position:absolute; left:0; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; gap:16px; min-height:40px; opacity:0; pointer-events:none; white-space:nowrap;
}
header .brand-premia .brand-mv{display:block; height:22px; width:auto; flex:none}
header .logo .brand-premia .brand-divider{background:rgba(255,255,255,.45)}
header .logo .brand-premia .brand-title .brand-deep{color:#33044A; -webkit-text-fill-color:currentColor}
header>.premia-glow{
  position:absolute; left:0; right:0; bottom:-3px; height:4px; z-index:2; pointer-events:none; opacity:0;
  background:linear-gradient(90deg,rgba(202,71,240,.3) 0%,#CA47F0 30%,#550577 55%,#CA47F0 78%,rgba(202,71,240,.3) 100%);
  filter:blur(1.2px);
}
@media(max-width:600px){
  header .brand-premia{gap:10px; min-height:36px}
  header .brand-premia .brand-mv{height:14px}
}
@media(max-width:370px){ header .brand-premia .brand-mv{height:12px} header .brand-premia{gap:8px} }

/* --- итоговое состояние (pm-on) --- */
#app>header.pm-on{box-shadow:0 6px 22px -12px rgba(120,30,0,.55)}
header.pm-on .header-gradient{opacity:1; background-position:50% 50%}
header.pm-on .header-premia{opacity:1}
header.pm-on .brand-default{opacity:0}
header.pm-on .brand-premia{opacity:1}
header.pm-on .logo{margin-right:var(--pm-extra,0px)}
header.pm-on nav button:not(.act){color:#33044A}
header.pm-on nav button:not(.act):hover{background:rgba(255,255,255,.22); color:#33044A}
header.pm-on nav button.act{color:#E64F00; font-weight:700; box-shadow:0 2px 10px rgba(120,30,0,.25)}
header.pm-on .who, header.pm-on .who b, header.pm-on .who .pos{color:#33044A}
header.pm-on .add-practice{background:#550577; box-shadow:0 2px 8px rgba(51,4,74,.34)}
header.pm-on .add-practice:hover{background:#33044A; box-shadow:0 4px 14px rgba(51,4,74,.4)}
header.pm-on .exit, header.pm-on .badge-mode{color:#33044A; background:rgba(255,255,255,.7); border-color:transparent}
header.pm-on .exit:hover{background:rgba(255,255,255,.85)}
header.pm-on .header-volume{opacity:0}
header.pm-on .premia-glow{opacity:1}
#app>header.pm-on.nav-below nav{border-top-color:rgba(255,255,255,.3)}
@media (max-width:1100px){ header.pm-on nav{border-top-color:rgba(255,255,255,.3)} }
/* на ноутбуках логотип #МЫВМЕСТЕ чуть меньше, чтобы меню в разделе Премии не переносилось */
@media (max-width:1600px){ header .brand-premia .brand-mv{height:18px} }
@media (max-width:1440px){ header .brand-premia .brand-mv{height:16px} header .brand-premia{gap:12px} }
@media (max-width:600px){ header .brand-premia .brand-mv{height:14px} }
@media (max-width:370px){ header .brand-premia .brand-mv{height:12px} }

/* --- вход (pm-enter) --- */
header.pm-enter :is(.header-gradient,.header-premia,.brand-default,.brand-premia,.header-volume,.premia-glow,.logo,
  nav button,.who,.who b,.who .pos,.add-practice,.exit,.badge-mode){
  animation-duration:4.5s; animation-delay:var(--pm-d,0s); animation-fill-mode:both; animation-timing-function:ease-in-out;
}
header.pm-enter .header-gradient{animation-name:pm-grad-in; animation-timing-function:linear}
header.pm-enter .header-premia{animation-name:pm-fill-in}
header.pm-enter .brand-default{animation-name:pm-default-out}
header.pm-enter .brand-premia{animation-name:pm-premia-in}
header.pm-enter .logo{animation-name:pm-logo-in}
header.pm-enter nav button:not(.act){animation-name:pm-ink-nav-in}
header.pm-enter nav button.act{animation-name:pm-ink-act-in}
header.pm-enter .who{animation-name:pm-ink-who-in}
header.pm-enter .who b{animation-name:pm-ink-b-in}
header.pm-enter .who .pos{animation-name:pm-ink-pos-in}
header.pm-enter .add-practice{animation-name:pm-add-in}
header.pm-enter :is(.exit,.badge-mode){animation-name:pm-small-in}
header.pm-enter .header-volume{animation-name:pm-volume-out}
header.pm-enter .premia-glow{animation-name:pm-glow-in}
#app>header.pm-enter{box-shadow:0 6px 22px -12px rgba(120,30,0,.55); transition:box-shadow 3s ease}

/* 28.09.2026: без промежуточного крупного #МЫВМЕСТЕ — знак добро.рф гаснет, и сразу появляется «#МЫВМЕСТЕ | ДОБРО — НОРМА ЖИЗНИ» */
@keyframes pm-grad-in{0%{background-position:0% 50%;opacity:0} 8%{opacity:1} 100%{background-position:50% 50%;opacity:1}}
@keyframes pm-fill-in{0%,48%{opacity:0} 100%{opacity:1}}
@keyframes pm-default-out{0%{opacity:1} 42%,100%{opacity:0}}
@keyframes pm-premia-in{0%,14%{opacity:0; transform:translateY(-50%) translateX(-5px)} 62%,100%{opacity:1; transform:translateY(-50%)}}
@keyframes pm-logo-in{0%,12%{margin-right:0} 30%,100%{margin-right:var(--pm-extra,0px)}}
@keyframes pm-ink-nav-in{0%{color:#E6D8F2} 62%,100%{color:#33044A}}
@keyframes pm-ink-act-in{0%{color:#550577} 62%,100%{color:#E64F00}}
@keyframes pm-ink-who-in{0%{color:#DCCDEC} 62%,100%{color:#33044A}}
@keyframes pm-ink-b-in{0%{color:#fff} 62%,100%{color:#33044A}}
@keyframes pm-ink-pos-in{0%{color:#CBB6DD} 62%,100%{color:#33044A}}
@keyframes pm-add-in{0%{background:#FF5D00} 62%,100%{background:#550577}}
@keyframes pm-small-in{0%{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)} 62%,100%{color:#33044A;background:rgba(255,255,255,.7);border-color:transparent}}
@keyframes pm-volume-out{0%,55%{opacity:1} 80%,100%{opacity:0}}
@keyframes pm-glow-in{0%,80%{opacity:0} 100%{opacity:1}}

/* --- выход (pm-leave) --- */
header.pm-leave :is(.header-gradient,.header-premia,.brand-default,.brand-premia,.header-volume,.premia-glow,.logo,
  nav button,.who,.who b,.who .pos,.add-practice,.exit,.badge-mode){
  animation-duration:4.5s; animation-delay:var(--pm-d,0s); animation-fill-mode:both; animation-timing-function:ease-in-out;
}
header.pm-leave .header-gradient{animation-name:pm-grad-out; animation-timing-function:linear}
header.pm-leave .header-premia{animation-name:pm-fill-out}
header.pm-leave .brand-default{animation-name:pm-default-in}
header.pm-leave .brand-premia{animation-name:pm-premia-out}
header.pm-leave .logo{animation-name:pm-logo-out}
header.pm-leave nav button:not(.act){animation-name:pm-ink-nav-out}
header.pm-leave nav button.act{animation-name:pm-ink-act-out}
header.pm-leave .who{animation-name:pm-ink-who-out}
header.pm-leave .who b{animation-name:pm-ink-b-out}
header.pm-leave .who .pos{animation-name:pm-ink-pos-out}
header.pm-leave .add-practice{animation-name:pm-add-out}
header.pm-leave :is(.exit,.badge-mode){animation-name:pm-small-out}
header.pm-leave .header-volume{animation-name:pm-volume-in}
header.pm-leave .premia-glow{animation-name:pm-glow-out}

@keyframes pm-grad-out{0%{background-position:50% 50%;opacity:1} 88%{opacity:1} 100%{background-position:100% 50%;opacity:0}}
@keyframes pm-fill-out{0%{opacity:1} 12%,100%{opacity:0}}
@keyframes pm-default-in{0%,64%{opacity:0} 100%{opacity:1}}
@keyframes pm-premia-out{0%{opacity:1; transform:translateY(-50%)} 22%,100%{opacity:0; transform:translateY(-50%) translateX(-8px)}}
@keyframes pm-logo-out{0%,24%{margin-right:var(--pm-extra,0px)} 44%,100%{margin-right:0}}
@keyframes pm-ink-nav-out{0%,33%{color:#33044A} 100%{color:#E6D8F2}}
@keyframes pm-ink-act-out{0%,33%{color:#E64F00} 100%{color:#550577}}
@keyframes pm-ink-who-out{0%,33%{color:#33044A} 100%{color:#DCCDEC}}
@keyframes pm-ink-b-out{0%,33%{color:#33044A} 100%{color:#fff}}
@keyframes pm-ink-pos-out{0%,33%{color:#33044A} 100%{color:#CBB6DD}}
@keyframes pm-add-out{0%,33%{background:#550577} 100%{background:#FF5D00}}
@keyframes pm-small-out{0%,33%{color:#33044A;background:rgba(255,255,255,.7);border-color:transparent} 100%{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22)}}
@keyframes pm-volume-in{0%,60%{opacity:0} 100%{opacity:1}}
@keyframes pm-glow-out{0%{opacity:1} 25%,100%{opacity:0}}

/* --- полоса подразделов: оранжевый акцент в разделе Премии --- */
.subnav.pm-on, .subnav.pm-enter{border-bottom-color:#FFD9C2; box-shadow:0 6px 18px -16px rgba(120,30,0,.4)}
.subnav.pm-on .lb, .subnav.pm-enter .lb{color:#E64F00; border-right-color:#FFD9C2}
.subnav.pm-on button:hover, .subnav.pm-enter button:hover{color:#E64F00; background:#FFF3EB}
.subnav:is(.pm-on,.pm-enter,.pm-leave) button.act{color:#33044A; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--pm-b) 100%)}
.subnav:is(.pm-on,.pm-enter,.pm-leave) button.act::after{background:linear-gradient(90deg,var(--pm-a) 0%,#FF5D00 100%)}
.subnav.pm-on button.act, .subnav.pm-on button.act::after{--pm-a:#FF5D00; --pm-b:#FFF3EB}
.subnav.pm-enter .lb{animation:pm-sub-lb-in 2.4s ease-in-out var(--pm-d,0s) both}
.subnav.pm-enter button.act, .subnav.pm-enter button.act::after{animation:pm-sub-act-in 2.4s ease-in-out var(--pm-d,0s) both}
.subnav.pm-leave .lb{animation:pm-sub-lb-out 2.4s ease-in-out var(--pm-d,0s) both}
.subnav.pm-leave button.act, .subnav.pm-leave button.act::after{animation:pm-sub-act-out 2.4s ease-in-out var(--pm-d,0s) both}
@keyframes pm-sub-lb-in{0%{color:#550577} 100%{color:#E64F00}}
@keyframes pm-sub-lb-out{0%{color:#E64F00} 100%{color:#550577}}
@keyframes pm-sub-act-in{0%{--pm-a:#550577; --pm-b:#F3ECF7} 100%{--pm-a:#FF5D00; --pm-b:#FFF3EB}}
@keyframes pm-sub-act-out{0%{--pm-a:#FF5D00; --pm-b:#FFF3EB} 100%{--pm-a:#550577; --pm-b:#F3ECF7}}

@media (prefers-reduced-motion:reduce){
  header.pm-enter *, header.pm-leave *, .subnav.pm-enter *, .subnav.pm-leave *{animation:none !important}
}

/* ============ СТРАНИЦА РАЗДЕЛА ============ */
/* Лента загружается после шапки: держим место под полосу прокрутки с первого кадра. */
html:has(#pmPage){scrollbar-gutter:stable}
.pm-page{--pm-stick:196px; color:#1D1726}
.pm-page a{color:#550577; text-underline-offset:2px}
.pm-page a:hover{color:#E64F00}

/* Первый вход: крупные части экрана появляются один раз; карточки внутри ленты не перебираются. */
.pm-page.pm-intro .pm-hero{animation:pm-hero-enter .85s cubic-bezier(.22,1,.36,1) both}
.pm-page.pm-intro .pm-hero-in{animation:pm-copy-enter .72s ease-out .1s both}
.pm-page.pm-intro .pm-strip{animation:pm-strip-enter .72s ease-out .16s both}
.pm-feed-enter{animation:pm-feed-enter .7s ease-out both}
/* Смена режима затрагивает только целые группы: без перебора карточек. */
#pmFeed.pm-view-enter > *{animation:pm-view-enter .38s cubic-bezier(.22,1,.36,1) both}
@keyframes pm-hero-enter{from{opacity:.72; transform:translateY(10px)}to{opacity:1; transform:none}}
@keyframes pm-copy-enter{from{opacity:.55; transform:translateY(5px)}to{opacity:1; transform:none}}
@keyframes pm-strip-enter{from{opacity:.5; transform:translateY(5px)}to{opacity:1; transform:none}}
@keyframes pm-feed-enter{from{opacity:.55; transform:translateY(6px)}to{opacity:1; transform:none}}
@keyframes pm-view-enter{from{opacity:.68; transform:translateY(5px) scale(.995)}to{opacity:1; transform:none}}

/* шапка раздела */
.pm-hero{
  position:relative; z-index:1; height:380px; border-radius:26px; overflow:hidden; margin-bottom:0;
  background:linear-gradient(120deg,#FF6A12 0%,#FF5D00 38%,#E24A06 70%,#B8380A 100%);
  box-shadow:0 34px 60px -38px rgba(184,56,10,.7); isolation:isolate;
}
.pm-hero-noise{position:absolute; inset:0; width:100%; height:100%; opacity:.22; mix-blend-mode:soft-light; pointer-events:none}
.pm-hero-ribs{position:absolute; inset:0; pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0px,rgba(255,255,255,.035) 1px,transparent 1px,transparent 5px)}
.pm-hero-statue{position:absolute; right:-60px; top:-150px; height:1180px; width:auto; transform:rotate(-8deg); pointer-events:none; user-select:none}
.pm-hero-in{position:relative; z-index:1; padding:52px 56px; height:100%; display:flex; flex-direction:column; max-width:640px}
.pm-kicker{display:flex; align-items:center; gap:12px; font-size:11.5px; font-weight:700; letter-spacing:.3em; text-transform:uppercase; color:#fff; white-space:nowrap}
.pm-kicker::before{content:""; width:26px; height:1px; background:#fff; flex:none}
.pm-hero h2{margin:20px 0 0; font-size:64px; font-weight:700; color:#fff; letter-spacing:-.03em; line-height:.98}
.pm-meta{display:flex; align-items:center; gap:18px; margin-top:22px; color:#fff; font-size:13px; letter-spacing:.16em; text-transform:uppercase; flex-wrap:nowrap}
.pm-meta span{white-space:nowrap; flex:none}
.pm-meta #pmMetaN{min-width:12em; font-variant-numeric:tabular-nums}
.pm-meta b{font-size:15px; font-weight:800; letter-spacing:0}
.pm-meta i{width:1px; height:14px; background:rgba(255,255,255,.5); flex:none}
.pm-search{margin-top:auto; display:flex; gap:8px; flex-wrap:wrap; max-width:560px}
.pm-search input{
  flex:1 1 260px; min-width:0; border:1px solid rgba(255,255,255,.55); background:rgba(120,30,0,.22);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; border-radius:999px; padding:14px 20px;
  font-size:15.5px; outline:none; font-family:inherit; transition:background .2s, border-color .2s;
}
.pm-search input::placeholder{color:#fff; opacity:.75}
.pm-search input:focus{background:rgba(120,30,0,.34); border-color:#fff; box-shadow:none}
.pm-search input::-webkit-search-cancel-button{filter:invert(1) brightness(2); cursor:pointer}
.pm-fwrap{position:relative; display:flex}
.pm-fbtn{
  display:inline-flex; align-items:center; gap:8px; border:0; background:#fff; color:#B8380A; border-radius:999px;
  padding:0 22px; min-height:50px; font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; cursor:pointer;
  transition:background .2s;
}
.pm-fbtn:hover{background:#FFF3EB}
.pm-fbtn .pm-fcount{background:#B8380A; color:#fff; border-radius:999px; padding:0 8px; font-size:12px; letter-spacing:0; line-height:20px}
.pm-freset{
  position:absolute; left:0; right:0; top:calc(100% + 8px); border:0; background:transparent; color:#fff;
  font-size:12.5px; font-weight:600; cursor:pointer; text-decoration:underline; text-underline-offset:3px; opacity:.9; white-space:nowrap;
}
.pm-freset:hover{opacity:1}
.pm-hint{margin-top:10px; font-size:12px; color:#fff; opacity:.85; min-height:18px}

/* полоса «Проекты | Статистика» — подложена под шапку раздела */
.pm-strip{position:relative; z-index:0; margin:-26px 0 34px; padding:26px 14px 0 30px; min-height:84px; border-radius:0 0 22px 22px;
  background:#FFF1E6; border:1px solid #FFE3D1; border-top:0; display:flex; align-items:center; gap:14px; flex-wrap:wrap}
.pm-strip-note{display:flex; align-items:center; gap:10px; min-width:0; flex:1 1 300px; padding:10px 0; font-size:13px; color:#7A6F86}
.pm-strip-note i{width:6px; height:6px; border-radius:50%; background:#FF8A3D; flex:none}
.pm-seg{display:flex; gap:2px; background:rgba(255,93,0,.08); border-radius:999px; padding:4px; margin:10px 0}
.pm-seg button{border:0; background:transparent; color:#B8380A; border-radius:999px; padding:8px 18px; font-size:13.5px; font-weight:700; cursor:pointer; font-family:inherit; transition:background .2s, color .2s}
.pm-seg button.on{background:#fff; color:#33044A; box-shadow:0 2px 8px rgba(184,56,10,.14)}

/* экран статистики */
.pm-stats{display:flex; flex-direction:column; gap:16px; margin-bottom:40px}
.pm-kpis{display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px}
.pm-kpi{background:#fff; border-radius:15px; padding:18px 20px; box-shadow:0 1px 2px rgba(45,5,64,.05),0 6px 18px -10px rgba(45,5,64,.14); display:flex; flex-direction:column; gap:6px}
.pm-kpi .l{font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#6E6780}
.pm-kpi b{font-size:34px; font-weight:800; line-height:1; letter-spacing:-.02em; font-variant-numeric:tabular-nums}
.pm-kpi .n{font-size:12.5px; color:#9A93A8; line-height:1.35}
.pm-sgrid{display:grid; grid-template-columns:repeat(auto-fit,minmax(460px,1fr)); grid-auto-rows:auto; gap:16px}
.pm-sbox{background:#fff; border-radius:18px; padding:22px 24px; box-shadow:0 1px 2px rgba(45,5,64,.05),0 6px 18px -10px rgba(45,5,64,.14); display:flex; flex-direction:column; min-width:0}
.pm-sbox-hd{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-bottom:14px}
.pm-sbox-hd h3{margin:0; font-size:19px; font-weight:700; color:#33044A}
.pm-sbox-hd span{font-size:13px; color:#9A93A8}
.pm-sbox-hd .pm-link{margin-left:auto; font-size:13px}
.pm-fnl{flex:1; display:flex; flex-direction:column; justify-content:space-around; gap:12px}
.pm-fn{display:grid; grid-template-columns:140px minmax(0,1fr) 92px; gap:14px; align-items:center}
.pm-fn-l{font-size:14px; font-weight:600; color:#453D52; line-height:1.25}
.pm-fn-bar{height:26px; border-radius:8px; background:#F8F6FB; overflow:hidden}
.pm-fn-bar i{display:block; height:100%; border-radius:8px; background:linear-gradient(90deg,#FF5D00,#FF8A3D)}
.pm-stats-settle .pm-fn-bar i{transform-origin:left center; animation:pm-funnel-settle .46s cubic-bezier(.22,1,.36,1) both}
@keyframes pm-funnel-settle{from{opacity:.78; transform:scaleX(.72)}to{opacity:1; transform:scaleX(1)}}
.pm-fn-v{text-align:right}
.pm-fn-v b{display:block; font-size:17px; font-weight:800; color:#1D1726; line-height:1.1}
.pm-fn-v span{font-size:11.5px; color:#9A93A8}
.pm-bars{margin-top:auto; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; align-items:end; height:220px}
.pm-bars button{height:100%; border:0; background:transparent; padding:0; cursor:pointer; display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; gap:6px; font-family:inherit}
.pm-bars button .v{font-size:12px; font-weight:700; text-align:center; white-space:nowrap}
.pm-bars button i{display:block; border-radius:8px 8px 4px 4px; min-height:2px; transition:filter .2s}
.pm-stats-settle .pm-bars button i{transform-origin:center bottom; animation:pm-year-settle .5s cubic-bezier(.22,1,.36,1) both}
@keyframes pm-year-settle{from{opacity:.76; transform:scaleY(.76)}to{opacity:1; transform:scaleY(1)}}
.pm-bars button:hover i{filter:brightness(.95) saturate(1.1)}
.pm-bars-lb{display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:8px; text-align:center}
.pm-bars-lb b{display:block; font-size:14px; font-weight:800}
.pm-bars-lb span{display:block; font-size:11.5px; color:#9A93A8; line-height:1.3}
.pm-top8{width:100%; display:grid; grid-template-columns:22px minmax(0,1fr) 62px 46px 62px; gap:10px; align-items:center; padding:8px 0;
  border:0; border-bottom:1px solid #F0ECF5; background:transparent; text-align:left; white-space:normal; font:inherit; font-size:14px; color:#1D1726}
button.pm-top8{cursor:pointer}
button.pm-top8:hover{background:#FBF8FD}
.pm-top8 > span:nth-child(n+3){text-align:right; color:#6E6780}
.pm-top8 .n{font-size:12.5px; font-weight:800; color:#FF5D00}
.pm-top8 .r{font-weight:600; line-height:1.3; overflow-wrap:anywhere}
.pm-top8 .w{font-weight:800; color:#550577 !important}
.pm-top8-hd{font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#9A93A8}
.pm-top8-hd > span{color:#9A93A8 !important}
.pm-ry{display:grid; grid-template-columns:minmax(0,1fr) 80px 60px 70px; gap:10px; align-items:center; padding:10px 6px; border-bottom:1px solid #F0ECF5; font-size:14px}
.pm-ry > span:nth-child(n+2){text-align:right; color:#6E6780}
.pm-ry .y{font-weight:800}
.pm-ry .w{font-weight:800; color:#550577 !important}
.pm-ry.on{background:#FFF3EB}
.pm-ry.on .y{color:#E64F00}
.pm-ry-hd{padding:8px 6px; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#9A93A8}
.pm-ry-hd > span{color:#9A93A8 !important; font-weight:800}
.pm-libbox{gap:18px}
.pm-libbox .pm-sbox-hd{margin-bottom:0}
.pm-places{display:grid; grid-template-columns:repeat(auto-fit,minmax(76px,1fr)); gap:8px}
.pm-places > div{border-radius:12px; padding:12px 12px 10px; display:flex; flex-direction:column; gap:4px}
.pm-places b{font-size:24px; font-weight:800; line-height:1; letter-spacing:-.02em}
.pm-places span{font-size:12px; color:#453D52; line-height:1.25}
.pm-libcols{display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:18px 24px; flex:1}
.pm-libcols > div{display:flex; flex-direction:column}
.pm-libcols .cap{font-size:11.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:#6E6780; padding-bottom:6px}
.pm-libcols .row{display:flex; align-items:center; gap:8px; padding:8px 0; border-top:1px solid #F0ECF5; font-size:14px}
.pm-libcols .row span{color:#453D52; flex:1; min-width:0}
.pm-libcols .row b{color:#1D1726}
.pm-libcols .row em{width:38px; text-align:right; font-style:normal; font-size:12px; color:#9A93A8}
.pm-libcols .row i{width:8px; height:8px; border-radius:50%; flex:none}
@media (max-width:760px){
  .pm-strip{padding:26px 14px 4px 18px}
  .pm-sgrid{grid-template-columns:minmax(0,1fr); grid-auto-rows:auto}
  .pm-sbox{padding:18px 16px}
  .pm-fn{grid-template-columns:106px minmax(0,1fr) 70px; gap:8px}
  .pm-fn-l{font-size:12px; overflow-wrap:anywhere; hyphens:auto}
  .pm-fn-v b{font-size:15px}
  .pm-fn-v span{font-size:10.5px}
  .pm-bars{gap:4px; height:190px}
  .pm-bars button{min-width:0}
  .pm-bars button .v{font-size:9.5px}
  .pm-bars-lb{gap:4px}
  .pm-bars-lb > div{min-width:0}
  .pm-bars-lb b{font-size:12px}
  .pm-bars-lb span{font-size:10px; overflow-wrap:anywhere}
  .pm-kpi b{font-size:28px}
  .pm-top8{grid-template-columns:16px minmax(0,1fr) 52px 40px 54px; gap:6px; font-size:13px}
  .pm-top8-hd{font-size:9px; letter-spacing:.02em}
  .pm-ry{grid-template-columns:minmax(0,1fr) 64px 48px 58px; gap:6px}
  .pm-ry-hd{font-size:9px; letter-spacing:.02em}
}

/* лента: год → номинация → карточки */
.pm-year{display:grid; grid-template-columns:132px minmax(0,1fr); gap:24px; margin-bottom:40px; align-items:start}
.pm-year-side{position:sticky; top:var(--pm-stick); padding-top:4px}
.pm-year-num{font-size:44px; font-weight:800; line-height:1; color:#550577; letter-spacing:-.02em}
.pm-year-bar{margin-top:10px; height:3px; width:44px; border-radius:3px; background:linear-gradient(90deg,#550577,#FF5D00)}
.pm-year-meta{margin-top:10px; font-size:13px; color:#6E6780; line-height:1.4}
.pm-year-open{
  display:flex; align-items:center; gap:12px; width:100%; border:1.5px dashed #E7E1EE; background:#fff; border-radius:15px;
  padding:22px 20px; cursor:pointer; text-align:left; color:#550577; font-size:15px; font-weight:700; transition:border-color .2s, background .2s;
}
.pm-year-open:hover{border-color:#AA82BB; background:#FBF8FD}
.pm-year-open span{font-weight:400; color:#6E6780; font-size:13px}
.pm-year-open em{margin-left:auto; font-style:normal; font-size:13px}
.pm-year-body{display:flex; flex-direction:column; gap:30px; min-width:0}
.pm-year-fold{align-self:flex-end; margin-bottom:-20px; border:0; background:transparent; color:#7A3D97; font-size:12.5px; font-weight:700; cursor:pointer; padding:2px 0}
.pm-year-fold:hover{color:#E64F00}
.pm-nom-hd{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid #E7E1EE}
.pm-nom-track{font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#E64F00}
.pm-nom-hd h3{margin:0; flex:1 1 240px; font-size:19px; font-weight:700; color:#1D1726; letter-spacing:-.015em}
.pm-nom-orig{font-size:12.5px; color:#9A93A8}
.pm-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:14px}

.pm-card{
  position:relative; background:#fff; border:1.5px solid #F0ECF5; border-radius:15px; height:280px; padding:16px 18px 14px;
  box-shadow:0 1px 2px rgba(45,5,64,.05),0 6px 18px -10px rgba(45,5,64,.14); cursor:pointer;
  display:flex; flex-direction:column; gap:8px; overflow:hidden; text-align:left; font:inherit; color:inherit; width:100%;
  transition:transform .2s, box-shadow .2s;
}
.pm-card:hover{box-shadow:0 2px 4px rgba(45,5,64,.06),0 18px 36px -18px rgba(45,5,64,.26); transform:translateY(-2px)}
.pm-card:focus-visible{outline:2px solid #FF5D00; outline-offset:2px}
.pm-card.win{background:linear-gradient(160deg,#FFE6D6 0%,#F7E0FC 48%,#FFFFFF 78%); border-color:#F7E0FC}
.pm-mark{display:flex; align-items:center; gap:8px; height:30px; flex:none}
.pm-num{width:30px; height:30px; border-radius:50%; color:#fff; display:grid; place-items:center; font-weight:800; font-size:15px; box-shadow:0 0 0 3px #fff; flex:none}
.pm-mark-lb{font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.pm-winpill{display:inline-flex; align-items:center; height:26px; padding:0 12px; border-radius:999px; background:linear-gradient(90deg,#FF5D00,#CA47F0); color:#fff; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.pm-card-t{font-weight:700; line-height:1.28; color:#1D1726; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden}
.pm-card-sub{margin-top:auto; font-size:13px; color:#6E6780; line-height:1.4; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden}
.pm-card-snip{margin-top:auto; font-size:12.5px; line-height:1.45; color:#453D52; background:#FFF3EB; border-radius:8px; padding:7px 9px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.pm-card-snip mark{background:#FFD9C2; color:inherit; border-radius:3px; padding:0 1px}
.pm-st{display:flex; flex:none}
.pm-st span, .pm-stpill{font-size:11.5px; font-weight:600; border-radius:999px; padding:3px 9px}
.pm-empty{background:#fff; border-radius:15px; padding:40px; text-align:center; color:#6E6780}
.pm-empty button{border:0; background:transparent; color:#550577; font-weight:700; cursor:pointer; text-decoration:underline; font:inherit}
.pm-y2026{background:#fff; border-radius:15px; padding:32px; color:#6E6780; font-size:15px}
.pm-loading{padding:60px 0; text-align:center; color:#6E6780}

/* кнопка «Наверх» */
.pm-top{
  position:fixed; right:28px; bottom:28px; z-index:75; width:52px; height:52px; border-radius:50%; border:0;
  background:#FF5D00; color:#fff; font-size:20px; font-weight:800; cursor:pointer; box-shadow:0 14px 30px -10px rgba(230,79,0,.7);
  display:grid; place-items:center; opacity:0; pointer-events:none; transform:translateY(8px); transition:opacity .25s, transform .25s, background .2s;
}
.pm-top.show{opacity:1; pointer-events:auto; transform:none}
.pm-top:hover{background:#E64F00; transform:translateY(-2px)}

/* выезжающие панели: фильтры (420) и карточка проекта (800) */
.pm-ov{position:fixed; inset:0; background:rgba(33,2,48,.35); z-index:80; animation:pm-fade .34s ease-out}
.pm-ov.dr{background:rgba(33,2,48,.4); z-index:90}
.pm-side{position:fixed; top:0; right:0; bottom:0; max-width:100vw; box-shadow:0 30px 80px -20px rgba(20,2,30,.45); animation:pm-slide .54s cubic-bezier(.22,.72,.2,1)}
@keyframes pm-fade{from{opacity:0}to{opacity:1}}
@keyframes pm-slide{from{opacity:.78; transform:translateX(20px)}to{opacity:1; transform:none}}
@media (prefers-reduced-motion:reduce){
  .pm-page.pm-intro .pm-hero,.pm-page.pm-intro .pm-hero-in,.pm-page.pm-intro .pm-strip,.pm-feed-enter,#pmFeed.pm-view-enter > *,.pm-stats-settle .pm-fn-bar i,.pm-stats-settle .pm-bars button i,.pm-ov,.pm-side{animation:none}
  .pm-top{transition:none}
}

.pm-panel{z-index:81; width:420px; background:#fff; display:flex; flex-direction:column; overflow:auto}
.pm-panel-hd{position:relative; flex:none; background:radial-gradient(ellipse at 100% 0%,#4A0A6A 0%,#2A0340 45%,#14011F 100%); color:#fff; padding:22px 26px 24px; overflow:hidden}
.pm-panel-hd::before{content:""; position:absolute; right:-60px; top:-70px; width:260px; height:260px; border-radius:50%; background:radial-gradient(circle,rgba(255,93,0,.35) 0%,transparent 65%)}
.pm-panel-kick{position:relative; display:flex; align-items:center; gap:12px}
.pm-panel-kick span{font-size:11px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; color:#CBB6DD; white-space:nowrap}
.pm-panel-kick::before{content:""; width:22px; height:1px; background:#FF5D00}
.pm-x{margin-left:auto; width:34px; height:34px; border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; border-radius:50%; font-size:17px; line-height:1; cursor:pointer}
.pm-x:hover{background:rgba(255,255,255,.1)}
.pm-panel-t{position:relative; margin-top:16px; font-size:30px; font-weight:700; letter-spacing:-.02em; line-height:1.05}
.pm-panel-n{position:relative; margin-top:8px; display:flex; align-items:baseline; gap:8px}
.pm-panel-n b{font-size:22px; font-weight:800; color:#FF8A3D}
.pm-panel-n span{font-size:13px; color:#CBB6DD}
.pm-panel-bd{padding:22px 26px 0; display:flex; flex-direction:column; gap:22px}
.pm-fs{display:grid; gap:10px}
.pm-fs-t{font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#33044A}
.pm-years{display:flex; flex-direction:column; border:1.5px solid #F0ECF5; border-radius:12px; overflow:hidden}
.pm-years button{display:flex; align-items:baseline; gap:10px; border:0; border-top:1px solid #F0ECF5; background:#fff; padding:9px 14px; cursor:pointer; text-align:left; font:inherit}
.pm-years button:first-child{border-top:0}
.pm-years button:hover{background:#FBF8FD}
.pm-years button b{font-size:17px; font-weight:800; color:#1D1726; width:52px; flex:none}
.pm-years button span{font-size:13px; color:#6E6780}
.pm-years button.on{background:#F3ECF7}
.pm-years button.on b{color:#550577}
.pm-chips{display:flex; flex-wrap:wrap; gap:6px}
.pm-chips button{border:1.5px solid #E7E1EE; background:#fff; color:#453D52; border-radius:999px; padding:7px 13px; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit}
.pm-chips.sm{gap:5px}
.pm-chips.sm button{padding:5px 11px; font-size:12.5px}
.pm-chips button:hover{border-color:#AA82BB}
.pm-chips button.on{background:#550577; border-color:#550577; color:#fff}
.pm-sel{position:relative}
.pm-sel select{width:100%; appearance:none; -webkit-appearance:none; border:1.5px solid #E7E1EE; border-radius:8px; padding:9px 32px 9px 11px; font-size:14.5px; background:#fff; color:#1D1726; font-family:inherit}
.pm-sel::after{content:""; position:absolute; right:13px; top:13px; width:7px; height:7px; border-right:1.8px solid #550577; border-bottom:1.8px solid #550577; transform:rotate(45deg); pointer-events:none}
.pm-panel-ft{position:sticky; bottom:0; margin:0 -26px; padding:14px 26px 20px; background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 22%); display:flex; align-items:center; gap:14px}
.pm-show{flex:1; background:#FF5D00; color:#fff; border:0; border-radius:999px; padding:14px 18px; font-weight:800; font-size:13px; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; box-shadow:0 10px 24px -12px rgba(255,93,0,.8); font-family:inherit}
.pm-show:hover{background:#E64F00}
.pm-link{border:0; background:transparent; color:#550577; font-size:13.5px; font-weight:700; cursor:pointer; text-decoration:underline; text-underline-offset:3px; padding:4px 2px; font-family:inherit}

/* карточка проекта */
.pm-drawer{z-index:91; width:800px; background:#F8F6FB; display:flex; flex-direction:column; transition:width .38s cubic-bezier(.22,.72,.2,1)}
.pm-drawer.pm-expanded{width:100vw}
/* 28.09.2026 · партнёры (демонстрационный доступ): карточка выдвигается пустой — только фон и надпись по центру */
.pm-drawer-demo{background:linear-gradient(160deg,#FFF0E6 0%,#F6EAFB 48%,#F8F6FB 100%)}
.pm-drawer-demo .pm-dr-top{padding:22px 28px 0; flex:none}
.pm-demo-note{flex:1; display:flex; align-items:center; justify-content:center; padding:0 32px 12vh; text-align:center;
  font-size:17px; font-weight:600; letter-spacing:.01em; color:#8A7F99}
.pm-drawer.pm-expanded .pm-dr-hd > *,.pm-drawer.pm-expanded .pm-dr-bd > *{width:min(100%,1000px); margin-inline:auto}
.pm-dr-hd{position:relative; padding:22px 28px 20px; border-bottom:1px solid #E7E1EE; flex:none}
.pm-dr-hd::before{content:""; position:absolute; left:0; right:0; top:0; height:5px; background:var(--pm-strip,#9A93A8)}
.pm-dr-top{display:flex; align-items:center; justify-content:flex-end; gap:10px}
.pm-dr-top button{border:1.5px solid #E7E1EE; background:#fff; color:#550577; border-radius:10px; padding:6px 12px; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit}
.pm-dr-top button:hover{border-color:#AA82BB}
.pm-dr-top button:focus-visible{outline:2px solid #550577; outline-offset:2px}
@media (max-width:800px){.pm-expand{display:none}}
@media (prefers-reduced-motion:reduce){.pm-drawer{transition:none}}
.pm-dr-mark{display:flex; align-items:center; gap:10px; margin-top:12px}
.pm-dr-mark .pm-num{width:40px; height:40px; font-size:19px; box-shadow:0 0 0 4px #fff}
.pm-dr-mark .pm-winpill{height:30px; padding:0 14px; font-size:12px}
.pm-dr-place{font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase}
.pm-dr-nom{font-size:13px; color:#6E6780}
.pm-dr-hd h2{margin:12px 0 0; font-size:26px; font-weight:700; line-height:1.2; color:#1D1726; letter-spacing:-.015em}
.pm-dr-geo{margin-top:6px; font-size:14.5px; color:#6E6780}
.pm-dr-orig{margin-top:4px; font-size:12.5px; color:#9A93A8}
.pm-dr-bd{flex:1; overflow:auto; padding:20px 28px 40px; display:flex; flex-direction:column; gap:14px; overscroll-behavior:contain}
.pm-box{background:#fff; border-radius:15px; padding:18px 20px; box-shadow:0 1px 2px rgba(45,5,64,.05),0 6px 18px -10px rgba(45,5,64,.14)}
.pm-box h3{margin:0 0 8px; font-size:17px; color:#550577; font-weight:700}
.pm-box p{margin:0 0 8px; font-size:15.5px; line-height:1.65; color:#453D52}
.pm-box p:last-child{margin-bottom:0}
.pm-box ul{margin:0; padding-left:20px; display:flex; flex-direction:column; gap:5px}
.pm-box li{font-size:15px; line-height:1.55; color:#453D52}
.pm-two{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px}
.pm-cap{font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#550577; margin-bottom:4px}
.pm-pass .pm-box{padding:16px 18px}
.pm-prow{display:grid; grid-template-columns:110px minmax(0,1fr); gap:10px; padding:6px 0; border-top:1px solid #F0ECF5; font-size:13.5px}
.pm-prow span{color:#6E6780}
.pm-prow b{font-weight:600; overflow-wrap:anywhere}
.pm-contacts{background:#FFF3EB; border:1.5px solid #FFD9C2; border-radius:15px; padding:16px 18px; min-width:0}
.pm-contacts .pm-cap{color:#C94A00; display:flex; align-items:center; margin:0}
.pm-closed{margin-left:auto; font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; background:#fff; color:#C94A00; border-radius:999px; padding:2px 8px}
.pm-person{margin-top:8px; font-size:15px; font-weight:700}
.pm-person span{display:block; font-size:12.5px; font-weight:400; color:#6E6780}
.pm-clines{display:flex; flex-direction:column; gap:4px; margin-top:8px; font-size:14px; overflow-wrap:anywhere}
.pm-birth{color:#6E6780; font-size:13px}
.pm-none{font-size:13.5px; color:#9A93A8; margin-top:8px}
.pm-links{display:flex; flex-wrap:wrap; gap:6px; margin-top:12px}
.pm-links a{background:#fff; color:#550577; border-radius:999px; padding:4px 11px; font-size:12.5px; font-weight:700; text-decoration:none}
.pm-links a:hover{color:#E64F00}

.pm-news-hd{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.pm-news-hd h3{margin:0; font-size:19px}
.pm-asof{margin-left:auto; font-size:12px; color:#9A93A8}
.pm-addnews{display:inline-flex; align-items:center; gap:6px; border:0; background:#FF5D00; color:#fff; border-radius:999px; padding:7px 14px; font-size:13px; font-weight:700; cursor:pointer; font-family:inherit}
.pm-addnews::before{content:"+"; font-size:15px; line-height:1}
.pm-addnews:hover{background:#E64F00}
.pm-news-short{margin:10px 0 0 !important}
.pm-nf{margin-top:14px; background:#FFF3EB; border:1.5px solid #FFD9C2; border-radius:14px; padding:16px; display:flex; flex-direction:column; gap:10px}
.pm-nf-t{font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:#C94A00}
.pm-nf-row{display:grid; grid-template-columns:160px minmax(0,1fr); gap:10px}
.pm-nf label{display:grid; gap:4px; font-size:12.5px; font-weight:700; color:#453D52}
.pm-nf label i{font-style:normal; font-weight:400; color:#9A93A8}
.pm-nf input, .pm-nf textarea{border:1.5px solid #FFD9C2; border-radius:10px; padding:9px 12px; font-size:14px; background:#fff; outline:none; font-family:inherit; color:#1D1726; min-width:0}
.pm-nf input:focus, .pm-nf textarea:focus{border-color:#FF8A3D}
.pm-nf textarea{resize:vertical; min-height:60px}
.pm-nf-act{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.pm-nf-save{border:0; background:#FF5D00; color:#fff; border-radius:999px; padding:10px 20px; font-size:13.5px; font-weight:700; cursor:pointer; font-family:inherit}
.pm-nf-save:disabled{opacity:.45; cursor:default}
.pm-nf-cancel{border:0; background:transparent; color:#6E6780; font-size:13.5px; font-weight:600; cursor:pointer; font-family:inherit}
.pm-nf-note{margin-left:auto; font-size:12px; color:#9A93A8}
.pm-news{display:flex; flex-direction:column; margin-top:10px}
.pm-nw{display:grid; grid-template-columns:104px minmax(0,1fr); gap:12px; padding:9px 0; border-top:1px solid #F0ECF5; color:#1D1726}
.pm-nw-d{font-size:12.5px; color:#6E6780}
.pm-nw-b{display:flex; flex-direction:column; gap:3px; min-width:0}
.pm-nw-l{display:flex; align-items:baseline; gap:8px; flex-wrap:wrap}
.pm-nw-t{font-size:14px; font-weight:600; line-height:1.4; color:#1D1726; text-decoration:none}
a.pm-nw-t:hover{color:#E64F00}
.pm-nw-src{font-size:12.5px; color:#9A93A8}
.pm-nw-mine{font-size:10.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; background:#FFF3EB; color:#C94A00; border-radius:999px; padding:2px 8px}
.pm-nw-del{border:0; background:transparent; color:#9A93A8; font-size:12px; cursor:pointer; text-decoration:underline; padding:0; font-family:inherit}
.pm-nw-del:hover{color:#C94A00}
.pm-nw-x{font-size:13.5px; color:#453D52; line-height:1.5}
.pm-nonews{margin-top:10px; font-size:14px; color:#9A93A8}

/* адаптив */
@media (max-width:1000px){
  .pm-hero-statue{right:-180px; opacity:.55}
}
@media (max-width:760px){
  .pm-hero{height:auto; min-height:360px}
  .pm-hero-in{padding:32px 24px 28px}
  .pm-hero h2{font-size:44px}
  .pm-meta{flex-wrap:wrap}
  .pm-hero-statue{right:-230px; top:-120px; height:900px; opacity:.35}
  .pm-kicker{letter-spacing:.18em; white-space:normal}
  .pm-search{margin-top:26px}
  .pm-year{grid-template-columns:minmax(0,1fr); gap:12px}
  .pm-year-side{position:static; display:flex; align-items:baseline; gap:14px}
  .pm-year-num{font-size:34px}
  .pm-year-bar{display:none}
  .pm-year-meta{margin-top:0}
  .pm-year-fold{margin-bottom:0}
  .pm-two{grid-template-columns:minmax(0,1fr)}
  .pm-dr-hd{padding:20px 18px 18px}
  .pm-drawer-demo .pm-dr-top{padding:20px 18px 0}
  .pm-dr-bd{padding:16px 14px 32px}
  .pm-dr-hd h2{font-size:22px}
  .pm-nf-row{grid-template-columns:minmax(0,1fr)}
  .pm-nw{grid-template-columns:minmax(0,1fr); gap:2px}
  .pm-top{right:16px; bottom:16px}
}

/* админка → «Доступ к Премии» */
.pm-adm-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:12px}
.pm-adm-who{display:flex; flex-direction:column; gap:4px; background:var(--bg,#F8F6FB); border-radius:12px; padding:12px 14px; font-size:13.5px}
.pm-adm-who b{font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#E64F00; margin-bottom:2px}
.pm-adm-who i{font-style:normal; color:var(--mut,#6E6780); font-size:12.5px}
.pm-adm-row{display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:14px; align-items:center; padding:12px 0; border-top:1px solid var(--line-2,#F0ECF5)}
.pm-adm-main{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; min-width:0}
.pm-adm-main b{font-size:15px}
.pm-adm-meta{font-size:12.5px; color:var(--mut,#6E6780)}
.pm-adm-pwd{display:inline-flex; align-items:baseline; gap:8px; border:1px dashed #E7E1EE; background:var(--bg,#F8F6FB); border-radius:8px; padding:5px 10px;
  font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace; color:#33044A; cursor:pointer; white-space:nowrap}
.pm-adm-pwd i{font:italic 400 11.5px/1 var(--font,inherit); color:var(--mut,#6E6780)}
.pm-adm-pwd:hover{border-color:#FF8A3D}
.pm-adm-acts{display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end}
@media (max-width:900px){ .pm-adm-row{grid-template-columns:minmax(0,1fr)} .pm-adm-acts{justify-content:flex-start} }

/* 29.09.2026 · «карточки без контактов»: вместо контактов плашка об ограниченных правах */
.pm-contacts-off{background:#F6F4FA; border-color:#E4DEEE}
.pm-contacts-off .pm-cap{color:#6B6480}
.pm-restricted{margin-top:10px; font-size:13.5px; line-height:1.45; color:#6B6480; background:#fff; border:1px dashed #D7CFE6; border-radius:10px; padding:10px 12px}