@import url("/assets/palet-kanon.css");
/* SALON · la salle de lecture Yorgo dans le shell (2026-10-06).
   Source : control/design/yorgo-maquette/okuma-salonu.html (verdict VERT par délégation) et
   control/kararlar/KESIM_2026-10-06_YORGO_PALET_VE_GECE_ARSIVI.md. Une couche sur le DOM existant :
   aucun contrôleur, aucun moteur. Couleurs : jetons seulement (zarif-v15.css :root). Portée : #shell. */

/* ── MASA · l'historique : une liste à filets, l'actif en shiraz ─────────────────────────── */
#shell .surface-side-search{border:0;border-bottom:1px solid var(--hair);border-radius:0;background:transparent;margin-inline:16px;padding-inline:0}
#shell .history-item{border-radius:0;border-bottom:1px solid var(--hair);background:transparent;box-shadow:none;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.35;padding:10px 0;margin-inline:16px;width:auto}
#shell .history-item:hover{background:transparent;color:var(--shiraz)}
#shell .history-item.active{color:var(--shiraz);background:transparent;box-shadow:none;border-radius:0}
#shell .history-item.active .history-item-title::before{content:"● ";font-size:9px;vertical-align:2px}
#shell .side-label{letter-spacing:.18em}

/* ── DOSYA · la question est le titre de la pièce ; pas de bulle ─────────────────────────── */
#shell .msg.user{align-self:flex-start;max-width:min(100%,28ch)}
#shell .msg.user .body{background:none;border:0;border-radius:0;padding:0;margin:0;color:var(--ink);font-family:var(--font);font-weight:600;font-size:26px;line-height:1.22;text-wrap:balance}
#shell .msg.assistant .body p{max-width:62ch}
#shell .msg.assistant .body sup a,#shell .p1-dipnot sup{color:var(--shiraz)}

/* Les notes au pied : ordonnées, ouvertes, chacune avec sa source */
#shell .kaynak-panel{margin-top:28px;padding-top:14px;border-top:1px solid var(--hair)}
#shell .kaynak-panel>summary:before{content:none}
/* Ouvertes, pas repliables : sans marqueur, le titre ne doit plus replier les notes (défaut mobile mesuré, 390 px). */
#shell .kaynak-panel>summary{cursor:default;min-height:0;margin-bottom:6px;pointer-events:none}
#shell .surface-inline-source{padding:10px 0;border-bottom:0;font-size:15px;line-height:1.5}
#shell .surface-inline-source .no{font-family:var(--font-ui);color:var(--shiraz)}

/* ── KASA · le tiroir : surface relevée, sans ombre, s'ouvre comme un tiroir ────────────── */
#shell #sourceVitrine{background:var(--perde);box-shadow:none;transition:opacity 140ms var(--ease),transform 140ms var(--ease)}
#shell .surface-context-tabs button,#shell .surface-context-tabs a{border-radius:0}

/* ── Mobile ≤ 600 px : la question prend la colonne ; l'état de la source passe sous son titre ── */
@media (max-width:600px){
#shell .msg.user{max-width:100%}
#shell .surface-inline-citation{grid-template-columns:24px minmax(0,1fr)}
#shell .surface-inline-citation>.source-state{grid-column:2}
#shell .surface-inline-source>.surface-source-note{margin-inline-start:36px}
}

@media (prefers-reduced-motion:reduce){#shell #sourceVitrine{transition:none}}