/* project-page.css — страница проекта: split-view слой над сферой (Фил 04.10).
   Канон: HIG split-views (leading=состав · detail=содержимое · thin divider 1pt ·
   persistent selection), sidebars (коллекции), LG regular над контентом.
   Токены — theme.css/design-tokens.css; здесь только слой .pp. */
.pp{position:fixed;inset:0;z-index:24;display:grid;place-items:center;
  background:var(--scrim);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.pp-panel{width:min(1180px,94vw);height:min(82vh,860px);display:grid;
  grid-template-columns:280px 1px 1fr;border-radius:var(--r-surface);
  background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--sep),0 28px 80px rgba(30,48,74,.24);
  overflow:hidden;animation:pp-in .28s cubic-bezier(.2,1,.3,1)}
@keyframes pp-in{from{opacity:0;transform:scale(.965) translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pp-panel{animation:none}}

/* ── leading pane ── */
.pp-side{overflow-y:auto;padding:18px 10px 24px;scrollbar-width:thin}
.pp-sec{margin-bottom:18px}
.pp-sec-label{display:block;font-size:var(--fs-11);font-weight:590;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-3);padding:0 10px 7px}
.pp-row{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:0;
  background:transparent;border-radius:var(--r-field);padding:7px 10px;cursor:pointer;
  color:var(--ink);font:inherit;font-size:var(--fs-13);line-height:1.3;
  transition:background .15s}
.pp-row:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}
.pp-row.is-selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}
.pp-row-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-avatar{flex:none;width:26px;height:26px;border-radius:999px;display:grid;place-items:center;
  background:var(--chip);color:var(--ink-2);font-size:var(--fs-11);font-weight:600;
  letter-spacing:var(--tr-11)}
.pp-doc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:var(--ink)}
.pp-shared{flex:none;font-size:var(--fs-11);color:var(--ink-3);letter-spacing:var(--tr-11);
  max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-link-row.pp-hit .pp-shared{color:var(--accent);font-weight:590}
.pp-empty{font-size:var(--fs-13);color:var(--ink-3);padding:6px 10px}

/* thin divider (split-views.md:39 — one point) */
.pp-divider{background:var(--sep);width:1px;height:100%}

/* ── detail pane ── */
.pp-main{display:flex;flex-direction:column;min-width:0}
.pp-head{display:flex;align-items:flex-start;gap:14px;padding:22px 30px 6px}
.pp-back{flex:none;height:var(--ctl-s);padding:0 13px;border:0;border-radius:999px;background:transparent;
  color:var(--accent);font:inherit;font-size:var(--fs-13);font-weight:590;cursor:pointer;
  transition:background .15s}
.pp-back:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
.pp-head-text{flex:1;min-width:0}
.pp-kind{display:block;font-size:var(--fs-11);font-weight:590;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}
.pp-title{font-size:var(--fs-26);line-height:1.15;letter-spacing:var(--tr-26);
  font-weight:700;color:var(--ink);margin:0;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-meta{display:flex;gap:14px;flex-wrap:wrap;padding:8px 30px 14px;
  font-size:var(--fs-12);color:var(--ink-2)}
.pp-src{color:var(--ink-3);font-variant-numeric:tabular-nums}
.pp-body{flex:1;overflow-y:auto;padding:4px 30px 28px;scrollbar-width:thin;
  max-width:760px}
.pp-para{font-size:var(--fs-15);line-height:1.55;color:var(--ink);margin:0 0 12px}
.pp-quiet{color:var(--ink-3)}

@media(max-width:820px){
 /* compact (split-views.md:21): split уходит в один столбец — состав сверху */
 .pp-panel{grid-template-columns:1fr;grid-template-rows:auto 1px 1fr;height:min(88vh,900px)}
 .pp-side{max-height:32vh;border-bottom:1px solid var(--sep)}
}