:root {
  color-scheme: dark;
  --bg: #07100f;
  --bg-deep: #050b0a;
  --panel: #0a1513;
  --panel-2: #0e1c19;
  --panel-3: #132420;
  --line: #1b302b;
  --line-strong: #2e4a43;
  --text: #f1f6f2;
  --muted: #8da29b;
  --soft: #b9c7c1;
  --acid: #d9ff52;
  --acid-dark: #b6db35;
  --acid-wash: #d9ff5210;
  --teal: #6ee7ce;
  --amber: #ffbd72;
  --blue: #8dbaff;
  --violet: #bda5ff;
  --red: #ff8585;
  --shadow: 0 28px 90px #0009;
  --topbar: 68px;
  font-family: Inter, "Segoe UI", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body { margin: 0; overflow: hidden; background: var(--bg-deep); color: var(--text); }
button, input, textarea, select { font: inherit; }
button { color: inherit; cursor: pointer; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--acid); outline-offset: 2px; }
[hidden] { display: none !important; }
::selection { background: var(--acid); color: #0a100a; }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: #29423c; }
::-webkit-scrollbar-track { background: transparent; }
.skip-link { position: fixed; z-index: 1000; top: -100px; left: 10px; padding: 10px 14px; background: var(--acid); color: #07100f; }
.skip-link:focus { top: 10px; }
.eyebrow { margin: 0; color: var(--acid); font: 750 9px/1.2 ui-monospace, "SFMono-Regular", Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; }

.topbar {
  position: relative;
  z-index: 60;
  height: var(--topbar);
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 18px;
  border-bottom: 1px solid var(--line);
  background: #07100ff5;
  box-shadow: 0 14px 40px #0004;
}
.brand { min-width: 202px; display: flex; align-items: center; gap: 10px; color: var(--text); text-decoration: none; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--acid); color: var(--acid); font-size: 17px; font-weight: 900; box-shadow: 0 0 22px #d9ff5218; }
.brand-type { display: grid; gap: 2px; letter-spacing: .14em; }
.brand-type b { font-size: 12px; }
.brand-type small { color: var(--acid); font: 750 7px ui-monospace, monospace; letter-spacing: .25em; }
.project-switcher { min-width: 235px; display: grid; grid-template-columns: 1fr auto; gap: 2px 20px; padding: 9px 12px; border: 1px solid var(--line); background: var(--panel); text-align: left; }
.project-switcher span { grid-column: 1; color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .13em; }
.project-switcher span i { width: 5px; height: 5px; display: inline-block; margin-right: 5px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 10px var(--acid); }
.project-switcher strong { grid-column: 1; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.project-switcher > b { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--muted); }
.topbar-center { min-width: 0; flex: 1; display: flex; justify-content: center; align-items: center; gap: 10px; color: var(--muted); font: 650 8px ui-monospace, monospace; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.topbar-center i { width: 3px; height: 3px; border-radius: 50%; background: var(--line-strong); }
.global-search { width: min(305px, 22vw); height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid var(--line); background: #0a1513; }
.global-search > span { color: var(--muted); font-size: 18px; transform: rotate(-15deg); }
.global-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 11px; }
.global-search kbd { padding: 2px 5px; border: 1px solid var(--line-strong); border-radius: 3px; color: var(--muted); font: 600 8px ui-monospace, monospace; }
.brain-status { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--line); background: transparent; }
.brain-status > i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 13px var(--teal); }
.brain-status span { display: grid; gap: 1px; text-align: left; }
.brain-status small { color: var(--muted); font: 650 7px ui-monospace, monospace; letter-spacing: .13em; }
.brain-status b { font: 750 8px ui-monospace, monospace; letter-spacing: .08em; }
.current-user, .mobile-panel-button { width: 34px; height: 34px; border: 1px solid #577168; border-radius: 50%; background: #29433c; font-size: 10px; font-weight: 800; }
.mobile-panel-button { display: none; border-radius: 5px; background: transparent; }

.app-shell { height: calc(100vh - var(--topbar)); display: grid; grid-template-columns: 250px minmax(520px, 1fr) 330px; overflow: hidden; }
.channel-sidebar, .coach-panel { min-height: 0; background: var(--panel); }
.channel-sidebar { display: flex; flex-direction: column; border-right: 1px solid var(--line); }
.sidebar-project { min-height: 78px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; padding: 14px; border-bottom: 1px solid var(--line); }
.project-monogram { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line-strong); background: linear-gradient(145deg, #18322d, #0b1715); color: var(--acid); font: 800 10px ui-monospace, monospace; }
.sidebar-project div { min-width: 0; display: grid; gap: 4px; }
.sidebar-project strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-project small { color: var(--muted); font-size: 8px; }
.sidebar-project button { border: 0; background: transparent; color: var(--muted); }
.channel-nav { padding: 12px 9px; border-bottom: 1px solid var(--line); }
.nav-row { width: 100%; height: 35px; display: grid; grid-template-columns: 26px 1fr auto; align-items: center; padding: 0 9px; border: 0; border-radius: 3px; background: transparent; color: var(--muted); text-align: left; }
.nav-row:hover, .nav-row.active { background: #14231f; color: var(--text); }
.nav-row.active { box-shadow: inset 2px 0 var(--acid); }
.nav-icon { color: var(--soft); font-size: 14px; }
.nav-row b { font-size: 10px; font-weight: 650; }
.nav-row small { min-width: 19px; padding: 2px 4px; border-radius: 10px; background: #20342e; color: var(--muted); font: 700 7px ui-monospace, monospace; text-align: center; }
.nav-row.active small { color: var(--acid); }
.channel-group { padding: 15px 9px 0; }
.channel-group > header { height: 24px; display: flex; align-items: center; justify-content: space-between; padding: 0 7px; }
.channel-group > header button { border: 0; background: transparent; color: var(--muted); font: 750 8px ui-monospace, monospace; letter-spacing: .11em; }
.channel-group > header button:last-child { font-size: 15px; }
.channel-list { display: grid; gap: 1px; }
.channel-row { width: 100%; min-height: 34px; display: grid; grid-template-columns: 22px 1fr auto; align-items: center; gap: 4px; padding: 0 8px; border: 0; border-radius: 3px; background: transparent; color: var(--muted); text-align: left; }
.channel-row:hover { background: #10201c; color: var(--text); }
.channel-row.active { background: var(--acid); color: #0a1008; }
.channel-row > span { font: 700 13px ui-monospace, monospace; }
.channel-row > b { overflow: hidden; font-size: 10px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.channel-row > small { min-width: 17px; height: 17px; display: grid; place-items: center; padding: 0 4px; border-radius: 9px; background: #29423b; color: var(--text); font: 700 7px ui-monospace, monospace; }
.channel-row.active > small { background: #15200c; color: var(--acid); }
.channel-row.restricted:not(.active) > span { color: var(--amber); }
.channel-row.no-access { opacity: .7; }
.team-shortcut { flex: 1; min-height: 0; overflow: hidden; }
.sidebar-team { display: grid; gap: 4px; padding: 5px 7px; }
.mini-person { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; padding: 4px 0; color: var(--soft); }
.avatar { width: 27px; height: 27px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #4b665e; border-radius: 50%; background: #1b3730; color: #e6f1ec; font: 750 8px ui-monospace, monospace; }
.avatar.coach { border-color: var(--acid); border-radius: 7px; color: var(--acid); background: #111c11; }
.mini-person div { min-width: 0; display: grid; gap: 2px; }
.mini-person b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.mini-person small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.mini-person > i { width: 5px; height: 5px; border-radius: 50%; background: #52635e; }
.mini-person > i.online { background: var(--teal); box-shadow: 0 0 8px var(--teal); }
.sidebar-footer { min-height: 63px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 10px 14px; border-top: 1px solid var(--line); background: #0c1815; }
.coach-avatar { width: 29px; height: 29px; display: grid; place-items: center; border: 1px solid var(--acid); border-radius: 6px; color: var(--acid); background: #131e12; font-size: 12px; font-weight: 900; box-shadow: 0 0 18px #d9ff5210; }
.sidebar-footer button { display: grid; gap: 2px; border: 0; background: transparent; text-align: left; }
.sidebar-footer b { font-size: 9px; }
.sidebar-footer small { color: var(--muted); font-size: 7px; }
.online-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 8px var(--teal); }

.conversation-main { min-width: 0; min-height: 0; display: grid; grid-template-rows: 69px auto auto minmax(120px, 1fr) auto; background: #08110f; }
.site-decisions{align-self:start}
.channel-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 22px; border-bottom: 1px solid var(--line); background: #091310; }
.channel-title { min-width: 0; }
.channel-title > div { display: flex; align-items: center; gap: 7px; }
.channel-title h1 { margin: 0; font-size: 14px; letter-spacing: -.01em; }
.channel-title > div > span:first-child { color: var(--muted); font-size: 18px; }
.channel-title p { max-width: 720px; overflow: hidden; margin: 5px 0 0; color: var(--muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.visibility-pill { padding: 3px 5px; border: 1px solid var(--line-strong); border-radius: 2px; color: var(--muted); font: 700 6px ui-monospace, monospace; letter-spacing: .12em; }
.visibility-pill.restricted { border-color: #705e3b; color: var(--amber); }
.channel-tools { display: flex; align-items: center; gap: 6px; }
.channel-tools > button { height: 31px; padding: 0 9px; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); font-size: 10px; }
.member-stack { display: flex; align-items: center; padding-left: 5px !important; }
.member-stack span { width: 22px; height: 22px; display: grid; place-items: center; margin-left: -4px; border: 2px solid #091310; border-radius: 50%; background: #26453d; color: var(--text); font: 700 6px ui-monospace, monospace; }
.member-stack b { margin-left: 4px; font-size: 7px; }

.feature-carousel { margin: 14px 20px 8px; border: 1px solid var(--line); border-radius: 7px; background: linear-gradient(125deg, #0d1c18, #0a1513 62%, #111d12); box-shadow: 0 16px 45px #0003; }
.feature-tabs { height: 39px; display: flex; align-items: stretch; gap: 1px; padding: 0 10px; border-bottom: 1px solid var(--line); overflow-x: auto; scrollbar-width: none; }
.feature-tabs::-webkit-scrollbar { display: none; }
.feature-tabs button { position: relative; flex: 0 0 auto; padding: 0 12px; border: 0; background: transparent; color: var(--muted); font-size: 8px; font-weight: 650; letter-spacing: .04em; }
.feature-tabs button.active { color: var(--text); }
.feature-tabs button.active::after { content: ""; position: absolute; right: 12px; bottom: -1px; left: 12px; height: 2px; background: var(--acid); box-shadow: 0 0 10px #d9ff5270; }
.feature-tabs button span { min-width: 16px; margin-left: 5px; padding: 2px 4px; border-radius: 8px; background: #1b2e29; font: 700 6px ui-monospace, monospace; }
.feature-stage { min-height: 116px; display: grid; grid-template-columns: 35px 1fr 35px; align-items: stretch; }
.carousel-arrow { border: 0; background: transparent; color: #5e746d; font-size: 16px; }
.carousel-arrow:hover { color: var(--acid); }
#feature-card { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 19px 10px; }
.feature-copy { min-width: 0; }
.feature-copy h2 { margin: 7px 0 7px; font-size: clamp(17px, 2vw, 25px); line-height: 1.05; letter-spacing: -.035em; }
.feature-copy > p:last-child { max-width: 720px; margin: 0; color: var(--soft); font-size: 10px; line-height: 1.5; }
.feature-action { flex: 0 0 auto; display: grid; justify-items: end; gap: 11px; }
.feature-action > strong { color: var(--acid); font: 750 17px ui-monospace, monospace; letter-spacing: -.05em; }
.feature-action button { padding: 8px 10px; border: 1px solid var(--line-strong); border-radius: 3px; background: transparent; color: var(--text); font-size: 8px; font-weight: 700; }
.feature-action button span { margin-left: 12px; color: var(--acid); }
.carousel-progress { height: 2px; background: #101f1b; }
.carousel-progress i { display: block; width: 16.66%; height: 100%; background: var(--acid); transition: transform .25s ease; }

.conversation { min-height: 0; overflow-y: auto; padding: 7px 20px 18px; scroll-behavior: smooth; }
.conversation-day { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin: 9px 0 7px; }
.conversation-day span { height: 1px; background: var(--line); }
.conversation-day b { color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .13em; }
.message-list { display: grid; }
.message { position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 12px 8px; border-radius: 5px; }
.message:hover { background: #0d1916; }
.message.new-author { margin-top: 3px; }
.message-body { min-width: 0; }
.message-meta { display: flex; align-items: baseline; gap: 7px; }
.message-meta strong { font-size: 10px; }
.message-meta time { color: #687b75; font: 650 7px ui-monospace, monospace; }
.message-type { padding: 3px 5px; border-radius: 2px; background: #1a2e28; color: var(--teal); font: 750 6px ui-monospace, monospace; letter-spacing: .1em; text-transform: uppercase; }
.message-type.rfi { color: var(--amber); background: #392c1d; }
.message-type.decision { color: var(--acid); background: #253015; }
.message-type.commitment { color: var(--violet); background: #28213a; }
.message-type.delivery { color: var(--blue); background: #1c2939; }
.message-type.image { color: #ffb7d5; background: #35212c; }
.message-type.event { color: var(--teal); }
.message-text { margin: 5px 0 0; color: #dbe5e0; font-size: 11px; line-height: 1.52; white-space: pre-wrap; }
.message-fields { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.message-fields span { padding: 4px 6px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font: 650 7px ui-monospace, monospace; }
.message-fields b { color: var(--soft); font-weight: 650; }
.message-attachments { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 8px; }
.message-image { position: relative; width: min(310px, 100%); height: 125px; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 5px; background: linear-gradient(145deg, #203f39, #101c1a 56%, #483e2c); }
.message-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.message-image.placeholder::before { content: ""; position: absolute; inset: 18px 16px 30px; border: 1px solid #6d847b55; background: linear-gradient(90deg, transparent 47%, #b8c4be22 48% 52%, transparent 53%), linear-gradient(#f0c57422 50%, #182b2755 50%); clip-path: polygon(0 25%, 62% 25%, 62% 0, 100% 0, 100% 100%, 0 100%); }
.message-image span { position: absolute; right: 0; bottom: 0; left: 0; padding: 7px 9px; background: #07100fdd; color: var(--soft); font-size: 7px; }
.brain-receipt { margin-top: 8px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 8px; border: 1px solid #2e473f; border-radius: 3px; background: #101d18; color: var(--soft); font-size: 7px; }
.brain-receipt > i { width: 6px; height: 6px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 9px var(--teal); }
.brain-receipt b { color: var(--text); }
.brain-receipt span { color: var(--acid); }
.agent-work { max-width: 720px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; margin-top: 9px; padding: 10px 11px; border: 1px solid #334c43; border-left: 3px solid var(--teal); border-radius: 4px; background: #0d1b17; }
.agent-work.prepare { border-left-color: var(--acid); }
.agent-work > span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; color: var(--acid); }
.agent-work > div { display: grid; gap: 3px; }
.agent-work small { color: var(--muted); font: 700 6px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.agent-work b { color: var(--text); font-size: 8px; }
.agent-work em { padding: 4px 6px; border: 1px solid var(--line-strong); border-radius: 2px; color: var(--teal); font: 700 6px ui-monospace, monospace; font-style: normal; text-transform: uppercase; }
.agent-work.prepare em { color: var(--acid); }
.message-actions { position: absolute; top: 5px; right: 8px; display: none; overflow: hidden; border: 1px solid var(--line); border-radius: 3px; background: var(--panel-2); }
.message:hover .message-actions { display: flex; }
.message-actions button { width: 29px; height: 25px; border: 0; border-right: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 9px; }
.message-actions button:last-child { border: 0; }
.locked-conversation, .empty-conversation { min-height: 100%; display: grid; place-items: center; align-content: center; padding: 45px 20px; text-align: center; }
.lock-orbit { width: 60px; height: 60px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid #5f5237; border-radius: 50%; color: var(--amber); font-size: 24px; box-shadow: 0 0 0 9px #2b251b55, 0 0 0 18px #211c1533; }
.locked-conversation h2, .empty-conversation h2 { margin: 10px 0; font-size: 26px; line-height: 1.05; letter-spacing: -.04em; }
.locked-conversation > p:not(.eyebrow), .empty-conversation p { max-width: 480px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.locked-conversation > button { margin: 18px 0 10px; padding: 10px 13px; border: 0; border-radius: 3px; background: var(--acid); color: #0a1008; font-size: 9px; font-weight: 800; }
.locked-conversation > button span { margin-left: 15px; }
.locked-conversation small { color: #687b75; font-size: 7px; }
.empty-conversation > span { color: var(--acid); font-size: 40px; }

.composer-shell { margin: 5px 20px 17px; border: 1px solid var(--line-strong); border-radius: 6px; background: #0b1714; box-shadow: 0 -10px 30px #0002; }
.composer-shell.disabled { opacity: .45; pointer-events: none; }
.composer-typebar { min-height: 35px; display: flex; align-items: center; gap: 2px; padding: 4px 5px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.composer-typebar button { flex: 0 0 auto; height: 27px; padding: 0 8px; border: 0; border-radius: 3px; background: transparent; color: var(--muted); font-size: 7px; font-weight: 700; }
.composer-typebar button i { margin-right: 5px; color: var(--soft); font: 800 10px ui-monospace, monospace; }
.composer-typebar button:hover { color: var(--text); background: #13231f; }
.composer-typebar button.active { color: #0c1308; background: var(--acid); }
.composer-typebar button.active i { color: #0c1308; }
.structured-fields { padding: 9px 11px; display: grid; grid-template-columns: repeat(3, minmax(110px, 1fr)); gap: 8px; border-bottom: 1px solid var(--line); background: #0e1a17; }
.structured-fields label { color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .07em; text-transform: uppercase; }
.structured-fields input, .structured-fields select { width: 100%; height: 32px; margin-top: 5px; padding: 0 8px; border: 1px solid var(--line); border-radius: 3px; outline: 0; background: #08110f; color: var(--text); font-size: 9px; text-transform: none; }
.attachment-preview { padding: 8px 11px; border-bottom: 1px solid var(--line); }
.upload-card { display: flex; align-items: center; gap: 9px; }
.upload-card img { width: 58px; height: 42px; border-radius: 3px; object-fit: cover; }
.upload-card div { min-width: 0; flex: 1; display: grid; gap: 3px; }
.upload-card b { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.upload-card small { color: var(--muted); font-size: 7px; }
.upload-card button { border: 0; background: transparent; color: var(--muted); }
.composer-body { min-height: 49px; display: flex; align-items: flex-end; gap: 7px; padding: 7px; }
.composer-add { width: 29px; height: 29px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 4px; background: transparent; color: var(--muted); }
.composer-body textarea { min-height: 29px; max-height: 110px; flex: 1; resize: none; padding: 7px 4px; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 10px; line-height: 1.45; }
.composer-tools { display: flex; align-items: center; gap: 3px; }
.composer-tools button { width: 29px; height: 29px; border: 0; border-radius: 4px; background: transparent; color: var(--muted); font-size: 12px; }
.composer-tools button:hover { background: #14241f; color: var(--text); }
.composer-tools .send-button { background: var(--acid); color: #0a1008; font-size: 16px; font-weight: 900; }
.composer-foot { min-height: 26px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 10px; border-top: 1px solid #12231e; color: #62756e; font-size: 6px; }
.composer-foot kbd { font: inherit; }
.brain-capture { display: flex; align-items: center; gap: 5px; text-align: right; }
.brain-capture i { width: 5px; height: 5px; border-radius: 50%; background: var(--teal); }

.coach-panel { min-height: 0; overflow-y: auto; border-left: 1px solid var(--line); background: #0a1513; }
.coach-header { padding: 19px 17px 17px; border-bottom: 1px solid var(--line); background: linear-gradient(150deg, #111e13, #0a1513 62%); }
.coach-header > div:first-child { display: flex; align-items: center; gap: 11px; }
.coach-avatar.large { width: 42px; height: 42px; font-size: 17px; }
.coach-header h2 { margin: 4px 0 0; font-size: 20px; line-height: .98; letter-spacing: -.04em; }
.coach-header > p { margin: 14px 0; color: var(--muted); font-size: 9px; line-height: 1.55; }
.coach-header > button:not(.ask-coach) { display: none; }
.ask-coach { width: 100%; height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0 11px; border: 1px solid var(--line-strong); border-radius: 3px; background: transparent; font-size: 8px; font-weight: 750; }
.ask-coach span { color: var(--acid); }
.coach-focus, .team-panel, .coach-activity { padding: 15px 15px 0; }
.coach-focus > header, .team-panel > header, .coach-activity > header { min-height: 24px; display: flex; align-items: center; justify-content: space-between; color: var(--muted); font: 750 7px ui-monospace, monospace; letter-spacing: .11em; }
.coach-focus > header b, .team-panel > header b { display: inline-grid; min-width: 18px; height: 18px; margin-left: 5px; place-items: center; border-radius: 9px; background: #20332d; color: var(--soft); font-size: 7px; }
.coach-focus-card { padding: 12px; border: 1px solid #4c4530; border-left: 2px solid var(--amber); border-radius: 4px; background: #171a12; }
.coach-focus-card .eyebrow { color: var(--amber); font-size: 6px; }
.coach-focus-card strong { display: block; margin-top: 8px; font-size: 11px; }
.coach-focus-card p:not(.eyebrow) { margin: 5px 0 11px; color: var(--muted); font-size: 8px; line-height: 1.5; }
.coach-focus-card button { padding: 0; border: 0; background: transparent; color: var(--text); font-size: 7px; font-weight: 750; }
.coach-focus-card button span { margin-left: 9px; color: var(--amber); }
.team-panel > header button, .coach-activity > header button { border: 0; background: transparent; color: var(--acid); font-size: 7px; }
.team-list { display: grid; margin-top: 4px; }
.person-row { min-height: 47px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; border-bottom: 1px solid #14251f; }
.person-row > div { min-width: 0; display: grid; gap: 3px; }
.person-row strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.person-row small { overflow: hidden; color: var(--muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.person-row > span:last-child { padding: 3px 5px; border: 1px solid var(--line); border-radius: 2px; color: var(--muted); font: 700 6px ui-monospace, monospace; text-transform: uppercase; }
.person-row > span.editor { border-color: #3b5b52; color: var(--teal); }
.person-row > span.facilitator { border-color: #637329; color: var(--acid); }
.person-row > span.outside { border-color: #5c4f37; color: var(--amber); }
.activity-list { display: grid; padding-bottom: 12px; }
.activity-row { display: grid; grid-template-columns: 8px 1fr; gap: 9px; padding: 9px 0; border-bottom: 1px solid #14251f; }
.activity-row > i { width: 6px; height: 6px; margin-top: 3px; border: 1px solid var(--teal); border-radius: 50%; }
.activity-row div { display: grid; gap: 4px; }
.activity-row p { margin: 0; color: var(--soft); font-size: 7px; line-height: 1.45; }
.activity-row time { color: #61736d; font: 650 6px ui-monospace, monospace; }
.coach-footer { padding: 8px 15px 16px; }
.coach-footer button { width: 100%; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 3px; background: #0d1b17; text-align: left; }
.coach-footer button > span { color: var(--acid); font-size: 18px; }
.coach-footer div { display: grid; gap: 2px; }
.coach-footer b { font-size: 8px; }
.coach-footer small { color: var(--muted); font-size: 6px; }
.coach-footer i { color: var(--acid); font-style: normal; }

.toast-region { position: fixed; z-index: 200; right: 24px; bottom: 24px; display: grid; gap: 8px; }
.toast { max-width: 360px; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid var(--line-strong); border-left: 2px solid var(--acid); border-radius: 4px; background: #10201c; box-shadow: var(--shadow); color: var(--soft); font-size: 9px; animation: toast-in .22s ease-out; }
.toast.error { border-left-color: var(--red); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } }

.sheet-dialog { width: min(760px, calc(100vw - 28px)); max-height: calc(100vh - 28px); padding: 0; border: 1px solid var(--line-strong); border-radius: 7px; background: #0a1513; color: var(--text); box-shadow: var(--shadow); }
.sheet-dialog::backdrop { background: #020706cc; backdrop-filter: blur(4px); }
.dialog-frame { max-height: calc(100vh - 30px); display: flex; flex-direction: column; margin: 0; }
.dialog-frame > header { display: flex; justify-content: space-between; gap: 24px; padding: 24px; border-bottom: 1px solid var(--line); background: linear-gradient(145deg, #111f18, #0a1513 60%); }
.dialog-frame > header h2 { margin: 8px 0 6px; font-size: 29px; line-height: 1; letter-spacing: -.045em; }
.dialog-frame > header p:last-child { margin: 0; color: var(--muted); font-size: 9px; }
.dialog-frame > header > button { width: 31px; height: 31px; flex: 0 0 auto; border: 1px solid var(--line); border-radius: 50%; background: transparent; color: var(--muted); font-size: 17px; }
.dialog-frame > footer { min-height: 58px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 24px; border-top: 1px solid var(--line); background: #091310; }
.dialog-frame > footer > span { color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .08em; }
.dialog-frame > footer > span i { width: 5px; height: 5px; display: inline-block; margin-right: 6px; border-radius: 50%; background: var(--teal); }
.dialog-frame > footer button { min-width: 84px; height: 34px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: 3px; background: transparent; font-size: 8px; font-weight: 750; }
.dialog-frame > footer button.primary, .dialog-frame > footer div button:last-child { border: 0; background: var(--acid); color: #0a1008; }
.dialog-frame > footer div { display: flex; gap: 7px; }
.receipt-source { margin: 20px 24px 0; padding: 13px; border: 1px solid var(--line); border-left: 2px solid var(--teal); background: #0d1916; }
.receipt-source small { color: var(--muted); font: 650 7px ui-monospace, monospace; }
.receipt-source p { margin: 7px 0 0; font-size: 10px; line-height: 1.5; }
.receipt-summary { margin: 12px 24px; color: var(--soft); font-size: 9px; }
.receipt-graph { min-height: 220px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 24px 22px; overflow-y: auto; }
.receipt-column { border: 1px solid var(--line); border-radius: 4px; }
.receipt-column > header { padding: 9px 10px; border-bottom: 1px solid var(--line); color: var(--muted); font: 750 7px ui-monospace, monospace; letter-spacing: .1em; }
.receipt-item { display: grid; grid-template-columns: auto 1fr; gap: 9px; padding: 9px 10px; border-bottom: 1px solid #14251f; }
.receipt-item:last-child { border-bottom: 0; }
.receipt-item > span { min-width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 4px; color: var(--acid); font: 700 7px ui-monospace, monospace; }
.receipt-item div { min-width: 0; display: grid; gap: 3px; }
.receipt-item b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.receipt-item small { color: var(--muted); font: 650 6px ui-monospace, monospace; word-break: break-all; }
.access-dialog { width: min(620px, calc(100vw - 28px)); }
.access-dialog form > label { display: grid; gap: 6px; margin: 14px 24px 0; color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.access-dialog select, .access-dialog textarea { width: 100%; padding: 9px 10px; border: 1px solid var(--line-strong); border-radius: 3px; outline: 0; background: #08110f; color: var(--text); font-size: 9px; text-transform: none; }
.access-dialog fieldset { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 14px 24px 0; padding: 0; border: 0; }
.access-dialog legend { margin-bottom: 6px; color: var(--muted); font: 700 7px ui-monospace, monospace; letter-spacing: .08em; text-transform: uppercase; }
.access-dialog fieldset label { display: flex; align-items: center; gap: 9px; padding: 10px; border: 1px solid var(--line); border-radius: 3px; }
.access-dialog fieldset label:has(input:checked) { border-color: var(--acid); background: var(--acid-wash); }
.access-dialog fieldset span { display: grid; gap: 3px; }
.access-dialog fieldset b { font-size: 9px; }
.access-dialog fieldset small { color: var(--muted); font-size: 7px; }
.access-context { display: flex; align-items: center; gap: 12px; margin: 18px 24px 0; padding: 12px; border: 1px solid #51472e; background: #181b13; }
.access-context > span { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #685a36; border-radius: 50%; color: var(--amber); }
.access-context div { display: grid; gap: 3px; }
.access-context small { color: var(--amber); font: 700 6px ui-monospace, monospace; letter-spacing: .1em; }
.access-context strong { font-size: 10px; }
.access-context p { margin: 0; color: var(--muted); font-size: 7px; }
.access-route { display: flex; align-items: center; gap: 9px; margin: 14px 24px 20px; padding: 10px; background: #0d1c18; }
.access-route > span { width: 27px; height: 27px; display: grid; place-items: center; border: 1px solid var(--acid); border-radius: 5px; color: var(--acid); font-weight: 800; }
.access-route p { display: grid; gap: 3px; margin: 0; }
.access-route b { font-size: 8px; }
.access-route small { color: var(--muted); font-size: 7px; }
.team-map { overflow-y: auto; padding: 16px 24px 22px; display: grid; gap: 8px; }
.team-map-row { display: grid; grid-template-columns: 170px 1fr 105px; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 4px; }
.team-map-person { display: flex; align-items: center; gap: 9px; }
.team-map-person div { display: grid; gap: 3px; }
.team-map-person b { font-size: 9px; }
.team-map-person small { color: var(--muted); font-size: 7px; }
.team-map-responsibility { display: grid; gap: 4px; color: var(--soft); font-size: 8px; }
.team-map-responsibility small { color: var(--muted); }
.team-map-access { justify-self: end; padding: 4px 6px; border: 1px solid var(--line-strong); border-radius: 2px; color: var(--teal); font: 700 6px ui-monospace, monospace; text-transform: uppercase; }
.brain-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin: 18px 24px 12px; border: 1px solid var(--line); background: var(--line); }
.brain-kpis div { padding: 12px; background: #0c1815; }
.brain-kpis small { color: var(--muted); font: 700 6px ui-monospace, monospace; letter-spacing: .1em; }
.brain-kpis strong { display: block; margin-top: 4px; color: var(--acid); font: 750 20px ui-monospace, monospace; }
.brain-explorer { min-height: 280px; max-height: 45vh; display: grid; grid-template-columns: 180px 1fr; gap: 12px; margin: 0 24px 20px; overflow: hidden; }
.brain-kinds { overflow-y: auto; border: 1px solid var(--line); }
.brain-kind { width: 100%; min-height: 34px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 8px; text-align: left; }
.brain-kind.active { background: var(--acid); color: #07100f; }
.brain-nodes { overflow-y: auto; border: 1px solid var(--line); }
.brain-node { display: grid; grid-template-columns: auto 1fr; gap: 9px; padding: 10px; border-bottom: 1px solid var(--line); }
.brain-node > span { min-width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid #3e5a51; border-radius: 50%; color: var(--teal); font: 700 7px ui-monospace, monospace; }
.brain-node div { min-width: 0; display: grid; gap: 3px; }
.brain-node b { overflow: hidden; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.brain-node small { color: var(--muted); font: 650 6px ui-monospace, monospace; word-break: break-all; }

@media (max-width: 1260px) {
  .app-shell { grid-template-columns: 230px minmax(500px, 1fr) 300px; }
  .topbar-center { display: none; }
  .brand { min-width: 180px; }
}

@media (max-width: 1040px) {
  .app-shell { grid-template-columns: 230px minmax(0, 1fr); }
  .coach-panel { position: fixed; z-index: 90; top: var(--topbar); right: 0; bottom: 0; width: min(360px, calc(100vw - 32px)); transform: translateX(105%); transition: transform .2s ease; box-shadow: -25px 0 70px #0009; }
  .coach-panel.open { transform: translateX(0); }
  .coach-header > button:not(.ask-coach) { position: absolute; top: 10px; right: 10px; display: block; width: 28px; height: 28px; border: 0; background: transparent; color: var(--muted); font-size: 18px; }
  #open-coach { display: grid; place-items: center; }
  .global-search { width: min(290px, 35vw); }
}

@media (max-width: 760px) {
  :root { --topbar: 58px; }
  .topbar { gap: 8px; padding: 0 10px; }
  .brand { min-width: 0; }
  .brand-mark { width: 31px; height: 31px; }
  .brand-type { display: none; }
  .project-switcher { min-width: 0; max-width: 180px; flex: 1; border: 0; padding: 5px; background: transparent; }
  .project-switcher span, .project-switcher > b { display: none; }
  .project-switcher strong { font-size: 10px; }
  .global-search, .brain-status, .current-user { display: none; }
  #open-channels { display: grid; place-items: center; order: -1; }
  .app-shell { display: block; }
  .channel-sidebar { position: fixed; z-index: 90; top: var(--topbar); bottom: 0; left: 0; width: min(290px, calc(100vw - 32px)); transform: translateX(-105%); transition: transform .2s ease; box-shadow: 25px 0 70px #0009; }
  .channel-sidebar.open { transform: translateX(0); }
  .conversation-main { height: calc(100vh - var(--topbar)); grid-template-rows: 64px auto auto minmax(100px, 1fr) auto; }
  .channel-header { padding: 0 13px; }
  .channel-title p { max-width: 68vw; }
  .channel-tools > button:not(.member-stack) { display: none; }
  .member-stack span:nth-child(n+3) { display: none; }
  .feature-carousel { margin: 9px 10px 6px; }
  .feature-stage { min-height: 113px; grid-template-columns: 24px 1fr 24px; }
  #feature-card { gap: 14px; padding: 14px 5px; }
  .feature-copy h2 { font-size: 17px; }
  .feature-copy > p:last-child { font-size: 8px; }
  .feature-action > strong { font-size: 13px; }
  .feature-action button { max-width: 92px; padding: 7px; font-size: 7px; }
  .feature-action button span { margin-left: 4px; }
  .conversation { padding: 5px 9px 12px; }
  .message { grid-template-columns: 32px minmax(0, 1fr); padding: 10px 4px; }
  .message-text { font-size: 10px; }
  .composer-shell { margin: 4px 8px 8px; }
  .composer-typebar { scrollbar-width: none; }
  .structured-fields { grid-template-columns: 1fr 1fr; }
  .composer-foot { display: none; }
  .composer-body { min-height: 48px; }
  .brain-capture { display: none; }
  .mobile-scrim { position: fixed; z-index: 80; inset: var(--topbar) 0 0; display: block; background: #020706aa; }
  .dialog-frame > header { padding: 19px; }
  .dialog-frame > header h2 { font-size: 25px; }
  .receipt-graph { grid-template-columns: 1fr; margin: 0 17px 18px; }
  .receipt-source, .receipt-summary { margin-left: 17px; margin-right: 17px; }
  .team-map-row { grid-template-columns: 1fr auto; }
  .team-map-responsibility { grid-column: 1 / -1; }
  .brain-kpis { grid-template-columns: 1fr 1fr; margin: 15px 17px 10px; }
  .brain-explorer { grid-template-columns: 120px 1fr; margin: 0 17px 18px; }
  .access-dialog form > label, .access-dialog fieldset, .access-route, .access-context { margin-left: 17px; margin-right: 17px; }
}

@media (max-width: 430px) {
  .feature-action { display: none; }
  .feature-copy h2 { font-size: 16px; }
  .feature-tabs button { padding: 0 9px; }
  .structured-fields { grid-template-columns: 1fr; max-height: 128px; overflow-y: auto; }
  .composer-tools button:not(.send-button) { display: none; }
  .access-dialog fieldset { grid-template-columns: 1fr; }
  .team-map-row { grid-template-columns: 1fr; }
  .team-map-access { justify-self: start; }
  .brain-explorer { grid-template-columns: 1fr; overflow-y: auto; }
  .brain-kinds { display: flex; overflow-x: auto; }
  .brain-kind { width: auto; flex: 0 0 auto; border-right: 1px solid var(--line); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Nerva calm work system — shared visual language with Estimator. */
:root {
  color-scheme: light;
  --bg: #ebe7dc;
  --bg-deep: #e4dfd3;
  --panel: #f6f2e8;
  --panel-2: #efeade;
  --panel-3: #fffdf7;
  --line: #c9c4b8;
  --line-strong: #989a90;
  --text: #151713;
  --muted: #686b61;
  --soft: #3f433b;
  --acid: #173e55;
  --acid-dark: #0f2f43;
  --acid-wash: #dce8ef;
  --teal: #183e31;
  --amber: #173e55;
  --blue: #173e55;
  --violet: #705a92;
  --red: #b73532;
  --lime: #cbff2e;
  --shadow: 0 22px 60px #30312718;
}

body { background: var(--bg-deep); }
::selection { background: var(--lime); color: var(--text); }
::-webkit-scrollbar-thumb { background: #aaa69b; }
.skip-link { color: #fffdf7; }
.topbar { border-bottom-color: var(--text); background: #ebe7dcf2; box-shadow: 0 8px 24px #30312710; backdrop-filter: blur(18px); }
.brand-mark { border-color: var(--text); background: var(--text); color: var(--lime); box-shadow: none; }
.project-switcher, .global-search { background: var(--panel-3); }
.project-switcher span i, .brain-status > i, .online-dot, .mini-person > i.online, .brain-capture i, .brain-receipt > i { box-shadow: none; }
.current-user { border-color: var(--text); background: var(--text); color: #fffdf7; }

.channel-sidebar, .coach-panel { background: var(--panel); }
.project-monogram { background: var(--text); color: var(--lime); }
.nav-row:hover, .nav-row.active, .channel-row:hover { background: #e7e1d5; }
.nav-row small, .channel-row > small, .coach-focus > header b, .team-panel > header b { background: #ded9ce; color: var(--muted); }
.channel-row.active { background: var(--text); color: #fffdf7; }
.channel-row.active > small { background: var(--lime); color: var(--text); }
.avatar { border-color: #989a90; background: #ded9ce; color: var(--text); }
.avatar.coach, .coach-avatar { border-color: var(--text); background: var(--text); color: var(--lime); box-shadow: none; }
.sidebar-footer { background: #efeade; }

.conversation-main { background: #fffdf7; }
.channel-header { background: #f6f2e8; }
.member-stack span { border-color: #f6f2e8; background: #ded9ce; }
.feature-carousel { border-color: var(--text); background: linear-gradient(125deg, #fffdf7, #f6f2e8 64%, #eef1dc); box-shadow: 0 14px 40px #30312712; }
.feature-tabs button.active::after { box-shadow: none; }
.feature-tabs button span { background: #ded9ce; }
.carousel-progress { background: #ded9ce; }
.message:hover { background: #f6f2e8; }
.message-meta time, .locked-conversation small, .activity-row time, .composer-foot { color: var(--muted); }
.message-text { color: #2b2e28; }
.message-type { background: #e1ece7; color: var(--teal); }
.message-type.rfi { background: #dce8ef; color: #173e55; }
.message-type.decision { background: var(--acid-wash); color: #0f2f43; }
.message-type.commitment { background: #ebe4f5; color: var(--violet); }
.message-type.delivery { background: #e1ebf0; color: var(--blue); }
.message-type.image { background: #f3e2e9; color: #8f3e61; }
.message-image { background: linear-gradient(145deg, #dce7e1, #ebe7dc 56%, #eadfc7); }
.message-image span { background: #151713d9; color: #fffdf7; }
.brain-receipt, .receipt-source { background: #eef3ed; }
.agent-work { border-color: #bdc8c1; background: #eef3ed; }
.agent-work.prepare { background: #eef2f5; }
.message-actions { background: var(--panel-3); }
.lock-orbit { box-shadow: 0 0 0 9px #eadfc755, 0 0 0 18px #eadfc733; }

.composer-shell { background: var(--panel-3); box-shadow: 0 -8px 24px #3031270d; }
.composer-typebar button:hover, .composer-tools button:hover { background: #ebe7dc; }
.composer-typebar button.active, .composer-tools .send-button, .locked-conversation > button { color: #fffdf7; }
.composer-typebar button.active i { color: #fffdf7; }
.structured-fields { background: #f1ede3; }
.structured-fields input, .structured-fields select { background: #fffdf7; }
.composer-foot { border-top-color: var(--line); }

.coach-panel { background: #f6f2e8; }
.coach-header { background: linear-gradient(150deg, #eef1dc, #f6f2e8 62%); }
.coach-focus-card { border-color: #aebfca; background: #edf3f6; }
.person-row, .activity-row, .receipt-item { border-bottom-color: var(--line); }
.coach-footer button, .toast { background: #fffdf7; }
.sheet-dialog { background: #f6f2e8; }
.sheet-dialog::backdrop { background: #2f302a66; }
.dialog-frame > header { background: linear-gradient(145deg, #fffdf7, #f1ede3 60%); }
.dialog-frame > footer { background: #efeade; }
.dialog-frame > footer button.primary, .dialog-frame > footer div button:last-child { color: #fffdf7; }
.access-dialog select, .access-dialog textarea { background: #fffdf7; }
.access-context { border-color: #aebfca; background: #edf3f6; }
.access-route, .brain-kpis div { background: #fffdf7; }
.brain-kind.active { color: #fffdf7; }
.mobile-scrim { background: #2f302a66; }

.journey-alerts{display:grid;gap:10px;margin-bottom:18px}.journey-alert-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px 18px;border:1px solid #d59a35;border-left:4px solid #d59a35;border-radius:10px;background:#fff4d9}.journey-alert-card.escalation{border-color:#c65345;background:#fff0ed}.journey-alert-card small{color:#9a6411;font-size:9px;letter-spacing:.12em}.journey-alert-card strong{display:block;margin:4px 0;color:var(--ink)}.journey-alert-card p{margin:0;color:var(--muted);font-size:12px}.journey-alert-card .journey-alert-question{margin-top:8px;color:var(--ink);font-weight:650}.journey-alert-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.journey-alert-actions a,.journey-alert-actions button{border:1px solid var(--line);border-radius:6px;background:#fffdf7;color:var(--ink);padding:7px 9px;text-decoration:none;font-size:10px;cursor:pointer}.journey-alert-actions button:first-of-type{background:#2d755f;border-color:#2d755f;color:#fff}
@media(max-width:760px){.journey-alert-card{grid-template-columns:1fr}.journey-alert-actions{justify-content:flex-start}}

/* Notes-first calm intelligence surface. Capture is the center of gravity. */
.conversation-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#f8f5ed}
.channel-header{order:0;flex:0 0 auto}
.composer-shell{order:1;flex:0 0 auto;width:min(880px,calc(100% - 48px));margin:24px auto 12px;border:1px solid #b8b6ac;border-radius:16px;box-shadow:0 18px 50px #30312714;overflow:hidden}
.note-capture-heading{padding:22px 24px 14px;text-align:center;background:linear-gradient(180deg,#fffdf7,#faf7ef)}
.note-capture-heading p{margin:0;color:var(--teal);font:800 8px ui-monospace,monospace;letter-spacing:.18em}
.note-capture-heading h2{margin:8px 0 6px;font-size:29px;line-height:1;letter-spacing:-.045em}
.note-capture-heading span{color:var(--muted);font-size:10px;line-height:1.5}
.composer-typebar{border-top:1px solid var(--line)}
.composer-body{min-height:66px;padding:5px 12px}
.composer-body textarea{font-size:13px;line-height:1.55}
.feature-carousel{order:2;flex:0 0 auto;width:min(880px,calc(100% - 48px));margin:5px auto 8px;box-shadow:none}
.feature-stage{min-height:94px}
.feature-copy h2{font-size:18px}
.conversation{order:3;flex:1 1 auto;min-height:0;width:min(940px,100%);margin:0 auto;padding-top:8px}
.agent-enrichment{margin:5px 0 0;color:var(--soft);font-size:8px;line-height:1.45}.agent-enrichment b{display:block;margin-top:3px;color:var(--text)}
.agent-approve{grid-column:2/5;justify-self:start;margin-top:5px;padding:6px 9px;border:0;border-radius:5px;background:var(--text);color:#fffdf7;font-size:8px;font-weight:750}
.library-dialog{width:min(760px,calc(100vw - 28px))}.library-list{display:grid;gap:10px;max-height:58vh;padding:18px 24px;overflow-y:auto}.library-entry{padding:15px;border:1px solid var(--line);border-radius:8px;background:#fffdf7}.library-entry>header,.library-entry>footer{display:flex;align-items:center;gap:10px}.library-entry>header{justify-content:space-between}.library-entry>header span{color:var(--teal);font:800 7px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.library-entry time{color:var(--muted);font-size:7px}.library-entry p{margin:12px 0;color:var(--text);font-size:11px;line-height:1.5}.library-entry>footer{color:var(--muted);font-size:7px}.library-entry>footer b{margin-left:auto;color:var(--teal)}.library-entry code{font-size:6px}.library-empty{padding:48px 20px;text-align:center}.library-empty>span{font-size:30px}.library-empty h3{margin:12px 0 6px}.library-empty p{margin:0;color:var(--muted);font-size:9px}
@media(max-width:760px){.composer-shell,.feature-carousel{width:calc(100% - 16px);margin-left:8px;margin-right:8px}.composer-shell{margin-top:10px}.note-capture-heading{padding:15px 16px 10px}.note-capture-heading h2{font-size:23px}.note-capture-heading span{font-size:8px}.feature-carousel{display:none}.conversation{padding-top:4px}.library-list{padding:14px}}

/* Calm intelligence workspace v2 — one fixed project, one quiet work surface. */
:root{
  --bg:#f2f1eb;
  --bg-deep:#e9ebe6;
  --panel:#f7f6f1;
  --panel-2:#eef1ed;
  --panel-3:#fff;
  --line:#d8ddd9;
  --line-strong:#aab5b0;
  --text:#16201f;
  --muted:#6d7874;
  --soft:#43514d;
  --acid:#287e79;
  --acid-dark:#1f6662;
  --acid-wash:#e6f1ee;
  --teal:#287e79;
  --amber:#a96b16;
  --blue:#416f9d;
  --violet:#705a92;
  --red:#b64b43;
  --lime:#287e79;
  --shadow:0 24px 70px #16201f1c;
}

body{background:var(--bg);color:var(--text)}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-color:var(--acid)}
::selection{background:#cfe6e1;color:var(--text)}
::-webkit-scrollbar-thumb{background:#bec8c3}
.eyebrow{color:var(--acid)}

.topbar{position:sticky;top:0;z-index:100;border-bottom:1px solid var(--line);background:#f7f6f1f5;box-shadow:none;backdrop-filter:blur(18px)}
.brand{min-width:190px;color:var(--text)}
.brand-mark{border:1px solid var(--text);border-radius:7px;background:var(--text);color:#fff;box-shadow:none}
.brand-type small{color:var(--acid)}
.global-search{border-color:var(--line);border-radius:8px;background:#fff}
.global-search input{color:var(--text)}
.global-search kbd{border-color:var(--line);color:var(--muted)}
.brain-status{border-color:var(--line);border-radius:8px;background:#fff}
.brain-status>i{box-shadow:none}
.current-user,.mobile-panel-button{border-color:#c3ccc8;background:#e5ece9;color:var(--text)}
.nerva-shell-nav a{color:var(--muted)!important;font-size:9px!important;font-weight:750!important}
.nerva-shell-nav a[aria-current="page"]{color:var(--text)!important}
.nerva-shell-nav a[aria-current="page"]:after{height:2px;background:var(--acid)}
.nerva-military-clock{border-color:var(--line)!important;color:var(--text)!important}
.nerva-military-clock small,.nerva-military-clock span{color:var(--muted)!important}

body[data-nerva-page="notes"] .nerva-context-strip{position:sticky;top:var(--topbar);z-index:90;border-color:var(--line);background:#eef1edf2;color:var(--text);box-shadow:0 8px 26px #16201f0a;backdrop-filter:blur(16px)}
body[data-nerva-page="notes"] .nerva-context-primary small,body[data-nerva-page="notes"] .nerva-context-detail small{color:var(--muted)}
body[data-nerva-page="notes"] .nerva-context-primary i{background:var(--acid);box-shadow:0 0 0 4px #287e7914}
body[data-nerva-page="notes"] .nerva-context-select,body[data-nerva-page="notes"] .nerva-context-actions a,body[data-nerva-page="notes"] .nerva-context-actions button{border-color:var(--line);border-radius:7px;background:#fff;color:var(--text)}
body[data-nerva-page="notes"] .nerva-experience-badge,body[data-nerva-page="notes"] .nerva-team-badge{border-color:#c8d6d1;background:#fff;color:#315f5b}

.app-shell{grid-template-columns:272px minmax(0,1fr);background:var(--bg);overflow:hidden}
.channel-sidebar{border-right:1px solid var(--line);background:#f7f6f1}
.sidebar-project{min-height:74px;border-color:var(--line);background:#fff}
.project-monogram{border:0;border-radius:9px;background:#dce9e5;color:#255f5b}
.sidebar-project button{display:none}
.channel-nav{display:grid;gap:7px;padding:13px;border-color:var(--line)}
.nav-row{height:43px;grid-template-columns:31px minmax(0,1fr) auto;padding:0 11px;border:1px solid transparent;border-radius:10px;color:var(--soft)}
.nav-row>span:nth-child(2){min-width:0;display:grid;gap:2px}
.nav-row b{font-size:10px;font-weight:720}
.nav-row em{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.nav-row small{background:#e4e9e6;color:var(--muted)}
.nav-row:hover{border-color:var(--line);background:#fff;color:var(--text)}
.nav-row.active{border-color:#b9d0ca;background:#e7f1ee;color:#194d49;box-shadow:none}
.nav-row.active small{background:#fff;color:#236a65}
.nav-row-primary{height:62px;border-color:#c8d8d3;background:#edf4f2}
.nav-row-primary .nav-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:8px;background:var(--acid);color:#fff}
.nav-row-primary b{font-size:13px}
.nav-row-primary em{font-size:8px}
.approvals-nav.due-soon{border-color:#d7ad68;background:#fff8e9;animation:calm-due-pulse 2.4s ease-in-out infinite}
.approvals-nav.overdue{border-color:#c96860;background:#fff0ee;animation:late-approval-pulse 1.25s ease-in-out infinite}
.approvals-nav.due-soon small{background:#f4dba9;color:#78500e}
.approvals-nav.overdue small{background:#d86e65;color:#fff}
.channel-group{padding-top:12px}
.channel-group>header{color:var(--muted)}
.channel-group>header button:last-child{font-size:8px}
.locked-label{color:#72807b;font:750 6px ui-monospace,monospace;letter-spacing:.08em}
.channel-row{min-height:36px;border-radius:8px;color:var(--muted)}
.channel-row:hover{background:#fff;color:var(--text)}
.channel-row.active{background:#263c39;color:#fff}
.channel-row.active>small{background:#fff;color:#263c39}
.channel-row.restricted:not(.active)>span{color:var(--amber)}
.sidebar-team{gap:2px}
.mini-person{width:100%;border:0;border-radius:8px;background:transparent;text-align:left}
.mini-person:hover{background:#fff}
.avatar{border:0;background:#dfe8e4;color:#284d48}
.avatar.coach,.coach-avatar{border:0;background:#263c39;color:#fff;box-shadow:none}
.role-lock{width:auto!important;height:auto!important;background:transparent!important;color:#7c8984;font:800 10px ui-monospace,monospace;font-style:normal}
.sidebar-footer{border-color:var(--line);background:#eef1ed}
.online-dot{background:var(--acid);box-shadow:none}

.conversation-main{display:flex;min-width:0;background:#f7f8f5}
.channel-header{order:0;min-height:68px;padding:0 28px;border-color:var(--line);background:#fff}
.channel-title h1{font-size:15px}
.channel-title>div>span:first-child{color:var(--muted)}
.visibility-pill{border-color:var(--line);color:var(--muted)}
.channel-tools>button{border-color:var(--line);background:#fff;color:var(--muted)}
.member-stack span{border-color:#fff;background:#dfe8e4;color:#284d48}

.work-rhythm{order:1;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 28px;border-bottom:1px solid var(--line);background:#eef1ed}
.work-rhythm>div{min-width:0;display:grid;gap:4px}
.work-rhythm small{color:var(--acid);font:800 7px ui-monospace,monospace;letter-spacing:.13em}
.work-rhythm strong{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.work-rhythm nav{display:flex;gap:6px}
.work-rhythm button{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--soft);font-size:8px;font-weight:700;white-space:nowrap}
.work-rhythm button:hover{border-color:#91aaa3;color:var(--text)}
.work-rhythm button span{margin-right:5px;color:var(--acid);font:750 6px ui-monospace,monospace}

.composer-shell{order:2;flex:0 0 auto;width:min(920px,calc(100% - 56px));margin:20px auto 12px;border:1px solid #bec9c5;border-radius:14px;background:#fff;box-shadow:0 18px 44px #16201f0e}
.note-capture-heading{padding:19px 24px 12px;background:#fff;text-align:left}
.note-capture-heading p{color:var(--acid)}
.note-capture-heading h2{margin:6px 0 4px;font-size:27px}
.note-capture-heading span{font-size:9px}
.composer-typebar{padding:6px 9px;border-color:var(--line);background:#f4f6f3}
.composer-typebar button{height:29px;border-radius:7px;color:var(--muted);font-size:8px}
.composer-typebar button:hover{background:#fff;color:var(--text)}
.composer-typebar button.active{background:#263c39;color:#fff}
.composer-typebar button.active i{color:#fff}
.composer-details-toggle{align-self:flex-start;margin:7px 11px 0;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);font-size:7px;font-weight:750}
.composer-details-toggle:hover{border-color:#93aaa3;color:var(--text)}
.structured-fields{border-color:var(--line);background:#f9faf8}
.structured-fields input,.structured-fields select{border-color:var(--line);background:#fff;color:var(--text)}
.composer-body{min-height:64px;padding:7px 11px}
.composer-body textarea{font-size:13px;color:var(--text)}
.composer-add{border-color:var(--line);color:var(--muted)}
.composer-tools{gap:6px}
.composer-tools .voice-button{width:auto;min-width:112px;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:1px solid var(--line);background:#fff;color:var(--soft);font-size:8px}
.voice-button b{font-weight:750}
.voice-dot{width:7px;height:7px;border:2px solid #71807b;border-radius:50%}
.voice-button.recording{border-color:#c96860;background:#fff0ee;color:#87372f}
.voice-button.recording .voice-dot{border-color:#c5544b;background:#c5544b;animation:voice-pulse 1s ease-in-out infinite}
.composer-tools .send-button{width:36px;background:#263c39;color:#fff}
.composer-foot{min-height:29px;border-color:var(--line);color:var(--muted)}
.brain-capture i{background:var(--acid)}
.attachment-preview{border-color:var(--line)}

.feature-carousel,.site-decisions{display:none}
.conversation{order:4;flex:1 1 auto;width:min(980px,100%);padding:6px 28px 20px}
.message:hover{background:#f0f3ef}
.message-text{color:var(--text);font-size:11px}
.message-type{background:#e4eeeb;color:#2c6d67}
.message-type.rfi{background:#f8edd8;color:#8a5b13}
.message-type.decision{background:#e4ede2;color:#3f6838}
.message-type.commitment{background:#ece7f4;color:#654e88}
.message-fields span{border-color:var(--line);color:var(--muted)}
.brain-receipt{border-color:#c9d9d4;background:#edf4f2;color:var(--soft)}
.brain-receipt>i{box-shadow:none}
.agent-work{border-color:#c8d7d2;border-left-color:var(--teal);background:#f2f6f4}
.agent-work.prepare{border-left-color:#557a48}
.agent-work>span{border-color:var(--line-strong);color:var(--acid)}
.agent-work em{border-color:var(--line);color:var(--acid)}
.agent-approve{background:#263c39}
.message-actions{border-color:var(--line);background:#fff}

.coach-panel{position:fixed;z-index:110;top:var(--topbar);right:0;bottom:0;width:min(380px,calc(100vw - 32px));border-left:1px solid var(--line);background:#f7f6f1;box-shadow:-24px 0 70px #16201f25;transform:translateX(105%);transition:transform .2s ease}
.coach-panel.open{transform:translateX(0)}
.coach-header{background:#eef1ed}
.coach-focus-card{border-color:#d6c29d;background:#fff9ed}
.person-row,.activity-row{border-color:var(--line)}
.coach-footer button{border-color:var(--line);background:#fff}

.sheet-dialog{border-color:var(--line-strong);background:#f7f6f1;color:var(--text)}
.sheet-dialog::backdrop{background:#16201f73}
.dialog-frame>header{border-color:var(--line);background:#eef1ed}
.dialog-frame>footer{border-color:var(--line);background:#f7f6f1}
.dialog-frame>footer button.primary,.dialog-frame>footer div button:last-child{background:#263c39;color:#fff}
.receipt-source{border-color:var(--line);background:#fff}
.receipt-column,.receipt-item,.brain-kinds,.brain-nodes,.brain-kind,.brain-node{border-color:var(--line)}
.access-dialog select,.access-dialog textarea{border-color:var(--line);background:#fff;color:var(--text)}
.access-context{border-color:#d7c49e;background:#fff9eb}
.access-route{background:#edf4f2}
.team-map-status{justify-self:end;display:grid;justify-items:end;gap:5px}
.team-map-status small{color:var(--muted);font:750 6px ui-monospace,monospace;text-transform:uppercase}
.team-map-access{justify-self:auto;border-color:var(--line)}
.brain-kpis div{background:#fff}

.approvals-dialog{width:min(760px,calc(100vw - 28px))}
.approval-list{display:grid;gap:9px;min-height:180px;max-height:58vh;padding:18px 24px;overflow-y:auto}
.approval-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff}
.approval-state{width:8px;height:8px;border:2px solid #84918c;border-radius:50%}
.approval-item>div{min-width:0;display:grid;gap:5px}
.approval-item small{color:var(--muted);font:750 7px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}
.approval-item strong{font-size:11px}
.approval-item p{overflow:hidden;margin:0;color:var(--muted);font-size:8px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.approval-item button{height:32px;padding:0 11px;border:0;border-radius:7px;background:#263c39;color:#fff;font-size:8px;font-weight:750}
.approval-item em{color:var(--muted);font-size:7px;font-style:normal}
.approval-item.due-soon{border-color:#d5b06e;background:#fffaf0}
.approval-item.due-soon .approval-state{border-color:#bd7c1e;background:#e6a847}
.approval-item.overdue{border-color:#cf7770;background:#fff3f1}
.approval-item.overdue .approval-state{border-color:#b64b43;background:#b64b43;animation:voice-pulse 1.1s ease-in-out infinite}
.approval-empty{display:grid;place-items:center;align-content:center;min-height:220px;padding:30px;text-align:center}
.approval-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e2eeea;color:#286862;font-size:18px}
.approval-empty h3{margin:13px 0 5px;font-size:16px}
.approval-empty p{max-width:430px;margin:0;color:var(--muted);font-size:9px;line-height:1.55}

@keyframes calm-due-pulse{0%,100%{box-shadow:0 0 0 0 #b7791f00}50%{box-shadow:0 0 0 4px #d7a64b30}}
@keyframes late-approval-pulse{0%,100%{box-shadow:0 0 0 0 #b64b4300}50%{box-shadow:0 0 0 5px #b64b4330}}
@keyframes voice-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.78)}}

@media(max-width:1080px){
  .work-rhythm>div{display:none}
  .work-rhythm{justify-content:center}
}

@media(max-width:820px){
  body[data-nerva-page="notes"] .nerva-shell-header{background:#f7f6f1f5}
  body[data-nerva-page="notes"] .conversation-main{height:calc(100vh - var(--topbar) - 48px)}
  .app-shell{grid-template-columns:232px minmax(0,1fr)}
  .channel-header{padding-inline:18px}
  .work-rhythm{padding-inline:12px;overflow-x:auto;justify-content:flex-start}
  .work-rhythm nav{margin:auto}
  .composer-shell{width:calc(100% - 28px)}
  .conversation{padding-inline:14px}
}

@media(max-width:760px){
  .app-shell{display:block}
  .channel-sidebar{top:calc(var(--topbar) + 48px);background:#f7f6f1}
  .conversation-main{height:calc(100vh - var(--topbar) - 48px)}
  .work-rhythm{min-height:52px}
  .work-rhythm button{height:30px}
  .channel-title p{max-width:60vw}
  .composer-shell{width:calc(100% - 16px);margin:10px 8px 8px}
  .note-capture-heading{padding:14px 16px 9px}
  .note-capture-heading h2{font-size:22px}
  .composer-tools .voice-button{min-width:34px;width:34px;padding:0}
  .voice-button b{display:none}
  .approval-list{padding:14px}
  .approval-item{grid-template-columns:10px minmax(0,1fr)}
  .approval-item button,.approval-item em{grid-column:2;justify-self:start}
  .team-map-status{justify-self:start;justify-items:start}
}

@media(max-width:480px){
  .work-rhythm button span{display:none}
  .work-rhythm button{padding-inline:8px}
  .nav-row-primary{height:56px}
}

@media(prefers-reduced-motion:reduce){.approvals-nav.due-soon,.approvals-nav.overdue,.voice-button.recording .voice-dot,.approval-item.overdue .approval-state{animation:none!important}}

/* Notes calm-density pass: channel utilities live with capture; redundant rails are gone. */
.conversation-main{gap:0}
.composer-shell{order:0;width:min(1120px,calc(100% - 32px));margin:14px auto 10px}
.note-capture-heading{position:relative;padding:15px 20px 12px}
.note-capture-heading>p{margin-top:10px}
.note-capture-heading>span:not(.visually-hidden){font-size:9px}
.note-channel-utility{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.note-channel-context{min-width:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:8px}
.note-channel-context i{color:var(--acid);font-size:12px;font-style:normal}
.note-channel-context b{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.note-channel-context .visibility-pill{font-size:6px;font-style:normal}
.note-capture-heading .channel-tools{display:flex;align-items:center;gap:5px}
.note-capture-heading .channel-tools>button{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:8px}
.note-capture-heading .channel-tools>button:hover{border-color:#91aaa3;color:var(--text)}
.note-capture-heading .member-stack{display:flex;align-items:center;padding-inline:5px!important}
.note-capture-heading .member-stack span{width:20px;height:20px;margin-left:-4px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;background:#dfe8e4;color:#284d48;font-size:6px}
.note-capture-heading .member-stack span:first-child{margin-left:0}
.note-capture-heading .member-stack b{margin-left:4px;font-size:7px}
.conversation{order:1;width:min(1120px,100%);padding-top:8px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

@media(max-width:760px){
  .composer-shell{width:calc(100% - 16px);margin:8px}
  .note-capture-heading{padding:10px 12px 9px}
  .note-channel-utility{min-height:26px}
  .note-capture-heading .channel-tools>button{height:26px}
  .note-capture-heading .member-stack span:nth-child(n+2){display:none}
}

/* Notes workspace: calm conversation, persistent capture, and a compact attention lane. */
.conversation-main{--attention-rail-width:clamp(270px,28%,360px)}
.notes-workspace{order:1;flex:1 1 auto;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--attention-rail-width);border-top:1px solid var(--line);background:#f7f8f5;overflow:hidden}
.notes-workspace>.conversation{order:initial;width:100%;min-width:0;margin:0;padding:10px clamp(16px,2.4vw,34px) 22px;background:#f7f8f5;overflow-y:auto}
.conversation-stream{min-height:100%}
.composer-shell{order:2;align-self:flex-start;width:calc(100% - var(--attention-rail-width) - 36px);margin:10px 18px 14px}

.attention-rail{min-width:0;min-height:0;display:flex;flex-direction:column;border-left:1px solid #c9d1ce;background:#eef1ed}
.attention-rail>header{min-height:74px;padding:16px 16px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);background:#f7f8f5}
.attention-rail>header p{margin:0;color:var(--acid);font:800 7px ui-monospace,monospace;letter-spacing:.13em}
.attention-rail>header h2{margin:5px 0 0;font-size:14px;letter-spacing:-.025em}
.attention-rail-actions{display:flex;align-items:center;gap:7px}
.attention-rail-actions>span{min-width:28px;height:28px;padding:0 7px;display:grid;place-items:center;border-radius:99px;background:#263c39;color:#fff;font:800 9px ui-monospace,monospace}
.attention-rail-actions>button{display:none;width:30px;height:30px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:18px;cursor:pointer}
.journey-alerts{min-height:0;margin:0;padding:10px;display:grid;align-content:start;gap:8px;overflow-y:auto}
.attention-item{border:1px solid #d3d9d6;border-radius:10px;background:#fff;overflow:hidden;transition:border-color .16s,box-shadow .16s,transform .16s}
.attention-item:hover{border-color:#9fafaa;box-shadow:0 8px 22px #16201f0c;transform:translateY(-1px)}
.attention-item.overdue{border-color:#d68b85;background:#fff7f5}
.attention-item.due-soon{border-color:#d8b777;background:#fffaf0}
.attention-item button{width:100%;min-height:92px;padding:13px 11px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:start;gap:9px;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.attention-item button[aria-current="true"]{background:#e6efec;box-shadow:inset 3px 0 #287e79}
.attention-state{width:8px;height:8px;margin-top:2px;border:2px solid #85918d;border-radius:50%;background:#fff}
.attention-item.overdue .attention-state{border-color:#b84e47;background:#c35a52;animation:attention-dot-pulse 1.6s ease-in-out infinite}
.attention-item.due-soon .attention-state{border-color:#b27a22;background:#dfa548}
.attention-item-copy{min-width:0;display:grid;gap:5px}
.attention-item-copy small{overflow:hidden;color:var(--muted);font:750 6px ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap}
.attention-item-copy strong{font-size:10px;line-height:1.35}
.attention-item-copy>span{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.attention-item button>i{align-self:center;color:#6f7d78;font-size:13px;font-style:normal}
.attention-empty{min-height:240px;padding:28px;display:grid;place-items:center;align-content:center;text-align:center}
.attention-empty>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#dce9e5;color:#286862;font-weight:800}
.attention-empty strong{margin-top:12px;font-size:12px}
.attention-empty p{max-width:210px;margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.5}
.attention-mobile-toggle,.attention-scrim{display:none}

.attention-focus{width:min(720px,100%);min-height:100%;margin:auto;display:grid;align-content:center;outline:0}
.attention-focus>header,.attention-focus-body,.attention-focus>footer{border:1px solid #cbd3d0;background:#fff}
.attention-focus>header{padding:22px 24px 18px;display:flex;align-items:start;justify-content:space-between;gap:22px;border-radius:14px 14px 0 0;background:#eef3f0}
.attention-focus.overdue>header{border-color:#d68b85;background:#fff0ed}
.attention-focus.due-soon>header{border-color:#d8b777;background:#fff7e7}
.attention-focus>header p{margin:0;color:var(--acid);font:800 7px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}
.attention-focus>header h2{margin:8px 0 5px;font-size:clamp(20px,3vw,30px);letter-spacing:-.04em}
.attention-focus>header span{color:var(--muted);font-size:9px}
.attention-focus>header button{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted);font-size:20px;cursor:pointer}
.attention-focus-body{padding:24px;border-top:0;border-bottom:0}
.attention-focus dl{margin:0;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;background:#f8f9f6;overflow:hidden}
.attention-focus dl div{min-width:0;padding:13px;border-right:1px solid var(--line)}
.attention-focus dl div:last-child{border-right:0}
.attention-focus dt{color:var(--muted);font:750 6px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.attention-focus dd{overflow:hidden;margin:5px 0 0;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.attention-focus blockquote{margin:14px 0 0;padding:14px 16px;border:0;border-left:3px solid #75a49b;background:#f2f5f2;color:var(--soft);font-size:10px;line-height:1.55}
.attention-focus-question{margin:22px 0 2px;font-size:14px;font-weight:700;line-height:1.45}
.attention-focus>footer{padding:14px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-radius:0 0 14px 14px}
.attention-focus>footer a,.attention-focus>footer button{min-height:36px;padding:0 12px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:8px;font-weight:750;text-decoration:none;cursor:pointer}
.attention-focus>footer .primary{border-color:#2d755f;background:#2d755f;color:#fff}
.attention-waiting{color:var(--muted);font-size:9px;font-weight:700}

@keyframes attention-dot-pulse{0%,100%{box-shadow:0 0 0 0 #b64b4300}50%{box-shadow:0 0 0 5px #b64b4324}}

@media(max-width:900px){
  .conversation-main{--attention-rail-width:0px}
  .notes-workspace{position:relative;display:block}
  .notes-workspace>.conversation{height:100%;padding-top:56px}
  .composer-shell{width:calc(100% - 28px);margin:10px 14px 14px}
  .attention-mobile-toggle{position:absolute;z-index:3;top:10px;right:14px;left:14px;height:36px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d4a49f;border-radius:9px;background:#fff5f3;color:var(--text);font-size:8px;font-weight:750;cursor:pointer}
  .attention-mobile-toggle span{display:flex;align-items:center;gap:7px}
  .attention-mobile-toggle i{width:7px;height:7px;border-radius:50%;background:#bd554d}
  .attention-mobile-toggle b{min-width:22px;height:22px;display:grid;place-items:center;border-radius:99px;background:#263c39;color:#fff;font:800 8px ui-monospace,monospace}
  .attention-rail{position:fixed;z-index:141;top:0;right:0;bottom:0;width:min(390px,88vw);box-shadow:-24px 0 70px #16201f2b;transform:translateX(105%);transition:transform .2s ease}
  .attention-rail.mobile-open{transform:translateX(0)}
  .attention-rail-actions>button{display:block}
  .attention-scrim{position:fixed;z-index:140;inset:0;display:block;border:0;background:#16201f66;cursor:pointer}
}

@media(max-width:560px){
  .attention-focus{align-content:start;padding-top:4px}
  .attention-focus>header{padding:18px}
  .attention-focus-body{padding:18px}
  .attention-focus dl{grid-template-columns:1fr}
  .attention-focus dl div{border-right:0;border-bottom:1px solid var(--line)}
  .attention-focus dl div:last-child{border-bottom:0}
  .attention-focus>footer{padding:12px 18px}
}

@media(prefers-reduced-motion:reduce){
  .attention-item.overdue .attention-state{animation:none!important}
  .attention-item,.attention-rail{transition:none!important}
}