:root {
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#233638;
  background:#f7f8f7;
  font-synthesis:none;
  font-size:14px;
  line-height:1.5;
  --ink:#18383a;
  --muted:#657679;
  --line:#e1e7e5;
  --green:#17776b;
  --nav:#132f32
}
* {
  box-sizing:border-box
}
body {
  margin:0
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select,textarea {
  font:inherit
}
button,a,input,select,textarea,summary {
  -webkit-tap-highlight-color:transparent
}
button,select,summary {
  cursor:pointer
}
button:disabled,textarea:disabled {
  cursor:not-allowed
}
a:hover {
  color:#167467
}
button {
  border:0
}
svg {
  height:20px;
  width:20px;
  flex-shrink:0
}
h1,h2,p {
  margin:0
}
h1 {
  font-size:32px;
  letter-spacing:-1.1px;
  line-height:1.25;
  font-weight:650;
  color:var(--ink)
}
h2 {
  font-size:16px;
  letter-spacing:-.25px;
  font-weight:650
}
small {
  display:block;
  font-size:12px
}
strong {
  font-weight:600
}
input,select,textarea {
  color:#233638;
  background:white;
  border:1px solid #d5dfdc;
  border-radius:6px
}
input::placeholder,textarea::placeholder {
  color:#64736a
}
input,select {
  min-height:40px
}
select {
  padding:8px 28px 8px 12px;
  max-width:100%
}
textarea {
  resize:vertical;
  min-height:85px;
  width:100%;
  padding:12px;
  display:block
}
textarea:disabled {
  background:#f4f6f5;
  color:#64736a
}
button:disabled {
  background:#eef1ef;
  color:#64736a
}
a,button,input,select,textarea,summary {
  outline-offset:4px
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid #168a7b
}
h1:focus,main:focus {
  outline:none
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap
}
.skip-link {
  position:fixed;
  top:-60px;
  left:15px;
  z-index:10;
  padding:12px;
  background:white;
  box-shadow:0 3px 15px #0003
}
.skip-link:focus {
  top:12px
}
.shell {
  display:flex;
  min-height:100vh
}
.sidebar {
  background:var(--nav);
  color:#64736a;
  position:fixed;
  inset:0 auto 0 0;
  width:238px;
  display:flex;
  flex-direction:column;
  padding:31px 19px;
  z-index:5
}
.brand {
  color:white;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 10px
}
.brand>span:last-child {
  font-size:23px;
  letter-spacing:1.5px;
  font-weight:650;
  line-height:1.2
}
.brand small {
  color:#64736a;
  font-size:8px;
  letter-spacing:1.55px;
  margin-top:7px;
  font-weight:500
}
.brand-mark {
  background:#d6ede5;
  color:#173f3b;
  border-radius:10px;
  width:39px;
  height:39px;
  font-size:32px;
  line-height:37px;
  text-align:center;
  letter-spacing:-8px;
  padding-right:6px;
  font-weight:600
}
.brand-mark span {
  font-size:18px;
  vertical-align:8px;
  letter-spacing:0
}
.workspace-label {
  border-top:1px solid #2b494b;
  border-bottom:1px solid #2b494b;
  margin:30px 7px 27px;
  padding:20px 0;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:#64736a
}
.workspace-avatar {
  background:#305052;
  border:1px solid #496163;
  border-radius:7px;
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  font-size:12px
}
.workspace-label small {
  font-size:10px;
  color:#64736a;
  margin-top:3px
}
.nav-label {
  font-size:9px;
  letter-spacing:1.6px;
  padding:0 15px;
  margin-bottom:11px;
  color:#64736a
}
.nav-link {
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 15px;
  border-radius:7px;
  margin-bottom:7px;
  font-size:13px
}
.nav-link svg {
  height:18px;
  width:18px
}
.nav-link span {
  margin-left:auto;
  color:#64736a;
  font-size:10px
}
.nav-link.active {
  color:#effaf6;
  background:#284c4b
}
.nav-link.active svg {
  color:#64736a
}
.nav-link:hover {
  background:#234445;
  color:white
}
.sidebar-bottom {
  margin-top:auto;
  padding:28px 13px 0;
  font-size:11px;
  color:#64736a
}
.local-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:#89b5a6;
  border-radius:50%;
  margin-right:8px
}
.sidebar-bottom p {
  font-size:10px;
  color:#64736a;
  margin:5px 0 20px 14px
}
.sidebar-bottom a {
  font-size:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:16px;
  border-top:1px solid #2b494b
}
.sidebar-bottom svg {
  width:13px;
  height:13px
}
.workspace {
  margin-left:238px;
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column
}
.topbar {
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 42px;
  background:white;
  border-bottom:1px solid var(--line);
  gap:15px
}
.topbar-location {
  font-size:12px;
  color:#64736a
}
.topbar-location span {
  padding:0 12px;
  color:#64736a
}
.topbar-location strong {
  color:#394b48;
  font-weight:500
}
.topbar-tools {
  display:flex;
  align-items:center;
  gap:17px
}
.fixture-tag {
  font-size:9px;
  letter-spacing:1px;
  color:#64736a;
  background:#f0f4ee;
  border:1px solid #dfe8d9;
  border-radius:4px;
  white-space:nowrap;
  padding:5px 7px;
  font-weight:600
}
.user-avatar {
  width:29px;
  height:29px;
  border-radius:50%;
  background:#e6ede9;
  display:grid;
  place-items:center;
  font-size:11px;
  color:#476358
}
.preview-tools {
  position:relative;
  font-size:11px;
  color:#64736a
}
.preview-tools summary {
  font-size:10px;
  white-space:nowrap
}
.preview-tools[open] {
  background:#fff;
  border:1px solid var(--line);
  padding:14px;
  position:absolute;
  right:77px;
  top:22px;
  width:220px;
  z-index:8;
  box-shadow:0 8px 30px #132f3215;
  border-radius:8px
}
.preview-tools label {
  display:block;
  margin:15px 0 5px
}
.preview-tools select {
  width:100%;
  font-size:12px
}
.preview-tools p {
  font-size:10px;
  margin-top:10px
}
main {
  padding:37px 42px 40px;
  max-width:1740px;
  width:100%;
  margin:0 auto;
  flex:1
}
.page-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:25px
}
.eyebrow {
  font-size:9px;
  letter-spacing:1.7px;
  color:#64736a;
  font-weight:650;
  text-transform:uppercase;
  margin-bottom:10px
}
.eyebrow span {
  color:#64736a
}
.page-description {
  color:var(--muted);
  font-size:13px;
  margin-top:10px;
  max-width:700px
}
.view-label {
  display:flex;
  align-items:center;
  gap:7px;
  font-size:10px;
  color:#64736a;
  border:1px solid #dde5df;
  background:white;
  border-radius:5px;
  padding:7px 10px
}
.view-label svg {
  width:13px;
  height:13px
}
.synthetic-banner {
  display:flex;
  align-items:flex-start;
  gap:11px;
  background:#eef4f0;
  border:1px solid #dce7df;
  border-radius:7px;
  padding:12px 15px;
  color:#526a5f;
  font-size:11px;
  line-height:1.7
}
.synthetic-banner strong {
  font-weight:600;
  color:#355847
}
.synthetic-banner p span {
  color:#64736a;
  white-space:normal
}
.banner-icon {
  border:1px solid #8fab9d;
  border-radius:50%;
  height:16px;
  width:16px;
  flex-shrink:0;
  display:grid;
  place-items:center;
  line-height:1;
  font-family:Georgia,serif;
  margin-top:2px;
  font-weight:bold
}
.metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
  margin:24px 0 32px
}
.metric {
  border:1px solid var(--line);
  border-radius:8px;
  background:white;
  padding:18px 20px
}
.metric>span {
  font-size:11px;
  color:#64736a
}
.metric>strong {
  font-size:31px;
  letter-spacing:-1.4px;
  display:flex;
  align-items:center;
  gap:12px;
  line-height:1.25;
  margin:12px 0 7px;
  color:#1e4540;
  font-weight:550
}
.metric small {
  font-size:10px;
  color:#64736a;
  line-height:1.6
}
.metric-dot {
  height:6px;
  width:6px;
  border-radius:50%;
  background:#438c72
}
.metric-dot.warning {
  background:#be8d51
}
.section-heading {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px
}
.section-heading p {
  color:#64736a;
  font-size:11px;
  margin-top:6px
}
.count {
  font-size:10px;
  color:#61786e;
  background:#eef2ef;
  border-radius:4px;
  padding:2px 6px;
  margin-left:5px;
  font-weight:500;
  vertical-align:middle
}
.read-only {
  display:flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  color:#64736a
}
.read-only svg {
  width:12px;
  height:12px
}
.filters {
  display:flex;
  gap:9px;
  margin-top:20px
}
.filters>label {
  display:flex;
  align-items:center
}
.filters select {
  font-size:11px;
  background-color:white;
  min-height:38px
}
.search-field {
  flex:1;
  position:relative;
  min-width:180px
}
.search-field svg {
  position:absolute;
  left:12px;
  width:15px;
  height:15px;
  color:#64736a
}
.search-field input {
  width:100%;
  padding:9px 12px 9px 37px;
  font-size:11px;
  min-height:38px
}
.text-button {
  color:#64736a;
  font-size:11px;
  background:transparent;
  padding:5px 6px
}
.result-count {
  font-size:10px;
  color:#64736a;
  margin:13px 0 11px
}
.table-scroll {
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:white
}
.work-table {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
  text-align:left
}
.work-table th {
  font-size:9px;
  letter-spacing:.25px;
  color:#64736a;
  font-weight:500;
  padding:13px 17px;
  background:#fafcf9;
  border-bottom:1px solid var(--line)
}
.work-table th:first-child {
  width:29%
}
.work-table th:nth-child(2) {
  width:12%
}
.work-table th:nth-child(3) {
  width:23%
}
.work-table th:nth-child(4) {
  width:14%
}
.work-table th:nth-child(5) {
  width:19%
}
.work-table th:last-child {
  width:3%;
  padding-left:0;
  padding-right:10px
}
.work-table td {
  padding:22px 17px;
  border-bottom:1px solid #eaf0e9;
  vertical-align:top;
  font-size:11px
}
.work-table tr:last-child td {
  border-bottom:0
}
.project-identity {
  display:flex;
  gap:10px
}
.project-icon {
  background:#eef4ef;
  width:30px;
  height:32px;
  border-radius:6px;
  display:grid;
  place-items:center;
  color:#64736a;
  flex-shrink:0
}
.project-icon svg {
  width:16px;
  height:16px
}
.item-code {
  color:#64736a;
  font-size:8px;
  letter-spacing:1px;
  display:block;
  margin-bottom:3px
}
.project-link {
  font-weight:600;
  color:#26463c;
  display:block;
  line-height:1.45;
  font-size:12px
}
.project-identity small {
  font-size:10px;
  color:#64736a;
  margin-top:7px
}
.inline-blocker {
  font-size:9px;
  color:#64736a;
  display:flex;
  align-items:flex-start;
  gap:5px;
  margin:12px 0 0 40px
}
.inline-blocker svg {
  width:11px;
  height:11px;
  margin-top:1px
}
.badge {
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  border-radius:4px;
  padding:4px 7px;
  font-size:9px;
  line-height:1.4;
  border:1px solid transparent;
  font-weight:500
}
.badge i {
  width:4px;
  height:4px;
  display:inline-block;
  background:currentColor;
  border-radius:50%
}
.status-running,.doc-current {
  color:#28745a;
  background:#edf5ef;
  border-color:#e0eee2
}
.status-blocked {
  color:#64736a;
  background:#fbf4e8;
  border-color:#64736a
}
.status-proposed,.status-unknown,.doc-superseded {
  color:#64736a;
  background:#f1f3f1;
  border-color:#e8ece8
}
.status-review,.doc-draft {
  color:#5e7494;
  background:#f0f3f8;
  border-color:#64736a
}
.status-ready {
  color:#337787;
  background:#edf7f8
}
.status-accepted {
  color:#26725d;
  background:#dff2e7
}
.status-cancelled {
  color:#64736a;
  background:#f3ece9
}
.freshness {
  display:inline-flex;
  gap:5px;
  align-items:center;
  font-size:9px;
  font-weight:500
}
.freshness i {
  height:4px;
  width:4px;
  background:currentColor;
  border-radius:50%
}
.tone-success {
  color:#64736a
}
.tone-warning {
  color:#64736a
}
.tone-danger {
  color:#64736a
}
.tone-neutral {
  color:#64736a
}
.work-time>span {
  display:block;
  font-size:10px;
  margin-top:5px;
  color:#64736a
}
.work-time small {
  font-size:9px;
  color:#64736a;
  margin-top:8px;
  line-height:1.6
}
.evidence-label {
  font-size:10px;
  color:#61796a;
  background:#f0f4ee;
  border-radius:4px;
  display:inline-block;
  padding:3px 6px;
  line-height:1.5
}
.subtle {
  color:#64736a;
  font-size:10px
}
.work-table .subtle {
  font-size:9px;
  margin-top:7px
}
.next-action {
  color:#64736a;
  line-height:1.7;
  font-size:10px!important
}
.open-item {
  display:flex;
  margin-top:12px
}
.open-item svg {
  width:13px;
  height:13px;
  color:#64736a
}
.work-table td:last-child {
  padding-left:0;
  padding-right:12px
}
.portfolio-bottom {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
  color:#64736a;
  font-size:9px
}
.portfolio-bottom p:first-child {
  display:flex;
  align-items:center;
  gap:5px
}
.portfolio-bottom svg {
  width:11px;
  height:11px
}
.page-footer {
  display:flex;
  justify-content:space-between;
  padding:18px 42px;
  border-top:1px solid var(--line);
  font-size:9px;
  color:#64736a;
  background:#f7f9f6;
  gap:15px
}
.footer-version {
  padding-left:8px;
  color:#64736a
}
.breadcrumbs {
  display:flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  color:#64736a;
  flex-wrap:wrap;
  margin-bottom:27px
}
.breadcrumbs a {
  color:#4f7b67
}
.breadcrumbs svg {
  width:11px;
  height:11px
}
.detail-heading {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:22px
}
.detail-heading>.badge {
  margin-top:28px
}
.detail-heading h1 {
  font-size:29px
}
.detail-meta {
  display:flex;
  align-items:center;
  gap:9px;
  margin:22px 0 28px;
  color:#64736a;
  font-size:10px
}
.detail-meta strong {
  color:#476b56;
  margin-left:8px;
  font-size:11px
}
.owner-avatar {
  height:24px;
  width:24px;
  display:grid;
  place-items:center;
  background:#e2ece3;
  color:#51795e;
  border-radius:50%;
  font-size:10px
}
.detail-divider {
  height:17px;
  border-left:1px solid #d9e3d9;
  margin:0 8px
}
.detail-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:22px;
  align-items:start
}
.detail-primary,.detail-secondary {
  min-width:0
}
.card {
  border:1px solid var(--line);
  background:white;
  border-radius:8px;
  padding:23px;
  margin-bottom:20px;
  min-width:0
}
.card-description {
  font-size:11px;
  color:#64736a;
  margin:6px 0 17px;
  line-height:1.7
}
.next-action-large {
  font-size:16px;
  color:#365d46;
  line-height:1.65;
  max-width:660px;
  margin:17px 0
}
.metadata-note {
  font-size:10px;
  color:#64736a;
  margin:12px 0;
  line-height:1.7
}
.activity-split {
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #e8eee6;
  margin-top:23px;
  padding-top:18px
}
.activity-split>div {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px
}
.activity-split>div+div {
  padding-left:22px;
  border-left:1px solid #e8eee6
}
.activity-split>div>span:first-child {
  font-size:10px;
  color:#64736a
}
.activity-split strong {
  font-size:12px;
  color:#64736a;
  font-weight:500
}
.activity-split small {
  font-size:9px;
  color:#64736a
}
.blocker-callout {
  display:flex;
  gap:10px;
  background:#fcf7ec;
  border:1px solid #f3e7cf;
  border-radius:6px;
  padding:12px;
  font-size:11px;
  color:#64736a
}
.blocker-callout svg {
  height:15px;
  width:15px;
  margin-top:2px
}
.blocker-callout p {
  margin-top:3px
}
.identity-list {
  margin:17px 0 0
}
.identity-list>div {
  padding:10px 0;
  border-bottom:1px solid #eff2eb
}
.identity-list>div:last-child {
  border:0
}
.identity-list dt {
  font-size:9px;
  color:#64736a;
  margin-bottom:5px
}
.identity-list dd {
  margin:0;
  font-size:11px;
  color:#5b785b;
  overflow-wrap:anywhere
}
.identity-list dd.mono {
  font-family:ui-monospace,SFMono-Regular,monospace;
  font-size:10px;
  color:#64736a
}
.unverified {
  font-weight:400!important;
  color:#64736a!important
}
.mismatch {
  font-size:10px;
  color:#64736a;
  padding:10px;
  border:1px solid #efdfc5;
  border-radius:5px;
  margin-top:15px;
  background:#fffaf0
}
.evidence-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px 12px;
  padding:5px 0
}
.evidence-grid>div {
  display:flex;
  flex-direction:column;
  gap:7px
}
.evidence-grid span {
  font-size:10px;
  color:#64736a
}
.evidence-grid strong {
  font-size:10px
}
.evidence-link {
  font-size:11px;
  display:inline-flex;
  gap:7px;
  align-items:center;
  color:#287e5d;
  margin-top:15px
}
.evidence-link svg {
  height:12px;
  width:12px
}
.child-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 0;
  border-bottom:1px solid #edf1e8
}
.child-row:last-child {
  border-bottom:0;
  padding-bottom:0
}
.child-icon {
  color:#64736a;
  display:grid;
  place-items:center;
  border:1px solid #e5ecdc;
  background:#f5f8ef;
  border-radius:5px;
  width:29px;
  height:30px;
  flex-shrink:0
}
.child-icon svg {
  width:14px;
  height:14px
}
.child-row>div {
  min-width:0
}
.child-row strong {
  font-size:12px;
  color:#41643e;
  display:block
}
.child-row small {
  font-size:9px;
  color:#64736a;
  margin-top:5px
}
.child-row p {
  font-size:10px;
  line-height:1.7;
  color:#64736a;
  margin-top:5px
}
.child-row>.child-status {
  margin-left:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
  padding-left:10px
}
.child-row>svg {
  width:12px;
  height:12px;
  color:#64736a
}
.context-note {
  display:flex;
  gap:10px;
  color:#64736a;
  font-size:10px;
  padding:0 10px;
  line-height:1.8
}
.context-note svg {
  width:14px;
  height:14px;
  margin-top:3px
}
.document-row {
  display:flex;
  align-items:center;
  gap:12px;
  padding:18px 0;
  border-bottom:1px solid #edf1e8
}
.document-row:last-child {
  border:0
}
.document-row>svg:first-child {
  color:#64736a;
  width:16px;
  height:16px
}
.document-row>svg:last-child {
  color:#64736a;
  width:12px;
  height:12px
}
.document-row>div {
  flex:1;
  min-width:0
}
.document-row strong {
  font-size:11px;
  color:#486b3f;
  display:block
}
.document-row small {
  font-size:9px;
  color:#64736a;
  margin-top:5px
}
.doc-current,.doc-draft,.doc-superseded {
  text-transform:capitalize
}
.notes-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-top:3px
}
.notes-grid .card {
  margin-bottom:0
}
.notes-grid>.card>.section-heading>svg {
  width:14px;
  height:14px;
  color:#64736a
}
.note {
  border-left:2px solid #d9e7cf;
  padding:2px 0 3px 12px;
  margin:20px 0
}
.note>div {
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap
}
.note strong {
  font-size:10px;
  color:#64736a
}
.note time {
  font-size:9px;
  color:#64736a
}
.note p {
  font-size:11px;
  line-height:1.9;
  color:#64736a;
  margin-top:8px;
  white-space:pre-wrap;
  overflow-wrap:anywhere
}
.field-label {
  font-size:10px;
  display:block;
  margin:20px 0 7px;
  color:#64736a
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:5px;
  padding:10px 14px;
  font-size:11px;
  font-weight:500;
  min-height:38px
}
.button svg {
  height:13px;
  width:13px
}
.primary {
  background:#236c54;
  color:white;
  border:1px solid #236c54
}
.primary:hover {
  background:#19583f;
  color:white
}
.secondary {
  background:#f3f6ec;
  border:1px solid #e3e9d7;
  color:#64736a
}
.secondary:hover {
  background:#e8efdf
}
.notes-grid button {
  margin-top:14px
}
.protected-reason {
  display:flex;
  align-items:flex-start;
  gap:6px;
  font-size:10px;
  color:#64736a;
  line-height:1.8;
  margin-top:15px
}
.protected-reason svg {
  width:12px;
  height:12px;
  margin-top:3px
}
.session-tag {
  font-size:8px;
  letter-spacing:1px;
  color:#64736a;
  border:1px solid #e6ebdb;
  background:#f7f9f0;
  border-radius:3px;
  padding:3px 5px
}
.no-content {
  font-size:11px;
  color:#64736a;
  padding:22px 0
}
.back-link {
  display:inline-flex;
  gap:8px;
  align-items:center;
  font-size:11px;
  color:#64736a;
  margin-bottom:23px
}
.back-link svg {
  height:14px;
  width:14px
}
.reader-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:22px;
  margin-top:28px;
  align-items:start
}
.reader {
  padding:0;
  overflow:hidden;
  min-height:420px
}
.reader-toolbar {
  display:flex;
  justify-content:space-between;
  padding:18px 24px;
  background:#f9fbf5;
  border-bottom:1px solid #e5ecdc;
  font-size:10px;
  color:#64736a
}
.reader pre {
  font-family:inherit;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  color:#64736a;
  font-size:13px;
  line-height:2;
  padding:30px;
  margin:0
}
.version-warning {
  padding:12px 24px;
  background:#fcf7e9;
  color:#64736a;
  font-size:10px;
  border-bottom:1px solid #f0e5c9
}
.versions-card>a {
  display:flex;
  justify-content:space-between;
  padding:15px 0;
  border-bottom:1px solid #edf1e4;
  font-size:11px;
  color:#64736a
}
.versions-card>a:last-child {
  border:0
}
.versions-card a[aria-current] {
  color:#52783e
}
.document-register {
  margin-top:25px
}
.document-register h2 {
  margin-bottom:8px
}
.empty-state {
  text-align:center;
  padding:60px 24px;
  border:1px solid var(--line);
  border-radius:8px;
  background:white
}
.empty-state>svg {
  width:33px;
  height:33px;
  color:#64736a;
  margin-bottom:17px
}
.empty-state h2 {
  font-size:18px;
  color:#64736a
}
.empty-state p {
  font-size:12px;
  color:#64736a;
  margin-top:10px
}
.empty-state .button {
  margin-top:25px
}
.state-panel {
  text-align:center;
  max-width:620px;
  margin:95px auto;
  padding:45px 20px
}
.state-panel>svg {
  width:38px;
  height:38px;
  margin-bottom:22px;
  color:#64736a
}
.state-panel h1 {
  font-size:27px
}
.state-panel>p:not(.eyebrow) {
  color:#64736a;
  margin-top:17px;
  font-size:13px;
  line-height:1.9
}
.state-panel .button {
  margin-top:27px
}
.loading-ring {
  width:32px;
  height:32px;
  border:3px solid #dfebd5;
  border-top-color:#64736a;
  border-radius:50%;
  margin:0 auto 25px;
  animation:spin 1.2s linear infinite
}
#note-status {
  font-size:10px;
  line-height:1.8;
  margin-top:12px;
  color:#64736a
}
@keyframes spin {
  to {
    transform:rotate(360deg)
  }
}
@media(min-width:1500px) {
  .work-table td {
    padding-top:27px;
    padding-bottom:27px
  }
  .work-table th {
    padding-top:15px;
    padding-bottom:15px
  }
  .project-link {
    font-size:13px
  }
  .next-action {
    font-size:11px!important
  }
  .metrics {
    margin-top:28px;
    margin-bottom:38px
  }
}
@media(max-width:1250px) {
  .sidebar {
    width:210px;
    padding-left:14px;
    padding-right:14px
  }
  .workspace {
    margin-left:210px
  }
  .topbar {
    padding:0 28px
  }
  main {
    padding:30px 28px
  }
  .page-footer {
    padding-left:28px;
    padding-right:28px
  }
  .metrics {
    gap:10px
  }
  .metric {
    padding:16px
  }
  .metric>span {
    font-size:10px
  }
  .metric small {
    font-size:9px
  }
  .filters {
    flex-wrap:wrap
  }
  .search-field {
    flex-basis:100%
  }
  .filters>label:not(.search-field) {
    flex:1
  }
  .filters select {
    width:100%
  }
  .work-table th {
    padding:12px 10px;
    font-size:8px
  }
  .work-table td {
    padding:19px 10px
  }
  .work-table th:first-child {
    width:30%
  }
  .work-table th:nth-child(3) {
    width:25%
  }
  .work-table th:nth-child(4) {
    width:15%
  }
  .work-table th:nth-child(5) {
    width:15%
  }
  .project-icon {
    display:none
  }
  .inline-blocker {
    margin-left:0
  }
  .detail-grid,.reader-grid {
    grid-template-columns:minmax(0,1fr) 250px;
    gap:16px
  }
  .card {
    padding:18px
  }
  .reader {
    padding:0
  }
  .identity-list dd {
    font-size:10px
  }
  .detail-heading h1 {
    font-size:26px
  }
  .evidence-grid {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:980px) {
  .sidebar {
    width:185px;
    padding:27px 12px
  }
  .brand {
    gap:9px;
    padding:0 8px
  }
  .brand>span:last-child {
    font-size:20px
  }
  .brand small {
    font-size:6px;
    letter-spacing:1.3px
  }
  .brand-mark {
    height:33px;
    width:33px;
    font-size:28px;
    line-height:32px
  }
  .brand-mark span {
    font-size:15px
  }
  .workspace {
    margin-left:185px
  }
  .workspace-label {
    font-size:10px;
    gap:7px
  }
  .workspace-avatar {
    width:25px;
    height:25px
  }
  .topbar {
    padding:0 23px
  }
  .topbar-tools {
    gap:12px
  }
  .preview-tools summary {
    font-size:9px
  }
  main {
    padding:28px 23px
  }
  .page-heading h1 {
    font-size:28px
  }
  .view-label {
    display:none
  }
  .metrics {
    grid-template-columns:repeat(2,1fr);
    gap:12px
  }
  .metric {
    padding:16px 19px
  }
  .metric>strong {
    font-size:29px;
    margin:8px 0 4px
  }
  .metric small {
    font-size:10px
  }
  .work-table,.work-table tbody,.work-table tr,.work-table td {
    display:block
  }
  .work-table thead {
    display:none
  }
  .work-table tr {
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:20px 18px;
    border-bottom:1px solid var(--line);
    gap:14px
  }
  .work-table tr:last-child {
    border-bottom:0
  }
  .work-table td {
    border:none;
    padding:0
  }
  .work-table td:first-child {
    grid-column:1;
    grid-row:1
  }
  .work-table td:nth-child(2) {
    grid-column:2;
    grid-row:1;
    text-align:right
  }
  .work-table td:nth-child(3) {
    grid-column:1;
    grid-row:2
  }
  .work-table td:nth-child(4) {
    grid-column:2;
    grid-row:2;
    text-align:right
  }
  .work-table td:nth-child(5) {
    grid-column:1 / -1;
    grid-row:3;
    font-size:10px!important;
    max-width:90%
  }
  .work-table td:nth-child(5):before {
    content:"NEXT ACTION";
    font-size:8px;
    letter-spacing:1px;
    display:block;
    color:#64736a;
    margin-bottom:4px
  }
  .work-table td:last-child {
    grid-column:2;
    grid-row:3;
    justify-self:end;
    align-self:end;
    padding:0
  }
  .project-link {
    font-size:13px
  }
  .item-code {
    font-size:9px
  }
  .project-identity small {
    font-size:10px
  }
  .inline-blocker {
    display:none
  }
  .work-time>span {
    font-size:11px
  }
  .work-time small {
    font-size:10px
  }
  .portfolio-bottom {
    display:block;
    font-size:9px;
    line-height:1.8
  }
  .portfolio-bottom p {
    margin-bottom:7px
  }
  .detail-grid,.reader-grid {
    grid-template-columns:1fr
  }
  .detail-secondary {
    display:grid;
    grid-template-columns:1fr
  }
  .identity-list {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 20px
  }
  .context-note {
    padding:0 15px 20px
  }
  .notes-grid {
    grid-template-columns:1fr
  }
  .detail-meta strong {
    margin-left:3px
  }
  .detail-heading h1 {
    font-size:25px
  }
  .reader-grid>aside {
    display:grid;
    grid-template-columns:1fr
  }
  .reader-grid>aside .identity-list {
    grid-template-columns:1fr 1fr
  }
  .detail-meta {
    flex-wrap:wrap
  }
  .breadcrumbs {
    font-size:9px
  }
  .page-footer {
    padding:18px 23px;
    flex-direction:column;
    gap:5px
  }
  .evidence-grid {
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:680px) {
  .shell {
    display:block
  }
  .sidebar {
    position:static;
    width:100%;
    padding:17px 20px 0;
    display:block
  }
  .brand {
    padding:0;
    gap:10px;
    width:max-content
  }
  .brand>span:last-child {
    font-size:20px
  }
  .brand small {
    font-size:7px;
    letter-spacing:1.2px;
    margin-top:4px
  }
  .brand-mark {
    height:32px;
    width:32px;
    border-radius:8px;
    font-size:27px;
    line-height:31px
  }
  .brand-mark span {
    font-size:14px
  }
  .workspace-label,.nav-label,.sidebar-bottom {
    display:none
  }
  .sidebar nav {
    display:flex;
    gap:8px;
    margin-top:18px
  }
  .nav-link {
    margin:0;
    border-radius:5px 5px 0 0;
    padding:11px 14px;
    font-size:11px;
    gap:8px
  }
  .nav-link span {
    margin-left:10px
  }
  .nav-link svg {
    width:14px;
    height:14px
  }
  .workspace {
    margin:0
  }
  .topbar {
    height:57px;
    padding:0 20px
  }
  .topbar-location {
    display:none
  }
  .topbar-tools {
    width:100%;
    justify-content:space-between;
    gap:10px
  }
  .fixture-tag {
    font-size:8px;
    padding:4px 6px
  }
  .preview-tools[open] {
    top:111px;
    right:20px
  }
  .user-avatar {
    width:24px;
    height:24px;
    font-size:10px
  }
  main {
    padding:27px 20px 30px
  }
  .page-heading {
    margin-bottom:21px
  }
  .page-heading h1 {
    font-size:27px;
    letter-spacing:-.8px
  }
  .page-description {
    font-size:12px;
    line-height:1.8;
    margin-top:9px
  }
  .eyebrow {
    font-size:8px;
    letter-spacing:1.5px;
    margin-bottom:9px
  }
  .synthetic-banner {
    padding:12px;
    font-size:10px;
    line-height:1.8;
    gap:9px
  }
  .synthetic-banner strong {
    display:block
  }
  .banner-icon {
    width:14px;
    height:14px;
    font-size:10px
  }
  .metrics {
    gap:10px;
    margin:20px 0 27px
  }
  .metric {
    padding:15px 14px
  }
  .metric>span {
    font-size:9px
  }
  .metric>strong {
    font-size:28px;
    margin:8px 0 5px
  }
  .metric small {
    font-size:9px
  }
  .section-heading h2 {
    font-size:15px
  }
  .section-heading p {
    font-size:10px;
    line-height:1.7;
    max-width:220px
  }
  .read-only {
    font-size:8px;
    white-space:nowrap
  }
  .read-only svg {
    width:10px;
    height:10px
  }
  .filters {
    gap:8px;
    margin-top:17px
  }
  .filters>label:not(.search-field) {
    flex:1 1 calc(50% - 8px);
    min-width:0
  }
  .filters>label:nth-last-child(2) {
    flex-basis:calc(50% - 8px);
    flex-grow:0
  }
  .filters select {
    font-size:10px;
    padding-left:9px;
    padding-right:21px
  }
  .filters .text-button {
    margin-left:auto;
    margin-right:5px
  }
  .result-count {
    font-size:9px;
    margin:12px 0 10px
  }
  .work-table tr {
    padding:20px 16px;
    gap:17px 12px
  }
  .work-table td:first-child {
    grid-column:1 / -1;
    padding-right:72px
  }
  .work-table td:nth-child(2) {
    justify-self:end;
    z-index:1;
    align-self:start
  }
  .project-link {
    font-size:13px
  }
  .item-code {
    font-size:8px
  }
  .project-identity small {
    font-size:10px;
    margin-top:5px
  }
  .work-table td:nth-child(5) {
    max-width:88%;
    line-height:1.8
  }
  .evidence-label {
    font-size:9px
  }
  .work-time small {
    font-size:9px
  }
  .work-time>span {
    font-size:10px
  }
  .portfolio-bottom {
    font-size:8px;
    margin-top:15px;
    line-height:1.9
  }
  .portfolio-bottom p:first-child {
    align-items:flex-start;
    gap:6px
  }
  .portfolio-bottom svg {
    margin-top:3px
  }
  .page-footer {
    font-size:8px;
    padding:16px 20px
  }
  .breadcrumbs {
    margin-bottom:22px;
    gap:5px;
    line-height:1.8
  }
  .breadcrumbs svg {
    width:8px;
    height:8px
  }
  .detail-heading h1 {
    font-size:25px;
    line-height:1.4;
    letter-spacing:-.7px
  }
  .detail-heading {
    display:block
  }
  .detail-heading>.badge {
    margin-top:15px
  }
  .detail-meta {
    font-size:9px;
    gap:6px;
    margin:17px 0 23px
  }
  .detail-meta strong {
    font-size:10px
  }
  .detail-meta .fixture-tag {
    font-size:7px
  }
  .detail-divider {
    margin:0 4px
  }
  .owner-avatar {
    width:21px;
    height:21px;
    font-size:9px
  }
  .card {
    padding:19px 17px;
    margin-bottom:16px
  }
  .card h2 {
    font-size:14px
  }
  .card-description {
    font-size:10px;
    line-height:1.8;
    margin:6px 0 17px
  }
  .action-card .section-heading {
    align-items:flex-start
  }
  .action-card .subtle {
    font-size:8px;
    text-align:right;
    max-width:110px
  }
  .next-action-large {
    font-size:15px;
    line-height:1.8;
    margin:15px 0
  }
  .activity-split {
    margin-top:18px;
    padding-top:17px
  }
  .activity-split>div+div {
    padding-left:13px
  }
  .activity-split strong {
    font-size:10px
  }
  .activity-split>div>span:first-child {
    font-size:9px
  }
  .activity-split small {
    font-size:8px
  }
  .evidence-grid {
    grid-template-columns:1fr 1fr;
    gap:19px 10px
  }
  .evidence-grid span,.evidence-grid strong {
    font-size:9px
  }
  .evidence-card .section-heading {
    flex-wrap:wrap
  }
  .child-row {
    gap:8px;
    flex-wrap:wrap;
    align-items:flex-start;
    padding:17px 0
  }
  .child-icon {
    display:none
  }
  .child-row strong {
    font-size:11px
  }
  .child-row small {
    font-size:9px
  }
  .child-row p {
    font-size:10px;
    margin-top:7px
  }
  .child-row>div:first-of-type {
    width:calc(100% - 18px)
  }
  .child-row>.child-status {
    margin-left:0;
    padding:0;
    flex-direction:row;
    align-items:center;
    gap:12px
  }
  .child-row>svg {
    margin-left:auto
  }
  .child-card>.section-heading .subtle {
    font-size:8px
  }
  .document-row {
    gap:8px;
    flex-wrap:wrap
  }
  .document-row strong {
    font-size:10px;
    line-height:1.7
  }
  .document-row small {
    font-size:8px;
    line-height:1.8
  }
  .document-row>svg:first-child {
    width:13px;
    height:13px
  }
  .document-row>svg:last-child {
    display:none
  }
  .document-row .badge {
    font-size:8px;
    padding:3px 5px
  }
  .document-card>.section-heading .subtle {
    font-size:9px
  }
  .identity-list {
    gap:0 17px
  }
  .identity-list dt {
    font-size:8px
  }
  .identity-list dd.mono {
    font-size:9px
  }
  .identity-list dd {
    font-size:10px
  }
  .context-note {
    font-size:9px;
    padding:0 8px 19px
  }
  .notes-grid {
    gap:16px
  }
  .note p {
    font-size:10px
  }
  .note strong {
    font-size:9px
  }
  .note time {
    font-size:8px
  }
  .protected-reason {
    font-size:9px
  }
  .reader-grid {
    gap:0;
    margin-top:22px
  }
  .reader {
    padding:0;
    min-height:380px
  }
  .reader-toolbar {
    padding:15px 18px;
    font-size:9px
  }
  .reader pre {
    padding:23px 20px;
    font-size:12px;
    line-height:2
  }
  .version-warning {
    padding:12px 18px;
    font-size:9px
  }
  .reader-grid>aside .identity-list {
    grid-template-columns:1fr
  }
  .state-panel {
    margin:55px auto;
    padding:35px 5px
  }
  .state-panel h1 {
    font-size:25px
  }
  .state-panel>p:not(.eyebrow) {
    font-size:12px
  }
  .empty-state {
    padding:45px 20px
  }
  .empty-state h2 {
    font-size:17px
  }
  .empty-state p {
    font-size:11px
  }
}
@media(prefers-reduced-motion:reduce) {
  *,*:before,*:after {
    animation:none!important;
    scroll-behavior:auto!important
  }
}
/* Readable secondary text and explicit blockers on all screen sizes. */
.unverified {
  color:#667369!important
}
.inline-blocker {
  display:flex
}
.external-identities {
  border-top:1px solid var(--line);
  padding-top:12px;
  margin-top:10px
}
.external-identities h3 {
  font-size:10px;
  font-weight:500;
  margin:0 0 10px;
  color:#61736a
}
.external-identities p {
  font:10px/1.8 ui-monospace,SFMono-Regular,monospace;
  overflow-wrap:anywhere;
  color:#61736a;
  margin-bottom:8px
}
@media(max-width:980px) {
  .inline-blocker {
    display:flex;
    font-size:10px;
    line-height:1.7;
    margin:10px 0 0
  }
  .work-table td:first-child {
    position:relative
  }
  .work-table td:nth-child(2) {
    position:relative
  }
  .work-table tr {
    position:relative
  }
}
.sidebar .brand {
  color:#fff
}
.brand small {
  color:#a9c2bd
}
.workspace-label {
  color:#d1dedb
}
.workspace-label small,.sidebar-bottom p {
  color:#a1bab5
}
.nav-label {
  color:#9eb8b3
}
.nav-link {
  color:#c4d4d2
}
.nav-link.active {
  color:#effaf6
}
.nav-link span,.sidebar-bottom {
  color:#b9d0c4
}
.sidebar-bottom a {
  color:#b9d0c4
}
.scope-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-size:10px;
  color:#617369;
  padding-top:14px
}
.scope-row strong {
  font-size:9px;
  color:#617369;
  margin-right:5px
}
.scope-row a {
  color:#2d6e58;
  text-decoration:underline;
  text-decoration-color:#bcd0c2;
  text-underline-offset:3px
}
.scope-row small {
  font-size:9px;
  margin-left:auto;
  color:#617369
}
.doc-historical {
  color:#64736a;
  background:#f1f3f1;
  border-color:#e8ece8
}
.coverage-note {
  font-size:10px;
  line-height:1.8;
  color:#617369;
  margin-top:10px
}
.coverage-note strong {
  color:#416650
}

/* The API source is explicit; connection status never claims authentication. */
.data-source-status { display:flex; flex-direction:column; gap:4px; margin-bottom:24px; padding:12px 15px; border:1px solid #d9e4dc; border-radius:7px; background:#eef5f0; color:#365f4c; font-size:11px; }
.data-source-status span { font-size:10px; color:#607367; }
.data-source-status[data-api-status="offline"], .data-source-status[data-api-status="unavailable"], .data-source-status[data-api-status="error"] { background:#fff6ea; border-color:#ecd9b9; color:#856335; }
.state-panel .button { margin-right:8px; }

/* Read-only metadata snapshots use the existing console layout. */
.computer-activity .card { margin-bottom:20px; }
.activity-limits { padding:20px 24px; margin-bottom:24px; border:1px solid #d8be89; border-radius:10px; background:#fff9eb; color:#564122; }
.activity-limits strong { display:block; font-size:18px; }
.activity-limits p,.computer-activity .card>p { line-height:1.7; margin:8px 0 16px; }
.activity-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.activity-actions .field-label { flex-basis:100%; margin:0; }
.activity-actions input { max-width:100%; min-width:0; font-size:13px; }
.activity-summary .identity-list,.activity-thread .identity-list { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
.computer-activity dd,.computer-activity code { overflow-wrap:anywhere; }
.activity-thread .identity-list small { display:block; color:#626e6b; font-family:inherit; margin-top:4px; }
.activity-coverage { padding-left:20px; line-height:1.8; }
.activity-error { background:#fff2ef; color:#8b392f; padding:12px 16px; border-radius:8px; overflow-wrap:anywhere; }
.activity-error ul { padding-left:20px; }
.activity-thread { padding:20px 0; border-top:1px solid #e1e7e4; }
.activity-thread h3 { margin:0; overflow-wrap:anywhere; }
.activity-thread .section-heading { align-items:flex-start; gap:12px; }
.activity-thread .badge { flex-shrink:0; max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.activity-thread .identity-list dd { font:12px/1.7 ui-monospace,SFMono-Regular,monospace; }
@media(max-width:680px) {
  .sidebar nav { flex-wrap:wrap; }
  .sidebar .nav-link { flex:1 1 auto; font-size:11px; padding:10px 8px; justify-content:center; }
  .activity-summary .identity-list,.activity-thread .identity-list { grid-template-columns:1fr; }
  .activity-limits { padding:16px; }
  .activity-thread .section-heading { flex-direction:column; }
}