/* PokerDot · наш набор сущностей (Саша 13.10: «уніфікувати сутності»).
   Канон взят из утверждённых экранов: Карьера, страница лидерборда, рефералы.
   Любой экран берёт кнопки, вкладки, карточки, плашки, поля и пуш только отсюда. */
:root{
  --pd-ink:#f0f2f5;--pd-muted:#a9adb7;--pd-dim:#8e8e98;--pd-line:#ffffff17;
  --pd-surface:#0d0f12;                                  /* карточка */
  --pd-glass:linear-gradient(180deg,#ffffff10,#ffffff04); /* стекло внутри карточки */
  --pd-glass-ring:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff12;
  --pd-red:#d71921;--pd-red-ink:#ff5a60;--pd-green:#2fbf71;
  --pd-btn-fill-red:linear-gradient(180deg,#ef2939,#d71921);
}

/* ── Карточка: одна для списков и блоков ───────────────────────────── */
#device-host .pd-card{position:relative;box-sizing:border-box;background:var(--pd-surface);border:1px solid var(--pd-line);border-radius:16px;padding:16px;color:var(--pd-ink);font-family:var(--pd-font,'Play',sans-serif)}
#device-host .pd-card--block{border-radius:20px}
#device-host .pd-glass{position:relative;box-sizing:border-box;border-radius:20px;background:var(--pd-glass);box-shadow:var(--pd-glass-ring);padding:16px;color:var(--pd-ink)}

/* ── Заголовок секции ─────────────────────────────────────────────── */
#device-host .pd-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:24px 0 12px;font:700 14px/20px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--pd-ink)}
#device-host .pd-section-title>small{font:400 14px/20px var(--pd-font,'Play',sans-serif);letter-spacing:0;text-transform:none;color:var(--pd-muted)}

/* ── Вкладки: стеклянные, как на странице лидерборда и в рефералах ── */
#device-host .pd-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:16px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff12;box-sizing:border-box}
#device-host .pd-tabs>button{height:36px!important;min-height:36px!important;min-width:0;padding:0 8px;border:0;border-radius:12px;background:transparent;color:var(--pd-muted);font:700 12px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background 250ms cubic-bezier(.32,.72,0,1),color 250ms cubic-bezier(.32,.72,0,1)}
/* Саша 13.10: активная вкладка — красная, как в утверждённой Карьере; одна на весь застосунок */
#device-host .pd-tabs>button[aria-pressed=true],#device-host .pd-tabs>button[aria-selected=true]{background:var(--tab-on,var(--pd-red))!important;color:var(--tab-ink,#fff)!important;box-shadow:inset 0 1px 0 #ffffff2e!important}
#device-host .pd-tabs>button small{margin-left:4px;opacity:.7;font-weight:400;letter-spacing:0}
#device-host .pd-tabs--scroll{display:flex;overflow-x:auto;scrollbar-width:none}
#device-host .pd-tabs--scroll::-webkit-scrollbar{display:none}
#device-host .pd-tabs--scroll>button{flex:none;padding:0 12px}

/* ── Кнопки: основная (красная), второстепенная (рамка), маленькая ── */
#device-host .pd-btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 20px;border-radius:12px;border:1px solid #ff6a7233;background:var(--pd-btn-fill-red);color:#fff;font:700 14px/20px var(--pd-font,'Play',sans-serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-decoration:none}
#device-host .pd-btn--secondary{background:#ffffff05;border-color:#ffffff24;color:var(--pd-ink)}
#device-host .pd-btn--sm{min-height:44px;padding:0 16px;width:auto}
/* статус «готово» — та же форма и размер, что у кнопки, но не нажимается */
#device-host .pd-btn--done{background:#2fbf711f!important;border:1px solid #2fbf7147!important;color:#5bd99a!important;cursor:default!important;filter:none!important}
/* неактивная — нейтральная, не «грязно-бордовая» */
#device-host .pd-btn:disabled{background:#ffffff0f!important;border-color:#ffffff14!important;color:#ffffff8c!important;opacity:1;cursor:default;box-shadow:none!important}
#device-host .pd-btn:active:not(:disabled){filter:brightness(.9)}
#device-host .pd-btn:focus-visible{outline:2px solid #dfe5ef;outline-offset:3px}

/* ── Варианты выбора (суммы, языки, лимиты): нейтральные, без красного ── */
#device-host .pd-choice{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border-radius:12px;border:0;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--pd-ink);font:700 14px/20px var(--pd-font,'Play',sans-serif);cursor:pointer}
#device-host .pd-choice[aria-pressed=true],#device-host .pd-choice[aria-checked=true]{background:#ffffff17;box-shadow:inset 0 0 0 1px #ffffff47,inset 0 1px 0 #ffffff21;color:#fff}

/* ── Плашки ───────────────────────────────────────────────────────── */
#device-host .pd-pill{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:999px;background:var(--pd-red);color:#fff;font:700 10px/1 var(--pd-font,'Play',sans-serif);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
#device-host .pd-pill--neutral{background:#ffffff12;color:var(--pd-muted)}
#device-host .pd-pill--green{background:#2fbf7124;color:#5bd99a}

/* ── Поле ввода ───────────────────────────────────────────────────── */
#device-host .pd-field{box-sizing:border-box;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:12px;background:#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14;color:var(--pd-ink);font:400 16px/24px var(--pd-font,'Play',sans-serif);letter-spacing:0;outline:none}
#device-host .pd-field::placeholder{color:var(--pd-dim)}
#device-host .pd-field:focus{box-shadow:inset 0 0 0 1px #ffffff47}
#device-host .pd-field-label{display:block;margin:0 0 8px;font:700 12px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--pd-muted)}

/* ── Пуш внутри приложения (как «Ваш аккаунт ClubGG перенесён») ───── */
#device-host .pd-push{box-sizing:border-box;display:flex;flex-direction:column;gap:2px;width:100%;padding:12px;border-radius:24px;border:1px solid #ffffff29;background:rgba(30,30,35,.82);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:0 22px 48px #0000009e,inset 0 1px 0 #ffffff17;text-align:left;color:var(--pd-ink);font-family:var(--pd-font,'Play',sans-serif);cursor:pointer}
#device-host .pd-push-top{display:flex;align-items:baseline;gap:8px;font:700 12px/16px var(--pd-font,'Play',sans-serif);letter-spacing:.1em;color:#ffffff8c;text-transform:uppercase}
#device-host .pd-push-top>span:first-child{flex:1;min-width:0}
#device-host .pd-push-top>span:last-child{letter-spacing:.04em;font-weight:400}
#device-host .pd-push-title{font:700 14px/20px var(--pd-font,'Play',sans-serif);letter-spacing:.02em;text-transform:uppercase}
#device-host .pd-push-text{font:400 12px/16px var(--pd-font,'Play',sans-serif);color:#ffffffb3}

/* ── Строка-ссылка (как «История раздач ›» в Карьере) ─────────────── */
#device-host .pd-row-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:56px;padding:16px 0;border:0;border-bottom:1px solid #ffffff12;background:none;color:var(--pd-ink);font:700 14px/20px var(--pd-font,'Play',sans-serif);text-align:left;text-decoration:none;cursor:pointer}
#device-host .pd-row-link>span:last-child{color:var(--pd-muted)}
#device-host .pd-tabs>button[aria-pressed=true] small,#device-host .pd-tabs>button[aria-selected=true] small{opacity:1!important;color:#fff!important}

/* Вадим/Максим 13.10: одна высота «подложки» шапки на всех экранах.
   Шапка = 60 сверху + 36 кнопка + 8 снизу; отступ до контента (16) — внутри прокрутки,
   поэтому при скролле контент уходит под шапку одинаково везде, без пустой полосы под названием. */
#device-host .pd-route-header{padding-bottom:8px!important}
#device-host .pd-route-header + *{padding-top:16px!important}
#device-host :is(.pd-screen-header,.me-top,.lf-top,.rb-detail-header,.tt-top){height:104px!important;min-height:104px!important;flex:0 0 104px!important;padding-top:60px!important;padding-bottom:8px!important}

/* Максим 13.10: сквозное правило — места 1/2/3 цветом золото / серебро / бронза во всех виджетах */
:root{--pd-gold:#f0c75e;--pd-silver:#cbd3de;--pd-bronze:#d99a6c}
#device-host [data-mp="1"]{color:var(--pd-gold)!important}
#device-host [data-mp="2"]{color:var(--pd-silver)!important}
#device-host [data-mp="3"]{color:var(--pd-bronze)!important}