/* w106, Вадим 02.11: «Уведомления» по рекомендациям — уровень «Сколько уведомлений», детализация «Моих турниров»,
   «Всегда приходят» с замком, шторка выключения с паузой и «что потеряешь» */
#device-host#device-host .ps-nt-level{display:grid;gap:8px;padding:12px 16px}
#device-host#device-host .ps-nt-level.is-off{opacity:.4;pointer-events:none}
#device-host#device-host .ps-nt-level .ps-nt-sub{font:400 13px/18px var(--pd-font,'Play',sans-serif);color:#8A8A93}
#device-host#device-host .ps-nt-more{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}
#device-host#device-host .ps-nt-more .ps-nt-text{flex:1;min-width:0}
#device-host#device-host .ps-nt-chev{flex:none;display:inline-flex;transition:transform .2s;transform:rotate(90deg);opacity:.7}
#device-host#device-host .ps-nt-chev.is-open{transform:rotate(-90deg)}
#device-host#device-host .ps-nt-detail{display:grid;margin:0 12px 12px;padding:4px 0;border-radius:12px;background:rgba(255,255,255,.04)}
#device-host#device-host .ps-nt-detail.is-off{opacity:.4;pointer-events:none}
#device-host#device-host .ps-nt-drow{display:flex;align-items:center;gap:12px;padding:10px 12px;min-height:52px;box-sizing:border-box}
#device-host#device-host .ps-nt-drow+.ps-nt-drow{border-top:1px solid rgba(255,255,255,.06)}
#device-host#device-host .ps-nt-drow .ps-nt-text{flex:1;min-width:0}
#device-host#device-host .ps-nt-lock{display:inline-flex;align-items:center;gap:6px}
#device-host#device-host .ps-nt-resume{flex:none;height:32px;padding:0 12px;border-radius:10px;border:1px solid #d7192166;background:#d719211f;color:#ff6b73;font:700 13px/1 var(--pd-font,'Play',sans-serif);cursor:pointer}
#device-host#device-host .ps-nt-sheet{position:absolute;inset:0;z-index:90;font-family:var(--pd-font,"Play",sans-serif);display:flex;align-items:flex-end;background:rgba(0,0,0,.62)}
#device-host#device-host .ps-nt-sheet-card{width:100%;box-sizing:border-box;display:grid;gap:14px;padding:22px 16px 28px;border-radius:24px 24px 0 0;background:#121318;border-top:1px solid #ffffff1f;font-family:var(--pd-font,'Play',sans-serif);color:#f0f2f5}
#device-host#device-host .ps-nt-sheet-title{font:700 19px/24px var(--pd-font,'Play',sans-serif)}
#device-host#device-host .ps-nt-lose{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:#d7192114;border:1px solid #d7192144}
#device-host#device-host .ps-nt-lose span{font:600 13px/18px var(--pd-font,'Play',sans-serif);color:#ffb3b7}
#device-host#device-host .ps-nt-lose ul{margin:0;padding-left:18px;display:grid;gap:4px;font:500 13px/18px var(--pd-font,'Play',sans-serif);color:#e4e6ea}
#device-host#device-host .ps-nt-sheet-btns{display:grid;gap:8px}
#device-host#device-host .ps-nt-sheet-btns .pd-btn{width:100%}
#device-host#device-host .ps-nt-kill,#device-host#device-host .ps-nt-cancel{height:40px;border:0;background:none;font:700 14px/1 var(--pd-font,'Play',sans-serif);cursor:pointer}
#device-host#device-host .ps-nt-kill{color:#ff5a60}
#device-host#device-host .ps-nt-cancel{color:#a9adb7}
#device-host#device-host .ps-nt-drow--stack{flex-direction:column;align-items:stretch;gap:8px}
/* w107, Вадим 02.11: «сделай это окно красиво» — шторка выключения пушей.
   Что пропустишь — три плитки «подпись / линия / значение золотом», пауза — три плитки с точным временем,
   главное действие — красная «Оставить только важное», внизу «Отмена» и тихое «Выключить все» */
#device-host#device-host .ps-off{position:relative;width:100%;box-sizing:border-box;display:grid;gap:10px;padding:10px 16px 22px;border-radius:24px 24px 0 0;
  background:radial-gradient(120% 60% at 50% 0,#d719211f,transparent 60%),#121318;border-top:1px solid #ffffff1f;font-family:var(--pd-font,'Play',sans-serif);color:#f0f2f5;animation:psOffUp .28s cubic-bezier(.2,.9,.3,1)}
@keyframes psOffUp{from{transform:translateY(40px);opacity:0}}
#device-host#device-host .ps-off-grab{justify-self:center;width:40px;height:4px;border-radius:2px;background:#ffffff2e;margin-bottom:6px}
#device-host#device-host .ps-off-title{font:700 20px/26px var(--pd-font,'Play',sans-serif);text-align:center;margin-bottom:4px}
#device-host#device-host .ps-off-cap{margin-top:6px;font:700 11px/14px var(--pd-font,'Play',sans-serif);letter-spacing:.12em;text-transform:uppercase;color:#8e8e98}
#device-host#device-host .ps-off-miss,#device-host#device-host .ps-off-pause{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#device-host#device-host .ps-off-tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 12px;border-radius:14px;background:#17191e;border:1px solid #ffffff14;text-align:center;min-width:0}
#device-host#device-host .ps-off-tile small{font:600 12px/16px var(--pd-font,'Play',sans-serif);color:#a9adb7}
#device-host#device-host .ps-off-tile>i{display:block;width:70%;height:1px;background:#ffffff1a}
#device-host#device-host .ps-off-tile b{font:700 20px/24px var(--pd-font,'Play',sans-serif);color:#f0c75e;font-variant-numeric:tabular-nums}
#device-host#device-host .ps-off-tile>span{font:500 11px/14px var(--pd-font,'Play',sans-serif);color:#8e95a1}
#device-host#device-host .ps-off-dots{display:flex;gap:3px;height:14px;align-items:center}
#device-host#device-host .ps-off-dots em{display:block;width:7px;height:7px;border-radius:50%;background:#ffffff24}
#device-host#device-host .ps-off-dots em.is-on{background:#f0c75e;box-shadow:0 0 6px #f0c75e88}
#device-host#device-host .ps-off-p{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;border:1px solid #ffffff1f;background:#1b1d23;color:#f0f2f5;cursor:pointer;min-width:0}
#device-host#device-host .ps-off-p b{font:700 15px/20px var(--pd-font,'Play',sans-serif)}
#device-host#device-host .ps-off-p small{font:600 12px/16px var(--pd-font,'Play',sans-serif);color:#8e95a1;font-variant-numeric:tabular-nums}
#device-host#device-host .ps-off-p:active{border-color:#d71921;background:#d7192114}
#device-host#device-host .ps-off-main{width:100%;margin-top:8px}
#device-host#device-host .ps-off-hint{text-align:center;font:500 12px/16px var(--pd-font,'Play',sans-serif);color:#8e95a1}
/* w109, Вадим 02.11: «Сколько уведомлений» — три плитки вместо полоски: шкала громкости (3 / 2 / 1 деление),
   название и сколько категорий придёт; при «Важном» и «Минимуме» строки ниже показывают набор */
#device-host#device-host .ps-lv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#device-host#device-host .ps-lv.is-off,#device-host#device-host .ps-lv-note.is-off{opacity:.4;pointer-events:none}
#device-host#device-host .ps-lv-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 12px;border-radius:16px;border:1.5px solid #ffffff1f;
  background:#14161b;color:#d8d8df;cursor:pointer;min-width:0;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s}
#device-host#device-host .ps-lv-tile:active{transform:scale(.97)}
/* w123: у выбранной плитки меняется только цвет рамки — та же толщина по всему периметру, без тени вниз */
#device-host#device-host .ps-lv-tile[aria-pressed=true]{border-color:#d71921;background:#1d1316;color:#fff}
#device-host#device-host .ps-lv-bars{display:inline-flex;align-items:flex-end;gap:4px;height:22px;align-self:center;width:auto}
#device-host#device-host .ps-lv-bars i{display:block;width:7px;border-radius:2px;background:#ffffff1f;transition:background .2s}
#device-host#device-host .ps-lv-bars i:nth-child(1){height:9px}
#device-host#device-host .ps-lv-bars i:nth-child(2){height:15px}
#device-host#device-host .ps-lv-bars i:nth-child(3){height:22px}
#device-host#device-host .ps-lv-bars i.is-on{background:#c9ccd4}
#device-host#device-host .ps-lv-tile[aria-pressed=true] .ps-lv-bars i.is-on{background:#ff3b44;box-shadow:0 0 8px #ff3b4488}
#device-host#device-host .ps-lv-tile b{font:700 15px/20px var(--pd-font,'Play',sans-serif)}
#device-host#device-host .ps-lv-tile small{font:600 12px/16px var(--pd-font,'Play',sans-serif);color:#8e95a1;font-variant-numeric:tabular-nums}
#device-host#device-host .ps-lv-tile[aria-pressed=true] small{color:#ffb3b7}
#device-host#device-host .ps-lv-note{margin:10px 4px 0;font:500 13px/18px var(--pd-font,'Play',sans-serif);color:#a9adb7;animation:psLvNote .3s ease}
@keyframes psLvNote{from{opacity:0;transform:translateY(-4px)}}
/* набор: строки не переключаются, выключенные бледнеют, переход плавный */
#device-host#device-host .ps-nt-row.is-preset{pointer-events:none;transition:opacity .25s}
#device-host#device-host .ps-nt-row.is-muted{opacity:.38}
/* w120: одна фраза вместо плиток «что пропустишь» */
#device-host#device-host .ps-off-lead{margin:2px 0 0;font:600 14px/20px var(--pd-font,'Play',sans-serif);color:#c9ccd3;text-align:center;text-wrap:balance}
/* w121: «Отмена» и «Выключить все» — две обычные кнопки одной ширины */
#device-host#device-host .ps-off-foot{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
#device-host#device-host .ps-off-cancel,#device-host#device-host .ps-off-kill{width:100%;min-width:0}
#device-host#device-host .ps-off-kill{color:#ff5a62}
/* w122: подтверждение паузы */
#device-host#device-host .ps-ask-scrim{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:0 20px;border-radius:24px 24px 0 0;background:#000000b3;backdrop-filter:blur(2px)}
#device-host#device-host .ps-ask{width:100%;max-width:300px;box-sizing:border-box;display:grid;gap:8px;padding:20px 16px 16px;border-radius:20px;background:#1b1d23;border:1px solid #ffffff1f;text-align:center;box-shadow:0 12px 40px #000c}
#device-host#device-host .ps-ask>b{font:700 16px/22px var(--pd-font,'Play',sans-serif);color:#f3f4f6;text-wrap:balance}
#device-host#device-host .ps-ask>small{font:600 12px/16px var(--pd-font,'Play',sans-serif);color:#8e95a1;font-variant-numeric:tabular-nums}
#device-host#device-host .ps-ask-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
#device-host#device-host .ps-ask-btns>.pd-btn{width:100%;min-width:0}
