/* =====================================================================
   VetCardio — индивидуальные стили разделов (ADD-only, 30.10.2026)
   Библиотека — бирюзовая, Boosty — фирменная оранжевая, Наука — фиолетовая.
   Всё scoped к .view-library / .view-boosty / .view-science и к активной
   вкладке меню. Рентген (зелёный) и Аускультация (бордовая) не затронуты.
   ===================================================================== */

/* ---------- палитры (переопределяем токены локально, как у .view-auscult) ---------- */
.view-library{
  --bg:#f3faf9; --bg-2:#e3f3f1;
  --panel:rgba(255,255,255,0.97); --panel-2:rgba(236,248,246,0.92);
  --ink:#0d2624; --muted:#4b6866; --faint:#7d9a97;
  --line:rgba(13,148,136,0.16); --line-2:rgba(13,148,136,0.32);
  --green:#0d9488; --green-2:#0f766e; --green-soft:rgba(13,148,136,0.10);
  --shadow:0 18px 44px rgba(10,80,74,0.13);
}
[data-theme="dark"] .view-library{
  --bg:#081816; --bg-2:#0b201d;
  --panel:rgba(14,34,31,0.94); --panel-2:rgba(12,29,27,0.9);
  --ink:#e6f6f3; --muted:#a3c4bf; --faint:#6f908b;
  --line:rgba(45,212,191,0.16); --line-2:rgba(45,212,191,0.32);
  --green:#2dd4bf; --green-2:#5eead4; --green-soft:rgba(45,212,191,0.12);
  --shadow:0 20px 60px rgba(0,0,0,0.5);
}
.view-boosty{
  --bg:#fff8f4; --bg-2:#fdeee5;
  --panel:rgba(255,255,255,0.97); --panel-2:rgba(255,244,237,0.92);
  --ink:#2b1408; --muted:#7a5643; --faint:#a88a7a;
  --line:rgba(241,95,44,0.16); --line-2:rgba(241,95,44,0.32);
  --green:#ea580c; --green-2:#c2410c; --green-soft:rgba(241,95,44,0.10);
  --shadow:0 18px 44px rgba(140,50,10,0.13);
}
[data-theme="dark"] .view-boosty{
  --bg:#1a0f09; --bg-2:#22130b;
  --panel:rgba(40,23,14,0.94); --panel-2:rgba(32,19,12,0.9);
  --ink:#fbeee6; --muted:#d3ad98; --faint:#957563;
  --line:rgba(255,138,76,0.18); --line-2:rgba(255,138,76,0.34);
  --green:#ff8a4c; --green-2:#ffab7a; --green-soft:rgba(255,138,76,0.13);
  --shadow:0 20px 60px rgba(0,0,0,0.5);
}
.view-science{
  --bg:#f7f5fe; --bg-2:#ece8fc;
  --panel:rgba(255,255,255,0.97); --panel-2:rgba(243,240,254,0.92);
  --ink:#1a1336; --muted:#5d5680; --faint:#8d87ab;
  --line:rgba(109,63,209,0.15); --line-2:rgba(109,63,209,0.3);
  --green:#6d3fd1; --green-2:#5a2fb8; --green-soft:rgba(109,63,209,0.10);
  --shadow:0 18px 44px rgba(60,30,140,0.13);
}
[data-theme="dark"] .view-science{
  --bg:#110d22; --bg-2:#16112c;
  --panel:rgba(27,21,52,0.94); --panel-2:rgba(22,17,44,0.9);
  --ink:#efeafd; --muted:#b9b0dc; --faint:#8279a8;
  --line:rgba(167,139,250,0.17); --line-2:rgba(167,139,250,0.33);
  --green:#a78bfa; --green-2:#c4b5fd; --green-soft:rgba(167,139,250,0.13);
  --shadow:0 20px 60px rgba(0,0,0,0.5);
}
.view-library,.view-boosty,.view-science{
  color:var(--ink); padding-bottom:28px;
  background:radial-gradient(900px 520px at 84% -10%, var(--green-soft), transparent 60%),
             linear-gradient(180deg,var(--bg),var(--bg-2));
}
.view-library .page-title,.view-boosty .page-title,.view-science .page-title{color:var(--ink)}
.view-library .eyebrow,.view-boosty .eyebrow,.view-science .eyebrow{color:var(--green-2)}
.view-library .btn-primary,.view-boosty .btn-primary,.view-science .btn-primary{
  background:var(--green);border-color:var(--green);color:#fff}
[data-theme="dark"] .view-library .btn-primary,[data-theme="dark"] .view-boosty .btn-primary,
[data-theme="dark"] .view-science .btn-primary{color:#0b0b12}

/* активная вкладка меню в цвете раздела */
.navlink.active[data-nav="library"]{color:#0f766e;background:rgba(13,148,136,0.12)}
.navlink.active[data-nav="boosty"]{color:#c2410c;background:rgba(241,95,44,0.12)}
.navlink.active[data-nav="science"]{color:#5a2fb8;background:rgba(109,63,209,0.12)}
[data-theme="dark"] .navlink.active[data-nav="library"]{color:#5eead4;background:rgba(45,212,191,0.14)}
[data-theme="dark"] .navlink.active[data-nav="boosty"]{color:#ffab7a;background:rgba(255,138,76,0.14)}
[data-theme="dark"] .navlink.active[data-nav="science"]{color:#c4b5fd;background:rgba(167,139,250,0.14)}

/* общий блок «что здесь» под заголовком */
.vcs-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.vcs-fact{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:99px;
  background:var(--panel);border:1px solid var(--line);font-size:.84rem;color:var(--muted)}
.vcs-fact b{color:var(--ink);font-family:var(--mono);font-size:.9rem}
.vcs-fact i{width:9px;height:9px;border-radius:50%;flex:none;background:var(--c,var(--green))}
a.vcs-fact{cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}
a.vcs-fact:hover{border-color:var(--green);color:var(--green-2)}

/* =========================== БИБЛИОТЕКА =========================== */
.view-library .lib-chip.on{background:var(--green);border-color:var(--green)}
#libRoot.vcl-on > .lib-chips{display:none}
.vcl-topics{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:2px 0 18px}
.vcl-topic{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;
  box-shadow:0 1px 2px rgba(0,0,0,.04)}
.vcl-topic-h{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.vcl-topic-ic{width:36px;height:36px;flex:none;border-radius:11px;display:grid;place-items:center;
  background:var(--green-soft);color:var(--green-2)}
.vcl-topic-ic svg{width:20px;height:20px}
.vcl-topic-t{font-weight:800;font-size:1rem;line-height:1.25}
.vcl-topic-n{margin-left:auto;font-family:var(--mono);font-weight:700;font-size:.82rem;color:var(--green-2)}
.vcl-topic-sub{font-size:.8rem;color:var(--faint);margin:0 0 10px 46px;line-height:1.4}
.vcl-pills{display:flex;flex-wrap:wrap;gap:6px}
.vcl-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:transparent;
  color:var(--ink);border-radius:99px;padding:6px 11px;font:600 .8rem/1 var(--font);cursor:pointer;transition:.15s}
.vcl-pill span{font-family:var(--mono);font-size:.72rem;color:var(--green-2)}
.vcl-pill:hover{background:var(--green);border-color:var(--green);color:#fff}
.vcl-pill:hover span{color:#fff}
[data-theme="dark"] .vcl-pill:hover,[data-theme="dark"] .vcl-pill:hover span{color:#06201d}

.vcl-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 18px;font-size:.82rem;color:var(--muted)}
.vcl-legend .lib-badge{position:static;display:inline-block;margin-right:5px}

.vcl-group{margin:6px 0 30px}
.vcl-group-h{display:flex;align-items:center;gap:12px;padding:0 0 10px;margin:0 0 14px;
  border-bottom:2px solid var(--line-2)}
.vcl-group-h h3{font-size:1.25rem;font-weight:800;line-height:1.2}
.vcl-group-h .vcl-topic-ic{width:40px;height:40px}
.vcl-shelf{margin:0 0 22px;scroll-margin-top:calc(var(--nav-h) + 16px)}
.vcl-shelf-h{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.vcl-shelf-h h4{font-size:1rem;font-weight:700;color:var(--green-2)}
.vcl-shelf-h .n{font-family:var(--mono);font-size:.78rem;color:var(--faint)}
.vcl-up{margin-left:auto;font-size:.78rem;color:var(--faint);text-decoration:none;cursor:pointer}
.vcl-up:hover{color:var(--green-2)}
.vcl-shelf .lib-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
#vclTop{scroll-margin-top:calc(var(--nav-h) + 16px)}

/* ============================== BOOSTY ============================== */
.view-boosty .bo-banner-art{background:
  radial-gradient(420px 160px at 82% 30%, rgba(255,138,76,.55), transparent 70%),
  radial-gradient(360px 140px at 18% 90%, rgba(241,95,44,.35), transparent 70%),
  linear-gradient(120deg,#2a140b,#4a1f0e 55%,#2a140b)}
.view-boosty .bo-avatar{background:linear-gradient(135deg,#f97316,#c2410c)}
.view-boosty .bo-tier-hot{border-color:var(--green);background:var(--green-soft)}
.view-boosty .bo-tier-badge{background:var(--green)}
.view-boosty .bo-post-item.vcb-open .bo-post-lock{background:rgba(22,163,74,.12);color:#15803d}
[data-theme="dark"] .view-boosty .bo-post-item.vcb-open .bo-post-lock{background:rgba(74,222,128,.14);color:#86efac}
.view-boosty .bo-post-item.vcb-open .bo-post{border-left:3px solid #22c55e}
.view-boosty .bo-post-item.vcb-paid .bo-post{border-left:3px solid var(--green)}
.vcb-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 12px;font-size:.8rem;color:var(--muted)}
.vcb-legend span{display:inline-flex;align-items:center;gap:6px}
.vcb-legend i{width:10px;height:10px;border-radius:3px;background:var(--c)}

/* ============================== НАУКА =============================== */
.view-science .pub-item{border-left:4px solid var(--tc,var(--green))}
.view-science .pub-item .pub-badge{background:color-mix(in srgb,var(--tc,var(--green)) 14%,transparent);color:var(--tc,var(--green-2))}
.view-science .pub-chip{display:inline-flex;align-items:center;gap:6px}
.view-science .pub-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tc,var(--green))}
.view-science .pub-chip[data-topic="all"]::before{background:conic-gradient(#3b82f6,#06b6d4,#8b5cf6,#ef4444,#ec4899,#10b981,#3b82f6)}
.view-science .pub-chip.active{background:var(--tc,var(--green));border-color:var(--tc,var(--green));color:#fff}
.view-science .pub-chip.active::before{background:#fff}
.view-science [data-topic="morphology"]{--tc:#2563eb}
.view-science [data-topic="pulmonary"]{--tc:#0891b2}
.view-science [data-topic="metabolism"]{--tc:#7c3aed}
.view-science [data-topic="myocarditis"]{--tc:#dc2626}
.view-science [data-topic="oncology"]{--tc:#db2777}
.view-science [data-topic="electro"]{--tc:#059669}
[data-theme="dark"] .view-science [data-topic="morphology"]{--tc:#60a5fa}
[data-theme="dark"] .view-science [data-topic="pulmonary"]{--tc:#22d3ee}
[data-theme="dark"] .view-science [data-topic="metabolism"]{--tc:#a78bfa}
[data-theme="dark"] .view-science [data-topic="myocarditis"]{--tc:#f87171}
[data-theme="dark"] .view-science [data-topic="oncology"]{--tc:#f472b6}
[data-theme="dark"] .view-science [data-topic="electro"]{--tc:#34d399}
[data-theme="dark"] .view-science .pub-chip.active{color:#0b0b12}
[data-theme="dark"] .view-science .pub-chip.active::before{background:#0b0b12}
.view-science .sp-orcid{color:#a6ce39}
.view-science .sci-groups-wrap{scroll-margin-top:calc(var(--nav-h) + 16px)}
#pubList{scroll-margin-top:calc(var(--nav-h) + 16px)}

@media (max-width:600px){
  .vcl-topics{grid-template-columns:1fr}
  .vcl-shelf .lib-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.vcl-pill,a.vcs-fact{transition:none}}