/* Grounded briefing desk. All values use the shared design tokens. */
.ai-desk { display: grid; gap: var(--space-3xl); max-width: var(--content-max); margin-inline: auto; padding-block: var(--space-xl) var(--space-4xl); }
.ai-desk-hero, .ai-section-heading, .wr-ai-briefing, .ai-readiness, .ai-control-row, .wr-ai-briefing-action { align-items: center; display: flex; gap: var(--space-lg); }
.ai-desk-hero { align-items: end; justify-content: space-between; padding-block: var(--space-lg); border-bottom: var(--line-hairline) solid var(--border-subtle); }
.ai-desk-hero h1 { max-width: 24ch; margin-block: var(--space-sm); }
.ai-desk-hero > div:first-child > p:last-child { max-width: 64ch; color: var(--text-secondary); }
.ai-desk-stamp { display: grid; gap: var(--space-xs); min-width: 13rem; padding: var(--space-lg); border-inline-start: var(--line-emphasis) solid var(--color-ai); background: var(--bg-surface); color: var(--text-primary); }
.ai-desk-stamp svg { color: var(--color-ai); }
.ai-desk-stamp small { color: var(--text-tertiary); }
.ai-readiness { align-items: flex-start; justify-content: space-between; padding: var(--space-lg); border: var(--line-hairline) solid var(--border-subtle); border-inline-start: var(--line-emphasis) solid var(--color-ai); background: var(--bg-surface); }
.ai-readiness-mark { flex: 0 0 auto; color: var(--color-ai); }
.ai-readiness-copy { flex: 1 1 auto; }
.ai-readiness-copy h2 { margin-block: var(--space-xs); font-size: var(--font-size-section-title); }
.ai-readiness-copy p:last-child { max-width: 68ch; color: var(--text-secondary); }
.ai-readiness-facts { display: grid; gap: var(--space-sm); justify-items: end; color: var(--text-tertiary); font-size: var(--font-size-operational); }
.ai-boundary { display: inline-flex; align-items: center; gap: var(--space-xs); color: var(--color-ai); }
.ai-briefing-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(18rem, .8fr); gap: var(--space-xl); align-items: start; }
.ai-briefing-paper, .ai-conversation, .ai-tool-shelf, .ai-timeline, .ai-tool-card { min-width: 0; border: var(--line-hairline) solid var(--border-subtle); background: var(--bg-surface); }
.ai-briefing-paper { padding: var(--space-3xl); border-block-start: var(--line-emphasis) solid var(--color-ai); }
.ai-conversation { padding: var(--space-xl); background: var(--bg-card); }
.ai-section-heading { justify-content: space-between; align-items: flex-start; }
.ai-section-heading h2 { margin-block: var(--space-xs) var(--space-lg); }
.ai-section-heading > svg { color: var(--color-ai); }
.ai-read-only { display: inline-flex; align-items: center; gap: var(--space-xs); color: var(--text-tertiary); font-size: var(--font-size-operational); white-space: nowrap; }
.ai-briefing-summary { max-width: 70ch; margin-block: var(--space-sm) var(--space-lg); color: var(--text-primary); font-size: var(--font-size-section-title); line-height: 1.6; }
.ai-as-of { display: flex; align-items: center; gap: var(--space-sm); color: var(--text-tertiary); font-size: var(--font-size-operational); }
.ai-briefing-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xl); margin-block: var(--space-xl); padding-block: var(--space-lg); border-block: var(--line-hairline) solid var(--border-subtle); }
.ai-briefing-columns h3, .ai-evidence h3 { display: flex; align-items: center; gap: var(--space-sm); font-size: var(--font-size-control); }
.ai-briefing-columns ul, .ai-evidence ul { display: grid; gap: var(--space-sm); margin: var(--space-md) 0 0; padding-inline-start: var(--space-xl); color: var(--text-secondary); }
.ai-caveat { padding: var(--space-md); border-inline-start: var(--line-emphasis) solid var(--status-pending); background: var(--bg-elevated); color: var(--text-secondary); }
.ai-evidence { margin-block-start: var(--space-xl); }
.ai-evidence li { display: grid; gap: var(--space-xs); }
.ai-evidence small { color: var(--text-tertiary); }
.ai-state { display: grid; gap: var(--space-md); padding: var(--space-xl); background: var(--bg-elevated); color: var(--text-secondary); }
.ai-state-error { border-inline-start: var(--line-emphasis) solid var(--status-urgent); }
.ai-state-empty { border-inline-start: var(--line-emphasis) solid var(--color-ai); }
.ai-conversation-list { display: grid; gap: var(--space-md); margin: 0 0 var(--space-xl); padding: 0; list-style: none; }
.ai-conversation-list li { padding-block-end: var(--space-md); border-block-end: var(--line-hairline) solid var(--border-subtle); }
.ai-conversation-list p { margin-block: var(--space-xs); color: var(--text-secondary); }
.ai-conversation-list .ai-question { color: var(--text-primary); font-weight: 600; }
.ai-conversation-list small { color: var(--text-tertiary); }
.ai-question-form { display: grid; gap: var(--space-sm); }
.ai-question-form textarea { min-height: 6rem; resize: vertical; }
.ai-tool-shelf { padding: var(--space-xl); }
.ai-tool-grid, .ai-generative-grid, .ai-me-support { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-lg); }
.ai-tool-card { padding: var(--space-lg); background: var(--bg-card); }
.ai-tool-card h3 { display: flex; align-items: center; gap: var(--space-sm); margin-block: 0 var(--space-md); }
.ai-tool-card > p { color: var(--text-secondary); }
.ai-control-row { align-items: stretch; flex-wrap: wrap; margin-block: var(--space-md); }
.ai-control-row input, .ai-control-row select { min-width: 10rem; flex: 1 1 10rem; }
.ai-control-row input[type=file] { min-width: 15rem; }
.ai-checks { display: grid; gap: var(--space-sm); padding: 0; list-style: none; }
.ai-check { display: grid; gap: var(--space-xs); padding: var(--space-sm); border-inline-start: var(--line-emphasis) solid var(--status-pending); background: var(--bg-elevated); }
.ai-check-error { border-inline-start-color: var(--status-urgent); }
.ai-result { margin-block: var(--space-md); padding: var(--space-md); border-inline-start: var(--line-emphasis) solid var(--color-ai); background: var(--bg-elevated); }
.ai-timeline { padding: var(--space-xl); }
.ai-timeline-mobile, .ai-timeline-all { display: none; }
.ai-generative-grid { margin-block-start: 0; }
.ai-me-support { margin-block-start: var(--space-xs); }
.wr-ai-briefing { align-items: stretch; gap: var(--space-lg); margin-block: var(--space-xl); padding: var(--space-xl); border: var(--line-hairline) solid var(--border-subtle); border-inline-start: var(--line-emphasis) solid var(--color-ai); background: var(--bg-surface); }
.wr-ai-briefing-mark { flex: 0 0 auto; color: var(--color-ai); }
.wr-ai-briefing-copy { flex: 1 1 auto; }
.wr-ai-briefing-copy h2 { margin-block: var(--space-xs); }
.wr-ai-briefing-copy p { max-width: 70ch; color: var(--text-secondary); }
.wr-ai-briefing-action { align-items: flex-end; flex-direction: column; justify-content: center; }
.ai-secondary-link { display: inline-flex; align-items: center; gap: var(--space-sm); color: var(--color-ai); font-size: var(--font-size-operational); }
@media (max-width: 64rem) { .ai-briefing-grid { grid-template-columns: 1fr; } .ai-desk-hero { align-items: flex-start; } .wr-ai-briefing { align-items: flex-start; } }
@media (max-width: 45rem) { .ai-desk { gap: var(--space-lg); padding-block: var(--space-md) var(--space-3xl); } .ai-desk-hero, .ai-readiness, .wr-ai-briefing { display: grid; } .ai-desk-stamp, .ai-readiness-facts { justify-items: start; min-width: 0; } .ai-briefing-paper, .ai-conversation, .ai-tool-shelf, .ai-timeline, .ai-tool-card { padding: var(--space-lg); } .ai-briefing-columns, .ai-tool-grid, .ai-generative-grid, .ai-me-support { grid-template-columns: 1fr; } .ai-control-row, .wr-ai-briefing-action { align-items: stretch; flex-direction: column; } .ai-control-row input, .ai-control-row select, .ai-control-row input[type=file] { flex: 0 1 auto; } .ai-control-row input, .ai-control-row select, .ai-control-row input[type=file], .ai-control-row .btn, .wr-ai-briefing-action .btn { width: 100%; min-width: 0; } .ai-timeline > .ai-timeline-table { display: none; } .ai-timeline-mobile { display: grid; gap: var(--space-md); margin: 0; padding: 0; list-style: none; } .ai-timeline-mobile li { display: grid; gap: var(--space-xs); padding-block-end: var(--space-md); border-block-end: var(--line-hairline) solid var(--border-subtle); } .ai-timeline-mobile li > div { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm); color: var(--text-tertiary); font-size: var(--font-size-operational); } .ai-timeline-mobile strong { color: var(--text-primary); font-size: var(--font-size-body); } .ai-timeline-mobile small { color: var(--text-secondary); font-size: var(--font-size-operational); } .ai-timeline-all { display: block; margin-block-start: var(--space-lg); } .ai-timeline-all summary { min-height: var(--touch-target); display: flex; align-items: center; padding: var(--space-sm) 0; color: var(--color-ai); cursor: pointer; font-size: var(--font-size-control); font-weight: 700; } .ai-timeline-all[open] .table-wrap { margin-block-start: var(--space-md); } }