/* ══ ДИЗАЙН v2 (Костя 16.10): прорисовка флагмана — шрифт, объём и глянец кнопок, стеклянная шапка, 3D-иконки.
   Цвета и фон — прежние. Гамма «Стекло» — html.glass (общая кука lq_skin с главной и Прематчем). ══ */
:root{
  --display:'Geologica',system-ui,sans-serif; --sans:'Geologica',system-ui,sans-serif; --mono:'Geologica',system-ui,sans-serif;
  --gloss:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.06) 52%,rgba(0,0,0,.06));
}
html.glass{--ic-filter:none}
html.glass:not([data-theme="light"]){
  --bg:#0d1219; --bg2:#0f151d; --panel:#131b25; --panel2:#18222e; --panel3:#1f2a37;
  --border:rgba(170,200,230,.10); --border2:rgba(170,200,230,.18); --line:rgba(99,198,220,.28);
  --text:#e6edf5; --text2:#9aa8b8; --muted:#74849a; --faint:rgba(230,237,245,.58);
  --accent:#63c6dc; --accent2:#a6e3ef; --brand:#63c6dc; --violet:#78aadc; --violet2:#9cc3ea;
  --vglow:rgba(120,170,220,.14); --gglow:rgba(99,198,220,.14); --ink:#04141a;
}
html.glass:not([data-theme="light"]) .ob-logomark{filter:hue-rotate(34deg) saturate(.75) brightness(1.05)}
html.glass:not([data-theme="light"]) body::before{background:linear-gradient(rgba(13,18,25,.6),rgba(13,18,25,.6)),
  url(/static/img/glass/board_bg.webp) right bottom/cover no-repeat}
body,button,input,select,textarea{font-family:var(--sans)}
.num,table,[class*="price"]{font-variant-numeric:tabular-nums lining-nums}

/* ── ШАПКА: стекло ── */
:root:not([data-theme="light"]) .ob-topbar{background:color-mix(in srgb,var(--bg2) 86%,transparent);backdrop-filter:blur(12px)}
.ob-tnav.active::after{left:12px;right:12px}

/* ── КНОПКИ: прежние цвета + объём и блик ── */
.ob-btn-gold,.pr-cta,.ob-sm-save,.ob-expfab,.ob-tgbtn,.ob-pwbtn,.ob-statbtn.on,.ob-segbtn.on{background-image:var(--gloss);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(0,0,0,.2),0 10px 26px -12px rgba(46,232,155,.65)}
html.glass .ob-btn-gold,html.glass .pr-cta,html.glass .ob-sm-save{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.2),0 10px 26px -12px rgba(99,198,220,.8)}
.ob-btn-ghost,.ob-themebtn,.ob-gnavbtn,.ob-segbtn,.ob-mbtn,.ob-rbtn,.ob-qbtn,.ob-mvbtn,.ob-statlink,.ob-xsvc,.ob-sm-chip,.ob-sm-exp{
  background-image:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 2px rgba(0,0,0,.25)}
.ob-btn-ghost:hover,.ob-themebtn:hover,.ob-gnavbtn:hover,.ob-segbtn:hover,.ob-statlink:hover,.ob-xsvc:hover{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent),0 1px 2px rgba(0,0,0,.25)}
.pr-cta:hover,.ob-btn-gold:hover{filter:brightness(1.05)}

/* ── КАРТОЧКИ (тарифы и т.п.): блик по верхней кромке ── */
.pr-card,.pr-f,.ob-sm-card,.ob-expcard{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 60px -36px rgba(0,0,0,.8)}
.pr-card{position:relative}
.pr-card.pr-best{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 70px -30px color-mix(in srgb,var(--accent) 55%,transparent)}
html.glass .pr-card,html.glass .pr-f{background-image:linear-gradient(var(--panel),var(--panel)),
  linear-gradient(150deg,rgba(99,198,220,.45),rgba(120,170,220,.18) 60%,rgba(99,198,220,.15))}

/* иконки шапки — родные линейные SVG флагмана (Костя 16.10: минимализм, без 3D) */
@media (prefers-reduced-motion:reduce){*{transition:none !important}}
/* «Тарифы»: линейные иконки возможностей (нарисованы через API) вместо эмодзи */
.pr-grid .pr-f .ic{font-size:0;width:40px;height:40px;margin-bottom:12px;border-radius:12px;border:1px solid var(--border2);position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01))}
.pr-grid .pr-f .ic::after{content:"";position:absolute;inset:10px;background:var(--accent);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.pr-grid .pr-f:nth-child(1) .ic{--ic:url(/static/img/glass/ln/table.webp)}
.pr-grid .pr-f:nth-child(2) .ic{--ic:url(/static/img/glass/ln/movement.webp)}
.pr-grid .pr-f:nth-child(3) .ic{--ic:url(/static/img/glass/ln/signature.webp)}
.pr-grid .pr-f:nth-child(4) .ic{--ic:url(/static/img/glass/ln/stats.webp)}
/* 17.10 (Костя): свой радиус рядом с ±0.05 / ±0.10 */
.ob-rin{width:58px;height:24px;margin-left:4px;padding:0 6px;border-radius:7px;border:1px solid var(--border2);background:var(--panel2);
  color:var(--text);font:600 12px var(--sans);text-align:center;font-variant-numeric:tabular-nums;vertical-align:middle}
.ob-rin::placeholder{color:var(--muted)}
.ob-rin:focus{outline:none;border-color:var(--accent)}
.ob-rin.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel2))}
.ob-rin.bad{border-color:var(--red)}