:root {
  --ink: #16231c;
  --muted: #66756d;
  --paper: #f5f1eb;
  --surface: #ffffff;
  --line: #dfe6dc;
  --brand: #2c1912;
  --brand-soft: #efe6de;
  --accent: #b86a43;
  --danger: #a93f3f;
  --danger-soft: #f9e8e5;
  --warning: #8a641f;
  --warning-soft: #fff4d9;
  --success: #27724e;
  --success-soft: #e6f4eb;
  --shadow: 0 18px 50px rgba(33, 54, 43, .08);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); line-height: 1.55; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: .15rem; font-size: clamp(1.25rem, 3vw, 1.75rem); }
h2 { margin-bottom: .35rem; font-size: clamp(1.25rem, 2.4vw, 1.7rem); letter-spacing: -.02em; }
h3 { margin-bottom: .35rem; font-size: 1rem; }

.app-header { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem clamp(1rem, 4vw, 3.5rem); color: #fff; background: rgba(24, 79, 57, .97); backdrop-filter: blur(14px); }
.brand-block { display: flex; align-items: center; gap: .9rem; }
.brand-block p { margin: 0; color: rgba(255,255,255,.72); font-size: .84rem; }
.brand { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: 1rem; color: #fff; background: rgba(255,255,255,.13); text-decoration: none; font-size: .8rem; font-weight: 750; }
.session-actions { display: flex; align-items: center; gap: .75rem; }
.session-person { max-width: 17rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .9rem; }

.top-tabs { position: sticky; top: 5rem; z-index: 19; display: flex; gap: .35rem; padding: .65rem clamp(1rem, 4vw, 3.5rem); overflow-x: auto; background: rgba(255,255,255,.95); border-bottom: 1px solid var(--line); backdrop-filter: blur(12px); scrollbar-width: none; }
.top-tabs::-webkit-scrollbar { display: none; }
.top-tabs a { flex: 0 0 auto; padding: .55rem .8rem; border-radius: 999px; color: var(--muted); text-decoration: none; font-size: .9rem; font-weight: 650; }
.top-tabs a:hover, .top-tabs a:focus-visible { color: var(--brand); background: var(--brand-soft); outline: none; }

.workspace { width: min(1240px, calc(100% - 2rem)); margin: 1.5rem auto 5rem; }
.hero-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 1.3fr); gap: 2rem; padding: clamp(1.4rem, 4vw, 2.7rem); color: #fff; background: linear-gradient(135deg, #173f31, #226b4b 70%, #3c8060); border-radius: 1.6rem; box-shadow: var(--shadow); }
.hero-panel p { color: rgba(255,255,255,.76); }
.hero-panel .eyebrow { color: #cde7d7; }
.metric-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem; }
.metric { min-height: 6.5rem; padding: 1rem; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.16); border-radius: 1rem; }
.metric strong { display: block; font-size: 1.7rem; line-height: 1.1; }
.metric span { display: block; margin-top: .45rem; color: rgba(255,255,255,.75); font-size: .84rem; }

.workspace-section { scroll-margin-top: 9rem; margin-top: 1.3rem; padding: clamp(1.15rem, 3vw, 2rem); background: var(--surface); border: 1px solid var(--line); border-radius: 1.35rem; box-shadow: 0 10px 32px rgba(33,54,43,.045); }
.split-section { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1.25rem; }
.split-section > div { min-width: 0; }
.section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.section-heading.compact { margin-bottom: .7rem; }
.section-heading p { margin-bottom: 0; color: var(--muted); }
.eyebrow { margin: 0 0 .35rem; color: var(--brand); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.muted { color: var(--muted); }

.panel { margin: 1rem 0; padding: 1rem; background: #fbfcfa; border: 1px solid var(--line); border-radius: 1rem; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .85rem; }
.form-grid label, .inline-form label { display: grid; gap: .35rem; color: #405148; font-size: .84rem; font-weight: 700; }
.form-grid input, .form-grid textarea, .form-grid select, .inline-form input { width: 100%; padding: .75rem .8rem; color: var(--ink); background: #fff; border: 1px solid #cbd6ce; border-radius: .7rem; outline: none; font-weight: 450; }
.form-grid textarea { resize: vertical; }
.form-grid input:focus, .form-grid textarea:focus, .form-grid select:focus, .inline-form input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(24,79,57,.12); }
.span-2 { grid-column: 1 / -1; }
.form-actions { display: flex; align-items: center; gap: .6rem; align-self: end; }
.form-status { min-height: 1.3rem; margin: 0; color: var(--muted); font-size: .86rem; }
.form-status.error { color: var(--danger); }
.inline-form { display: flex; gap: .5rem; align-items: end; margin: .75rem 0; }
.inline-form label { flex: 1; }
.is-collapsed, .is-hidden { display: none !important; }

.button { min-height: 2.55rem; padding: .62rem .9rem; border: 1px solid transparent; border-radius: .7rem; cursor: pointer; font-weight: 720; transition: transform .15s ease, background .15s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { opacity: .55; cursor: not-allowed; transform: none; }
.button.primary { color: #fff; background: var(--brand); }
.button.secondary { color: var(--brand); background: var(--brand-soft); border-color: #c8dfd0; }
.button.tertiary { color: var(--brand); background: #fff; border-color: #bfd0c5; }
.button.ghost { color: inherit; background: transparent; border-color: rgba(255,255,255,.3); }
.panel .button.ghost, .workspace-section .button.ghost { color: var(--muted); border-color: var(--line); }
.button.danger { color: var(--danger); background: var(--danger-soft); }
.button.wide { width: 100%; }

.stack-list { display: grid; gap: .75rem; }
.item-card { padding: 1rem; background: #fff; border: 1px solid var(--line); border-radius: 1rem; }
.item-card.highlight { border-color: #e4bd8f; box-shadow: inset 4px 0 0 var(--accent); }
.item-top { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.item-meta { display: flex; flex-wrap: wrap; gap: .4rem .8rem; margin: .55rem 0 0; color: var(--muted); font-size: .8rem; }
.item-actions { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .8rem; }
.item-body { margin-top: .8rem; color: #33443b; white-space: pre-wrap; }
.item-body p:last-child { margin-bottom: 0; }
.field-label, .review-editor label { display: grid; gap: .3rem; margin-top: .7rem; color: #5c4a40; font-size: .76rem; font-weight: 700; }
.field-label input, .field-label textarea, .review-editor input, .review-editor textarea, .decision-comment, .decision-correction { width: 100%; padding: .7rem .75rem; color: var(--ink); background: #fff; border: 1px solid #d4c8be; border-radius: .7rem; outline: none; resize: vertical; }
.review-editor { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .2rem .75rem; margin-top: .8rem; padding-top: .8rem; border-top: 1px dashed var(--line); }
.review-editor > :nth-child(2), .review-editor > :nth-child(8), .review-editor > :nth-child(9), .review-editor > .item-actions { grid-column: 1/-1; }
.details { margin-top: .8rem; padding-top: .8rem; border-top: 1px dashed var(--line); }
.details summary { cursor: pointer; color: var(--brand); font-weight: 700; }
.evidence-list, .plain-list { margin: .55rem 0 0; padding-left: 1.2rem; color: #415047; }
.evidence-list li, .plain-list li { margin: .2rem 0; }

.state-pill { display: inline-flex; align-items: center; min-height: 1.65rem; padding: .25rem .55rem; border-radius: 999px; color: var(--brand); background: var(--brand-soft); font-size: .76rem; font-weight: 760; white-space: nowrap; }
.state-pill.warning { color: var(--warning); background: var(--warning-soft); }
.state-pill.danger { color: var(--danger); background: var(--danger-soft); }
.state-pill.success { color: var(--success); background: var(--success-soft); }
.state-pill.neutral { color: #59645e; background: #edf0ed; }
.empty-state { padding: 1.2rem; color: var(--muted); text-align: center; background: #fafbf9; border: 1px dashed #ccd6cf; border-radius: .9rem; }

.people-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.person-card { padding: 1rem; border: 1px solid var(--line); border-radius: 1rem; }
.role-chip { display: inline-block; margin: .25rem .25rem 0 0; padding: .2rem .45rem; color: var(--brand); background: var(--brand-soft); border-radius: .45rem; font-size: .75rem; }
.audit-card .card-heading > div > span { display: block; margin-top: .25rem; color: var(--muted); font-size: .86rem; }
.audit-summary { margin: 1rem 0; }
.cost-explanation { margin-bottom: 1.25rem; padding: 1rem 1.1rem; color: #244334; background: #eef6f0; border: 1px solid #c9ddce; border-radius: 1rem; }
.cost-explanation strong { display: block; margin-bottom: .3rem; font-size: 1.05rem; }
.cost-explanation p { margin: .25rem 0; color: #4f675a; line-height: 1.65; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin: 1.1rem 0 .65rem; }
.section-heading p, .section-heading h3 { margin: 0; }
.section-heading p { color: var(--brand); font-size: .75rem; font-weight: 750; }
.section-heading h3 { margin-top: .15rem; font-size: 1.05rem; }
.business-audit-list { display: grid; gap: .55rem; }
.business-audit-row { display: grid; grid-template-columns: 2.3rem 1fr; gap: .75rem; align-items: start; padding: .85rem 0; border-bottom: 1px solid var(--line); }
.business-audit-row:last-child { border-bottom: 0; }
.business-audit-icon { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; color: var(--brand); background: var(--brand-soft); border-radius: .75rem; font-size: .78rem; font-weight: 800; }
.business-audit-copy { display: grid; gap: .18rem; }
.business-audit-copy small { color: var(--muted); }
.business-audit-copy strong { font-size: .95rem; }
.business-audit-copy p { margin: 0; color: #53645a; line-height: 1.55; }
.technical-audit { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px dashed var(--line); }
.technical-audit > summary { cursor: pointer; color: var(--muted); font-size: .82rem; }
.technical-audit[open] > summary { margin-bottom: .75rem; }
.audit-list { max-height: 34rem; overflow: auto; border: 1px solid var(--line); border-radius: .8rem; }
.audit-row { display: grid; grid-template-columns: 4rem 1fr auto; gap: .6rem; padding: .65rem .75rem; border-bottom: 1px solid var(--line); font-size: .78rem; }
.audit-row:last-child { border-bottom: 0; }
.audit-row code { color: var(--muted); }
.toast { position: fixed; right: 1rem; bottom: 1rem; z-index: 50; max-width: min(26rem, calc(100vw - 2rem)); padding: .85rem 1rem; color: #fff; background: #263e32; border-radius: .8rem; box-shadow: var(--shadow); opacity: 0; transform: translateY(.5rem); pointer-events: none; transition: .2s ease; }
.toast.show { opacity: 1; transform: translateY(0); }
.toast.error { background: #8c3434; }

.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.app-shell { min-height: 100vh; }
.app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; width: 226px; padding: 1.55rem 1.1rem 1rem; color: #f9f4ef; background: #291811; }
.side-brand { display: flex; align-items: center; gap: .75rem; min-width: 0; }
.side-brand div { display: grid; min-width: 0; }
.side-brand strong { font-size: 1.05rem; }
.side-brand small { color: #a99b92; font-size: .72rem; }
.brand-mark { display: grid; place-items: center; flex: 0 0 2.55rem; width: 2.55rem; height: 2.55rem; border-radius: .55rem; color: #bc734b; background: #f6efe8; font-family: serif; font-size: 1rem; font-weight: 800; }
.side-nav { display: grid; gap: .25rem; margin: 2.3rem 0 1rem; }
.side-nav a { display: flex; align-items: center; gap: .75rem; min-height: 3rem; padding: .7rem .8rem; border-radius: .85rem; color: #cbbdb4; text-decoration: none; font-size: .92rem; font-weight: 650; }
.side-nav a span { width: 1.1rem; color: #9d8c82; text-align: center; }
.side-nav a:hover, .side-nav a.active { color: #2d1a13; background: #f6efe8; }
.side-nav a.active span { color: #985433; }
.nav-badge { display: none; min-width: 1.2rem; margin-left: auto; padding: .05rem .35rem; border-radius: 999px; color: #fff; background: #b7533d; font-size: .68rem; text-align: center; }
.nav-badge.visible { display: inline-block; }
.side-status { display: flex; align-items: center; gap: .65rem; margin-top: auto; padding: 1rem .55rem; border-top: 1px solid rgba(255,255,255,.11); border-bottom: 1px solid rgba(255,255,255,.11); }
.side-status i { width: .55rem; height: .55rem; border-radius: 50%; background: #65aa7a; box-shadow: 0 0 0 .25rem rgba(101,170,122,.12); }
.side-status div { display: grid; }
.side-status strong { font-size: .8rem; }
.side-status small { color: #9d8e85; font-size: .68rem; }
.profile-button { display: flex; align-items: center; gap: .7rem; width: 100%; padding: 1rem .55rem .25rem; color: inherit; background: transparent; border: 0; cursor: pointer; text-align: left; }
.profile-button > span { display: grid; place-items: center; width: 2.15rem; height: 2.15rem; border-radius: 50%; color: #fff; background: #b66b43; font-size: .65rem; }
.profile-button div { display: grid; }
.profile-button strong { font-size: .8rem; }
.profile-button small { color: #9d8e85; font-size: .68rem; }
.app-main { min-height: 100vh; margin-left: 226px; padding: 2rem clamp(1rem,3vw,3rem) 4rem; }
.mobile-header { display: none; }
.view { width: min(1220px,100%); margin: 0 auto; }
.page-heading { margin: .25rem 0 1.5rem; }
.page-heading > p, .card-heading p { margin: 0 0 .25rem; color: #a46644; font-size: .73rem; font-weight: 750; letter-spacing: .06em; }
.page-heading h1 { margin: 0; color: #251b17; font-size: clamp(1.6rem,3vw,2.25rem); letter-spacing: -.035em; }
.page-heading > span { display: block; margin-top: .35rem; color: var(--muted); }
.action-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.focus-grid { display: grid; grid-template-columns: 1.45fr .85fr; gap: 1rem; }
.focus-card, .content-card { padding: 1.25rem; background: rgba(255,255,255,.94); border: 1px solid #e5ddd5; border-radius: 1.15rem; box-shadow: 0 9px 30px rgba(49,30,20,.045); }
.focus-card.primary { min-height: 15rem; background: linear-gradient(145deg,#fffdf9,#f2e7dc); }
.focus-card h2 { margin-top: .45rem; }
.focus-card .button { margin-top: 1rem; }
.metric-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; margin: 1rem 0; }
.metric-tile { padding: 1rem; background: #fff; border: 1px solid #e5ddd5; border-radius: .95rem; }
.metric-tile strong { display: block; color: #281a14; font-size: 1.45rem; }
.metric-tile span { color: var(--muted); font-size: .78rem; }
.card-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.card-heading h2 { margin: 0; }
.text-link { color: #985433; font-size: .82rem; font-weight: 750; text-decoration: none; }
.content-card { margin-top: 1rem; }
.work-layout { display: grid; grid-template-columns: minmax(16rem,19rem) minmax(0,1fr); min-height: 42rem; overflow: hidden; background: rgba(255,255,255,.8); border: 1px solid #dfd6cd; border-radius: 1.2rem; box-shadow: var(--shadow); }
.conversation-rail { min-width: 0; padding: .85rem; background: #fbf8f4; border-right: 1px solid #e2d9d0; }
.rail-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .25rem .1rem .8rem; }
.rail-heading div { display: grid; }
.rail-heading small { color: var(--muted); font-size: .7rem; }
.rail-heading strong { font-size: .82rem; }
.button.dark { color: #fff; background: #2d1a13; }
.button.compact { min-height: 2.25rem; padding: .48rem .7rem; font-size: .78rem; }
.conversation-list { display: grid; gap: .42rem; max-height: 41rem; overflow-y: auto; }
.conversation-button { display: grid; grid-template-columns: 2rem minmax(0,1fr); gap: .6rem; width: 100%; padding: .72rem; color: inherit; background: transparent; border: 1px solid transparent; border-radius: .85rem; cursor: pointer; text-align: left; }
.conversation-button:hover, .conversation-button.active { background: #fff; border-color: #e4d9cf; box-shadow: 0 6px 16px rgba(49,30,20,.05); }
.conversation-initial { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .65rem; color: #fff; background: #b77b50; font-size: .72rem; font-weight: 800; }
.conversation-button.completed .conversation-initial { background: #6d9d7c; }
.conversation-copy { min-width: 0; }
.conversation-copy strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: .8rem; line-height: 1.45; }
.conversation-meta { display: flex; justify-content: space-between; gap: .5rem; margin-top: .25rem; color: var(--muted); font-size: .66rem; }
.conversation-main { position: relative; min-width: 0; padding: clamp(1rem,3vw,2rem); }
.new-conversation { display: grid; place-items: center; max-width: 45rem; min-height: 35rem; margin: auto; text-align: center; }
.new-conversation > p { max-width: 34rem; color: var(--muted); }
.agent-avatar, .timeline-avatar { display: grid; place-items: center; width: 2.3rem; height: 2.3rem; border-radius: .75rem; color: #fff; background: #ad876f; font-size: .75rem; font-weight: 800; }
.conversation-composer { width: 100%; margin-top: 1rem; padding: .85rem; background: #fff; border: 1px solid #d9cfc6; border-radius: 1rem; box-shadow: 0 12px 35px rgba(49,30,20,.08); text-align: left; }
.conversation-composer textarea { width: 100%; padding: .7rem; border: 0; outline: none; resize: vertical; }
.task-boundary { margin-top: .25rem; padding-top: .55rem; border-top: 1px solid #eee6de; }
.task-boundary summary { color: #8c6049; cursor: pointer; font-size: .75rem; font-weight: 700; }
.task-boundary .form-grid { margin-top: .8rem; }
.composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .65rem; padding-top: .65rem; border-top: 1px solid #eee6de; }
.composer-footer span { color: var(--muted); font-size: .7rem; }
.task-overview { padding: 1rem; background: #fbf7f1; border: 1px solid #e7dbcf; border-radius: 1rem; }
.task-overview h2 { margin: .4rem 0; font-size: 1.15rem; }
.summary-panel { margin: .8rem 0; padding: .85rem 1rem; background: #fff; border: 1px solid #e5ddd5; border-radius: .85rem; }
.summary-panel > summary { display: flex; justify-content: space-between; gap: 1rem; cursor: pointer; font-size: .8rem; }
.workflow-list { display: grid; gap: .5rem; margin-top: .75rem; }
.workflow-step { display: grid; grid-template-columns: 1.8rem minmax(0,1fr) auto; gap: .65rem; align-items: start; padding: .55rem 0; border-top: 1px solid #efe8e1; }
.workflow-step > span { display: grid; place-items: center; width: 1.65rem; height: 1.65rem; border-radius: 50%; background: #efe7de; font-size: .68rem; font-weight: 800; }
.workflow-step strong { display: block; font-size: .8rem; }
.workflow-step small { color: var(--muted); font-size: .68rem; }
.conversation-timeline { display: grid; gap: .9rem; padding: .85rem 0 6rem; }
.timeline-entry { display: grid; grid-template-columns: 2.4rem minmax(0,1fr); gap: .75rem; }
.timeline-entry.ceo .timeline-avatar { background: #bd6e46; border-radius: 50%; }
.timeline-bubble { padding: .85rem 1rem; background: #fff; border: 1px solid #e5ddd5; border-radius: 1rem; }
.timeline-bubble small { color: #a46b4b; font-size: .65rem; }
.timeline-bubble strong { display: block; margin: .15rem 0 .3rem; font-size: .82rem; }
.timeline-bubble p { margin: 0; color: #4c403a; font-size: .84rem; white-space: pre-wrap; }
.compact-composer { position: sticky; bottom: 1rem; z-index: 5; }
.sticky-task-actions { position: sticky; bottom: 1rem; display: flex; justify-content: flex-end; gap: .55rem; margin-top: -4.8rem; padding: .8rem; pointer-events: none; }
.sticky-task-actions .button { pointer-events: auto; }
.decision-layout { display: grid; grid-template-columns: minmax(0,1fr) 17rem; gap: 1rem; }
.decision-help { display: grid; align-content: start; gap: .75rem; }
.decision-help article { padding: 1rem; background: #fff; border: 1px solid #e5ddd5; border-radius: 1rem; }
.decision-help small, .decision-help strong { display: block; }
.decision-help p { margin: .3rem 0 0; color: var(--muted); font-size: .76rem; }
.output-layout { display: grid; grid-template-columns: minmax(16rem,19rem) minmax(0,1fr); gap: 1rem; }
.output-task-list { display: grid; align-content: start; gap: .55rem; }
.output-task-button { width: 100%; padding: .85rem; color: inherit; background: #fff; border: 1px solid #e5ddd5; border-radius: .85rem; cursor: pointer; text-align: left; }
.output-task-button.active { border-color: #bd8a6b; box-shadow: inset 3px 0 #b96f46; }
.output-task-button strong { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: .8rem; }
.artifact-section { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ece4dc; }
.artifact-section h3 { color: #8b5438; }
.employee-header { display: flex; align-items: center; justify-content: space-between; padding: .9rem clamp(1rem,4vw,3rem); color: #fff; background: #2a1811; }
.employee-tabs { position: sticky; top: 0; z-index: 20; display: flex; gap: .3rem; padding: .55rem clamp(1rem,4vw,3rem); overflow-x: auto; background: rgba(255,255,255,.97); border-bottom: 1px solid #e3dad1; }
.employee-tabs a { flex: 0 0 auto; padding: .55rem .75rem; border-radius: .65rem; color: var(--muted); text-decoration: none; font-size: .82rem; font-weight: 700; }
.employee-tabs a.active { color: #2d1a13; background: #efe6de; }
.employee-main { width: min(1180px,calc(100% - 2rem)); margin: 1.25rem auto 4rem; }
.employee-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 1rem; padding: clamp(1.3rem,4vw,2.3rem); color: #fff; background: linear-gradient(135deg,#2c1a13,#70442f); border-radius: 1.25rem; }
.employee-hero p { color: #ddcbc0; }
.employee-hero .metric-tile { color: #fff; background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.12); }
.employee-hero .metric-tile strong { color: #fff; }
.employee-hero .metric-tile span { color: #ddcbc0; }
.employee-home-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: 1rem; }

.login-shell { min-height: 100vh; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(22rem,.8fr); align-items: center; gap: clamp(2rem, 8vw, 8rem); padding: clamp(1.5rem, 6vw, 6rem); background: radial-gradient(circle at 20% 15%, #3e7e60 0, #1c4d38 30%, #102e24 65%, #0d241d 100%); }
.login-intro { max-width: 44rem; color: #fff; }
.login-intro h1 { margin-bottom: 1.1rem; font-size: clamp(2.3rem, 6vw, 5rem); line-height: 1.02; letter-spacing: -.05em; }
.login-intro > p { max-width: 40rem; color: rgba(255,255,255,.76); font-size: 1.05rem; }
.login-intro .eyebrow { color: #c5e5d1; }
.trust-list { display: flex; flex-wrap: wrap; gap: .55rem; padding: 0; list-style: none; }
.trust-list li { padding: .42rem .65rem; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; font-size: .8rem; }
.login-card { padding: clamp(1.4rem,4vw,2.3rem); background: rgba(255,255,255,.97); border-radius: 1.35rem; box-shadow: 0 28px 90px rgba(0,0,0,.22); }
.login-card form { display: grid; gap: .65rem; }
.login-card label { font-size: .85rem; font-weight: 700; }
.login-card input { width: 100%; padding: .78rem; border: 1px solid #cbd6ce; border-radius: .7rem; }
.login-note { display: grid; gap: .2rem; margin-top: 1rem; padding: .8rem; color: var(--muted); background: #f4f7f3; border-radius: .75rem; font-size: .78rem; }

@media (max-width: 820px) {
  .app-sidebar { transform: translateX(-100%); transition: transform .2s ease; }
  .app-sidebar.open { transform: translateX(0); }
  .app-main { margin-left: 0; padding: 0 .65rem 3rem; }
  .mobile-header { display: flex; align-items: center; justify-content: space-between; margin: 0 -.65rem 1rem; padding: .7rem 1rem; color: #fff; background: #291811; }
  .mobile-header .icon-button { width: 2.5rem; height: 2.5rem; color: #fff; background: transparent; border: 1px solid rgba(255,255,255,.2); border-radius: .65rem; }
  .focus-grid, .work-layout, .decision-layout, .output-layout, .employee-hero, .employee-home-grid { grid-template-columns: 1fr; }
  .work-layout { min-height: 0; overflow: visible; }
  .conversation-rail { border-right: 0; border-bottom: 1px solid #e2d9d0; }
  .conversation-list { grid-auto-flow: column; grid-auto-columns: minmax(14rem,75vw); max-height: none; overflow-x: auto; }
  .conversation-main { padding: 1rem; }
  .new-conversation { min-height: 29rem; }
  .decision-help { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .app-header { position: relative; align-items: flex-start; padding: .85rem 1rem; }
  .brand-block { min-width: 0; }
  .brand-block p { display: none; }
  .brand { width: 2.5rem; height: 2.5rem; border-radius: .8rem; }
  .session-actions { align-items: flex-end; flex-direction: column; gap: .25rem; }
  .session-person { max-width: 9rem; font-size: .74rem; }
  .session-actions .button { min-height: 2rem; padding: .35rem .55rem; font-size: .76rem; }
  .top-tabs { top: 0; padding: .55rem 1rem; }
  .workspace { width: min(100% - 1rem, 1240px); margin-top: .75rem; }
  .hero-panel, .split-section { grid-template-columns: 1fr; }
  .hero-panel { gap: 1rem; border-radius: 1.1rem; }
  .workspace-section { scroll-margin-top: 5rem; padding: 1rem; border-radius: 1rem; }
  .section-heading { align-items: stretch; flex-direction: column; }
  .section-heading > .button { align-self: flex-start; }
  .people-grid { grid-template-columns: 1fr; }
  .login-shell { grid-template-columns: 1fr; gap: 1.5rem; padding: 1rem; }
  .login-intro { padding: 1rem .25rem 0; }
  .login-intro h1 { font-size: clamp(2.4rem, 13vw, 4rem); }
}

@media (max-width: 520px) {
  .page-heading { margin-bottom: 1rem; }
  .focus-grid, .decision-help { grid-template-columns: 1fr; }
  .action-heading { align-items: stretch; flex-direction: column; }
  .conversation-composer { padding: .65rem; }
  .composer-footer { align-items: stretch; flex-direction: column; }
  .composer-footer .button { width: 100%; }
  .sticky-task-actions { justify-content: stretch; flex-wrap: wrap; }
  .sticky-task-actions .button { flex: 1; }
  .form-grid { grid-template-columns: 1fr; }
  .review-editor { grid-template-columns: 1fr; }
  .review-editor > * { grid-column: 1 !important; }
  .span-2 { grid-column: 1; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .metric { min-height: 5.8rem; padding: .8rem; }
  .metric strong { font-size: 1.4rem; }
  .item-top { flex-direction: column; }
  .inline-form { align-items: stretch; flex-direction: column; }
  .audit-row { grid-template-columns: 3rem 1fr; }
  .audit-row time { grid-column: 2; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

.slogan-title { max-width: 46rem; }
.slogan-flow { display: grid; grid-template-columns: auto minmax(2.5rem,1fr) auto minmax(2.5rem,1fr) auto; align-items: center; gap: .7rem; max-width: 38rem; margin: 1.5rem 0 1.2rem; }
.slogan-flow span { display: grid; place-items: center; min-width: 5.2rem; min-height: 5.2rem; padding: .7rem; color: #fff; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.22); border-radius: 50%; font-size: 1.05rem; font-weight: 760; backdrop-filter: blur(6px); }
.slogan-flow span i { display: block; color: #bfe2cb; font-size: .62rem; font-style: normal; letter-spacing: .12em; }
.slogan-flow b { position: relative; height: 1px; background: linear-gradient(90deg,rgba(197,229,209,.25),#c5e5d1); }
.slogan-flow b::after { position: absolute; top: 50%; right: -1px; width: .42rem; height: .42rem; content: ""; border-top: 1px solid #c5e5d1; border-right: 1px solid #c5e5d1; transform: translateY(-50%) rotate(45deg); }
.role-review-watch { margin-top: 1rem; }
.cold-start-card,.collaboration-card { margin-bottom: 1rem; }
[data-view="work"] .compact-composer { position: sticky; bottom: .75rem; z-index: 8; margin-top: 1rem; box-shadow: 0 18px 48px rgba(49,30,20,.16); }
[data-view="work"] .conversation-timeline { padding-bottom: .85rem; }
[data-view="work"] .sticky-task-actions { position: static; inset: auto; z-index: auto; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; margin: 0 0 .5rem; padding: 0 0 .5rem; border: 0; border-bottom: 1px solid var(--line,#e5dfda); border-radius: 0; background: transparent; box-shadow: none; pointer-events: auto; }
[data-view="work"] .sticky-task-actions[hidden] { display: none !important; }
[data-view="work"] .sticky-task-actions .button { flex: 0 1 auto; }
.nav-section-label { display: block; padding: .85rem .8rem .25rem; color: #8e7f77; font-size: .68rem; font-weight: 760; letter-spacing: .12em; }
.knowledge-layout,.capability-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; align-items: start; }
.knowledge-layout .content-card,.capability-layout .content-card { height: 100%; margin: 0; }
.settings-tabs { display: flex; flex-wrap: wrap; gap: .55rem; margin: 0 0 1rem; padding: .35rem; border: 1px solid var(--line,#e5dfda); border-radius: 14px; background: #f4f0eb; }
.settings-tabs button { min-height: 2.7rem; padding: .6rem 1rem; border: 0; border-radius: 10px; background: transparent; color: var(--muted,#766b65); font: inherit; font-weight: 720; cursor: pointer; }
.settings-tabs button.is-active { color: #184f35; background: #fff; box-shadow: 0 1px 6px rgba(50,40,32,.08); }
[data-settings-panel] > .content-card { margin-top: 0; }
.capability-feature { border-color: #9fc8ad; background: linear-gradient(155deg,#f3fbf5,#fff); }
.operations-status { margin-bottom: 1rem; }
.model-select { width: min(100%,34rem); min-height: 3.15rem; padding: .78rem 1rem; color: #24362e; background: #fffdf9; border: 1px solid #cfc5bb; border-radius: 14px; box-shadow: 0 1px 0 rgba(45,26,19,.03); outline: none; }
.model-select:focus { border-color: #347455; box-shadow: 0 0 0 4px rgba(52,116,85,.13); }
#organization-agent-list .item-actions { align-items: center; flex-wrap: wrap; }
.operating-rhythm-card { margin-top: 1rem; }
.operating-rhythm-card > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; list-style: none; }
.operating-rhythm-card > summary::-webkit-details-marker { display: none; }
.operating-rhythm-card > summary span { color: var(--muted,#766b65); font-size: .76rem; font-weight: 760; letter-spacing: .08em; }
.operating-rhythm-card > .split-section { margin-top: 1rem; }
.operating-rhythm-card > .split-section > section { min-width: 0; padding: 1rem; border: 1px solid var(--line,#e5dfda); border-radius: 14px; background: #fff; }
.foundation-card .form-grid { margin: 1rem 0; }
.foundation-card input[type="file"] { padding: .7rem; background: #fbfaf8; }
.choice-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(9.5rem,1fr)); gap: .55rem; }
.role-choice-field { padding: .9rem; border: 1px solid var(--line,#e5dfda); border-radius: 14px; }
.role-choice-field legend { padding: 0 .35rem; font-weight: 700; }
.choice-chip { display: flex; align-items: center; gap: .55rem; min-height: 2.6rem; padding: .6rem .75rem; border: 1px solid var(--line,#e5dfda); border-radius: 12px; background: #fff; cursor: pointer; }
.choice-chip:has(input:checked) { border-color: #2f7650; background: #eef8f1; }
.choice-chip input { width: 1rem; height: 1rem; }
.field-help { display: block; margin-top: .35rem; color: var(--muted,#766b65); line-height: 1.45; }
.app-main { background: radial-gradient(circle at 80% 0,rgba(222,235,225,.5),transparent 28rem),#f6f2ec; }
.app-main .page-heading { max-width: 48rem; }
.app-main .content-card { border-color: #e2d9d0; border-radius: 20px; box-shadow: 0 14px 38px rgba(49,30,20,.045); }
.app-main .form-grid { gap: 1rem; margin-top: .85rem; padding: 1rem; background: #fbf7f1; border: 1px solid #e8dfd6; border-radius: 17px; }
.app-main .form-grid label { gap: .5rem; color: #3c332d; font-size: .86rem; }
.app-main input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),.app-main textarea,.app-main select { min-height: 3.15rem; padding: .8rem .9rem; color: #24362e; background: #fffdf9; border: 1px solid #cfc5bb; border-radius: 14px; box-shadow: 0 1px 0 rgba(45,26,19,.025); font: inherit; }
.app-main textarea { min-height: 7.4rem; line-height: 1.65; resize: vertical; }
.app-main input:not([type="checkbox"]):not([type="radio"]):focus,.app-main textarea:focus,.app-main select:focus { border-color: #347455; box-shadow: 0 0 0 4px rgba(52,116,85,.13); outline: none; }
.app-main input::placeholder,.app-main textarea::placeholder { color: #968a82; opacity: 1; }
.app-main select:disabled,.app-main input:disabled,.app-main textarea:disabled { color: #867b74; background: #f0ece7; cursor: not-allowed; }
.app-main input[type="file"] { min-height: 3.25rem; padding: .48rem; color: #665d57; background: #fffdf9; border: 1px dashed #c7b7a9; border-radius: 14px; }
.app-main input[type="file"]::file-selector-button { min-height: 2.25rem; margin-right: .75rem; padding: .45rem .75rem; color: #2c5f46; background: #edf5ef; border: 1px solid #c9ddcf; border-radius: 10px; font-weight: 700; cursor: pointer; }
.app-main .form-actions { justify-content: flex-end; padding-top: .2rem; }
.app-main .form-actions .button { min-width: 7.5rem; }
.app-main .choice-chip { min-height: 3rem; background: #fffdf9; }
.app-main .item-card { border-color: #e4dcd4; border-radius: 16px; }
.app-main .settings-tabs { position: sticky; top: .7rem; z-index: 4; box-shadow: 0 8px 24px rgba(49,30,20,.055); }
.inline-authorization { display: grid; grid-template-columns: minmax(10rem,1fr) minmax(16rem,2fr) auto; gap: .6rem; margin-top: .8rem; }
.inline-authorization input { min-width: 0; }
.success-note { color: #226543; font-weight: 650; }
.organization-launch-center { display: grid; grid-template-columns: minmax(0,1fr) minmax(13rem,20rem); gap: 1.4rem; align-items: center; margin: 0 0 1.15rem; padding: clamp(1.25rem,3vw,2rem); overflow: hidden; color: #17392a; border: 1px solid #a9cbb5; border-radius: 24px; background: radial-gradient(circle at 100% 0,rgba(255,255,255,.9),transparent 18rem),linear-gradient(140deg,#e8f5ec,#f9fbf7 58%,#f6efe4); box-shadow: 0 18px 48px rgba(36,79,54,.1); }
.organization-launch-center[data-stage="operating"] { border-color: #c7d8ca; background: linear-gradient(140deg,#f1f7f2,#fffdf9); }
.launch-copy h2 { margin: .15rem 0 .5rem; font-size: clamp(1.45rem,3vw,2.1rem); line-height: 1.16; }
.launch-copy > p:not(.eyebrow) { max-width: 46rem; margin: 0; color: #52645a; line-height: 1.65; }
.launch-progress { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; margin-top: 1.25rem; }
.launch-progress span { position: relative; min-height: 2.7rem; padding: .72rem .65rem .65rem 1.5rem; color: #82776f; border: 1px solid #ddd5cd; border-radius: 11px; background: rgba(255,255,255,.66); font-size: .76rem; font-weight: 690; }
.launch-progress span::before { position: absolute; top: 50%; left: .62rem; width: .45rem; height: .45rem; content: ""; border: 1px solid #aaa099; border-radius: 50%; transform: translateY(-50%); }
.launch-progress span.is-complete { color: #286144; border-color: #b8d5c1; background: #f2faf4; }
.launch-progress span.is-complete::before { border-color: #2f7650; background: #2f7650; box-shadow: inset 0 0 0 2px #f2faf4; }
.launch-progress span.is-active { color: #17392a; border-color: #6ea383; background: #fff; box-shadow: 0 0 0 3px rgba(67,128,91,.09); }
.launch-action { display: flex; align-items: stretch; flex-direction: column; gap: .7rem; padding: 1rem; border: 1px solid rgba(121,151,131,.25); border-radius: 17px; background: rgba(255,255,255,.75); }
.launch-action .button { width: 100%; min-height: 3.15rem; }
.launch-action small { color: #6f756f; line-height: 1.5; }
.composer-footer .error-text { color: #a4372f; font-weight: 650; }
.composer-attachments { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; min-height: 2.35rem; padding: .35rem .2rem 0; }
.composer-attachments > input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.attachment-button { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.25rem; padding: .42rem .7rem; color: #2c5f46; border: 1px solid #c9ddcf; border-radius: 10px; background: #edf5ef; font-size: .78rem; font-weight: 720; cursor: pointer; }
.attachment-button:hover { border-color: #7ba68a; background: #e4f1e8; }
.attachment-button span:first-child { font-size: 1.1rem; line-height: 1; }
.attachment-name { max-width: min(100%,24rem); overflow: hidden; color: #5c514a; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.composer-attachments .image-description { flex: 1 1 18rem; min-height: 2.5rem !important; padding: .55rem .7rem !important; }
.composer-input-shell { display: grid; min-height: 8.5rem; overflow: hidden; border: 1px solid #d9cfc6; border-radius: 13px; background: #fff; }
.composer-input-shell > textarea,.composer-input-shell > .composer-toolbar { grid-area: 1 / 1; }
[data-view="work"] .composer-input-shell > textarea { align-self: stretch; width: 100%; min-height: inherit; height: 100%; padding: .8rem .8rem 4.35rem !important; border: 0; border-radius: inherit; outline: 0; background: transparent; resize: vertical; }
.composer-footer.composer-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: .75rem; margin-top: .45rem; padding-top: .45rem; }
.composer-input-shell > .composer-footer.composer-toolbar { align-self: end; z-index: 1; margin: 0 .65rem .55rem; padding: .45rem 0 0; border-top: 1px solid #eee6de; background: linear-gradient(to bottom,rgba(255,255,255,.78),#fff 28%); }
.composer-toolbar .composer-attachments { flex: 1 1 auto; min-width: 0; min-height: 2.35rem; padding: 0; }
.composer-toolbar .composer-primary-action { flex: 0 0 auto; min-width: 4.25rem; }
.composer-toolbar .composer-primary-action.is-stopping { color: #fff; border-color: #4a3027; background: #4a3027; }
.composer-toolbar .composer-primary-action.is-stopping::before { display: inline-block; width: .55rem; height: .55rem; margin-right: .38rem; content: ""; border-radius: 2px; background: currentColor; vertical-align: -.03rem; }
[data-view="work"] .conversation-composer textarea { min-height: 5rem; border-radius: 12px; background: #fff; }
[data-view="work"] .compact-composer textarea { min-height: 4.4rem; }
[data-view="work"] .work-layout { height: calc(100dvh - 4rem); min-height: 38rem; }
[data-view="work"] .conversation-main { min-height: 0; overflow: hidden; }
[data-view="work"] #conversation-detail:not([hidden]) { display: flex; flex-direction: column; height: 100%; min-height: 0; }
[data-view="work"] .conversation-scroll { flex: 1 1 auto; min-height: 0; padding-right: .35rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
[data-view="work"] .conversation-scroll:focus-visible { outline: 2px solid rgba(29,103,70,.3); outline-offset: -2px; }
[data-view="work"] .sticky-task-actions .button { min-height: 2.15rem; padding: .35rem .62rem; font-size: .78rem; line-height: 1.25; }
[data-view="work"] .compact-composer { position: relative; bottom: auto; flex: 0 0 auto; margin-top: .65rem; padding: .65rem .75rem; box-shadow: 0 10px 30px rgba(49,30,20,.13); }
[data-view="work"] .compact-composer textarea { min-height: 3.35rem; max-height: 8rem; padding: .55rem .65rem; }
[data-view="work"] .compact-composer .composer-input-shell { min-height: 7.35rem; }
[data-view="work"] .compact-composer .composer-input-shell > textarea { max-height: none; padding: .7rem .7rem 4.2rem !important; }
[data-view="work"] .compact-composer .composer-attachments { min-height: 1.9rem; }
[data-view="work"] .compact-composer .composer-footer { margin-top: .4rem; padding-top: .4rem; }
.timeline-card > .item-card { margin: 0; padding: 1rem; border-left: 3px solid #9dbbaa; background: #fff; box-shadow: 0 8px 24px rgba(49,30,20,.04); }
.timeline-card.organization-plan > .item-card { border-left-color: #6e947d; }
.timeline-card.role-draft > .item-card,.timeline-card.role-status > .item-card { border-left-color: #b38a68; }
.timeline-card.human-review > .item-card { border-left-color: #b16b43; background: #fffaf5; }
.timeline-card.attachment > .item-card { border-left-color: #7594b0; background: #f8fbfd; }
.timeline-card.formal-artifact > .item-card { border-left-color: #397354; background: #f4faf6; }
.timeline-card.safe-stop > .item-card { border-left-color: #aa4f49; background: #fff7f6; }
.timeline-actor { display: block; margin-bottom: .2rem; color: #766a63; font-size: .7rem; font-weight: 720; }
.timeline-entry.is-revealing { animation: timeline-reveal .28s ease-out both; }
.timeline-entry.is-streaming .timeline-bubble::after { display: inline-block; width: .4rem; height: 1rem; margin-left: .15rem; content: ""; vertical-align: text-bottom; border-right: 2px solid #4f7e62; animation: timeline-caret .65s step-end infinite; }
@keyframes timeline-reveal { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes timeline-caret { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .timeline-entry.is-revealing,.timeline-entry.is-streaming .timeline-bubble::after { animation: none; } }
@media (max-width: 520px) { .slogan-flow { gap: .35rem; } .slogan-flow span { min-width: 4rem; min-height: 4rem; font-size: .9rem; } }
@media (max-width: 900px) { .knowledge-layout,.capability-layout { grid-template-columns: 1fr; } }
@media (max-width: 720px) { .organization-launch-center { grid-template-columns: 1fr; padding: 1.1rem; border-radius: 18px; } .launch-progress { grid-template-columns: 1fr 1fr; } .launch-action { padding: .8rem; } .inline-authorization { grid-template-columns: 1fr; } .choice-grid { grid-template-columns: 1fr; } .nav-section-label { display: none; } [data-view="work"] .sticky-task-actions { display: grid; grid-template-columns: 1fr; } [data-view="work"] .sticky-task-actions .button { width: 100%; } .app-main .form-grid { padding: .8rem; border-radius: 14px; } .app-main .form-actions { align-items: stretch; flex-direction: column; } .app-main .form-actions .button { width: 100%; } .model-select { width: 100%; } }

/* PD09.8 CEO cockpit product closeout: one hierarchy, one reading direction. */
.app-main,.app-main button,.app-main input,.app-main textarea,.app-main select { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
.app-main { color: #29231f; font-size: 16px; line-height: 1.62; }
.app-main .page-heading { margin-bottom: 1.35rem; }
.app-main .page-heading > p,.app-main .card-heading p,.app-main .eyebrow { margin: 0 0 .25rem; color: #6e7d72; font-size: .75rem; font-weight: 760; line-height: 1.35; letter-spacing: .08em; }
.app-main .page-heading h1 { margin: 0 0 .4rem; font-size: clamp(1.72rem,3vw,2.25rem); font-weight: 760; line-height: 1.22; letter-spacing: -.025em; }
.app-main .page-heading > span { color: #6c625c; font-size: .95rem; line-height: 1.6; }
.app-main .card-heading h2,.app-main .content-card > h2 { margin: .05rem 0; font-size: 1.18rem; font-weight: 730; line-height: 1.35; letter-spacing: -.012em; }
.app-main .item-card h3,.app-main .person-card h3 { margin: 0; font-size: 1rem; font-weight: 710; line-height: 1.45; }
.app-main .muted,.app-main .item-body,.app-main .item-meta,.app-main small { line-height: 1.55; }
.app-main h1,.app-main h2,.app-main h3,.app-main p,.app-main span,.app-main strong,.app-main small { overflow-wrap: anywhere; }
.home-stack,.decision-stack,.knowledge-stack,.capability-stack { display: grid; grid-template-columns: minmax(0,1fr); gap: 1rem; }
.home-stack > .content-card,.decision-stack > .content-card,.knowledge-stack > .content-card,.capability-stack > .content-card { width: 100%; height: auto; margin: 0; }
.home-priority-card .organization-launch-center { margin: .9rem 0 1rem; padding: 1.15rem; border-radius: 18px; box-shadow: none; }
.home-priority-card .launch-copy h3 { margin: .1rem 0 .45rem; font-size: 1.25rem; line-height: 1.35; }
.home-priority-card #home-current-list { margin-top: .5rem; }
.decision-stack { max-width: 64rem; }
.knowledge-disclosure { border: 1px solid #e3dbd3; border-radius: 15px; background: #fffdfa; }
.knowledge-disclosure + .knowledge-disclosure { margin-top: .65rem; }
.knowledge-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.4rem; padding: .9rem 1rem; cursor: pointer; list-style: none; }
.knowledge-disclosure > summary::-webkit-details-marker { display: none; }
.knowledge-disclosure > summary > span:first-child { display: grid; min-width: 0; gap: .2rem; }
.knowledge-disclosure > summary strong { font-size: .98rem; }
.knowledge-disclosure > summary small { color: #796f68; font-size: .8rem; }
.knowledge-disclosure-body { padding: 0 1rem 1rem; border-top: 1px solid #eee7e0; }
.knowledge-disclosure-body p { margin: .75rem 0 0; color: #514943; }
.readonly-badge { align-self: flex-start; padding: .4rem .65rem; color: #336a4c; border: 1px solid #b9d5c3; border-radius: 999px; background: #eff8f2; font-size: .76rem; font-weight: 720; white-space: nowrap; }
.agent-profile { display: grid; gap: .45rem; margin: .75rem 0; padding: .8rem .9rem; border: 1px solid #e7dfd7; border-radius: 13px; background: #fbf8f4; }
.agent-profile p { margin: 0; color: #514943; font-size: .88rem; }
.task-attachment-form { display: grid; grid-template-columns: minmax(14rem,1fr) minmax(12rem,1fr) auto; gap: .65rem; align-items: end; margin: .85rem 0 1rem; padding: .8rem; border: 1px solid #ded4ca; border-radius: 15px; background: #fbf7f1; }
.task-attachment-form label { display: grid; gap: .35rem; color: #4e453f; font-size: .82rem; font-weight: 680; }
.task-attachment-form input[type="file"] { min-height: 3rem; }
.task-attachment-form .form-status { grid-column: 1 / -1; margin: 0; }
.task-attachment-form .button { min-height: 3.15rem; }
.capability-layout,.knowledge-layout { grid-template-columns: minmax(0,1fr); }
.people-grid { align-items: start; }
@media (max-width: 780px) { [data-view="work"] .work-layout { height: calc(100dvh - 4.5rem); min-height: 31rem; grid-template-rows: auto minmax(0,1fr); overflow: hidden; } [data-view="work"] .conversation-rail { max-height: 8.5rem; overflow: hidden; } [data-view="work"] .conversation-list { max-height: 4.3rem; } [data-view="work"] .conversation-main { min-height: 0; } [data-view="work"] .sticky-task-actions { display: flex; flex-wrap: nowrap; } [data-view="work"] .sticky-task-actions .button { flex: 1 1 50%; width: auto; white-space: nowrap; } [data-view="work"] .compact-composer { bottom: auto; } [data-view="work"] .compact-composer .composer-footer { align-items: center; flex-direction: row; } [data-view="work"] .compact-composer .composer-footer > span { flex: 1 1 auto; } [data-view="work"] .compact-composer .composer-footer .button { flex: 0 0 auto; width: auto; min-width: 3.7rem; white-space: nowrap; } .composer-footer { align-items: stretch; flex-direction: column; } .composer-footer .button { width: 100%; } .home-priority-card .organization-launch-center { padding: .95rem; } }

/* PD09.8 lower half: four business tabs and separated human-expense authority. */
.side-nav:has([data-view-link="consensus"]) { gap: .45rem; }
.side-nav:has([data-view-link="consensus"]) a { min-height: 3.25rem; }
.task-expense-form { margin: 0 0 .8rem; padding: 1rem; border: 1px solid #cfded3; border-radius: 17px; background: #f4faf6; }
.task-expense-form[hidden] { display: none; }
.task-expense-form .card-heading { margin-bottom: .55rem; }
.task-expense-form textarea { min-height: 4.5rem; }
.expense-decision-card { margin-top: 1rem; }
.consensus-scope-form { display: grid; grid-template-columns: minmax(9rem,.7fr) minmax(10rem,.9fr) minmax(12rem,1fr) minmax(12rem,1.4fr) auto; gap: .55rem; align-items: center; margin-top: .8rem; padding: .75rem; border: 1px solid #d8e3db; border-radius: 13px; background: #f5faf6; }
.consensus-scope-form input,.consensus-scope-form select { min-width: 0; }
.expense-ledger { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e5ddd5; }
[data-view="spend"] .technical-audit { margin-top: 1rem; }
@media (max-width: 980px) { .consensus-scope-form { grid-template-columns: 1fr 1fr; } .consensus-scope-form .button { grid-column: 1 / -1; } }
@media (max-width: 780px) { [data-view="work"] .sticky-task-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: visible; } [data-view="work"] .sticky-task-actions .button { width: 100%; min-width: 0; white-space: normal; line-height: 1.3; } .task-expense-form { padding: .75rem; } .consensus-scope-form { grid-template-columns: 1fr; } .consensus-scope-form .button { grid-column: auto; width: 100%; } }

/* PD09.8 gap closure: the four tabs are real business views, not renamed legacy pages. */
[data-view="work"] .conversation-timeline { padding-bottom: 1rem; }
[data-view="work"] .task-primary-action { position: relative; }
[data-view="work"] .task-primary-action.has-pending::before { position: absolute; top: .18rem; left: .18rem; width: .48rem; height: .48rem; content: ""; border-radius: 50%; background: #c74e43; box-shadow: 0 0 0 3px #fff0ed; }
.task-secondary-actions { position: relative; }
.task-secondary-actions > summary { display: grid; place-items: center; min-height: 2.4rem; padding: .45rem .75rem; color: #4e6258; border: 1px solid #d7ddd8; border-radius: 10px; background: #f4f6f4; font-size: .78rem; font-weight: 720; cursor: pointer; list-style: none; }
.task-secondary-actions > summary::-webkit-details-marker { display: none; }
.task-secondary-action-list { position: absolute; right: 0; bottom: calc(100% + .45rem); z-index: 10; display: grid; min-width: 10rem; gap: .4rem; padding: .5rem; border: 1px solid #ded6ce; border-radius: 12px; background: #fff; box-shadow: 0 12px 32px rgba(49,30,20,.16); }
.task-projection-entry > .task-projection-surface { border-left-color: #537c63; background: #fbfdfb; }
.task-projection-content { margin-top: .7rem; }
.task-projection-content > .item-card { margin: .55rem 0 0; background: #fff; }
.task-expense-form { max-height: none; }
.task-expense-form input[type="file"] { width: 100%; padding: .65rem; border: 1px dashed #aec7b6; border-radius: 10px; background: #fff; }
[data-view="work"] #conversation-detail:has(.task-expense-form:not([hidden])) .conversation-scroll,
[data-view="work"] #conversation-detail:has(.task-expense-form:not([hidden])) #revision-form { display: none; }
[data-view="work"] .task-expense-form:not([hidden]) { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; max-height: none; margin: 0; overflow: hidden; }
[data-view="work"] .task-expense-heading { flex: 0 0 auto; align-items: flex-start; }
[data-view="work"] .task-expense-heading .button { flex: 0 0 auto; min-width: 5.25rem; }
[data-view="work"] .task-expense-form > .form-grid { flex: 1 1 auto; min-height: 0; margin-bottom: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
[data-view="work"] .task-expense-form .form-actions { position: static; padding-top: .35rem; }
.timeline-card.task-expense > .item-card { border-left-color: #9b6b9c; background: #fff9ff; }
.conversation-indicators { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }
.pending-dot,.formal-marker { display: inline-flex; align-items: center; gap: .2rem; padding: .12rem .4rem; border-radius: 999px; font-size: .63rem; font-weight: 720; }
.pending-dot { color: #9a3f36; background: #fff0ed; }
.pending-dot::before { width: .42rem; height: .42rem; content: ""; border-radius: 50%; background: #c74e43; }
.formal-marker { color: #2f6d4b; background: #eaf6ee; }
.consensus-source-card { margin-bottom: 1rem; }
.consensus-scope-form label { display: grid; gap: .25rem; color: #61564f; font-size: .72rem; font-weight: 680; }
.consensus-scope-form label > span { min-height: 1rem; }
.employee-directory { display: grid; grid-template-columns: minmax(14rem,17rem) minmax(0,1fr); gap: 1rem; align-items: start; }
.employee-role-rail,.employee-role-panel { min-width: 0; }
.employee-role-list { display: grid; gap: .4rem; }
.employee-role-button { display: grid; gap: .18rem; width: 100%; padding: .7rem .75rem; color: #3d342f; border: 1px solid transparent; border-radius: 11px; background: transparent; cursor: pointer; text-align: left; }
.employee-role-button:hover,.employee-role-button.is-active { border-color: #c9d9ce; background: #f0f7f2; }
.employee-role-button strong { font-size: .88rem; }
.employee-role-button small { color: #796e67; font-size: .7rem; }
.employee-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: 1rem; }
.employee-detail-section { min-width: 0; padding: .85rem; border: 1px solid #e4ddd6; border-radius: 13px; background: #fcfaf7; }
.employee-detail-section h3 { margin: 0 0 .55rem; font-size: .98rem; }
.employee-detail-section p { margin: .35rem 0; color: #5a504a; font-size: .82rem; line-height: 1.55; }
.role-model-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: .45rem; margin-top: .65rem; }
.decision-business-context { display: grid; gap: .3rem; margin-top: .65rem; padding: .7rem .8rem; border-radius: 11px; background: #f7f4ef; }
.decision-business-context p { margin: 0; color: #554b45; font-size: .82rem; line-height: 1.5; }
.formal-output-body { padding-top: .45rem; }
.employee-add-panel { margin-top: 1rem; padding-top: .8rem; border-top: 1px solid #e8e0d8; }
.employee-add-panel > summary { color: #426e54; cursor: pointer; font-weight: 720; }
.spend-toolbar { display: grid; grid-template-columns: minmax(13rem,18rem) minmax(0,1fr); gap: .8rem 1rem; margin-bottom: 1rem; }
.spend-filter-row { display: flex; align-items: end; gap: .55rem; }
.spend-filter-row > label { display: grid; flex: 1 1 auto; align-content: start; gap: .35rem; color: #5c514a; font-size: .78rem; font-weight: 700; }
.spend-filter-row .button { flex: 0 0 auto; min-height: 3.15rem; }
.spend-toolbar select { width: 100%; }
.spend-toolbar .audit-summary { margin: 0; }
.spend-toolbar .cost-explanation { grid-column: 1 / -1; }
.spend-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; align-items: start; }

@media (max-width: 900px) {
  .employee-directory,.spend-columns { grid-template-columns: 1fr; }
  .employee-role-list { grid-auto-flow: column; grid-auto-columns: minmax(10rem,70vw); overflow-x: auto; }
}

@media (max-width: 780px) {
  [data-view="work"] .sticky-task-actions { position: static !important; inset: auto !important; grid-template-columns: repeat(3,minmax(0,1fr)); flex: 0 0 auto; margin: .35rem 0 .45rem; padding: .4rem; transform: none !important; }
  [data-view="work"] .sticky-task-actions .button { min-height: 2.35rem; padding: .3rem .22rem; font-size: .7rem; }
  [data-view="work"] .task-primary-action { min-height: 2.55rem; font-size: .72rem; }
  [data-view="work"] .task-secondary-actions > summary { min-height: 2.35rem; padding: .3rem .22rem; font-size: .7rem; }
  [data-view="work"] .compact-composer { margin-top: .4rem; padding: .5rem .55rem; }
  [data-view="work"] .compact-composer textarea { min-height: 2.8rem; }
  [data-view="work"] .composer-input-shell,[data-view="work"] .compact-composer .composer-input-shell { min-height: 8rem; }
  [data-view="work"] .composer-input-shell > textarea,[data-view="work"] .compact-composer .composer-input-shell > textarea { padding-bottom: 4.4rem !important; }
  [data-view="work"] .composer-footer.composer-toolbar { align-items: flex-end; flex-direction: row; }
  [data-view="work"] .composer-toolbar .composer-attachments { flex: 1 1 auto; }
  [data-view="work"] .composer-toolbar .composer-primary-action { flex: 0 0 auto; width: auto; min-width: 4rem; }
  [data-view="work"] .composer-toolbar .image-description { flex-basis: 100%; }
  .employee-detail-grid,.spend-toolbar { grid-template-columns: 1fr; }
  .spend-filter-row { align-items: stretch; flex-direction: column; }
  .spend-filter-row .button { width: 100%; }
  .role-model-controls { grid-template-columns: 1fr; }
  .spend-toolbar .cost-explanation { grid-column: auto; }
}

/* PD09.8 approved visual direction: quiet enterprise shell and one responsibility chain. */
.app-shell { min-height: 100vh; background: #f7f8f6; }
.app-sidebar { position: static; inset: auto; z-index: auto; display: grid; grid-template-columns: minmax(12rem,1fr) auto minmax(12rem,1fr); grid-template-areas: "brand nav profile"; align-items: center; width: 100%; min-height: 5rem; height: auto; padding: 0 clamp(1.25rem,3vw,2.6rem); color: #173f2c; border-bottom: 1px solid #dde4df; background: #fff; box-shadow: none; transform: none; backdrop-filter: none; }
.app-sidebar .side-brand { grid-area: brand; }
.app-sidebar .side-brand > div { display: grid; gap: .08rem; }
.app-sidebar .side-brand strong { color: #123f2b; font-size: clamp(1.25rem,2vw,1.6rem); font-weight: 780; letter-spacing: .025em; }
.app-sidebar .side-brand small { display: none; }
.app-sidebar .side-status { display: none; }
.app-sidebar .profile-button { grid-area: profile; justify-self: end; width: auto; min-height: 2.8rem; margin: 0; padding: .55rem .85rem; color: #28342e; border: 1px solid #d9dfdb; border-radius: 11px; background: #fafbfa; }
.app-sidebar .profile-button > span,.app-sidebar .profile-button small { display: none; }
.app-sidebar .profile-button strong { color: #28342e; font-size: .84rem; font-weight: 680; }
.app-sidebar .account-actions { grid-area: profile; justify-self: end; display: flex; align-items: center; gap: .55rem; }
.app-sidebar .account-actions .profile-button { grid-area: auto; }
.app-sidebar .account-settings-button,.app-sidebar #account-settings { display: inline-flex; align-items: center; min-height: 2.8rem; padding: .55rem .75rem; color: #3f4943; border-radius: 10px; font-size: .86rem; font-weight: 650; text-decoration: none; }
.app-sidebar .account-settings-button:hover,.app-sidebar #account-settings:hover,.app-sidebar #account-settings.active { color: #174f37; background: #edf5f0; }
.app-sidebar .side-nav { grid-area: nav; align-self: stretch; display: flex; align-items: stretch; justify-content: center; gap: clamp(1.5rem,3.1vw,3.4rem); width: auto; margin: 0; }
.app-sidebar .side-nav a { position: relative; justify-content: center; min-width: 0; min-height: 5rem; padding: 0 .15rem; color: #3f4943; border: 0; border-radius: 0; background: transparent; font-size: .98rem; font-weight: 620; letter-spacing: .01em; text-align: center; white-space: nowrap; }
.app-sidebar .side-nav a::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; content: ""; background: transparent; }
.app-sidebar .side-nav a:hover,.app-sidebar .side-nav a:focus-visible { color: #174f37; border-color: transparent; background: transparent; outline: none; }
.app-sidebar .side-nav a:focus-visible { box-shadow: inset 0 0 0 2px #8bb29b; }
.app-sidebar .side-nav a.active { color: #174f37; border-color: transparent; background: transparent; box-shadow: none; font-weight: 740; }
.app-sidebar .side-nav a.active::after { background: #1d6746; }
.app-sidebar .nav-badge { display: none !important; }
.settings-archive-page { width: min(980px,100%); margin: 0 auto; padding: clamp(1.4rem,3vw,2.8rem); }
.archived-task-list { display: grid; gap: .9rem; margin-top: 1.2rem; }
.archived-task-card { border: 1px solid #dde5df; box-shadow: none; }
.mobile-header { display: none !important; }
.app-main { min-height: calc(100vh - 5rem); margin-left: 0; padding: 2rem clamp(1rem,3vw,2.6rem) 4rem; color: #202923; background: #f7f8f6; }
.app-main .view { width: min(1440px,100%); }
.app-main .content-card { border-color: #dfe5e1; border-radius: 16px; background: #fff; box-shadow: 0 10px 28px rgba(25,56,40,.045); }
.app-main .button.primary,.app-main .button.dark { color: #fff; border-color: #174f37; background: #174f37; }
.app-main .button.secondary { color: #174f37; border-color: #c9d8cf; background: #eff6f1; }
.app-main .button.tertiary { color: #174f37; border-color: #9ab5a5; background: #fff; }

/* Remove legacy single-character tiles; real Agent portraits are rendered separately. */
[data-view="work"] .conversation-button { grid-template-columns: minmax(0,1fr); padding: .8rem .85rem; }
[data-view="work"] .conversation-initial { display: none; }
[data-view="work"] .timeline-entry { grid-template-columns: minmax(0,1fr); }
[data-view="work"] .work-layout { height: calc(100dvh - 9rem); min-height: 38rem; border-color: #dde4df; border-radius: 16px; background: #fff; box-shadow: 0 12px 30px rgba(25,56,40,.055); }
[data-view="work"] .conversation-rail { background: #f8faf8; border-color: #e1e7e3; }
[data-view="work"] .conversation-button:hover,[data-view="work"] .conversation-button.active { border-color: #c7d7cd; background: #fff; box-shadow: inset 3px 0 #1b5b3d,0 5px 16px rgba(25,56,40,.045); }
[data-view="work"] .rail-heading { padding-bottom: .9rem; }
[data-view="work"] .rail-heading small { color: #76837b; }
[data-view="work"] .conversation-main { background: #fff; }
[data-view="work"] .timeline-card > .item-card { border-left-color: #91ad9b; border-radius: 13px; box-shadow: none; }
[data-view="work"] .timeline-bubble { border-color: #e0e7e2; border-radius: 13px; }
[data-view="work"] .conversation-composer { border-color: #ced9d2; border-radius: 14px; box-shadow: 0 12px 32px rgba(25,56,40,.09); }
[data-view="work"] .task-primary-action { color: #315a43; border-color: transparent; background: transparent; }
[data-view="work"] .task-primary-action:hover { border-color: #cfddd4; background: #f1f7f3; }

/* Consensus: compact grouped index on the left, one auditable signed record on the right. */
.app-main:has([data-view="consensus"]:not([hidden])) { padding: 0; background: #fff; }
[data-view="consensus"] { width: 100% !important; }
.consensus-directory { display: grid; grid-template-columns: minmax(17rem,25.2%) minmax(0,1fr); min-height: calc(100dvh - 5rem); background: #fff; }
.consensus-browser { min-width: 0; border-right: 1px solid #e0e6e2; background: #fbfcfb; }
.consensus-browser-tools { display: grid; grid-template-columns: minmax(0,1fr) 8.5rem; gap: .55rem; padding: 1rem; border-bottom: 1px solid #e1e7e3; }
.consensus-browser-tools input,.consensus-browser-tools select { min-height: 2.7rem !important; padding: .58rem .7rem !important; border-color: #d5ddd8 !important; border-radius: 9px !important; background: #fff !important; font-size: .78rem !important; }
.consensus-group-list { padding: .25rem 0 1.5rem; }
.consensus-group { border-bottom: 1px solid #e5eae7; }
.consensus-group > h2 { display: flex; align-items: center; justify-content: space-between; min-height: 2.75rem; margin: 0; padding: .65rem 1rem; color: #3f4b44; background: #f7f9f7; font-size: .79rem; font-weight: 720; }
.consensus-group > h2 small { color: #879088; font-size: .68rem; font-weight: 650; }
.consensus-list-item { display: grid; width: 100%; min-height: 4.85rem; gap: .42rem; padding: .78rem .82rem; text-align: left; color: #2d3831; border: 1px solid transparent; border-left: 3px solid transparent; border-radius: 11px; background: transparent; font: inherit; cursor: pointer; }
.consensus-list-item:hover { background: #f4f8f5; }
.consensus-list-item.is-active { border-color: #d2ddd6; border-left-color: #17603f; background: #fff; box-shadow: inset 3px 0 #1b5b3d; }
.consensus-list-item > strong { display: block; overflow: hidden; font-size: .82rem; font-weight: 690; line-height: 1.48; text-overflow: ellipsis; white-space: nowrap; }
.consensus-list-meta { display: flex; align-items: center; gap: .5rem; min-width: 0; color: #79847d; font-size: .68rem; line-height: 1.35; }
.consensus-list-meta > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.consensus-status { display: inline-flex; align-items: center; flex: 0 0 auto; min-height: 1.45rem; padding: .16rem .42rem; color: #245f40; border-radius: 6px; background: #e7f2ea; font-size: .66rem; font-weight: 720; white-space: nowrap; }
.consensus-status.superseded { color: #596f91; background: #edf1f7; }
.consensus-status.expired,.consensus-status.revoked { color: #7d736d; background: #f0efee; }
.consensus-detail-panel { min-width: 0; padding: clamp(1.25rem,3vw,2.7rem); }
.consensus-detail-panel > div { width: min(100%,58rem); margin: 0 auto; }
.consensus-detail-header { padding-bottom: 1.2rem; border-bottom: 1px solid #e2e7e4; }
.consensus-detail-heading { display: grid; gap: .72rem; }
.consensus-detail-heading .consensus-status { justify-self: start; }
.consensus-detail-heading h2 { margin: 0; color: #18271e; font-size: clamp(1.45rem,2.5vw,2rem); font-weight: 740; line-height: 1.35; letter-spacing: -.02em; }
.consensus-summary-strip { display: grid; grid-template-columns: minmax(7rem,.65fr) minmax(12rem,1.4fr) minmax(10rem,1fr); gap: .85rem; margin-top: 1.2rem; }
.consensus-fact { display: grid; gap: .18rem; min-width: 0; }
.consensus-fact > span { color: #7a857e; font-size: .72rem; }
.consensus-fact > strong { color: #354139; font-size: .82rem; font-weight: 610; line-height: 1.55; overflow-wrap: anywhere; }
.consensus-detail-section { padding: 1.2rem 0; border-bottom: 1px solid #e7ebe8; }
.consensus-detail-section h3 { margin: 0 0 .72rem; color: #27352d; font-size: .91rem; font-weight: 720; }
.consensus-detail-copy { margin: 0; color: #424d46; font-size: .86rem; line-height: 1.7; }
.consensus-participants { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; }
.consensus-person { display: flex; align-items: center; gap: .5rem; color: #36423b; font-size: .81rem; }
.consensus-person-mark { display: grid; place-items: center; width: 2rem; height: 2rem; color: #275e41; border: 1px solid #d7e1da; border-radius: 50%; background: #f1f6f2; font-size: .75rem; font-weight: 720; }
.consensus-fact-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem 1.4rem; }
.consensus-signature { display: grid; grid-template-columns: minmax(0,1fr) minmax(9rem,14rem); gap: 1.2rem; align-items: center; }
.consensus-signature-mark { display: grid; place-items: center; min-height: 5rem; color: #173f2c; border: 1px solid #dce3de; border-radius: 9px; background: #fbfcfb; font-family: "STKaiti","KaiTi",serif; font-size: 1.45rem; }
.consensus-assets { display: grid; gap: .55rem; }
.consensus-asset-note { margin: 0 0 .15rem; color: #7a857e; font-size: .73rem; }
.consensus-asset-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .65rem; align-items: center; min-height: 2.8rem; padding: .55rem .7rem; border: 1px solid #e0e6e2; border-radius: 9px; background: #fbfcfb; }
.consensus-asset-kind { padding: .18rem .35rem; color: #236141; border-radius: 5px; background: #e7f2ea; font-size: .64rem; font-weight: 720; }
.consensus-asset-row strong { overflow: hidden; color: #344039; font-size: .8rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.consensus-asset-row small { color: #7b857f; font-size: .68rem; }
.consensus-detail-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: .55rem; padding-top: 1.15rem; }
.consensus-governance-disclosure { flex: 1 1 100%; margin-top: .3rem; padding: .75rem .85rem; border: 1px solid #e0e6e2; border-radius: 9px; background: #fafcfa; }
.consensus-governance-disclosure > summary { color: #42624f; cursor: pointer; font-size: .78rem; font-weight: 700; }

/* Employees: selected work-instructions-first direction. */
.app-main:has([data-view="employees"]:not([hidden])) { padding: 0; background: #fff; }
[data-view="employees"] { width: 100% !important; }
.employee-directory { display: grid; grid-template-columns: minmax(15rem,18rem) minmax(0,1fr); gap: 0; min-height: calc(100dvh - 5rem); background: #fff; }
.employee-role-rail { min-width: 0; padding: 2.55rem 1rem 2rem; border-right: 1px solid #e1e6e2; background: #fbfcfb; }
.employee-role-rail h2 { margin: 0 0 1rem; padding: 0 .5rem; color: #7b857f; font-size: .78rem; font-weight: 650; letter-spacing: .025em; }
.employee-role-list { display: grid; gap: .2rem; }
.employee-role-button { display: flex; align-items: center; gap: .7rem; width: 100%; min-height: 3.5rem; padding: .6rem .8rem; color: #303a34; border: 0; border-left: 3px solid transparent; border-radius: 9px; background: transparent; text-align: left; }
.employee-role-button:hover { border-color: #b7cabe; background: #f2f6f3; }
.employee-role-button.is-active { color: #183f2c; border-color: #17603f; background: #edf3ef; }
.employee-role-button strong { font-size: .9rem; font-weight: 720; }
.employee-role-avatar { flex: 0 0 2.25rem; width: 2.25rem; height: 2.25rem; border: 1px solid #d7e1da; border-radius: 50%; object-fit: cover; background: #edf3ef; }
.employee-role-panel { min-width: 0; margin: 0 !important; padding: 2rem clamp(2rem,4vw,4.2rem) 3rem !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.employee-role-summary { display: flex; align-items: center; min-height: 4.2rem; padding: 0 0 1.45rem; border-bottom: 1px solid #dfe5e1; background: #fff; }
.employee-role-summary-copy { min-width: 0; }
.employee-role-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; }
.employee-role-title-line h2 { margin: 0; color: #1e2d24; font-size: 1.35rem; font-weight: 740; }
.employee-role-summary-copy > p { margin: .35rem 0 0; color: #657169; font-size: .82rem; }
.role-status-chip,.responsibility-status { display: inline-flex; align-items: center; min-height: 1.6rem; padding: .2rem .5rem; color: #235f40; border-radius: 7px; background: #e8f3eb; font-size: .68rem; font-weight: 720; white-space: nowrap; }
.responsibility-status.is-muted { color: #737e77; background: #eff2f0; }
.employee-detail-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: 0; margin: 0; padding: 0; }
.employee-chain-step { min-width: 0; padding: 1.55rem 0; border-bottom: 1px solid #e5e9e6; background: #fff; }
.employee-chain-step:last-child { border-bottom: 0; }
.employee-chain-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.employee-chain-heading-copy { display: flex; align-items: baseline; gap: .75rem; }
.employee-chain-heading-copy small { color: #7c8780; font-size: .72rem; }
.employee-avatar-editor { display: grid; grid-template-columns: 2.85rem auto; align-items: center; gap: .2rem .55rem; }
.employee-agent-avatar { grid-row: 1 / span 2; width: 2.85rem; height: 2.85rem; border: 1px solid #d4dfd8; border-radius: 50%; object-fit: cover; background: #edf3ef; box-shadow: 0 3px 10px rgba(25,56,40,.08); }
.employee-avatar-upload-input { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.employee-avatar-change { min-height: 1.9rem !important; padding: .28rem .52rem !important; font-size: .69rem !important; }
.employee-avatar-status { grid-column: 2; min-height: .9rem; color: #718078; font-size: .64rem !important; }
.employee-name-change { justify-self: start; margin-top: .18rem; }
.employee-chain-step h3 { margin: 0; color: #16291e; font-size: 1.13rem; }
.employee-work-requirement { padding: 0 0 1.2rem; }
.employee-work-requirement-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 2.6rem; padding-bottom: .6rem; }
.employee-work-requirement-title,.employee-local-actions { display: flex; align-items: center; flex-wrap: wrap; gap: .55rem; }
.employee-work-requirement-title h4 { margin: 0; color: #2c3931; font-size: .92rem; font-weight: 720; }
.employee-work-requirement-copy { margin: 0; padding: .8rem 0 .45rem; color: #26342c; font-size: 1rem; font-weight: 560; line-height: 1.75; }
.employee-work-requirement-meta { display: block; color: #7c8780; font-size: .69rem; }
.employee-governance-note { margin-top: .9rem; padding: .64rem .75rem; color: #41604d; border-radius: 8px; background: #f0f5f1; font-size: .72rem; line-height: 1.5; }
.employee-data-list { border-top: 1px solid #e5eae7; }
.employee-data-row { display: grid; grid-template-columns: minmax(6.2rem,.65fr) minmax(0,2.2fr) auto auto; gap: .8rem; align-items: center; min-height: 3.4rem; padding: .65rem 0; border-bottom: 1px solid #e9edea; }
.employee-data-row > span { color: #6f7b73; font-size: .76rem; }
.employee-data-row > strong { min-width: 0; overflow: hidden; color: #344039; font-size: .8rem; font-weight: 610; text-overflow: ellipsis; white-space: nowrap; }
.employee-task-count { color: #7d8881; font-size: .69rem; white-space: nowrap; }
.employee-inline-action { justify-self: end; color: #1e6040 !important; }
.employee-human-summary { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1rem; align-items: center; padding: .15rem 0; }
.employee-human-copy { display: grid; grid-template-columns: minmax(12rem,1fr) minmax(12rem,1fr) auto; gap: 1rem; align-items: center; min-width: 0; }
.employee-human-copy strong { color: #2f3b34; font-size: .82rem; font-weight: 650; }
.employee-human-copy span { color: #424e47; font-size: .8rem; }
.employee-human-copy small { color: #7b867f; font-size: .69rem; }
.capability-method-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,6vw,5.2rem); margin-top: .6rem; }
.employee-method-group { padding: 0; border: 0; background: transparent; }
.employee-method-group h4 { margin: 0 0 .65rem; color: #425047; font-size: .78rem; }
.employee-method-list { display: grid; gap: .48rem; margin: 0; padding-left: 1.1rem; color: #455149; font-size: .8rem; }
.employee-method-list li::marker { color: #1f6a47; }
.employee-add-panel { margin-top: 1rem; padding: .85rem 1rem; border: 1px solid #dfe5e1; border-radius: 10px; background: #fafcfa; }
.employee-add-panel > summary { color: #315b43; cursor: pointer; font-size: .78rem; font-weight: 720; }
.employee-dialog { width: min(38rem,calc(100vw - 2rem)); max-height: min(46rem,calc(100dvh - 2rem)); padding: 0; overflow: hidden; color: #26322b; border: 1px solid #d8e0db; border-radius: 14px; background: #fff; box-shadow: 0 24px 80px rgba(20,48,33,.18); }
.employee-dialog::backdrop { background: rgba(19,35,26,.28); }
.employee-dialog-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.1rem 1.2rem; border-bottom: 1px solid #e3e8e5; }
.employee-dialog-header h3 { margin: 0; color: #1f3026; font-size: 1rem; }
.employee-dialog-header p { margin: .25rem 0 0; color: #77827b; font-size: .72rem; }
.employee-dialog-body { max-height: calc(100dvh - 9rem); padding: 1.1rem 1.2rem 1.25rem; overflow-y: auto; }
.employee-dialog-field,.employee-binding-form { display: grid; gap: .45rem; }
.employee-dialog-field > span,.employee-binding-form label > span { color: #526058; font-size: .75rem; font-weight: 680; }
.employee-work-textarea { min-height: 10rem !important; padding: .8rem !important; border-color: #cfd9d2 !important; border-radius: 9px !important; font-size: .84rem !important; line-height: 1.65 !important; resize: vertical; }
.employee-dialog-copy { margin: 0 0 .8rem; color: #5f6c64; font-size: .78rem; line-height: 1.6; }
.employee-dialog-actions { display: flex; justify-content: flex-end; gap: .5rem; margin-top: 1rem; }
.employee-version-list,.employee-task-history { display: grid; gap: .65rem; }
.employee-version-row { display: grid; gap: .5rem; padding: .8rem .85rem; border: 1px solid #e0e6e2; border-radius: 9px; background: #fbfcfb; }
.employee-version-head,.employee-task-row { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }
.employee-version-row p { margin: 0; color: #38453d; font-size: .78rem; line-height: 1.6; }
.employee-version-row small,.employee-task-row small { color: #7d8781; font-size: .68rem; }
.employee-version-row .button { justify-self: start; }
.employee-task-row { min-height: 3.5rem; padding: .6rem .72rem; border-bottom: 1px solid #e4e9e6; }
.employee-task-row > div { display: grid; min-width: 0; gap: .2rem; }
.employee-task-row strong { overflow: hidden; color: #344039; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
.employee-binding-form { gap: .8rem; }
.employee-binding-form label { display: grid; gap: .35rem; }
.employee-binding-form select,.employee-binding-form input { min-height: 2.7rem !important; padding: .55rem .65rem !important; border-color: #d3dcd6 !important; border-radius: 8px !important; background: #fff !important; font-size: .78rem !important; }

/* Spend: selected two-ledger direction, human expenses first. */
.app-main:has([data-view="spend"]:not([hidden])) { padding: 0; background: #fff; }
[data-view="spend"] { width: 100% !important; }
.spend-ledger { min-height: calc(100dvh - 5rem); color: #25332b; background: #fff; }
.spend-page-heading { padding: 1.75rem 2.25rem 1.1rem; }
.spend-page-heading h1 { margin: 0; color: #17281f; font-size: 1.45rem; font-weight: 760; }
.spend-overview { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 4.9rem; margin: 0 2.25rem 1.25rem; padding: .9rem 1.15rem; border: 1px solid #dde4df; border-radius: 9px; background: #fff; }
.spend-total-summary { display: flex; align-items: baseline; gap: 1rem; min-width: 0; }
.spend-total-summary > span { color: #42604f; font-size: .82rem; font-weight: 680; white-space: nowrap; }
.spend-total-summary > strong { overflow: hidden; color: #185d3d; font-size: 1.35rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.spend-filter-row { display: flex; align-items: flex-end; justify-content: flex-end; gap: .65rem; margin: 0; }
.spend-filter-row label { display: grid; gap: .3rem; color: #6e7972; font-size: .68rem; }
.spend-filter-row select { min-width: 13rem; min-height: 2.7rem; padding: .48rem 2.1rem .48rem .7rem; border-color: #d8dfda; border-radius: 8px; background-color: #fff; font-size: .78rem; }
.spend-filter-row .button { min-height: 2.7rem; padding-inline: .75rem; }
.spend-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; align-items: stretch; margin: 0 2.25rem; border-top: 1px solid #dde4df; }
.spend-section { min-width: 0; padding: 1.3rem 1rem 2.4rem 0; }
.spend-section + .spend-section { padding-right: 0; padding-left: 1rem; border-left: 1px solid #dde4df; }
.spend-section-heading { display: flex; align-items: baseline; gap: .75rem; min-height: 2.55rem; margin: 0; }
.spend-section-heading h2 { margin: 0; color: #223128; font-size: 1.08rem; font-weight: 740; }
.spend-section-heading strong { color: #17603f; font-size: 1.05rem; font-weight: 740; white-space: nowrap; }
.spend-section-heading span { color: #758078; font-size: .68rem; white-space: nowrap; }
.spend-table-head,.spend-ledger-row { display: grid; gap: .65rem; align-items: center; }
.spend-human-grid { grid-template-columns: minmax(10rem,1.35fr) minmax(7.5rem,.9fr) minmax(7.2rem,.82fr) minmax(6.8rem,.72fr); }
.spend-model-grid { grid-template-columns: minmax(10rem,1.25fr) minmax(8.5rem,1fr) minmax(7.5rem,.82fr) minmax(6.5rem,.65fr); }
.spend-table-head { min-height: 2.35rem; padding: .3rem .45rem; color: #69756d; border-bottom: 1px solid #dbe2dd; font-size: .67rem; font-weight: 680; }
.spend-table-head span:last-child { text-align: right; }
.spend-ledger-list { display: grid; }
.spend-ledger-row { min-height: 4.8rem; padding: .72rem .45rem; border-bottom: 1px solid #e6ebe8; }
.spend-row-cell { display: grid; gap: .25rem; min-width: 0; }
.spend-row-cell strong { overflow: hidden; color: #344139; font-size: .76rem; font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
.spend-row-cell small { overflow: hidden; color: #7b867f; font-size: .66rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.spend-amount-cell { justify-items: end; text-align: right; }
.spend-amount-cell > strong { color: #26362d; font-size: .8rem; font-variant-numeric: tabular-nums; }
.spend-row-proof { position: relative; color: #1d6442; font-size: .67rem; }
.spend-row-proof > summary { cursor: pointer; list-style: none; font-weight: 680; }
.spend-row-proof > summary::-webkit-details-marker { display: none; }
.spend-row-proof[open] { box-sizing: border-box; width: 100%; min-width: 0; padding: .5rem .55rem; border: 1px solid #dce4df; border-radius: 7px; background: #fbfcfb; text-align: left; }
.spend-row-proof .item-body { margin: .25rem 0; color: #66736b; font-size: .66rem; overflow-wrap: anywhere; }
.spend-row-proof .item-actions { margin-top: .45rem; }
.spend-column-empty { min-height: 8rem; padding: 1.7rem .45rem; color: #879088; border-bottom: 1px solid #e6ebe8; font-size: .78rem; }

@media (max-width: 1100px) {
  .spend-columns { grid-template-columns: 1fr; }
  .spend-section { padding: 1.25rem 0 2rem; }
  .spend-section + .spend-section { padding-left: 0; border-top: 1px solid #dde4df; border-left: 0; }
}

@media (max-width: 900px) {
  .display-title-menu { opacity: .72; pointer-events: auto; }
  .app-sidebar { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: "brand profile" "nav nav"; min-height: 0; padding-top: .7rem; }
  .app-sidebar .side-nav { justify-content: flex-start; gap: 1.6rem; width: 100%; margin-top: .35rem; overflow-x: auto; scrollbar-width: none; }
  .app-sidebar .side-nav::-webkit-scrollbar { display: none; }
  .app-sidebar .side-nav a { flex: 0 0 auto; min-height: 2.85rem; }
  .employee-directory { grid-template-columns: 1fr; }
  .employee-role-rail { padding: 1rem .75rem .75rem; border-right: 0; border-bottom: 1px solid #e1e6e2; }
  .employee-role-list { grid-auto-flow: column; grid-auto-columns: minmax(9.5rem,45vw); overflow-x: auto; padding-bottom: .25rem; }
  .consensus-directory { grid-template-columns: minmax(17rem,25.2%) minmax(0,1fr); }
  .consensus-summary-strip,.consensus-fact-list { grid-template-columns: 1fr; }
  .spend-overview { align-items: stretch; flex-direction: column; gap: .8rem; }
  .spend-filter-row { justify-content: flex-start; }
}

@media (max-width: 780px) {
  .app-sidebar { position: static; padding: .65rem .7rem 0; transform: none !important; }
  .app-sidebar .profile-button { min-height: 2.4rem; padding: .45rem .65rem; }
  .app-sidebar .side-nav { gap: 1.35rem; margin-top: .35rem; }
  .app-sidebar .side-nav a { min-height: 2.7rem; padding: 0 .1rem; font-size: .9rem; }
  .app-main { margin-left: 0; padding: .7rem .55rem 2rem; }
  [data-view="work"] .work-layout { height: calc(100dvh - 8.8rem); min-height: 31rem; }
  [data-view="work"] .conversation-rail { max-height: 8.8rem; }
  .employee-role-panel { padding: 1rem !important; }
  .employee-role-summary { padding-bottom: 1rem; }
  .employee-data-row { grid-template-columns: 5.5rem minmax(0,1fr) auto; }
  .employee-task-count { display: none; }
  .employee-human-copy { grid-template-columns: 1fr; gap: .3rem; }
  .capability-method-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  .consensus-directory { grid-template-columns: 1fr; min-height: 0; }
  .consensus-browser { max-height: 20rem; overflow-y: auto; border-right: 0; border-bottom: 1px solid #e0e6e2; }
  .consensus-detail-panel { padding: 1rem; }
  .consensus-signature { grid-template-columns: 1fr; }
  .spend-columns { grid-template-columns: 1fr; }
  .spend-section + .spend-section { border-top: 1px solid #e1e7e3; border-left: 0; }
}

@media (max-width: 520px) {
  .app-sidebar .side-brand strong { font-size: 1.03rem; }
  .app-sidebar .profile-button strong { max-width: 7rem; overflow: hidden; font-size: .74rem; text-overflow: ellipsis; white-space: nowrap; }
  .app-sidebar .side-nav a { min-height: 2.6rem; font-size: .86rem; }
  [data-view="work"] .work-layout { height: calc(100dvh - 8.5rem); }
  .employee-role-list { grid-auto-columns: minmax(8.8rem,62vw); }
  .employee-work-requirement-head { align-items: flex-start; flex-direction: column; }
  .employee-data-row { grid-template-columns: 4.8rem minmax(0,1fr) auto; gap: .5rem; }
  .employee-human-summary { grid-template-columns: 1fr; }
  .employee-human-summary > .button { justify-self: start; }
  .spend-page-heading { padding: 1.2rem 1rem .8rem; }
  .spend-overview,.spend-columns { margin-right: 1rem; margin-left: 1rem; }
  .spend-total-summary { align-items: flex-start; flex-direction: column; gap: .25rem; }
  .spend-total-summary > strong { max-width: 100%; font-size: 1.16rem; }
  .spend-filter-row { align-items: stretch; flex-direction: column; }
  .spend-filter-row select { width: 100%; min-width: 0; }
  .spend-filter-row .button { align-self: flex-start; }
  .spend-section-heading { align-items: flex-start; flex-wrap: wrap; gap: .25rem .6rem; }
  .spend-table-head { display: none; }
  .spend-human-grid,.spend-model-grid { grid-template-columns: minmax(0,1fr) auto; }
  .spend-ledger-row { gap: .75rem 1rem; padding: .85rem .35rem; }
  .spend-ledger-row .spend-row-cell:nth-child(2),.spend-ledger-row .spend-row-cell:nth-child(3) { grid-column: 1; }
  .spend-ledger-row .spend-amount-cell { grid-column: 2; grid-row: 1 / span 3; align-self: start; }
}

/* PD09.8 selected conversation direction: reading first, one compact composer. */
.app-main:has([data-view="work"]:not([hidden])) { padding: 0; background: #fff; }
[data-view="work"] { width: 100% !important; }
[data-view="work"] .work-layout { height: calc(100dvh - 5.65rem); min-height: 38rem; grid-template-columns: minmax(17rem,25.2%) minmax(0,1fr); border: 0; border-radius: 0; background: #fff; box-shadow: none; }
[data-view="work"] .conversation-rail { padding: 1rem .85rem; background: #fbfcfb; }
[data-view="work"] .rail-heading { padding: .2rem .08rem 1rem; }
[data-view="work"] .rail-heading .button { min-height: 2.2rem; padding: .45rem .72rem; border-radius: 9px; font-size: .76rem; }
[data-view="work"] .conversation-list { gap: .34rem; }
[data-view="work"] .conversation-row { position: relative; min-width: 0; }
[data-view="work"] .conversation-row > .conversation-button { width: 100%; padding-right: 3.55rem; }
[data-view="work"] .conversation-row > .display-title-menu { top: .58rem; right: .52rem; }
[data-view="work"] .conversation-archive-button { position: absolute; top: .58rem; right: .52rem; z-index: 2; min-width: 2.45rem; min-height: 1.65rem; padding: .18rem .38rem; opacity: 0; color: #68766e; border: 1px solid transparent; border-radius: 7px; background: rgba(251,252,251,.96); font: inherit; font-size: .65rem; font-weight: 650; cursor: pointer; pointer-events: none; transition: opacity .14s ease,border-color .14s ease,background .14s ease; }
[data-view="work"] .conversation-row:hover > .conversation-archive-button,[data-view="work"] .conversation-row:focus-within > .conversation-archive-button { opacity: 1; pointer-events: auto; }
[data-view="work"] .conversation-archive-button:hover,[data-view="work"] .conversation-archive-button:focus-visible { color: #9a493f; border-color: #ead7d2; background: #fff7f5; outline: none; }
[data-view="work"] .conversation-button { min-height: 4.85rem; padding: .78rem .82rem; border-radius: 11px; }
[data-view="work"] .conversation-button:hover,[data-view="work"] .conversation-button.active { border-color: #d2ddd6; box-shadow: inset 3px 0 #1b5b3d; }
[data-view="work"] .conversation-row:hover > .display-title-menu,[data-view="work"] .conversation-row:focus-within > .display-title-menu,[data-view="work"] .conversation-row > .display-title-menu[open] { opacity: 1; pointer-events: auto; }
[data-view="work"] .conversation-copy strong { display: block; overflow: hidden; font-size: .78rem; line-height: 1.45; text-overflow: ellipsis; white-space: nowrap; }
[data-view="work"] .conversation-meta { color: #7b8780; font-size: .65rem; }
.display-title-menu { position: absolute; z-index: 8; opacity: 0; pointer-events: none; }
.display-title-menu > summary { display: grid; place-items: center; width: 2.15rem; height: 1.75rem; color: #65736b; border: 1px solid transparent; border-radius: 7px; background: rgba(251,252,251,.96); cursor: pointer; font-size: .9rem; font-weight: 760; letter-spacing: .06em; list-style: none; }
.display-title-menu > summary::-webkit-details-marker { display: none; }
.display-title-menu > summary:hover,.display-title-menu > summary:focus-visible,.display-title-menu[open] > summary { color: #285a40; border-color: #d0ddd5; background: #fff; outline: none; }
.display-title-menu-popover { position: absolute; top: calc(100% + .28rem); right: 0; display: grid; min-width: 8.6rem; padding: .32rem; border: 1px solid #d9e1dc; border-radius: 9px; background: #fff; box-shadow: 0 12px 30px rgba(28,54,39,.14); }
.display-title-menu-action { min-height: 2.1rem; padding: .42rem .55rem; color: #34463b; border: 0; border-radius: 6px; background: transparent; cursor: pointer; font: inherit; font-size: .72rem; text-align: left; }
.display-title-menu-action:hover,.display-title-menu-action:focus-visible { background: #f0f6f2; outline: none; }
.display-title-menu-action.danger { color: #9a493f; }
.consensus-list-row { position: relative; margin: .34rem .85rem; }
.consensus-list-row > .consensus-list-item { padding-right: 3.35rem; }
.consensus-list-row > .display-title-menu { top: .55rem; right: .5rem; }
.consensus-list-row:hover > .display-title-menu,.consensus-list-row:focus-within > .display-title-menu,.consensus-list-row > .display-title-menu[open] { opacity: 1; pointer-events: auto; }
[data-view="work"] .conversation-main { padding: clamp(1rem,2.2vw,1.8rem); font-size: 14px; line-height: 1.62; }
[data-view="work"] .conversation-scroll { padding: 0 clamp(.1rem,1vw,.8rem) 0 0; }
[data-view="work"] .conversation-timeline { width: min(100%,65rem); margin: 0 auto; gap: 0; padding: .35rem 0 1rem; }
[data-view="work"] .timeline-entry { width: 100%; padding: 0 0 1.05rem; }
[data-view="work"] .timeline-entry.timeline-plain { display: flex; }
[data-view="work"] .timeline-entry.timeline-plain.ceo { justify-content: flex-end; }
[data-view="work"] .timeline-bubble { width: min(100%,46rem); padding: 0; border: 0; border-radius: 0; background: transparent; }
[data-view="work"] .timeline-entry.ceo .timeline-bubble { width: min(55%,31rem); padding: .68rem .88rem; border-radius: 12px; background: #edf5f0; }
[data-view="work"] .timeline-bubble small,[data-view="work"] .timeline-actor { display: block; margin: 0; color: #405048; font-size: .74rem; font-weight: 720; line-height: 1.35; }
[data-view="work"] .timeline-entry.ceo .timeline-bubble small { color: #78847d; }
[data-view="work"] .timeline-bubble p,[data-view="work"] .timeline-message-body { margin: 0; color: #2d3731; font-size: .875rem; line-height: 1.65; white-space: pre-wrap; }
[data-view="work"] .timeline-message { width: min(100%,46rem); padding: 0; border: 0; background: transparent; }
[data-view="work"] .timeline-message-title { display: block; margin: 0 0 .32rem; color: #29342e; font-size: .875rem; font-weight: 720; line-height: 1.5; }
[data-view="work"] .timeline-sender { display:flex; align-items:center; gap:.42rem; margin:0 0 .38rem .08rem; }
[data-view="work"] .agent-role-avatar { width: 2.25rem; height: 2.25rem; margin-top: .02rem; border: 1px solid #d9e3dc; border-radius: 50%; object-fit: cover; background: #edf3ef; box-shadow: 0 2px 7px rgba(25,56,40,.08); }
[data-view="work"] .timeline-entry:has(> .agent-role-avatar) { display: grid; grid-template-columns: 2.25rem minmax(0,1fr); gap: .65rem; align-items: start; }
[data-view="work"] .timeline-thinking .timeline-chat-bubble,
[data-view="work"] .timeline-thinking .timeline-message { opacity: .92; }
[data-view="work"] .thinking-indicator { display: inline-flex; align-items: center; gap: .45rem; min-height: 1.45rem; color: #66746c; font-size: .79rem; }
[data-view="work"] .thinking-dots { display: inline-flex; align-items: center; width: 1.5rem; gap: .18rem; }
[data-view="work"] .thinking-dots i { display: block; width: .24rem; height: .24rem; border-radius: 50%; background: #4e8a68; animation: pd0984-thinking 1.2s ease-in-out infinite; }
[data-view="work"] .thinking-dots i:nth-child(2) { animation-delay: 120ms; }
[data-view="work"] .thinking-dots i:nth-child(3) { animation-delay: 240ms; }
[data-view="work"] .timeline-activity-error .thinking-indicator { color: #9a493f; }
[data-view="work"] .safe-stop-code { display: block; margin-top: .45rem; color: #8a655a; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .66rem; overflow-wrap: anywhere; }
@keyframes pd0984-thinking { 0%,100% { opacity: .3; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-1px); } }
@media (prefers-reduced-motion: reduce) { [data-view="work"] .thinking-dots i { animation: none; opacity: .65; transform: none; } }
[data-view="work"] .timeline-role-tag { display:inline-flex; align-items:center; min-height:1.22rem; padding:.08rem .38rem; color:#4d725e; border:1px solid #d8e5dc; border-radius:999px; background:#f3f8f5; font-size:.61rem; font-weight:680; line-height:1; }
[data-view="work"] .timeline-card.role-message .timeline-message,[data-view="work"] .timeline-card.role-draft .timeline-message,[data-view="work"] .timeline-card.role-status .timeline-message { width:min(100%,46rem); padding:0; border:0; background:transparent; }
[data-view="work"] .timeline-chat-bubble { display:inline-block; width:auto; max-width:100%; padding:.72rem .88rem; border:1px solid #e0e7e2; border-radius:11px; background:#f7f9f7; box-shadow:0 2px 8px rgba(25,56,40,.035); vertical-align:top; }
[data-view="work"] .timeline-card.role-message.is-streaming .timeline-chat-bubble { border-color:#cadbd0; background:#f4f8f5; }
[data-view="work"] .timeline-card.human-review .timeline-message,[data-view="work"] .timeline-card.safe-stop .timeline-message,[data-view="work"] .timeline-card.formal-artifact .timeline-message,[data-view="work"] .timeline-card.task-expense .timeline-message { padding-left: .75rem; border-left: 2px solid #98b3a2; }
[data-view="work"] .timeline-card.task-integration .timeline-message { padding: .72rem .82rem; border: 1px solid #cfe0d5; border-left: 3px solid #397458; border-radius: 11px; background: #f5faf7; }
[data-view="work"] .timeline-card.human-review .timeline-message { border-left-color: #b98a6c; }
[data-view="work"] .timeline-card.safe-stop .timeline-message { border-left-color: #b65b52; }
[data-view="work"] .timeline-card.formal-artifact .timeline-message { border-left-color: #347353; }
[data-view="work"] .timeline-card.task-expense .timeline-message { border-left-color: #8f6b91; }
[data-view="work"] .timeline-card.organization-plan .timeline-message { width:min(100%,52rem); padding:.82rem .92rem; border:1px solid #d5e1d9; border-left:3px solid #548069; border-radius:11px; background:#f8fbf9; }
[data-view="work"] .coordination-plan-summary,[data-view="work"] .coordination-plan-final { margin:.45rem 0 0; color:#44524a; font-size:.8rem; line-height:1.6; }
[data-view="work"] .coordination-plan-steps { display:grid; gap:.5rem; margin:.65rem 0; padding:0; list-style:none; }
[data-view="work"] .coordination-plan-steps li { display:grid; grid-template-columns:minmax(11rem,14rem) minmax(0,1fr); gap:.12rem .72rem; padding:.52rem .62rem; border:1px solid #e0e8e3; border-radius:8px; background:#fff; }
[data-view="work"] .coordination-plan-steps strong { color:#254d38; font-size:.79rem; }
[data-view="work"] .coordination-plan-steps span { color:#344039; font-size:.78rem; line-height:1.55; }
[data-view="work"] .coordination-plan-steps small { grid-column:2; color:#7a867f; font-size:.69rem; }
[data-view="work"] .coordination-plan-final { font-weight:700; color:#285a3f; }
[data-view="work"] .timeline-card[hidden] { display:none!important; }
[data-view="work"] .timeline-stream-status { display:block; margin-top:.25rem; color:#78847d; font-size:.7rem; }
[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-inline-footer,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-grid,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-contributions,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-final-note,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-actions,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-rework,[data-view="work"] .task-delivery-entry.is-streaming .task-delivery-editor { display:none!important; }
[data-view="work"] .timeline-card.qualified-role-block .timeline-message { width:min(100%,46rem); padding:.72rem .82rem; border:1px solid #ead8ca; border-left:3px solid #b56535; border-radius:11px; background:#fff8f2; }
[data-view="work"] .qualified-role-block-actions { margin-top:.65rem; }
[data-view="work"] .task-projection-entry > .task-projection-surface { width: min(100%,46rem); margin: 0; padding: .85rem 1rem; border: 1px solid #d7e0da; border-left: 3px solid #397458; border-radius: 12px; background: #fff; box-shadow: none; }
[data-view="work"] .task-projection-entry .item-top { align-items: center; }
[data-view="work"] .task-projection-entry .item-top h3 { font-size: .875rem; }
[data-view="work"] .task-projection-content { margin-top: .45rem; }
[data-view="work"] .task-projection-content > .item-card { margin-top: .42rem; padding: .72rem .8rem; border-radius: 9px; box-shadow: none; }
.formal-consensus-publisher { margin-top: .8rem; padding-top: .7rem; border-top: 1px solid #e3e9e5; }
.formal-consensus-publisher > summary { color: #245f40; cursor: pointer; font-size: .78rem; font-weight: 720; list-style-position: outside; }
.formal-consensus-form { margin-top: .72rem; padding: .82rem; border: 1px solid #dce5df; border-radius: 10px; background: #fbfcfb; }
.formal-consensus-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem; }
.formal-consensus-fields > label { display: grid; gap: .3rem; color: #58655d; font-size: .73rem; }
.formal-consensus-fields input:not([type="checkbox"]),.formal-consensus-fields select,.formal-consensus-fields textarea { min-height: 2.45rem !important; padding: .55rem .65rem !important; border-color: #d3ddd6 !important; border-radius: 8px !important; background: #fff !important; font-size: .78rem !important; }
.formal-consensus-fields textarea { min-height: 4rem !important; resize: vertical; }
.formal-consensus-fields .span-2 { grid-column: 1 / -1; }
.formal-consensus-assets { margin: 0; padding: .7rem; border: 1px solid #e0e6e2; border-radius: 8px; }
.formal-consensus-assets legend { padding: 0 .3rem; color: #58655d; font-size: .73rem; font-weight: 680; }
.formal-consensus-assets > small { display: block; margin-top: .45rem; color: #7a857e; font-size: .68rem; }
.formal-consensus-asset-choices { display: flex; flex-wrap: wrap; gap: .45rem; }
.formal-consensus-asset-choice { display: inline-flex !important; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: .38rem !important; min-height: 2rem; padding: .35rem .5rem; color: #405048 !important; border: 1px solid #dce4df; border-radius: 7px; background: #fff; }
.formal-consensus-asset-choice input { width: .9rem; height: .9rem; }
.formal-consensus-confirmation { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: .5rem !important; padding: .65rem 0 .15rem; color: #344139 !important; }
.formal-consensus-confirmation input { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: .16rem; }
.formal-consensus-actions { display: flex; justify-content: flex-end; gap: .45rem; }
.formal-consensus-published { display: flex; align-items: center; justify-content: space-between; gap: .8rem; margin-top: .8rem; padding: .65rem .72rem; border: 1px solid #cfe0d5; border-radius: 9px; background: #f3f8f4; }
.formal-consensus-published > div { display: grid; gap: .12rem; }
.formal-consensus-published strong { color: #245d40; font-size: .77rem; }
.formal-consensus-published span { color: #6c7a71; font-size: .68rem; }

[data-view="work"] .compact-composer { width: min(100%,65rem); margin: .35rem auto 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
[data-view="work"] .compact-composer .composer-input-shell { height: 6rem; min-height: 6rem; max-height: 6rem; border-color: #cfdad3; border-radius: 12px; box-shadow: 0 5px 18px rgba(25,56,40,.045); }
[data-view="work"] .compact-composer .composer-input-shell > textarea { min-height: 0; height: 100%; max-height: 100%; padding: .65rem .78rem 3.1rem !important; font-size: .875rem; line-height: 1.55; resize: none; }
[data-view="work"] .composer-input-shell > .composer-footer.composer-toolbar { align-items: center; justify-content: flex-start; gap: .28rem; min-height: 2.35rem; margin: 0 .55rem .36rem; padding: .3rem 0 0; border-top-color: #edf1ee; background: #fff; }
[data-view="work"] .composer-toolbar .sticky-task-actions { display: flex; flex: 0 1 auto; flex-wrap: nowrap; gap: .28rem; width: auto; min-width: 0; margin: 0; padding: 0; overflow-x: auto; border: 0; scrollbar-width: none; }
[data-view="work"] .composer-toolbar .sticky-task-actions::-webkit-scrollbar { display: none; }
[data-view="work"] .composer-toolbar .sticky-task-actions[hidden] { display: none !important; }
[data-view="work"] .composer-toolbar .sticky-task-actions .button,[data-view="work"] .attachment-button { min-height: 1.95rem; padding: .32rem .54rem; border: 1px solid #d8e1db; border-radius: 8px; color: #315a43; background: #f9fbf9; font-size: .72rem; font-weight: 680; line-height: 1.2; white-space: nowrap; }
[data-view="work"] .composer-toolbar .sticky-task-actions .button:hover,[data-view="work"] .attachment-button:hover { border-color: #a9c0b1; background: #f1f7f3; }
[data-view="work"] .composer-toolbar .composer-attachments { flex: 0 1 auto; min-width: 0; min-height: 1.95rem; padding: 0; }
[data-view="work"] .composer-toolbar .attachment-name { max-width: 9rem; font-size: .7rem; }
[data-view="work"] .composer-keyboard-hint { flex: 0 0 auto; color: #7a857e; font-size: .68rem; white-space: nowrap; }
[data-view="work"] .composer-toolbar .composer-primary-action { flex: 0 0 auto; min-width: 3.65rem; min-height: 2rem; margin-left: auto; padding: .34rem .72rem; border-radius: 8px; font-size: .76rem; }
[data-view="work"] .composer-primary-action.is-stopping::before { width: .48rem; height: .48rem; }
[data-view="work"] .new-conversation { height: 100%; min-height: 0; }
[data-view="work"] .new-conversation .conversation-composer { max-width: 48rem; padding: 0; border: 0; background: transparent; box-shadow: none; }
[data-view="work"] .new-conversation .composer-input-shell { min-height: 7rem; }

@media (max-width: 780px) {
  [data-view="work"] .coordination-plan-steps li { grid-template-columns:1fr; }
  [data-view="work"] .coordination-plan-steps small { grid-column:1; }
  [data-view="work"] .work-layout { height: calc(100dvh - 9.45rem); min-height: 31rem; grid-template-columns: minmax(0,1fr); }
  [data-view="work"] .conversation-main { padding: .72rem; }
  [data-view="work"] .conversation-timeline { padding-top: .1rem; }
  [data-view="work"] .timeline-entry { padding-bottom: .85rem; }
  [data-view="work"] .timeline-entry.ceo .timeline-bubble { width: min(88%,34rem); }
  [data-view="work"] .compact-composer { margin-top: .2rem; padding: 0; }
  [data-view="work"] .compact-composer .composer-input-shell { height: 5.85rem; min-height: 5.85rem; max-height: 5.85rem; }
  [data-view="work"] .composer-input-shell > .composer-footer.composer-toolbar { align-items: center; flex-direction: row; overflow-x: auto; }
  [data-view="work"] .composer-toolbar .sticky-task-actions { display: flex; grid-template-columns: none; overflow: visible; }
  [data-view="work"] .composer-toolbar .sticky-task-actions .button { width: auto; min-width: max-content; min-height: 1.95rem; padding: .32rem .5rem; font-size: .68rem; white-space: nowrap; }
  [data-view="work"] .composer-toolbar .composer-primary-action { width: auto; min-width: 3.4rem; min-height: 2rem; }
  .formal-consensus-fields { grid-template-columns: 1fr; }
  .formal-consensus-fields .span-2 { grid-column: auto; }
}

@media (hover: none) {
  [data-view="work"] .conversation-archive-button { opacity: .72; pointer-events: auto; }
}

@media (max-width: 520px) {
  [data-view="work"] .conversation-button { min-height: 4.2rem; }
  [data-view="work"] .timeline-bubble p,[data-view="work"] .timeline-message-body,[data-view="work"] .timeline-message-title,[data-view="work"] .compact-composer .composer-input-shell > textarea { font-size: .82rem; }
  [data-view="work"] .composer-toolbar .sticky-task-actions .button,[data-view="work"] .attachment-button { padding-inline: .44rem; }
  [data-view="work"] .composer-toolbar .sticky-task-actions { flex: 1 1 auto; min-width: 0; overflow-x: auto; }
  [data-view="work"] .composer-toolbar .composer-attachments { flex: 0 0 auto; }
  [data-view="work"] .composer-toolbar .attachment-button { display: inline-flex; align-items: center; justify-content: center; width: 1.95rem; padding: .32rem; }
  [data-view="work"] .composer-toolbar .attachment-button span:last-child { display: none; }
}

/* AI组织任务交付与CEO首次引导 V1.0 */
[data-view="work"] .first-task-intro { width: min(100%,48rem); margin: clamp(2.25rem,8vh,5.5rem) auto 1.05rem; text-align: left; }
[data-view="work"] .first-task-intro > .eyebrow { margin: 0 0 .35rem; color: #337254; font-size: .72rem; font-weight: 760; letter-spacing: .08em; }
[data-view="work"] .first-task-intro > h2 { margin: 0 0 .42rem; color: #21342a; font-size: clamp(1.45rem,3vw,2rem); line-height: 1.2; }
[data-view="work"] .first-task-intro > p:not(.eyebrow) { margin: 0; color: #65736b; font-size: .86rem; line-height: 1.65; }
[data-view="work"] .first-task-guide { margin-top: 1rem; }
[data-view="work"] .first-task-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; }
[data-view="work"] .first-task-step { display: flex; align-items: center; gap: .48rem; min-height: 2.65rem; padding: .55rem .62rem; color: #506159; border: 1px solid #dce5df; border-radius: 10px; background: #fbfcfb; }
[data-view="work"] .first-task-step > span { display: grid; place-items: center; flex: 0 0 1.35rem; width: 1.35rem; height: 1.35rem; color: #fff; border-radius: 50%; background: #397458; font-size: .66rem; }
[data-view="work"] .first-task-step > strong { font-size: .72rem; line-height: 1.35; }
[data-view="work"] .first-task-suggestion-label,[data-view="work"] .first-task-section-label { margin: .9rem 0 .42rem; color: #718078; font-size: .7rem; font-weight: 700; }
[data-view="work"] .first-task-suggestions { display: flex; flex-wrap: wrap; gap: .45rem; }
[data-view="work"] .first-task-suggestion { min-height: 2.2rem; padding: .48rem .68rem; color: #315b44; border: 1px solid #d5e2d9; border-radius: 9px; background: #f7faf8; font: inherit; font-size: .72rem; line-height: 1.4; text-align: left; cursor: pointer; }
[data-view="work"] .first-task-suggestion:hover { border-color: #9ebba8; background: #eff7f2; }
[data-view="work"] .onboarding-link { display: inline-flex; margin-top: .8rem; padding: .2rem 0; color: #48705a; border: 0; background: transparent; font: inherit; font-size: .72rem; cursor: pointer; }
[data-view="work"] .onboarding-link:hover { color: #1d6746; text-decoration: underline; }
[data-view="work"] .everyday-conversation-intro { width: min(100%,45rem); margin: clamp(3rem,14vh,9rem) auto 1rem; text-align: center; }
[data-view="work"] .everyday-conversation-intro > h2 { margin: 0 0 .45rem; color: #26382e; font-size: clamp(1.35rem,3vw,1.85rem); }
[data-view="work"] .everyday-conversation-intro > p { margin: 0; color: #718078; font-size: .82rem; }
[data-view="work"] .daily-start-actions { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .55rem; margin-top: 1rem; }
[data-view="work"] .daily-start-action { min-height: 3.3rem; padding: .66rem .72rem; color: #355d46; border: 1px solid #d8e3db; border-radius: 11px; background: #fafcfb; font: inherit; font-size: .74rem; line-height: 1.45; cursor: pointer; }
[data-view="work"] .daily-start-action:hover { border-color: #a3bea9; background: #f0f7f2; }
[data-view="work"] .new-conversation.is-first-task-confirmation { align-content: start; align-items: start; justify-items: center; width: 100%; height: 100%; padding: .2rem .4rem 1rem 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
[data-view="work"] .first-task-confirmation { width: min(100%,48rem); margin: 0 auto; }
[data-view="work"] .first-task-confirmation-card { padding: 1.15rem 1.2rem; border: 1px solid #cbded1; border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(32,70,48,.07); text-align: left; }
[data-view="work"] .first-task-confirmation-head { display: flex; align-items: center; gap: .65rem; margin-bottom: .9rem; }
[data-view="work"] .first-task-confirmation-head h3 { margin: 0; color: #24352b; font-size: 1rem; }
[data-view="work"] .first-task-ready-mark { padding: .24rem .45rem; color: #286444; border-radius: 999px; background: #e9f4ec; font-size: .68rem; font-weight: 760; }
[data-view="work"] .first-task-confirmation-facts { display: grid; gap: .58rem; }
[data-view="work"] .first-task-confirmation-fact { display: grid; grid-template-columns: 5rem minmax(0,1fr); gap: .75rem; padding-bottom: .58rem; border-bottom: 1px solid #edf1ee; }
[data-view="work"] .first-task-confirmation-fact > span { color: #7a877f; font-size: .72rem; }
[data-view="work"] .first-task-confirmation-fact > strong { color: #35443b; font-size: .78rem; line-height: 1.55; }
[data-view="work"] .first-task-role-list { display: flex; flex-wrap: wrap; gap: .4rem; }
[data-view="work"] .first-task-role-chip { display: grid; gap: .05rem; min-width: 8.5rem; padding: .45rem .55rem; border: 1px solid #e0e7e2; border-radius: 8px; background: #fafcfb; }
[data-view="work"] .first-task-role-chip strong { color: #33443a; font-size: .72rem; }
[data-view="work"] .first-task-role-chip small { color: #738078; font-size: .63rem; }
[data-view="work"] .first-task-warning { margin: .72rem 0 0; padding: .62rem .7rem; color: #805333; border: 1px solid #ead8ca; border-radius: 8px; background: #fff8f2; font-size: .72rem; line-height: 1.55; }
[data-view="work"] .first-task-governance { display: grid; gap: .28rem; margin-top: .78rem; padding: .72rem; border-radius: 9px; background: #f5f8f6; }
[data-view="work"] .first-task-governance p,[data-view="work"] .first-task-governance strong { margin: 0; color: #58675f; font-size: .71rem; line-height: 1.5; }
[data-view="work"] .first-task-governance strong { color: #285f42; }
[data-view="work"] .first-task-confirmation-actions { display: flex; justify-content: flex-end; gap: .48rem; margin-top: .9rem; }

[data-view="work"] .task-delivery-entry > .task-delivery-surface { width: min(100%,52rem); padding: 1rem 1.05rem; border: 1px solid #cdded3; border-left: 3px solid #347353; border-radius: 12px; background: #fff; box-shadow: 0 8px 24px rgba(31,68,46,.055); }
[data-view="work"] .task-delivery-entry { align-items: flex-start; }
[data-view="work"] .task-delivery-entry .timeline-chat-bubble { width: min(100%,45rem); }
[data-view="work"] .task-delivery-entry .timeline-message-title { display:block; margin-bottom:.38rem; color:#26372d; font-size:.9rem; line-height:1.5; }
[data-view="work"] .task-delivery-entry .timeline-message-body { margin:.1rem 0 0; white-space:pre-wrap; }
[data-view="work"] .task-delivery-inline-footer { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem .55rem; margin-top:.7rem; padding-top:.62rem; border-top:1px solid #e2e9e4; color:#66766c; font-size:.67rem; }
[data-view="work"] .task-delivery-inline-footer .pill { margin-right:.1rem; }
[data-view="work"] .task-delivery-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
[data-view="work"] .task-delivery-head small { display: block; margin-bottom: .2rem; color: #6d7c73; font-size: .7rem; }
[data-view="work"] .task-delivery-head h3 { margin: 0; color: #26372d; font-size: .95rem; line-height: 1.5; }
[data-view="work"] .task-delivery-body { margin: .68rem 0; color: #3d4b42; font-size: .82rem; line-height: 1.68; white-space: pre-wrap; }
[data-view="work"] .task-delivery-facts { display: flex; flex-wrap: wrap; gap: .38rem; }
[data-view="work"] .task-delivery-facts span { padding: .28rem .45rem; color: #647269; border-radius: 6px; background: #f3f6f4; font-size: .66rem; }
[data-view="work"] .task-delivery-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: .7rem; margin-top: .78rem; }
[data-view="work"] .task-delivery-section { padding: .68rem .72rem; border: 1px solid #e2e8e4; border-radius: 9px; background: #fbfcfb; }
[data-view="work"] .task-delivery-section h4,[data-view="work"] .task-delivery-editor h4,[data-view="work"] .task-delivery-rework h4 { margin: 0 0 .42rem; color: #34463b; font-size: .74rem; }
[data-view="work"] .task-delivery-list { display: grid; gap: .25rem; margin: 0; padding-left: 1rem; color: #59675f; font-size: .72rem; line-height: 1.52; }
[data-view="work"] .task-delivery-contributions { margin-top: .72rem; padding-top: .65rem; border-top: 1px solid #e8edea; }
[data-view="work"] .task-delivery-contributions > summary { color: #456051; cursor: pointer; font-size: .72rem; font-weight: 700; }
[data-view="work"] .task-delivery-contribution-list { display: grid; gap: .42rem; margin-top: .55rem; }
[data-view="work"] .task-delivery-contribution { display: grid; grid-template-columns: 7rem minmax(0,1fr) auto; gap: .55rem; align-items: start; padding: .5rem .58rem; border-radius: 7px; background: #f7f9f8; }
[data-view="work"] .task-delivery-contribution strong,[data-view="work"] .task-delivery-contribution span,[data-view="work"] .task-delivery-contribution small { font-size: .68rem; line-height: 1.45; }
[data-view="work"] .task-delivery-contribution small { color: #6c7d73; text-align: right; }
[data-view="work"] .task-delivery-final-note { margin: .75rem 0 0; padding: .62rem .7rem; color: #315c44; border-radius: 8px; background: #edf6f0; font-size: .72rem; line-height: 1.55; }
[data-view="work"] .task-delivery-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .45rem; margin-top: .72rem; }
[data-view="work"] .task-delivery-rework,[data-view="work"] .task-delivery-editor { display: grid; gap: .58rem; margin-top: .72rem; padding: .78rem; border: 1px solid #dce5df; border-radius: 9px; background: #fbfcfb; }
[data-view="work"] .task-delivery-rework[hidden],[data-view="work"] .task-delivery-editor[hidden] { display: none; }
[data-view="work"] .task-delivery-rework textarea,[data-view="work"] .task-delivery-editor textarea { min-height: 5rem; padding: .62rem .7rem; border-radius: 8px; font-size: .76rem; }
[data-view="work"] .task-delivery-editor input { min-height: 2.45rem; padding: .58rem .68rem; border-radius: 8px; font-size: .76rem; }
[data-view="work"] .task-delivery-editor label { display: grid; gap: .3rem; color: #58665e; font-size: .7rem; }
[data-view="work"] .task-delivery-role-choices { display: flex; flex-wrap: wrap; gap: .38rem; }
[data-view="work"] .task-delivery-role-choices label { display: inline-flex; align-items: center; gap: .3rem; padding: .32rem .45rem; border: 1px solid #dfe6e1; border-radius: 7px; background: #fff; color: #526158; font-size: .68rem; }
[data-view="work"] .task-delivery-role-choices input { width: .9rem; height: .9rem; }
[data-view="work"] .task-projection-content > .task-delivery-entry { padding: 0; }
.task-ai-authorization-dialog { width: min(34rem,calc(100vw - 2rem)); margin: auto; padding: 0; color: #304038; border: 1px solid #ccd9d1; border-radius: 14px; background: #fff; box-shadow: 0 24px 70px rgba(25,56,40,.2); }
.task-ai-authorization-dialog::backdrop { background: rgba(25,39,31,.34); backdrop-filter: blur(2px); }
.task-ai-authorization-form { display: grid; gap: .82rem; padding: 1.2rem; }
.task-ai-authorization-form h3,.task-ai-authorization-form p { margin: 0; }
.task-ai-authorization-form h3 { color: #23372b; font-size: 1.05rem; }
.task-ai-authorization-form > p:not(.form-status) { color: #637168; font-size: .78rem; line-height: 1.58; }
.task-ai-authorization-form > label { display: grid; gap: .38rem; color: #536158; font-size: .73rem; font-weight: 680; }
.task-ai-authorization-form textarea { min-height: 6.5rem; padding: .68rem .72rem; border: 1px solid #cfdad3; border-radius: 9px; background: #fbfcfb; color: #304038; font: inherit; font-size: .8rem; line-height: 1.55; resize: vertical; }
.task-ai-authorization-note { padding: .62rem .68rem; border-radius: 8px; background: #f2f7f4; color: #315e45 !important; }
.task-ai-authorization-actions { display: flex; justify-content: flex-end; gap: .45rem; }

.composer-input-shell { position: relative; }
[data-view="work"] .composer-input-shell { overflow: visible; }
.agent-mention-picker { position: absolute; left: .75rem; right: .75rem; bottom: calc(100% - .25rem); z-index: 30; max-height: 19rem; overflow-y: auto; padding: .4rem; border: 1px solid #d7dfd9; border-radius: .85rem; background: #fff; box-shadow: 0 12px 34px rgba(22,52,39,.16); }
.agent-mention-picker[hidden] { display: none; }
.agent-mention-option { display: flex; width: 100%; flex-direction: column; align-items: flex-start; gap: .18rem; padding: .68rem .75rem; border: 0; border-radius: .65rem; background: transparent; color: #183629; text-align: left; cursor: pointer; }
.agent-mention-option:hover,.agent-mention-option.is-active { background: #eef6f1; }
.agent-mention-option strong { font-size: .92rem; }
.agent-mention-option span { color: #64736b; font-size: .76rem; line-height: 1.35; }

@media (max-width: 780px) {
  [data-view="work"] .first-task-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  [data-view="work"] .task-delivery-grid { grid-template-columns: 1fr; }
  [data-view="work"] .task-delivery-contribution { grid-template-columns: 1fr; gap: .18rem; }
  [data-view="work"] .task-delivery-contribution small { text-align: left; }
}

@media (max-width: 520px) {
  [data-view="work"] .first-task-confirmation-card { padding: .9rem; }
  [data-view="work"] .first-task-confirmation-actions,[data-view="work"] .task-delivery-actions { align-items: stretch; flex-direction: column-reverse; }
  [data-view="work"] .first-task-confirmation-actions .button,[data-view="work"] .task-delivery-actions .button { width: 100%; }
  .task-ai-authorization-form { padding: 1rem; }
  .task-ai-authorization-actions { align-items: stretch; flex-direction: column-reverse; }
  .task-ai-authorization-actions .button { width: 100%; }
}
.agent-mention-option { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.7rem; }
.agent-mention-avatar { width:2.15rem; height:2.15rem; border-radius:50%; object-fit:cover; background:#edf2ee; }
.agent-mention-copy { min-width:0; display:grid; gap:.14rem; text-align:left; }
.agent-mention-copy strong,.agent-mention-copy span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.plugin-hub-overview,.settings-archive-section,.organization-memory-section { border:1px solid #dce7df; border-radius:1rem; background:#fff; padding:1.2rem; }
.settings-archive-section { margin-top:1rem; }
.organization-memory-section { margin-bottom:1rem; }
.organization-memory-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:.9rem; }
.organization-memory-heading h2 { margin:.12rem 0 .25rem; }
.organization-memory-heading span { color:#637068; font-size:.78rem; }
.organization-memory-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.55rem; margin-bottom:1rem; }
.organization-memory-metric { display:grid; place-items:center; min-height:4.2rem; padding:.65rem; border:1px solid #e0e8e2; border-radius:.8rem; background:#f7faf8; color:#435249; font-size:.75rem; line-height:1.45; text-align:center; white-space:pre-line; }
.organization-memory-metric::first-line { color:#174e34; font-size:1.15rem; font-weight:700; }
.organization-memory-tabs { display:flex; gap:.25rem; padding:.25rem; border-radius:.75rem; background:#f0f4f1; }
.organization-memory-tabs button { flex:1; border:0; border-radius:.58rem; padding:.58rem .75rem; background:transparent; color:#667169; cursor:pointer; font:inherit; font-size:.8rem; }
.organization-memory-tabs button.is-active { background:#fff; color:#174e34; font-weight:650; box-shadow:0 1px 4px rgba(22,62,43,.08); }
.organization-memory-panels { margin-top:1rem; }
.organization-memory-panels>section>header { display:grid; gap:.18rem; margin-bottom:.7rem; }
.organization-memory-panels h3 { margin:0; font-size:.92rem; color:#32443a; }
.organization-memory-panels header span { color:#708078; font-size:.74rem; }
.organization-memory-list { display:grid; gap:.6rem; }
.organization-memory-row { display:flex; align-items:flex-start; justify-content:space-between; gap:.9rem; padding:.9rem 1rem; border:1px solid #e3e9e5; border-radius:12px; background:#fbfcfb; }
.organization-memory-copy { min-width:0; display:grid; gap:.28rem; }
.organization-memory-copy p,.organization-memory-copy small { margin:0; color:#647169; font-size:.75rem; line-height:1.55; }
.organization-memory-actions { display:flex; flex:0 0 auto; gap:.35rem; }
.organization-memory-advanced summary { color:#397458; cursor:pointer; font-size:.7rem; }
.organization-memory-advanced code,.plugin-receipt-evidence code { display:block; margin-top:.4rem; padding:.55rem; overflow-wrap:anywhere; white-space:pre-wrap; border-radius:8px; background:#f1f5f2; color:#536158; font-size:.65rem; }
.organization-memory-advanced-body { display:grid; gap:.35rem; margin-top:.4rem; }
.figma-conversation-preview { display:grid; gap:.45rem; margin:.8rem 0 0; cursor:zoom-in; }
.figma-conversation-preview-image { display:block; width:min(100%,46rem); max-height:34rem; object-fit:contain; object-position:left top; border:1px solid #dce5df; border-radius:.8rem; background:#f6f8f6; }
.figma-conversation-preview figcaption { color:#68746d; font-size:.72rem; }
.plugin-conversation-downloads { display:flex; flex-wrap:wrap; gap:.5rem; cursor:default; }
.plugin-conversation-downloads a { text-decoration:none; }
.plugin-receipt-result { margin:.35rem 0 0; color:#46544c; font-size:.74rem; line-height:1.5; }
@media (max-width:760px){.organization-memory-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-memory-row{display:grid}.organization-memory-actions{justify-content:flex-start}}
.settings-archive-section>header { display:grid; gap:.2rem; margin-bottom:1rem; }
.settings-archive-section>header h2,.plugin-hub-heading h2 { margin:0; }
.settings-archive-section>header span { color:#637068; }
.plugin-hub-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.plugin-hub-summary { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:.45rem; }
.plugin-hub-metric,.plugin-state-chip,.plugin-capability-chip { display:inline-flex; align-items:center; border-radius:999px; padding:.28rem .58rem; font-size:.76rem; line-height:1.2; background:#eef3ef; color:#45544b; }
.plugin-state-chip.is-ready,.plugin-capability-chip.is-active { background:#e4f3e9; color:#17633f; }
.plugin-state-chip.is-warning { background:#fff3d8; color:#805b00; }
.plugin-state-chip.is-error { background:#fde9e8; color:#9b2f2a; }
.plugin-state-chip.is-muted,.plugin-capability-chip.is-inactive { background:#f0f2f1; color:#69736d; }
.plugin-hub-list { display:grid; grid-template-columns:repeat(auto-fit,minmax(18rem,1fr)); gap:.75rem; }
.plugin-adapter-card { min-width:0; display:flex; align-items:flex-start; justify-content:space-between; gap:.9rem; border:1px solid #e2e9e4; border-radius:.85rem; padding:.9rem; }
.plugin-adapter-copy { min-width:0; display:grid; gap:.35rem; }
.plugin-adapter-copy p,.plugin-adapter-copy small { margin:0; color:#637068; }
.plugin-adapter-title { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; }
.plugin-adapter-actions { flex:0 0 auto; display:flex; align-items:center; }
.plugin-action-note { max-width:9rem; color:#7b857f; text-align:right; }
.plugin-role-access { margin-top:1rem; }
.plugin-role-access>summary { cursor:pointer; color:#315e49; font-weight:650; }
.plugin-role-binding-list { display:grid; gap:.55rem; padding-top:.75rem; }
.plugin-receipt-list { display:grid; gap:.55rem; padding-top:.75rem; }
.plugin-role-binding { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:.65rem; border-top:1px solid #edf1ee; padding-top:.55rem; }
.plugin-receipt-row { display:flex; align-items:center; justify-content:space-between; gap:.75rem; border-top:1px solid #edf1ee; padding-top:.55rem; }
.plugin-receipt-copy { min-width:0; display:grid; gap:.2rem; }
.plugin-receipt-copy small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#69736d; }
.plugin-role-avatar { width:2rem; height:2rem; border-radius:50%; object-fit:cover; background:#edf2ee; }
.plugin-role-binding-copy { min-width:0; display:grid; gap:.35rem; }
.plugin-capability-chips { display:flex; flex-wrap:wrap; gap:.35rem; }
@media (max-width:720px) { .plugin-hub-heading { display:grid; } .plugin-hub-summary { justify-content:flex-start; } .plugin-hub-list { grid-template-columns:1fr; } .plugin-adapter-card { display:grid; } .plugin-action-note { max-width:none; text-align:left; } }
/* PD10.1：新会话保留完整对话空间，输入框固定在内容区底部。 */
.new-conversation { max-width: none; min-height: 40rem; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; }
.new-conversation > .conversation-composer { width: min(45rem,100%); margin-top: auto; margin-bottom: 0; }
.ceo-hydrating .app-sidebar,.ceo-hydrating .app-main { visibility: hidden; }
.ceo-hydrating::before { content: "正在恢复你的组织工作台…"; position: fixed; inset: 0; display: grid; place-items: center; color: #496454; background: #f7f9f7; font-size: .86rem; }
.summary-offer { margin-left: 3.15rem; padding: .7rem .85rem; border: 1px solid #dfe7df; border-radius: .85rem; background: #f7faf7; color: #405446; }
.summary-offer p { margin: 0; font-size: .8rem; }
.summary-offer .item-actions { margin-top: .55rem; }
.onboarding-settings-section { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; padding:1rem 1.05rem; border:1px solid #dfe7e1; border-radius:14px; background:#fff; }
.onboarding-settings-section h2 { margin:.15rem 0 .25rem; color:#293a31; font-size:1rem; }
.onboarding-settings-section span { color:#6d7a72; font-size:.76rem; line-height:1.55; }
.onboarding-settings-section .eyebrow { margin:0; color:#397458; font-size:.68rem; font-weight:760; letter-spacing:.08em; }

@media (max-width: 760px) {
  .organization-memory-heading { flex-direction:column; }
  .organization-memory-columns { grid-template-columns:1fr; }
  .organization-memory-row { flex-direction:column; }
  .new-conversation { min-height: 31rem; }
  .summary-offer { margin-left: 0; }
  [data-view="work"] .first-task-intro,[data-view="work"] .everyday-conversation-intro { margin-top: 1.25rem; }
  [data-view="work"] .first-task-steps,[data-view="work"] .daily-start-actions { grid-template-columns: 1fr 1fr; }
  .onboarding-settings-section { align-items:flex-start; flex-direction:column; }
}

@media (max-width: 520px) {
  [data-view="work"] .first-task-steps,[data-view="work"] .daily-start-actions { grid-template-columns: 1fr; }
}

:root { --human-green:#0f5a38; --human-green-dark:#0a422a; --human-green-soft:#edf6f1; --human-ink:#141816; --human-muted:#6f7672; --human-line:#e2e7e4; --human-bg:#fafbf9; }
body:has(.human-topbar), body:has(.human-login-main) { margin:0; background:var(--human-bg); color:var(--human-ink); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif; }
.human-topbar { height:80px; padding:0 46px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--human-line); background:rgba(255,255,255,.96); position:sticky; top:0; z-index:20; }
.human-brand { color:var(--human-green); font-size:26px; font-weight:760; text-decoration:none; letter-spacing:.02em; }
.human-nav { display:flex; align-self:stretch; gap:60px; }
.human-nav a { min-width:92px; padding:0 8px; display:flex; align-items:center; justify-content:center; gap:8px; color:#303531; font-size:19px; text-decoration:none; border-bottom:3px solid transparent; }
.human-nav a.active,.human-nav a.is-active { color:var(--human-green-dark); font-weight:700; border-bottom-color:var(--human-green); }
.human-nav b { min-width:18px; height:18px; padding:0 5px; border-radius:10px; display:inline-grid; place-items:center; background:#dceee4; color:var(--human-green); font-size:11px; }
.human-account { justify-self:end; border:0; background:transparent; display:flex; align-items:center; gap:10px; padding:10px; color:#252a27; font-size:16px; cursor:pointer; }
.human-account i { font-style:normal; color:var(--human-muted); }
.human-workbench { width:min(1428px,calc(100% - 60px)); margin:0 auto; padding:26px 0 48px; }
.human-view[data-view="pending"],.human-view[data-view="completed"] { width:100%; margin:0; }
.human-view[data-view="pending"]>.human-view-heading,.human-view[data-view="completed"]>.human-view-heading { display:none; }
.human-view-heading { min-height:0; margin:0 0 22px; display:flex; justify-content:space-between; align-items:flex-end; }
.human-view-heading h1 { margin:0; font-size:29px; letter-spacing:-.02em; }
.human-view-heading p { margin:8px 0 0; color:var(--human-muted); font-size:15px; }
.human-review-layout { min-height:calc(100vh - 166px); display:grid; grid-template-columns:354px minmax(0,1fr); gap:18px; }
.human-conversation-layout { height:calc(100vh - 132px); min-height:620px; grid-template-columns:360px minmax(0,1fr); gap:0; }
.human-conversation-layout>.human-task-queue { border-radius:10px 0 0 10px; border-right:0; }
.human-conversation-layout>.human-task-conversation { height:100%; border-radius:0 10px 10px 0; overflow:hidden; }
.human-task-queue .human-queue-item.is-active { background:#f1f7f3; }
.human-queue,.human-document,.human-role-card { border:1px solid var(--human-line); border-radius:10px; background:#fff; box-shadow:0 3px 14px rgba(25,48,36,.025); overflow:hidden; }
.human-queue-title { min-height:84px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--human-line); font-size:20px; }
.human-queue-title strong { display:flex; gap:10px; align-items:center; }
.human-queue-title strong span { color:var(--human-muted); font-size:15px; font-weight:500; }
.human-queue-title>span { color:var(--human-muted); }
.human-queue-list { padding:0; }
.human-queue-item { width:100%; padding:24px 28px; border:0; border-left:4px solid transparent; border-bottom:1px solid #eef1ef; background:#fff; text-align:left; cursor:pointer; }
.human-queue-item:hover { background:#f8fbf9; }
.human-queue-item.is-active { border-left-color:var(--human-green); background:linear-gradient(100deg,#f4faf6,#eef6f2); }
.human-queue-item>strong { display:block; min-height:48px; color:#202522; font-size:16px; line-height:1.5; }
.human-queue-item>span { margin-top:14px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; color:var(--human-muted); }
.human-queue-item time { grid-column:1/-1; font-size:12px; }
.human-pill { padding:5px 11px; border-radius:9px; background:#edf4f0; color:var(--human-green-dark); font-size:13px; font-style:normal; font-weight:600; white-space:nowrap; }
.human-pill.running,.human-pill.requested { background:#edf3fb; color:#335b85; }
.human-pill.failed_safe { background:#fff1ea; color:#ad4e2b; }
.human-pill.completed,.human-pill.active { background:#e5f2ea; color:#17603d; }
.human-pill.pending_review { background:#fff1e6; color:#b55d24; }
.human-pill.superseded { background:#f1f2f1; color:#727773; }
.human-document { display:flex; min-width:0; }
.human-task-thread { width:100%; min-width:0; height:100%; display:flex; flex-direction:column; overflow:hidden; }
.human-task-scroll { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; }
.human-task-header { padding:28px 36px 24px; border-bottom:1px solid var(--human-line); background:#fff; }
.human-task-header h1 { margin:0 0 24px; font-size:22px; line-height:1.45; letter-spacing:-.01em; }
.human-task-context { display:grid; grid-template-columns:1.25fr .7fr .9fr 1fr; }
.human-task-context>div { min-width:0; padding:0 26px; border-left:1px solid var(--human-line); display:grid; align-content:start; gap:9px; }
.human-task-context>div:first-child { padding-left:0; border-left:0; }
.human-task-context>div:last-child { padding-right:0; }
.human-task-context span { color:var(--human-muted); font-size:13px; }
.human-task-context strong { font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
.human-task-timeline { min-height:0; padding:20px 34px 28px; background:#fff; }
.human-task-message { width:min(520px,62%); margin:0 0 26px auto; padding:14px 18px; border-radius:12px; background:#edf5f0; }
.human-task-message span,.human-task-update span { color:var(--human-muted); font-size:13px; }
.human-task-message p { margin:7px 0 0; font-size:15px; line-height:1.65; }
.human-task-plan { width:min(100%,760px); margin:0 0 26px; padding:16px 18px; border:1px solid #d9e4dc; border-left:3px solid #5d876f; border-radius:10px; background:#f8fbf9; }
.human-task-plan>header { display:flex; align-items:baseline; gap:10px; }
.human-task-plan>header span { color:#315d45; font-size:13px; font-weight:720; }
.human-task-plan>header strong { font-size:16px; }
.human-task-plan>p { margin:8px 0 0; color:#3d4b43; font-size:13px; line-height:1.6; }
.human-task-plan>ol { display:grid; gap:7px; margin:12px 0; padding:0; list-style:none; }
.human-task-plan li { display:grid; grid-template-columns:minmax(150px,.34fr) 1fr; gap:3px 12px; padding:9px 10px; border:1px solid #e0e8e3; border-radius:8px; background:#fff; }
.human-task-plan li strong { color:#28543c; font-size:13px; }
.human-task-plan li span { color:#354139; font-size:13px; line-height:1.55; }
.human-task-plan li small { grid-column:2; color:#7b8780; font-size:11px; }
.human-task-plan .human-plan-final { color:#285a3f; font-weight:700; }
.human-role-message[hidden] { display:none!important; }
.human-task-update { margin:0 0 19px; display:grid; gap:5px; }
.human-task-update strong { font-size:16px; }
.human-task-update p { margin:0; color:#353b37; font-size:14px; line-height:1.65; }
.human-role-message { width:min(100%,720px); margin:0 0 24px; display:grid; gap:7px; color:#29332d; }
.human-role-message>header { display:flex; align-items:center; gap:9px; }
.human-role-message>header span { color:#315d45; font-size:13px; font-weight:720; }
.human-role-message>header em { padding:3px 7px; border-radius:6px; background:#f0f5f2; color:#718078; font-size:11px; font-style:normal; }
.human-role-message>strong { font-size:16px; line-height:1.5; }
.human-role-message>p { margin:0; color:#353d38; font-size:14px; line-height:1.72; white-space:pre-wrap; }
.human-role-message.system { padding-left:12px; border-left:2px solid #78a18a; }
.human-role-message.is-streaming>p::after { display:inline-block; width:5px; height:1em; margin-left:3px; content:""; vertical-align:text-bottom; border-right:2px solid #4f7e62; animation:humanCaret .65s step-end infinite; }
.human-stream-status { color:#78847d; font-size:12px; }
.human-responsibility-card { margin-top:18px; padding:17px 18px 14px; border:1px solid #dcd7cc; border-left:3px solid #b79f78; border-radius:8px; background:#fff; }
.human-responsibility-card>h2 { margin:4px 0 7px; font-size:18px; }
.human-responsibility-card>p { margin:0 0 16px; color:#3e4541; line-height:1.65; }
.human-responsibility-kicker { color:#8a7455; font-size:13px; font-weight:700; }
.human-result-preview { border:1px solid var(--human-line); border-radius:8px; overflow:hidden; background:#fff; }
.human-result-preview>header { padding:17px 18px 14px; display:flex; justify-content:space-between; align-items:flex-start; gap:18px; border-bottom:1px solid #edf0ee; }
.human-result-preview>header h3 { margin:0 0 5px; font-size:18px; line-height:1.45; }
.human-result-preview>header span { color:var(--human-muted); font-size:12px; }
.human-result-copy { padding:16px 18px 8px; font-size:14px; line-height:1.75; }
.human-result-copy p { margin:0 0 10px; }
.human-result-copy>ol { margin:10px 0 14px; padding-left:24px; }
.human-result-copy>ol li { margin:6px 0; padding-left:4px; }
.human-result-copy .human-evidence { margin-top:16px; }
.human-result-evidence .human-result-copy>ol:empty { display:none; }
.human-task-documents { margin:0 18px; padding:15px 0 17px; border-top:1px solid #edf0ee; }
.human-task-documents>strong { display:flex; gap:7px; }
.human-task-documents>strong span { color:var(--human-muted); font-weight:500; }
.human-task-documents p { margin:8px 0 0; color:var(--human-muted); font-size:13px; }
.human-responsibility-card.is-progress { padding:0; overflow:hidden; border-left-width:1px; }
.human-responsibility-card.is-progress>.human-responsibility-kicker { display:block; padding:16px 20px 0; }
.human-conversation-composer { height:82px; min-height:82px; max-height:82px; margin:7px 12px 10px; padding:0; display:grid; flex:0 0 auto; overflow:hidden; border:1px solid #cfdad3; border-radius:12px; background:#fff; box-shadow:0 5px 18px rgba(25,56,40,.045); }
.human-conversation-composer textarea,.human-conversation-composer .human-conversation-toolbar { grid-area:1/1; }
.human-conversation-composer textarea { align-self:stretch; width:100%; min-height:0; height:100%; max-height:100%; padding:8px 11px 42px; border:0; outline:0; box-sizing:border-box; color:var(--human-ink); background:transparent; font:inherit; font-size:13px; line-height:1.5; resize:none; }
.human-conversation-composer textarea:focus { box-shadow:inset 0 0 0 2px #d3e6dc; border-radius:7px; }
.human-conversation-toolbar { align-self:end; z-index:1; min-width:0; min-height:33px; margin:0 8px 4px; padding:3px 0 0; display:flex; justify-content:flex-start; align-items:center; gap:4px; overflow-x:auto; border-top:1px solid #edf1ee; background:#fff; scrollbar-width:none; }
.human-conversation-toolbar::-webkit-scrollbar { display:none; }
.human-conversation-toolbar>div { min-width:0; display:flex; align-items:center; gap:5px; }
.human-conversation-toolbar>div:last-child { margin-left:auto; }
.human-conversation-toolbar .human-text-button,.human-conversation-toolbar .human-button { min-height:28px; padding:4px 8px; border:1px solid #d8e1db; border-radius:8px; color:#315a43; background:#f9fbf9; font-size:11px; font-weight:680; line-height:1.2; white-space:nowrap; }
.human-conversation-toolbar .human-text-button:hover,.human-conversation-toolbar .human-button:hover { border-color:#a9c0b1; background:#f1f7f3; }
.human-conversation-toolbar .human-button.primary { min-width:70px; margin-left:2px; color:#fff; border-color:var(--human-green-dark); background:var(--human-green-dark); }
.human-visually-hidden { width:1px; height:1px; padding:0; margin:-1px; position:absolute; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.human-result-document { width:100%; min-height:100%; display:flex; flex-direction:column; }
.human-result-document>header { min-height:140px; padding:32px 36px 26px; border-bottom:1px solid var(--human-line); display:flex; justify-content:space-between; gap:28px; }
.human-result-document>header h2 { margin:0 0 12px; font-size:25px; line-height:1.4; }
.human-result-document>header p { margin:0; color:var(--human-muted); }
.human-result-document>header>div:last-child { display:flex; align-items:flex-end; flex-direction:column; gap:10px; }
.human-result-document>header small { color:var(--human-muted); white-space:nowrap; }
.human-document-copy { padding:36px; flex:1; font-size:16px; line-height:1.85; }
.human-document-copy h1 { margin:0 0 22px; font-size:24px; }
.human-document-copy p { margin:0 0 15px; }
.human-document-copy>ol { margin:24px 0; padding-left:24px; }
.human-document-copy>ol li { margin:9px 0; padding-left:6px; }
.human-evidence { margin-top:26px; border:1px solid var(--human-line); border-radius:8px; }
.human-evidence summary { padding:17px 20px; cursor:pointer; font-weight:650; }
.human-evidence section { padding:0 20px 17px; }
.human-evidence section strong { color:var(--human-green-dark); }
.human-evidence ol,.human-evidence ul { margin:8px 0 0; padding-left:22px; }
.human-related { margin:0 36px; padding:24px 0 26px; border-top:1px solid var(--human-line); }
.human-related>div:first-child { display:flex; gap:9px; }
.human-related>div:first-child span { color:var(--human-muted); }
.human-file-chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.human-file-chips span { padding:10px 14px; border:1px solid var(--human-line); border-radius:7px; background:#fff; font-size:13px; }
.human-related p { color:var(--human-muted); }
.human-document-actions { min-height:82px; padding:16px 36px; border-top:1px solid var(--human-line); display:flex; justify-content:space-between; align-items:center; gap:16px; position:sticky; bottom:0; background:rgba(255,255,255,.97); }
.human-document-actions>div { display:flex; gap:12px; align-items:center; }
.human-button { min-height:42px; padding:0 21px; border:1px solid transparent; border-radius:7px; font:inherit; font-weight:650; cursor:pointer; }
.human-button.primary { background:var(--human-green-dark); border-color:var(--human-green-dark); color:#fff; }
.human-button.outline { background:#fff; border-color:#4e866d; color:var(--human-green-dark); }
.human-button.ghost { background:#fff; border-color:var(--human-line); color:#464d49; }
.human-button.wide { width:100%; }
.human-button:disabled { opacity:.55; cursor:not-allowed; }
.human-text-button { border:0; background:transparent; color:var(--human-green); font:inherit; cursor:pointer; }
.human-empty-document { margin:auto; padding:80px 24px; text-align:center; color:var(--human-muted); }
.human-empty-document span { width:64px; height:64px; margin:auto; display:grid; place-items:center; border-radius:50%; background:var(--human-green-soft); color:var(--human-green); font-size:26px; }
.human-empty-document h2 { color:var(--human-ink); }
.human-empty-small { padding:70px 25px; display:grid; gap:10px; text-align:center; color:var(--human-muted); }
.human-empty-small strong { color:var(--human-ink); }
.human-failure-banner { margin:22px 36px 0; padding:15px 18px; border:1px solid #f0d6c7; border-radius:8px; background:#fff7f1; display:grid; gap:5px; color:#8b452a; }
.human-revision-progress { margin:auto; width:min(680px,calc(100% - 60px)); padding:38px 20px; text-align:center; }
.human-progress-mark { width:70px; height:70px; margin:0 auto 24px; display:grid; place-items:center; border-radius:50%; background:var(--human-green-soft); color:var(--human-green); font-size:30px; animation:humanPulse 1.7s ease-in-out infinite; }
.human-progress-mark.is-failed { background:#fff1e9; color:#ad4e2b; animation:none; }
.human-revision-progress>p:first-of-type { color:var(--human-green); font-weight:700; }
.human-revision-progress h2 { margin:10px 0 12px; font-size:25px; }
.human-revision-progress>span { display:block; color:var(--human-muted); line-height:1.7; }
.human-progress-feedback { margin:30px 0 18px; padding:20px; border:1px solid var(--human-line); border-radius:8px; background:#fafcfb; text-align:left; }
.human-progress-feedback p { margin:10px 0 0; line-height:1.7; }
.human-revision-safety { display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }
.human-revision-safety span { padding:7px 10px; border-radius:6px; background:#eef4f1; color:#456353; font-size:12px; }
.human-progress-bar { height:4px; margin:28px auto 0; border-radius:4px; background:#e5ece8; overflow:hidden; }
.human-progress-bar i { display:block; width:38%; height:100%; background:var(--human-green); animation:humanProgress 1.8s ease-in-out infinite; }
.human-error-copy { color:#ad4e2b; }
.human-completion-signature { margin:0 36px 32px; padding:18px 20px; border:1px solid #cfe2d6; border-radius:8px; background:#f4faf6; display:flex; justify-content:space-between; gap:20px; }
.human-completion-signature div { display:grid; gap:5px; }
.human-completion-signature span,.human-completion-signature time { color:var(--human-muted); }
.human-role-view { width:min(1100px,100%); margin:34px auto; }
.human-role-card { padding:28px 16px 30px; }
.human-section-heading,.human-section-split { padding:0 0 18px; display:flex; justify-content:space-between; align-items:center; }
.human-section-heading h2,.human-section-split h2 { margin:0; font-size:22px; }
.human-section-split { margin-top:26px; }
.human-section-border { margin-top:28px; padding-top:26px; border-top:1px solid var(--human-line); }
.human-role-facts { display:grid; grid-template-columns:repeat(5,1fr); border-bottom:1px solid var(--human-line); padding-bottom:28px; }
.human-role-facts>div { padding:0 22px; border-right:1px solid var(--human-line); display:grid; gap:10px; }
.human-role-facts>div:last-child { border:0; }
.human-role-facts span { color:var(--human-muted); }
.human-role-facts strong { font-size:17px; }
.human-muted { color:var(--human-muted); }
.human-requirement-body { padding:8px 18px; font-size:16px; line-height:1.8; }
.human-requirement-body ol { margin:0; padding-left:22px; }
.human-requirement-body li { margin:8px 0; }
.human-history>div { min-height:60px; padding:0 14px; border-top:1px solid #eef1ef; display:grid; grid-template-columns:1fr auto 110px; gap:20px; align-items:center; }
.human-history time { color:var(--human-muted); text-align:right; }
.human-dialog { width:min(620px,calc(100% - 32px)); max-height:calc(100vh - 44px); padding:0; border:0; border-radius:12px; box-shadow:0 26px 80px rgba(14,40,26,.22); color:var(--human-ink); }
.human-dialog::backdrop { background:rgba(14,31,22,.38); backdrop-filter:blur(2px); }
.human-dialog-wide { width:min(920px,calc(100% - 32px)); }
.human-dialog form { max-height:calc(100vh - 44px); display:flex; flex-direction:column; overflow:auto; }
.human-dialog header { padding:25px 28px 18px; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid var(--human-line); }
.human-dialog h2 { margin:5px 0 0; font-size:23px; }
.human-dialog-kicker { color:var(--human-green); font-size:13px; font-weight:700; }
.human-dialog-close { border:0; background:transparent; font-size:25px; color:var(--human-muted); cursor:pointer; }
.human-dialog-intro { margin:0; padding:18px 28px 2px; color:var(--human-muted); line-height:1.65; }
.human-dialog form>label { margin:18px 28px 0; display:grid; gap:9px; font-weight:650; }
.human-dialog input,.human-dialog textarea,.human-dialog select { width:100%; box-sizing:border-box; border:1px solid #d6ddd9; border-radius:7px; padding:12px 13px; background:#fff; color:var(--human-ink); font:inherit; resize:vertical; }
.human-dialog input:focus,.human-dialog textarea:focus,.human-dialog select:focus { outline:2px solid #cfe4d8; border-color:#6f9c84; }
.human-dialog footer { margin-top:22px; padding:18px 28px; border-top:1px solid var(--human-line); display:flex; justify-content:flex-end; gap:12px; position:sticky; bottom:0; background:#fff; }
.human-upload-zone { padding:18px; border:1px dashed #a9c1b4; border-radius:8px; background:#f8fbf9; }
.human-upload-zone span { color:var(--human-muted); font-size:13px; font-weight:400; }
.human-file-list { margin:12px 28px 0; display:flex; flex-wrap:wrap; gap:8px; }
.human-file-list span { padding:8px 10px; border-radius:6px; background:#eef5f1; font-size:13px; }
.human-file-list small { color:var(--human-muted); }
.human-dialog .form-status { margin:12px 28px 0; }
.human-edit-grid { padding:4px 28px 0; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.human-edit-grid label { display:grid; gap:8px; font-weight:650; }
.human-edit-grid .span-2 { grid-column:1/-1; }
.human-confirm { display:flex!important; grid-template-columns:auto 1fr!important; align-items:flex-start; font-weight:500!important; line-height:1.5; }
.human-confirm input { width:auto; margin-top:4px; }
.human-login-header { height:80px; padding:0 46px; display:flex; align-items:center; border-bottom:1px solid var(--human-line); background:#fff; color:var(--human-green); font-size:26px; font-weight:760; }
.human-login-main { min-height:calc(100vh - 81px); display:grid; place-items:center; padding:40px 20px; box-sizing:border-box; }
.human-login-card { width:490px; max-width:calc(100vw - 40px); padding:40px 42px; border:1px solid var(--human-line); border-radius:12px; background:#fff; box-sizing:border-box; box-shadow:0 6px 22px rgba(25,48,36,.025); }
.human-login-card>p { margin:0 0 16px; color:var(--human-green); font-weight:700; }
.human-login-card h1 { margin:0 0 12px; font-size:31px; }
.human-login-card>span,.human-login-card>small { color:var(--human-muted); }
.human-login-card form { margin-top:30px; display:grid; gap:13px; }
.human-login-card label { margin-top:7px; font-weight:650; }
.human-login-card input { min-height:52px; padding:0 13px; border:1px solid #d6ddd9; border-radius:7px; font:inherit; }
.human-login-card button { margin-top:16px; }
.human-login-card>small { margin-top:22px; display:block; text-align:center; }
@keyframes humanPulse { 50% { transform:scale(1.07); box-shadow:0 0 0 12px rgba(15,90,56,.05); } }
@keyframes humanProgress { from { transform:translateX(-110%); } to { transform:translateX(275%); } }
@keyframes humanCaret { 50% { opacity:0; } }
@media (prefers-reduced-motion:reduce) { .human-role-message.is-streaming>p::after { animation:none; } }
@media (max-width:820px) {
  .human-topbar { height:auto; min-height:68px; padding:0 16px; grid-template-columns:1fr auto; }
  .human-brand { font-size:19px; }
  .human-account { font-size:13px; }
  .human-nav { grid-column:1/-1; grid-row:2; width:100%; gap:0; justify-content:space-around; }
  .human-nav a { min-width:0; flex:1; padding:14px 5px 12px; font-size:15px; }
  .human-workbench { width:calc(100% - 24px); padding-top:18px; }
  .human-view-heading { margin-bottom:14px; }
  .human-view-heading h1 { font-size:24px; }
  .human-view-heading p { font-size:13px; }
  .human-review-layout { min-height:0; grid-template-columns:1fr; }
  .human-conversation-layout { height:auto; min-height:0; grid-template-columns:1fr; }
  .human-conversation-layout>.human-task-queue { border-right:1px solid var(--human-line); border-radius:10px; }
  .human-conversation-layout>.human-task-conversation { height:auto; border-radius:10px; overflow:visible; }
  .human-queue { max-height:230px; overflow:auto; }
  .human-queue-title { min-height:58px; padding:0 18px; font-size:17px; position:sticky; top:0; background:#fff; z-index:1; }
  .human-queue-item { padding:16px 18px; }
  .human-queue-item>strong { min-height:0; }
  .human-result-document>header { min-height:0; padding:22px 18px; flex-direction:column; }
  .human-result-document>header h2 { font-size:21px; }
  .human-result-document>header>div:last-child { align-items:flex-start; }
  .human-task-header { padding:20px 18px; }
  .human-task-header h1 { margin-bottom:18px; font-size:20px; }
  .human-task-context { grid-template-columns:1fr 1fr; gap:16px 0; }
  .human-task-context>div { padding:0 14px; }
  .human-task-context>div:nth-child(odd) { padding-left:0; border-left:0; }
  .human-task-context>div:nth-child(even) { padding-right:0; }
  .human-task-thread { height:auto; overflow:visible; }
  .human-task-scroll { overflow:visible; }
  .human-task-timeline { padding:18px 14px 22px; }
  .human-task-message { width:min(88%,520px); }
  .human-responsibility-card { padding:15px 12px 12px; }
  .human-result-preview>header { flex-direction:column; }
  .human-conversation-composer { height:82px; min-height:82px; max-height:82px; margin:7px; position:static; }
  .human-conversation-composer textarea { padding-bottom:42px; }
  .human-conversation-toolbar { align-items:center; flex-direction:row; }
  .human-conversation-toolbar { gap:3px; }
  .human-conversation-toolbar>div { width:auto; display:flex; gap:3px; }
  .human-conversation-toolbar>div:last-child { margin-left:0; }
  .human-conversation-toolbar .human-text-button,.human-conversation-toolbar .human-button { min-height:30px; padding:4px 5px; font-size:11px; }
  .human-conversation-toolbar .human-button.primary { min-width:max-content; margin-left:0; }
  .human-document-copy { padding:24px 18px; font-size:15px; }
  .human-document-copy h1 { font-size:21px; }
  .human-related { margin:0 18px; }
  .human-document-actions { padding:14px 16px; align-items:stretch; flex-direction:column; position:static; }
  .human-document-actions>div { display:grid; grid-template-columns:1fr 1fr; }
  .human-document-actions>div:last-child { grid-template-columns:1fr 1fr 1fr; }
  .human-button { padding:0 10px; font-size:13px; }
  .human-role-view { margin:0 auto; }
  .human-role-card { padding:22px 14px; }
  .human-role-facts { grid-template-columns:1fr 1fr; gap:18px 0; }
  .human-role-facts>div { border-right:0; }
  .human-history>div { grid-template-columns:1fr auto; padding:12px 4px; }
  .human-history time { grid-column:1/-1; text-align:left; }
  .human-edit-grid { grid-template-columns:1fr; }
  .human-edit-grid .span-2 { grid-column:auto; }
  .human-revision-progress { width:calc(100% - 28px); padding:48px 14px; }
  .human-login-header { height:64px; padding:0 20px; font-size:21px; }
  .human-login-main { min-height:calc(100vh - 65px); }
  .human-login-card { padding:30px 24px; }
}
@media (prefers-reduced-motion:reduce) { .human-progress-mark,.human-progress-bar i { animation:none; } }