/* advisor.css -- the conversation page, on top of intake.css's palette. */
.turns { list-style: none; padding: 0; margin: 0 0 1rem; }
.turn { padding: .75rem 1rem; border: 1px solid var(--line); border-radius: 8px;
        margin: .5rem 0; background: var(--card); }
.turn.user { background: transparent; border-style: dashed; }
.turn.advisor .meta { margin-bottom: .25rem; }
.turn.error { border-color: var(--err); color: var(--err); }
.badge { display: inline-block; font-size: .75rem; padding: .05rem .45rem;
         border: 1px solid var(--line); border-radius: 999px; margin-right: .35rem;
         color: var(--ink-soft); }
.badge.mark { border-color: var(--notread); color: var(--notread); }
.meta .source { font-size: .75rem; color: var(--ink-soft); margin-right: .35rem; }
.turn.abstain { border-left: 4px solid var(--notread); }
.gap { border-left: 3px solid var(--notread); padding-left: .6rem; color: var(--ink); }
.degraded { border-left: 3px solid var(--err); padding-left: .6rem; }
.budget, .conditional { color: var(--ink-soft); font-size: .9rem; }
details.tier { margin-top: .4rem; }
details.tier summary { cursor: pointer; color: var(--accent); }
details.tier h3 { font-size: .85rem; margin: .5rem 0 .2rem; }
.sr { position: absolute; left: -9999px; }
#message { flex: 1 1 auto; min-width: 12rem; }
/* FLAIR (ROK_FLAIR): the SOW-Verified badge. Brand Kit v1_4 gold; the mark is an <img>
   of the brand file, never redrawn in CSS. It closes the answer: alone at the turn's
   bottom-right, below any floated card, behind a 120 px gold hairline that fades out to
   the left (the founder's preview of the seal mock's B, Lane A D63). */
.sow-seal { display: flex; align-items: center; justify-content: flex-end; gap: 10px;
            clear: both; margin-top: .5rem; }
.sow-rule { flex: 0 1 120px; height: 1px;
            background: linear-gradient(to left, rgba(200, 163, 90, .55), transparent); }
.sow-badge { display: inline-flex; align-items: center; gap: .3rem;
             font-size: .75rem; padding: .05rem .45rem; border: 1px solid #C8A35A;
             border-radius: .6rem; color: #C8A35A; }
.sow-badge img { display: block; }
/* presentation wave: verdict first, the rest folded */
.turn.presented .verdict { font-weight: 600; margin: .2rem 0 .4rem; }
.turn.presented .refusal p { margin: .25rem 0; }
.turn.presented .refusal-rephrase { color: var(--accent); }
.turn.presented .gaps { border-left: 3px solid var(--notread); padding-left: .6rem; margin: .4rem 0; }
.turn.presented .gaps h4 { font-size: .85rem; margin: .1rem 0; color: var(--ink-soft); }
.turn.presented .gaps ul { margin: .2rem 0; padding-left: 1rem; }
/* the guide label set apart from the guide's sentence: visual separation only */
.guide-label { display: block; margin-bottom: .2rem; }
/* U6 board tables (contract_view): a real table on desktop; on a phone each row stacks
   into label/value lines. The label is a real element in each cell (CSS writes no text). */
.board { overflow-x: auto; margin: .4rem 0 .6rem; }
.board table { border-collapse: collapse; width: 100%; font-size: .92rem; }
.board th, .board td { text-align: left; padding: .3rem .5rem; border-bottom: 1px solid var(--line); }
.board th { color: var(--ink-soft); font-weight: 600; }
.board .num { text-align: right; font-variant-numeric: tabular-nums; }
.board .cell-label { display: none; }
.turn.contract .banner { border-left: 3px solid var(--accent); padding-left: .6rem; }
.turn.contract .ref { margin-left: .4rem; color: var(--ink-soft); font-size: .85rem; }
.turn.contract .fork { color: var(--ink-soft); font-size: .9rem; margin-top: -.3rem; }
/* D68-21: the one Read more line, after the verdict, before the ask-back; its own line, quiet */
.turn.contract .read-more { margin: .5rem 0 .2rem; font-size: .92rem; }
.turn.contract .read-more a { color: var(--accent); text-underline-offset: 2px; }
@media (max-width: 600px) {
  .board thead { display: none; }
  .board table, .board tbody, .board tr, .board td { display: block; width: 100%; }
  .board tr { border-bottom: 1px solid var(--line); padding: .3rem 0; }
  .board td { border: 0; padding: .1rem 0; text-align: left; }
  .board .cell-label { display: block; font-size: .75rem; color: var(--ink-soft); }
}