:root {
  --brand-ink: #232b31;
  --brand-accent: #2b4358;
  --brand-accent-hover: #1e3346;
  --brand-soft: var(--accent-soft);
  --radius: var(--radius-tile);
  --radius-compact: var(--radius-chip);
  --rail-width: 232px;
  --row-height: 34px;
  --control-height: 34px;
  --font-page-title: 22px;
  --nav-main-icon: 16px;
  --nav-child-icon: 14px;
  --nav-main-row: 32px;
  --nav-child-row: 28px;
  --nav-indent: 18px;
}

/* Shared brand palette: warm stone surfaces with a restrained ink-blue action color. */
:root {
  color-scheme: light;
  --canvas: #f4f2ed;
  --surface: #fff;
  --surface-subtle: #f8f7f3;
  --surface-hover: #efeee9;
  --ink: #232b31;
  --muted: #606b72;
  --subtle: #6b747a;
  --line: #deddd7;
  --line-strong: #c7c7c1;
  --primary: #2b4358;
  --primary-hover: #1e3346;
  --accent: #2b4b62;
  --accent-soft: #e8eef1;
  --selected-surface: #e8eef2;
  --focus-ring: #4f7891;
  --success: #4d725b;
  --success-soft: #edf2ee;
  --warning: #8b6728;
  --warning-soft: #f5f1e8;
  --danger: #a34f49;
  --danger-soft: #f6eeec;
  --info: #536d7b;
  --info-soft: #edf1f3;
  --radius-tile: 3px;
  --radius-control: 3px;
  --radius-button: 3px;
  --radius-chip: 2px;
  --radius-overlay: 5px;
}

html, body { background: var(--canvas); }
body { color: var(--ink); }
.app-shell { min-height: 100vh; }
.nav-rail {
  align-items: stretch;
  background: #fff;
  border-right: 1px solid var(--line);
  bottom: 0;
  box-shadow: 1px 0 8px rgba(27, 47, 39, .025);
  display: flex;
  flex-direction: column;
  left: 0;
  overflow: hidden;
  padding: 12px 10px 10px;
  position: fixed;
  top: 0;
  transition: transform 140ms ease;
  width: var(--rail-width);
  z-index: 20;
}
.workspace-brand {
  align-items: center;
  border-radius: 3px;
  color: var(--brand-ink);
  display: flex;
  gap: 9px;
  margin: 0 2px 15px;
  min-height: 36px;
  padding: 2px 4px;
  text-decoration: none;
}
.workspace-brand:hover { background: var(--surface-hover); }
.workspace-brand .brand-mark {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  flex: 0 0 28px;
  height: 28px;
  margin: 0;
  object-fit: contain;
  width: 28px;
}
.brand-wordmark { display: grid; gap: 0; min-width: 0; }
.brand-wordmark strong { color: var(--brand-ink); font-size: 15px; font-weight: 720; letter-spacing: -.025em; line-height: 1.2; }
.brand-wordmark small { color: #6b747a; font-size: 10px; font-weight: 550; letter-spacing: .02em; line-height: 1.2; }
.sidebar-section { margin: 0 0 10px; min-width: 0; }
.sidebar-section-label {
  color: #777b78;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0 0 5px;
  padding: 0 8px;
}
.sidebar-nav { align-items: stretch; display: grid; gap: 1px; }
.rail-link {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: #535d62;
  display: flex;
  gap: 8px;
  height: var(--nav-main-row);
  justify-content: flex-start;
  min-width: 0;
  padding: 0 8px;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}
.rail-link:hover { background: var(--surface-hover); color: var(--ink); }
.rail-link.is-active {
  background: var(--selected-surface);
  color: var(--brand-accent);
  font-weight: 650;
}
.rail-link.is-active::before {
  background: var(--brand-accent);
  border-radius: 0 1px 1px 0;
  content: "";
  height: 17px;
  left: -10px;
  position: absolute;
  width: 2px;
}
.rail-link .ui-icon { color: #66746d; flex: 0 0 var(--nav-main-icon); height: var(--nav-main-icon); width: var(--nav-main-icon); }
.rail-link.is-active .ui-icon { color: var(--brand-accent); }
.nav-label { font-size: 12.5px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rail-count {
  align-items: center;
  background: #f9eeeb;
  border-radius: 8px;
  color: #934e43;
  display: inline-flex;
  font-size: 9px;
  height: 15px;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  min-width: 15px;
  padding: 0 4px;
  position: static;
}
.rail-count:empty { display: none; }
.rail-count-muted { background: var(--accent-soft); color: var(--brand-accent); }
.rail-count.has-failure { background: #f9eeeb; color: #934e43; }
.project-sidebar-section { display: flex; flex: 1 1 auto; flex-direction: column; margin-top: 4px; min-height: 72px; overflow: hidden; }
.sidebar-section-heading {
  align-items: center;
  border-top: 1px solid #e8e6df;
  display: flex;
  justify-content: space-between;
  margin: 0 2px 5px;
  min-height: 30px;
  padding: 5px 4px 0 7px;
}
.sidebar-section-link {
  color: #66736d;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
.sidebar-section-link:hover, .sidebar-section-link.is-active { color: var(--brand-accent); }
.sidebar-heading-actions { align-items: center; display: flex; gap: 1px; }
.sidebar-icon-action {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 3px;
  color: #75817b;
  display: inline-flex;
  height: 23px;
  justify-content: center;
  padding: 0;
  width: 23px;
}
.sidebar-icon-action:hover { background: #edf2ee; color: var(--brand-accent); }
.sidebar-icon-action .ui-icon { height: 14px; width: 14px; }
.project-search-panel {
  align-items: center;
  background: var(--surface-subtle);
  border: 1px solid var(--line);
  border-radius: 3px;
  color: #718078;
  display: flex;
  gap: 5px;
  height: 28px;
  margin: 0 3px 5px;
  padding: 0 4px 0 7px;
}
.project-search-panel[hidden] { display: none; }
.project-search-panel > .ui-icon { flex: 0 0 13px; height: 13px; width: 13px; }
.project-search-panel input { background: transparent; border: 0; font-size: 11px; min-width: 0; outline: 0; padding: 3px 0; width: 100%; }
.project-search-panel .sidebar-icon-action { flex: 0 0 20px; height: 20px; width: 20px; }
.sidebar-project-tree { flex: 1 1 auto; max-height: none; min-height: 0; overflow-x: hidden; overflow-y: auto; padding: 0 1px 3px; }
.sidebar-project-group { margin: 0 0 7px; }
.sidebar-project-group h3 {
  align-items: center;
  color: #919c95;
  display: flex;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: .04em;
  margin: 3px 8px 2px;
  min-height: 16px;
}
.sidebar-project-group h3 span { margin-left: auto; }
.project-tree-entry { min-width: 0; }
.project-root-row { align-items: center; display: flex; gap: 1px; min-height: 31px; position: relative; }
.project-tree-expander {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 2px;
  color: #859089;
  display: inline-flex;
  flex: 0 0 18px;
  height: 26px;
  justify-content: center;
  padding: 0;
  width: 18px;
}
.project-tree-expander:hover { background: #eef3ef; color: var(--brand-accent); }
.project-tree-expander .ui-icon { height: 12px; width: 12px; }
.project-root-link {
  align-items: center;
  border-radius: 3px;
  color: #46564e;
  display: flex;
  flex: 1 1 auto;
  font-size: 12px;
  gap: 6px;
  height: 29px;
  min-width: 0;
  overflow: hidden;
  padding: 0 5px 0 1px;
  text-decoration: none;
}
.project-root-link > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-root-link:hover { background: var(--surface-hover); color: var(--brand-ink); }
.project-root-link.is-active { color: #234b3c; font-weight: 650; }
.project-tree-entry.is-selected > .project-root-row::before {
  background: var(--brand-accent);
  content: "";
  height: 14px;
  left: -5px;
  position: absolute;
  width: 2px;
}
.project-identity.is-compact { border-radius: 2px; flex-basis: 17px; height: 17px; width: 17px; }
.project-identity.is-compact .ui-icon { display: none; }
.project-identity.is-compact > span:last-child { font-size: 8px; }
.project-favorite {
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: 2px;
  color: #a3ada7;
  display: inline-flex;
  flex: 0 0 21px;
  height: 23px;
  justify-content: center;
  opacity: 0;
  padding: 0;
  width: 21px;
}
.project-root-row:hover .project-favorite, .project-favorite:focus-visible, .project-favorite.is-favorite, .project-page-shell .project-favorite { opacity: 1; }
.project-favorite:hover, .project-favorite.is-favorite { color: #8a7440; }
.project-favorite .ui-icon { height: 12px; width: 12px; }
.project-child-tree {
  border-left: 1px solid #e5eae6;
  display: grid;
  gap: 1px;
  margin: 0 0 4px 8px;
  overflow: hidden;
  padding: 1px 0 3px 6px;
}
.project-child-link {
  align-items: center;
  border-radius: 2px;
  color: #65716a;
  display: flex;
  font-size: 11.5px;
  gap: 7px;
  height: var(--nav-child-row);
  min-width: 0;
  padding: 0 5px;
  position: relative;
  text-decoration: none;
}
.project-child-link:hover { background: var(--surface-hover); color: var(--brand-ink); }
.project-child-link.is-active { background: var(--selected-surface); color: var(--brand-accent); font-weight: 650; }
.project-child-link.is-upcoming { color: #7b8780; }
.project-child-link.is-upcoming .ui-icon { color: #9aa49d; }
.project-nav-upcoming { color: #98a29c; font-size: 9px; font-weight: 500; margin-left: auto; }
.project-child-link.is-active::before {
  background: var(--brand-accent);
  border-radius: 0 1px 1px 0;
  content: "";
  height: 14px;
  left: -7px;
  position: absolute;
  width: 2px;
}
.project-child-link .ui-icon { color: #78847d; flex: 0 0 var(--nav-child-icon); height: var(--nav-child-icon); width: var(--nav-child-icon); }
.project-child-link.is-active .ui-icon { color: var(--brand-accent); }
.project-child-link > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-nav-group-label { color: #98a29c; font-size: 9px; font-weight: 650; letter-spacing: .04em; line-height: 1.5; margin: 4px 5px 0; }
.sidebar-project-empty { color: #8a958f; font-size: 10.5px; margin: 6px 8px; }
.sidebar-project-empty p { margin: 0 0 5px; }
.sidebar-project-empty button { background: transparent; border: 0; color: var(--brand-accent); cursor: pointer; font-size: 10.5px; padding: 0; text-align: left; }
.global-section { margin-top: 4px; }
.rail-spacer { flex: 1 0 10px; min-height: 10px; }
.sidebar-tools { border-top: 1px solid #e8e6df; margin: 3px 3px 6px; padding-top: 6px; position: relative; }
.sidebar-tools > summary { align-items: center; border-radius: 3px; color: #66736c; cursor: pointer; display: flex; font-size: 11px; gap: 8px; height: 29px; list-style: none; padding: 0 7px; }
.sidebar-tools > summary::-webkit-details-marker { display: none; }
.sidebar-tools > summary:hover { background: var(--surface-hover); color: var(--brand-accent); }
.sidebar-tools > summary .ui-icon { height: 15px; width: 15px; }
.sidebar-tools-popover { background: #fff; border: 1px solid var(--line); border-radius: 4px; bottom: 33px; box-shadow: 0 7px 24px rgba(24,42,33,.12); display: grid; left: 0; max-height: min(70vh, 520px); min-width: 195px; overflow-y: auto; padding: 4px; position: absolute; z-index: 30; }
.sidebar-tools-popover button { background: transparent; border: 0; border-radius: 2px; color: #45534b; cursor: pointer; font-size: 11px; padding: 7px 8px; text-align: left; }
.sidebar-tools-popover button:hover { background: #f2f5f2; }
.sidebar-tools-popover .sidebar-tool-link { border-radius: 2px; color: #45534b; font-size: 11px; padding: 7px 8px; text-decoration: none; }
.sidebar-tools-popover .sidebar-tool-link:hover, .sidebar-tools-popover .sidebar-tool-link:focus-visible { background: #f2f5f2; }
.local-storage-status { align-items: center; background: #faf9f6; border: 1px solid #edf1ed; border-radius: 3px; display: flex; gap: 8px; margin: 0 2px; padding: 7px 8px; }
.local-storage-status > span:last-child { display: grid; gap: 1px; }
.local-storage-status strong { color: #4d685a; font-size: 10px; font-weight: 650; }
.local-storage-status small { color: #8a9890; font-size: 9px; }
.rail-local-dot { background: #418264; border: 0; flex: 0 0 6px; height: 6px; position: static; width: 6px; }
.main-area { margin-left: var(--rail-width); min-height: 100vh; min-width: 0; }
.topbar {
  align-items: center;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid var(--line);
  gap: 10px;
  height: 46px;
  padding: 0 20px;
  position: sticky;
  top: 0;
  z-index: 8;
}
.topbar-scope { flex-basis: 170px; min-width: 110px; }
.topbar-scope select { border: 1px solid transparent; border-radius: 3px; font-size: 11px; min-height: 29px; padding: 4px 19px 4px 6px; }
.global-search { background: #f8f7f3; border: 1px solid #f0f3f0; border-radius: 3px; height: 30px; max-width: 430px; }
.global-search:focus-within { border-color: #9ebaae; box-shadow: 0 0 0 2px rgba(49,95,84,.08); }
.global-search svg { height: 15px; width: 15px; }
.global-search input { font-size: 11.5px; }
.global-search kbd { border-radius: 2px; font-size: 9px; }
.top-actions { gap: 6px; }
.button { border-radius: 3px; font-size: 12px; min-height: 32px; padding: 4px 9px; }
.button.small { min-height: 27px; padding: 3px 7px; }
.button.primary { background: var(--brand-accent); border-color: var(--brand-accent); box-shadow: none; }
.button.primary:hover { background: var(--brand-accent-hover); border-color: var(--brand-accent-hover); }
.button.subtle { color: #4f6257; }
.button.subtle:hover { background: #f0f4f1; color: #263e33; }
.button svg { height: 14px; width: 14px; }
.quick-create-menu { position: relative; }
.quick-create-toggle { align-items: center; background: var(--brand-accent); border: 1px solid var(--brand-accent); border-radius: 3px; color: #fff; cursor: pointer; display: flex; font-size: 11.5px; font-weight: 650; gap: 4px; height: 30px; list-style: none; padding: 0 8px; }
.quick-create-toggle::-webkit-details-marker { display: none; }
.quick-create-toggle:hover { background: var(--brand-accent-hover); }
.quick-create-toggle .ui-icon { height: 14px; width: 14px; }
.quick-create-popover { background: #fff; border: 1px solid var(--line); border-radius: 4px; box-shadow: 0 8px 26px rgba(25,42,34,.14); display: grid; min-width: 215px; padding: 4px; position: absolute; right: 0; top: 35px; z-index: 25; }
.quick-create-popover button { align-items: center; background: transparent; border: 0; border-radius: 2px; color: #405149; cursor: pointer; display: flex; font-size: 11.5px; gap: 8px; min-height: 31px; padding: 0 7px; text-align: left; }
.quick-create-popover button:hover { background: #f1f5f2; }
.quick-create-popover .ui-icon { color: var(--brand-accent); height: 14px; width: 14px; }
.quick-create-popover kbd { border: 1px solid var(--line); border-radius: 2px; color: #8b9690; font-size: 9px; margin-left: auto; padding: 0 4px; }
.local-user-control { gap: 4px; }
.local-user-control > span, .local-user-control small { color: #7e8982; font-size: 9px; }
.local-user-control select { border: 1px solid transparent; border-radius: 3px; font-size: 10.5px; height: 28px; min-height: 28px; padding: 3px 20px 3px 6px; }
.utility-menu > summary { border-radius: 3px; height: 29px; width: 29px; }
.utility-menu > summary svg { height: 16px; width: 16px; }
.utility-popover { border-radius: 4px; box-shadow: 0 8px 26px rgba(25,42,34,.14); padding: 5px; top: 33px; }
.utility-popover button { border-radius: 2px; font-size: 11.5px; }
.utility-info { padding: 6px 7px; }
.utility-info span { color: var(--brand-ink); font-size: 11px; }
.utility-info small { font-size: 9px; }
.runtime-badge { background: var(--info-soft); border: 1px solid var(--line); border-radius: 3px; color: var(--info); font-size: 10px; font-weight: 650; padding: 3px 6px; white-space: nowrap; }
.workspace { max-width: 1680px; padding: 17px 24px 34px; }
.eyebrow { color: #6c7971; font-size: 10px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.page-head { margin-bottom: 14px; }
.page-head h1 { font-size: 21px; letter-spacing: -.02em; }
.page-head p { font-size: 11.5px; }
.panel-header, .section-title, .dashboard-panel-head { gap: 10px; }
.project-page-shell { margin: 0 0 12px; }
.project-context-head { align-items: center; border: 0; border-bottom: 1px solid #e8ede9; gap: 12px; margin: 0 0 7px; min-height: 40px; padding: 0 0 8px; }
.project-context-title { align-items: center; gap: 8px; min-width: 0; }
.project-context-title > .project-identity { border-radius: 3px; }
.project-record-status { color: var(--muted, #68756c); font-size: 11px; white-space: nowrap; }
.project-context-name { display: grid; min-width: 0; }
.project-context-name small { color: #758179; font-size: 10px; font-weight: 600; letter-spacing: 0; line-height: 1.2; }
.project-context-name strong { color: var(--brand-ink); font-size: 12px; font-weight: 650; line-height: 1.35; max-width: min(35vw, 410px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-context-meta { color: #7e8a82; font-size: 10px; }
.project-context-actions { align-items: center; gap: 4px; }
.project-context-actions .lifecycle-chip { background: #f2f5f3; border: 1px solid #e6ebe7; border-radius: 2px; color: #5a6d61; font-size: 9.5px; padding: 2px 5px; }
.project-context-repository { align-items: center; color: #78857d; display: inline-flex; font-size: 9.5px; gap: 3px; max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project-context-repository .ui-icon { height: 12px; width: 12px; }
.lifecycle-control { align-items: center; gap: 4px; }
.lifecycle-control span { color: #87928c; font-size: 9px; }
.lifecycle-control select { border: 1px solid #e4e9e5; border-radius: 2px; font-size: 10px; min-height: 26px; padding: 3px 19px 3px 5px; }
.project-context-actions .project-favorite { opacity: 1; }
.project-actions-menu > summary { border-radius: 2px; height: 25px; width: 25px; }
.project-actions-menu > summary svg { height: 14px; width: 14px; }
.project-more-menu > summary { align-items: center; color: #64756b; display: inline-flex; font-size: 10px; gap: 3px; height: 25px; padding: 0 5px; width: auto; }
.project-more-menu > summary svg { height: 13px; width: 13px; }
.project-more-menu > div { min-width: 142px; }
.project-more-menu > div a { border-radius: 2px; color: #35463d; display: block; font-size: 11px; padding: 7px 9px; text-decoration: none; white-space: nowrap; }
.project-more-menu > div a:hover { background: #f1f5f2; color: var(--brand-accent); }
.project-breadcrumb { align-items: center; color: #8b968f; display: flex; font-size: 10px; gap: 6px; line-height: 1.5; margin: 1px 0 2px; min-height: 18px; }
.project-breadcrumb a { color: #64756b; text-decoration: none; }
.project-breadcrumb a:hover { color: var(--brand-accent); text-decoration: underline; }
.project-page-title { align-items: center; color: #24352d; display: flex; font-size: 19px; font-weight: 680; gap: 8px; letter-spacing: -.02em; line-height: 1.35; margin: 2px 0 10px; }
.project-page-title::before { background: var(--brand-accent); border-radius: 1px; content: ""; height: 15px; width: 2px; }
.project-code { color: #839087; font-size: 9px; font-weight: 550; letter-spacing: .025em; }
.project-summary-intro { color: #6e7b73; font-size: 11.5px; margin: 0 0 11px; }
.project-first-actions { border-radius: 3px; margin-bottom: 12px; padding: 11px 13px; }
.project-first-actions h2 { font-size: 14px; }
.project-first-actions p { font-size: 11px; }
.project-first-actions .page-actions { gap: 5px; }
.project-summary-grid { gap: 7px; margin: 10px 0 13px; }
.summary-box { border-radius: 3px; min-height: 69px; padding: 9px 10px; }
.summary-box > span { font-size: 10px; gap: 5px; }
.summary-box > span .ui-icon { height: 13px; width: 13px; }
.summary-box strong { font-size: 17px; }
.summary-box small { font-size: 9px; }
.project-overview-hero, .project-overview-columns { gap: 10px; }
.project-progress-hero, .project-health-summary, .overview-card { border-radius: 3px; padding: 12px; }
.project-overview-columns { margin-top: 10px; }
.project-overview-primary, .project-overview-side { gap: 10px; }
.project-status-breakdown, .health-pill, .project-overview-hero .eyebrow { font-size: 10px; }
.objective-list { border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.objective-list-row { align-items: center; background: #fff; border: 0; border-bottom: 1px solid #e8e6df; display: flex; gap: 9px; min-height: 48px; padding: 7px 10px; text-align: left; width: 100%; }
.objective-list-row:last-child { border-bottom: 0; }
.objective-list-row:hover { background: #faf9f6; }
.objective-list-icon { align-items: center; color: var(--brand-accent); display: inline-flex; flex: 0 0 22px; height: 22px; justify-content: center; }
.objective-list-icon .ui-icon { height: 15px; width: 15px; }
.objective-list-copy { display: grid; flex: 1 1 auto; gap: 2px; min-width: 0; }
.objective-list-copy strong { color: #2b3931; font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.objective-list-copy small, .objective-list-run { color: #859088; font-size: 9.5px; }
.objective-list-status { background: #f1f5f2; border-radius: 2px; color: #5b6f62; font-size: 9px; padding: 2px 5px; white-space: nowrap; }
.empty-state-mark { align-items: center; color: var(--brand-accent); display: inline-flex; height: 25px; justify-content: center; width: 25px; }
.empty-state-mark .ui-icon { height: 20px; width: 20px; }
.nav-toggle, .mobile-wordmark { display: none; }
.nav-scrim[hidden] { display: none; }

@media (max-width: 1080px) {
  :root { --rail-width: 232px; }
  .nav-rail { box-shadow: 6px 0 26px rgba(24,39,31,.1); transform: translateX(-102%); }
  .app-shell.nav-open .nav-rail { transform: translateX(0); }
  .main-area { margin-left: 0; }
  .nav-scrim { background: rgba(22,34,28,.28); border: 0; display: block; inset: 0; position: fixed; z-index: 16; }
  .nav-toggle { align-items: center; background: transparent; border: 1px solid transparent; border-radius: 3px; color: #53665a; display: inline-flex; flex: 0 0 30px; height: 30px; justify-content: center; padding: 0; width: 30px; }
  .nav-toggle:hover { background: #f0f4f1; border-color: #e6ece7; }
  .nav-toggle .ui-icon { height: 16px; width: 16px; }
  .topbar { padding: 0 16px; }
  .workspace { padding: 15px 18px 30px; }
}

@media (max-width: 620px) {
  :root { --rail-width: 232px; }
  .nav-rail {
    align-items: stretch;
    background: #fff;
    border-right: 1px solid var(--line);
    border-top: 0;
    bottom: 0;
    flex-direction: column;
    height: auto;
    justify-content: flex-start;
    left: 0;
    padding: 12px 10px 10px;
    right: auto;
    top: 0;
    width: var(--rail-width);
  }
  .workspace-brand { display: flex; }
  .rail-spacer { display: block; }
  .rail-link { border-radius: 3px; flex-direction: row; gap: 8px; height: var(--nav-main-row); justify-content: flex-start; padding: 0 8px; width: 100%; }
  .rail-link .ui-icon { flex: 0 0 var(--nav-main-icon); height: var(--nav-main-icon); width: var(--nav-main-icon); }
  .nav-label { font-size: 12.5px; letter-spacing: normal; line-height: 1.1; }
  .main-area { padding-bottom: 0; }
  .topbar { gap: 6px; height: 48px; padding: 0 9px; }
  .topbar-scope { display: none; }
  .mobile-wordmark { align-items: center; color: var(--brand-ink); display: flex; flex: 0 0 auto; gap: 4px; text-decoration: none; }
  .mobile-wordmark img { height: 22px; width: 22px; }
  .mobile-wordmark strong { font-size: 12px; font-weight: 700; letter-spacing: -.03em; }
  .global-search { flex: 1 1 auto; margin: 0; min-width: 48px; padding: 0 5px; width: auto; }
  .global-search input { font-size: 10px; }
  .global-search input::placeholder { color: transparent; }
  .global-search kbd { display: none; }
  .top-actions { flex: 0 0 auto; gap: 4px; margin-left: 0; }
  .quick-create-toggle { height: 29px; padding: 0 6px; }
  .quick-create-toggle span { font-size: 10px; }
  .runtime-badge { font-size: 8px; padding: 2px 4px; }
  .local-user-control { display: flex; }
  .local-user-control > span, .local-user-control small { display: none; }
  .local-user-control select { font-size: 9px; max-width: 78px; min-width: 0; padding: 2px 14px 2px 4px; }
  .workspace { padding: 12px 11px 24px; }
  .project-context-head { align-items: flex-start; flex-wrap: wrap; gap: 5px 8px; }
  .project-context-title { flex: 1 1 100%; }
  .project-context-actions { flex-wrap: wrap; justify-content: flex-start; margin-left: 31px; }
  .project-context-repository { display: none; }
  .lifecycle-control > span { display: none; }
  .project-context-name strong { max-width: calc(100vw - 110px); }
  .project-breadcrumb { font-size: 9px; gap: 4px; }
  .project-page-title { font-size: 18px; margin-bottom: 8px; }
  .project-page-shell + .page-head { align-items: flex-start; gap: 8px; }
  .page-head { flex-wrap: wrap; }
  .page-head > div { min-width: min(100%, 220px); }
  .project-overview-hero, .project-overview-columns { grid-template-columns: minmax(0, 1fr); }
  .project-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .objective-list-row { align-items: flex-start; flex-wrap: wrap; }
  .objective-list-run { margin-left: 31px; }
  .objective-list-status { margin-left: auto; }
}

/* Information visibility pass: present project state as rows and sections, not stacked dashboard cards. */
.project-overview-dashboard { display: grid; gap: 0; max-width: 1120px; }
.overview-project-summary { border-bottom: 1px solid var(--line); padding: 5px 0 10px; }
.overview-project-summary > p { color: var(--text-secondary); font-size: 13px; margin: 0 0 8px; white-space: pre-wrap; }
.overview-inline-stats { align-items: baseline; display: flex; flex-wrap: wrap; gap: 5px 20px; }
.overview-inline-stats > span { color: var(--muted); font-size: 11px; }
.overview-inline-stats strong { color: var(--text-primary); font-size: 12px; font-weight: 620; margin-left: 4px; }
.overview-project-summary > .progress-track { margin-top: 8px; max-width: 420px; }
.overview-information-section { border-bottom: 1px solid var(--line); min-width: 0; padding: 9px 0 10px; }
.overview-section-head, .objective-section-heading { align-items: baseline; display: flex; justify-content: space-between; gap: 10px; margin-bottom: 5px; }
.overview-section-head h2, .objective-section-heading h2 { font-size: 13px; font-weight: 650; margin: 0; }
.overview-section-head > span, .objective-section-heading > span { color: var(--muted); font-size: 11px; }
.overview-section-head a { color: var(--muted); font-size: 11px; text-decoration: none; }
.overview-next-row, .overview-blocker-row, .overview-plan-row, .overview-goal-row { align-items: center; background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; color: inherit; display: flex; gap: 12px; justify-content: space-between; min-height: 39px; padding: 6px 4px; text-align: left; text-decoration: none; width: 100%; }
.overview-next-row:hover, .overview-blocker-row:hover, .overview-plan-row:hover, .overview-goal-row:hover { background: var(--surface-hover); }
.overview-next-row > span:first-child, .overview-plan-row > span:first-child, .overview-goal-row > span:first-child { display: grid; gap: 2px; min-width: 0; }
.overview-next-row strong, .overview-blocker-row strong, .overview-plan-row strong, .overview-goal-row strong { font-size: 12px; font-weight: 620; overflow-wrap: anywhere; }
.overview-next-row small, .overview-plan-row small, .overview-goal-row small, .overview-blocker-row small { color: var(--muted); font-size: 10px; }
.overview-next-row > span:last-child, .overview-plan-action { color: var(--accent); flex: 0 0 auto; font-size: 11px; }
.overview-blocker-row { align-items: baseline; justify-content: flex-start; }
.overview-plan-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; }
.overview-plan-state { color: var(--text-secondary); font-size: 11px; }
.overview-goal-progress { align-items: center; display: flex; flex: 0 0 105px; gap: 7px; }
.overview-goal-progress b { color: var(--text-secondary); font-size: 10px; font-weight: 600; min-width: 29px; }
.overview-goal-progress .progress-track { flex: 1; }
.overview-milestone-row { align-items: baseline; border-top: 1px solid var(--line); display: flex; gap: 14px; min-height: 35px; padding: 8px 4px 0; }
.overview-milestone-row strong { font-size: 12px; }
.overview-milestone-row span { color: var(--muted); font-size: 11px; }
.overview-empty-line { align-items: center; color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px; font-size: 11px; margin: 0; padding-top: 4px; }
.overview-empty-line .button { margin-left: 4px; }
.overview-operations-handoff { align-items: center; border-bottom: 1px solid var(--line); display: flex; gap: 12px; justify-content: space-between; padding: 10px 0; }
.overview-operations-handoff > div { display: grid; gap: 3px; }
.overview-operations-handoff strong { font-size: 12px; }
.overview-operations-handoff span { color: var(--muted); font-size: 11px; }
.project-overview-dashboard .activity-list { margin-top: 2px; }
.project-overview-dashboard .activity-row { grid-template-columns: 68px 100px minmax(100px, 1fr) minmax(90px, auto) 42px; }
.objective-plan-attention { align-items: center; background: var(--selected-surface); border-left: 2px solid var(--accent); display: flex; flex-wrap: wrap; gap: 5px 12px; margin: 0 0 14px; padding: 8px 10px; }
.objective-plan-attention strong { font-size: 12px; }
.objective-plan-attention > span { color: var(--muted); font-size: 11px; flex: 1 1 180px; }
.objective-section { margin-top: 14px; }
.objective-section-heading { border-bottom: 1px solid var(--line); padding-bottom: 6px; }
.objective-section .empty-state { padding: 13px 0; text-align: left; }
.objective-section .empty-state p { margin: 4px 0 8px; }
.plan-history-list { display: grid; }
.plan-history-row { align-items: center; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; min-height: 48px; width: 100%; }
.plan-history-open { align-items: center; background: transparent; border: 0; color: inherit; display: grid; flex: 1 1 auto; gap: 2px 10px; grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr) auto auto; padding: 8px 4px; text-align: left; }
.plan-history-open:hover { background: var(--surface-hover); }
.plan-history-open > strong { font-size: 12px; }
.plan-history-open > small { color: var(--muted); font-size: 10px; }
.plan-history-state, .plan-history-counts { color: var(--muted); font-size: 10px; }
.plan-history-action { color: var(--accent); font-size: 10px; }
.plan-history-retry { grid-column: 1 / -1; justify-self: end; margin: 0 4px 5px; }
.home-next-action-row { align-items: baseline; background: transparent; border: 0; border-top: 1px solid var(--line); color: inherit; display: flex; flex-wrap: wrap; gap: 4px 14px; justify-content: space-between; min-height: 36px; padding: 7px 2px; text-align: left; width: 100%; }
.home-next-action-row strong { font-size: 12px; }
.home-next-action-row span { color: var(--muted); font-size: 10px; }
.my-work-filters { border-bottom: 1px solid var(--line); display: flex; gap: 2px; margin-bottom: 2px; overflow-x: auto; }
.my-work-filters button { align-items: center; background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; color: var(--muted); display: flex; font-size: 11px; gap: 6px; min-height: 34px; padding: 4px 9px; white-space: nowrap; }
.my-work-filters button[aria-pressed="true"] { border-bottom-color: var(--accent); color: var(--text-primary); font-weight: 650; }
.my-work-filters button span { color: var(--muted); font-size: 10px; }
.my-work-queue { display: grid; }
.my-work-row { align-items: center; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; color: inherit; display: grid; gap: 10px; grid-template-columns: 58px minmax(0, 1fr) auto auto; min-height: 43px; padding: 5px 4px; text-align: left; width: 100%; }
.my-work-row:hover { background: var(--surface-hover); }
.my-work-key, .my-work-state, .my-work-row time { color: var(--muted); font-size: 10px; }
.my-work-main { display: grid; gap: 2px; min-width: 0; }
.my-work-main strong { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-work-main small { color: var(--muted); font-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-work-empty { color: var(--muted); font-size: 12px; padding: 14px 0; }
.project-favorite { align-items: center; background: transparent; border: 1px solid transparent; color: var(--muted); display: inline-flex; height: 27px; justify-content: center; padding: 3px; transition: background-color 120ms ease, color 120ms ease, transform 120ms ease; width: 27px; }
.project-favorite .ui-icon { fill: none; height: 15px; stroke: currentColor; width: 15px; }
.project-favorite:hover { background: var(--surface-hover); color: var(--accent); }
.project-favorite:active { transform: scale(.92); }
.project-favorite.is-favorite { background: var(--selected-surface); color: var(--accent); }
.project-favorite.is-favorite .ui-icon { fill: currentColor; }
.project-favorite:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (min-width: 861px) {
  .task-workspace.has-selection { height: auto !important; min-height: 0; align-items: start; }
  .task-workspace.has-selection .master-pane, .task-workspace.has-selection .detail-pane-inline,
  .task-workspace.has-selection .task-master-table { max-height: none; overflow: visible !important; }
  .task-workspace.has-selection .detail-pane-inline { align-self: start; }
  .task-master-table .data-table.task-list-data-table { min-width: 0; table-layout: fixed; width: 100%; }
  .task-master-table .data-table.task-list-data-table th.bulk-select-cell { width: 42px; }
  .task-master-table .data-table.task-list-data-table th[data-column="key"] { width: 72px; }
  .task-master-table .data-table.task-list-data-table th[data-column="title"] { min-width: 280px; width: auto; }
  .task-master-table .data-table.task-list-data-table th[data-column="status"] { width: 116px; }
  .task-master-table .data-table.task-list-data-table th[data-column="priority"] { width: 78px; }
  .task-master-table .data-table.task-list-data-table th[data-column="dueDate"] { width: 112px; }
  .task-master-table .data-table.task-list-data-table td { overflow: hidden; text-overflow: ellipsis; }
}
.task-master-table .task-title-button { flex: 1 1 auto; max-width: 100%; min-width: 0; }
@media (max-width: 620px) {
  .overview-inline-stats { gap: 5px 12px; }
  .overview-plan-row { align-items: start; grid-template-columns: minmax(0, 1fr) auto; }
  .overview-plan-row .overview-plan-action { grid-column: 1 / -1; }
  .overview-goal-progress { flex-basis: 82px; }
  .project-overview-dashboard .activity-row { grid-template-columns: 54px minmax(0, 1fr) 44px; }
  .project-overview-dashboard .activity-actor { display: none; }
  .project-overview-dashboard .activity-object { grid-column: 2; }
  .my-work-row { gap: 5px 8px; grid-template-columns: 48px minmax(0, 1fr) auto; }
  .my-work-row time { grid-column: 2; }
  .my-work-state { grid-column: 3; grid-row: 1; }
  .plan-history-open { grid-template-columns: minmax(0, 1fr) auto; }
  .plan-history-open > small:nth-of-type(2) { grid-column: 1; }
  .plan-history-open > .status-tag { grid-column: 2; grid-row: 1 / span 2; }
  .plan-history-action { display: none; }
}

.project-work-views { align-items: center; border-bottom: 1px solid var(--line); display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 10px; min-height: 31px; padding: 0 2px 5px; }
.project-work-views > span { color: var(--muted); font-size: 10px; font-weight: 650; margin-right: 6px; }
.project-work-views a { border-radius: 3px; color: #55635c; font-size: 11px; padding: 5px 9px; text-decoration: none; }
.project-work-views a:hover { background: var(--surface-hover); color: var(--brand-ink); }
.project-work-views a.is-active { background: var(--selected-surface); color: var(--brand-accent); font-weight: 700; }
.project-overview-compact { display: grid; gap: 10px; max-width: 1440px; }
.project-overview-compact .project-summary-intro { color: #58665e; font-size: 12px; margin: 0; }
.project-overview-compact-grid { display: grid; gap: 20px; grid-template-columns: minmax(0, 1.35fr) minmax(250px, .85fr); }
.project-overview-compact .overview-card { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; min-width: 0; padding: 10px 0; }
.project-overview-compact .project-next-action-card { border-left: 2px solid var(--brand-accent); border-top: 0; padding: 5px 0 6px 12px; }
.project-overview-compact .project-progress-card { border-top: 0; border-left: 1px solid var(--line); padding: 5px 0 6px 14px; }
.project-next-action-card h2 { font-size: 16px; margin: 2px 0 4px; }
.project-next-action-card > p:not(.eyebrow) { color: var(--muted); font-size: 12px; margin: 0 0 7px; }
.project-progress-card .dashboard-panel-head { align-items: start; }
.project-progress-card .dashboard-panel-head h2 { font-size: 18px; margin: 2px 0 7px; }
.project-progress-card .dashboard-panel-head h2 small { color: var(--muted); font-size: 10px; font-weight: 500; }
.project-progress-card .progress-track { display: block; height: 6px; overflow: hidden; }
.project-progress-card .progress-track i { background: var(--brand-accent); display: block; height: 100%; }
.project-overview-signals { align-items: center; display: flex; flex-wrap: wrap; gap: 6px 12px; margin-top: 10px; }
.project-overview-signals a, .project-overview-signals span { color: #59675f; font-size: 10px; text-decoration: none; }
.project-overview-signals a:hover { color: var(--brand-accent); text-decoration: underline; }
.project-milestone-compact { align-items: center; display: flex; justify-content: space-between; gap: 12px; }
.project-milestone-compact h2 { font-size: 13px; margin: 2px 0; }
.project-milestone-compact small { color: var(--muted); font-size: 10px; }
.project-release-handoff { align-items: center; background: #faf9f6 !important; border-left: 3px solid var(--brand-accent) !important; display: flex; gap: 14px; justify-content: space-between; }
.project-release-handoff > div { min-width: 0; }
.project-release-handoff strong { display: block; font-size: 12px; margin: 2px 0 3px; }
.project-release-handoff p:not(.eyebrow) { color: var(--muted); font-size: 10px; margin: 0; }
.project-release-handoff .button { flex: 0 0 auto; }
.project-recent-work .dashboard-panel-head { margin-bottom: 4px; }
.project-recent-work .recent-task-row { min-height: 34px; }
.project-activity-compact, .project-integration-compact { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; padding: 8px 0; }
.project-activity-compact > summary, .project-integration-compact > summary { color: #58665e; cursor: pointer; font-size: 11px; font-weight: 650; }
.project-activity-compact p { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 7px 0 0; }
.project-activity-compact p strong { font-size: 10px; font-weight: 550; }
.project-activity-compact p small { color: var(--muted); font-size: 9px; }
.compact-dashboard { display: grid; gap: 10px; max-width: 1480px; }
.compact-dashboard .page-head { margin-bottom: 0; }
.compact-dashboard .page-head h1 { font-size: 22px; }
.compact-home-metrics { align-items: center; border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); color: #58665e; display: flex; flex-wrap: wrap; gap: 8px 18px; padding: 6px 3px; }
.compact-home-metrics > * { font-size: 10px; }
.compact-home-metrics button { background: none; border: 0; color: var(--brand-accent); cursor: pointer; padding: 0; }
.compact-dashboard-grid { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(330px, .85fr); }
.compact-dashboard .dashboard-panel { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; min-width: 0; padding: 10px 0; }
.compact-dashboard .dashboard-panel-head { border-bottom: 1px solid var(--line); margin-bottom: 2px; padding-bottom: 7px; }
.compact-dashboard .dashboard-panel-head h2 { font-size: 14px; margin: 2px 0; }
.compact-dashboard .next-action-list { display: grid; }
.compact-dashboard .next-action-row { min-height: 40px; }
.home-project-list { display: grid; }
.home-project-row { align-items: center; border-bottom: 1px solid #e7ebe8; color: inherit; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 72px auto; min-height: 42px; padding: 4px 2px; text-decoration: none; }
.home-project-row:last-child { border-bottom: 0; }
.home-project-row > span:first-child { align-items: center; display: grid; gap: 2px; grid-template-columns: 18px minmax(0, 1fr); }
.home-project-row > span:first-child strong, .home-project-row > span:first-child small { grid-column: 2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-project-row > span:first-child strong { font-size: 11px; }
.home-project-row > span:first-child small { color: var(--muted); font-size: 9px; }
.home-project-progress { display: grid; gap: 2px; grid-template-columns: auto; }
.home-project-progress strong { font-size: 10px; }
.home-project-progress small { color: var(--muted); font-size: 8px; }
.home-project-progress .progress-track { height: 3px; }
.home-project-progress .progress-track b { background: var(--brand-accent); display: block; height: 100%; }
.compact-home-activity { padding: 8px 10px !important; }
.compact-home-activity > summary { cursor: pointer; font-size: 10px; font-weight: 650; }
.compact-home-activity > p { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 7px 0 0; }
.compact-home-activity > p strong { font-size: 10px; font-weight: 500; }
.compact-home-activity > p small { color: var(--muted); font-size: 9px; }
.task-advanced-fields { border-top: 1px solid var(--line); margin-top: 10px; padding-top: 9px; }
.task-advanced-fields > summary { color: #526158; cursor: pointer; font-size: 11px; font-weight: 650; padding: 3px 0 8px; }
.objective-management-actions { align-items: center; flex-wrap: wrap; }
.objective-management-actions > small { flex-basis: 100%; }
.task-primary-fields { align-items: start; border-block: 1px solid var(--line); display: grid; gap: 8px 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 9px 0; padding: 10px 0; }
.task-primary-field { display: grid; gap: 4px; min-width: 0; }
.task-primary-field > span:first-child { color: var(--muted); font-size: 9px; }
.task-primary-field > strong { font-size: 11px; font-weight: 600; min-width: 0; }
.task-primary-field .detail-field { border: 0; margin: 0; padding: 0; }
.task-primary-field .detail-field > span { display: none; }
.task-primary-field .detail-field > strong { font-size: 11px; }
.task-primary-field .status-control-mark { justify-content: flex-start; }
.task-objective-context, .task-objective-link { align-items: center; background: transparent; border: 0; border-block: 1px solid var(--line); border-radius: 0; color: inherit; display: flex; gap: 8px; margin: 0 0 8px; min-height: 32px; padding: 5px 2px; text-decoration: none; width: 100%; }
.task-objective-context > span:first-child, .task-objective-link > span:first-child { color: var(--muted); font-size: 9px; }
.task-objective-context > strong, .task-objective-link > strong { flex: 1; font-size: 10px; font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-objective-empty { cursor: pointer; text-align: left; }
.task-execution-section { background: transparent; border: 0; border-top: 1px solid var(--line); border-radius: 0; margin: 8px 0; padding: 9px 0 0; }
.task-execution-section .section-title { margin-bottom: 5px; }
.task-execution-section .section-title h3 { font-size: 12px; }
.task-execution-section .section-title p { font-size: 10px; }
.task-execution-section .task-execution-actions { margin: 5px 0 2px; }
.task-execution-section .task-execution-actions code { font-size: 9px; max-width: 100%; overflow-wrap: anywhere; white-space: normal; }
.task-detail-progressive .detail-section { margin-top: 9px; padding-top: 8px; }
.task-detail-progressive .detail-section h3 { font-size: 13px; margin-bottom: 5px; }
.task-primary-field > span:first-child, .task-primary-field .detail-field > span { font-size: 11px; }
.task-primary-field > strong, .task-primary-field .detail-field > strong { font-size: 12px; }
.task-detail-progressive .task-execution-actions { align-items: center; background: transparent; border: 0; gap: 6px; margin: 4px 0; padding: 0; }
.task-detail-progressive .task-execution-actions > div { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
.task-detail-progressive .task-execution-actions small { color: var(--muted); font-size: 11px; }
.task-detail-progressive .checklist-row { align-items: center; border-bottom: 1px solid #e8e6df; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) auto; min-height: 32px; padding: 4px 0; }
.task-detail-progressive .checklist-row > label { align-items: center; display: flex; gap: 6px; min-width: 0; }
.task-detail-progressive .checklist-row > label input { flex: 0 0 auto; margin: 0; }
.task-detail-progressive .checklist-row > label span { font-size: 12px; line-height: 1.4; min-width: 0; overflow-wrap: anywhere; }
.task-detail-progressive .checklist-row > label span.is-done { color: var(--muted); text-decoration: line-through; }
.task-detail-progressive .checklist-actions { align-items: center; display: flex; flex: 0 0 auto; gap: 3px; opacity: 0; transition: opacity 120ms ease; }
.task-detail-progressive .checklist-row:hover .checklist-actions, .task-detail-progressive .checklist-row:focus-within .checklist-actions { opacity: 1; }
.task-detail-progressive .checklist-actions .button { min-height: 23px; padding: 3px 6px; }
.task-detail-progressive .checklist-actions .checklist-icon-action { align-items: center; height: 23px; justify-content: center; padding: 3px; width: 23px; }
.task-detail-progressive .checklist-actions .checklist-icon-action .ui-icon { height: 12px; width: 12px; }
.task-detail-progressive .checklist-actions .checklist-delete-action { font-size: 9px; }
.task-detail-progressive .checklist-add { align-items: center; display: flex; gap: 6px; margin-top: 7px; }
.task-detail-progressive .checklist-add input { flex: 1 1 auto; min-width: 0; }
.task-secondary-fields > summary, .task-relations > summary, .task-time-section > summary, .task-destructive-menu > summary, .task-detail .detail-section > summary { color: #526158; cursor: pointer; font-size: 10px; font-weight: 650; padding: 4px 0; }
.task-secondary-fields .detail-grid { padding-top: 7px; }
.task-destructive-menu { margin-left: auto; position: relative; }
.task-destructive-menu > summary { color: var(--muted); cursor: pointer; font-size: 10px; list-style-position: inside; }
.task-destructive-menu > div { background: white; border: 1px solid var(--line); border-radius: 3px; box-shadow: 0 6px 18px #26362f22; padding: 5px; position: absolute; right: 0; top: 100%; z-index: 5; }
.task-secondary-fields .detail-subsection { border-top: 1px solid var(--line); margin-top: 8px; padding-top: 8px; }
.task-secondary-fields .detail-subsection h3 { font-size: 10px; margin: 0 0 5px; }
.task-detail-progressive .detail-title { font-size: 18px; line-height: 1.3; }
.task-detail-progressive .detail-lead { font-size: 13px; line-height: 1.5; margin-top: 5px; }
.task-card .task-meta-signals, .task-card-meta .date-neutral { display: none; }
.task-master-table .task-type-mark { display: none; }
.project-recent-work .recent-task-row .status-tag { background: transparent; border: 0; color: #58665e; padding: 0; }
.project-breadcrumb:empty { display: none; }
.review-workspace.is-empty { background: transparent; border: 0; display: block; height: auto; min-height: 0; overflow: visible; }
.review-workspace.is-empty .master-pane { background: transparent; border: 0; display: block; overflow: visible; }
.review-workspace.is-empty .master-pane-head { background: transparent; border-bottom: 1px solid var(--line); padding: 6px 0; }
.review-workspace.is-empty #reviewQueue { overflow: visible; padding: 0; }
.review-workspace.is-empty .review-empty { background: transparent; border: 0; padding: 12px 0; text-align: left; }
.review-workspace.is-empty .detail-pane-inline { display: none; }
.task-empty-workspace { margin-top: 12px; max-width: 680px; padding: 18px; text-align: left; }
.task-empty-workspace > strong { font-size: 13px; }
.task-empty-workspace > p { margin-bottom: 0; }
.project-access-denied { background: #fff; border: 1px solid var(--line); border-left: 3px solid #9b6855; border-radius: 3px; margin: 24px auto; max-width: 560px; padding: 18px; }
.project-access-denied h1 { font-size: 17px; margin: 4px 0 7px; }
.project-access-denied > p:not(.eyebrow) { color: var(--muted); font-size: 11px; line-height: 1.5; margin: 0 0 12px; }
@media (max-width: 720px) { .task-primary-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 860px) {
  .project-overview-compact-grid, .compact-dashboard-grid { grid-template-columns: 1fr; }
  .project-overview-compact .project-progress-card { border-left: 0; border-top: 1px solid var(--line); padding: 10px 0; }
}
@media (max-width: 520px) {
  .project-work-views { flex-wrap: nowrap; gap: 1px; overflow-x: auto; }
  .project-work-views > span { display: none; }
  .project-work-views a { flex: 0 0 auto; padding: 6px 7px; }
  .home-project-row { grid-template-columns: minmax(0, 1fr) 56px; }
  .home-project-row > .status-tag { grid-column: 1 / -1; justify-self: start; }
  .project-next-action-card .page-actions { align-items: stretch; display: flex; flex-wrap: wrap; }
  .project-milestone-compact { align-items: start; flex-direction: column; }
  .project-release-handoff { align-items: flex-start; flex-direction: column; }
  .task-primary-fields { gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .task-primary-field .assignee-visual { align-items: flex-start; }
  .task-execution-section .task-execution-actions > div { align-items: flex-start; flex-direction: column; }
  .task-objective-context, .task-objective-link { align-items: flex-start; flex-wrap: wrap; }
}

@media (max-width: 620px) {
  .task-master-table { border: 0; border-radius: 0; overflow: visible; }
  .task-master-table .data-table.task-list-data-table { display: block; min-width: 0; width: 100%; }
  .task-list-data-table thead { display: none; }
  .task-list-data-table tbody { display: grid; gap: 7px; }
  .task-list-data-table tr[data-task-row] {
    align-items: start;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: 3px;
    display: grid;
    gap: 2px 5px;
    grid-template-areas: "select title title" "select key status" "select priority due";
    grid-template-columns: 27px minmax(0, 1fr) auto;
    padding: 7px 5px;
  }
  .task-list-data-table tr[data-task-row].is-selected { background: var(--selected-surface); }
  .task-list-data-table td { border: 0; display: block; font-size: 12px; min-width: 0; padding: 2px 4px; }
  .task-list-data-table td.bulk-select-cell { grid-area: select; grid-column: 1; grid-row: 1 / span 3; padding-top: 5px; }
  .task-list-data-table td[data-column="title"] { grid-area: title; grid-column: 2 / 4; grid-row: 1; padding-bottom: 4px; }
  .task-list-data-table td[data-column="key"] { grid-area: key; grid-column: 2; grid-row: 2; }
  .task-list-data-table td[data-column="status"] { grid-area: status; grid-column: 3; grid-row: 2; justify-self: end; }
  .task-list-data-table td[data-column="priority"] { grid-area: priority; grid-column: 2; grid-row: 3; }
  .task-list-data-table td[data-column="dueDate"] { grid-area: due; grid-column: 3; grid-row: 3; justify-self: end; }
  .task-list-data-table td[data-column="project"], .task-list-data-table td[data-column="type"],
  .task-list-data-table td[data-column="assignee"], .task-list-data-table td[data-column="reviewer"],
  .task-list-data-table td[data-column="startDate"], .task-list-data-table td[data-column="labels"] { display: none; }
  .task-list-data-table td[data-column="key"]::before, .task-list-data-table td[data-column="status"]::before,
  .task-list-data-table td[data-column="priority"]::before, .task-list-data-table td[data-column="dueDate"]::before {
    color: var(--muted);
    content: attr(data-label);
    display: inline-block;
    font-size: 9px;
    margin-right: 4px;
  }
  .task-master-table .task-title-line.is-task-list-line { align-items: flex-start; flex-wrap: wrap; white-space: normal; }
  .task-master-table .is-task-list-line > .task-title-button { flex: 1 1 160px; line-height: 1.4; overflow: visible; overflow-wrap: anywhere; text-overflow: clip; white-space: normal; }
  .task-list-data-table .status-control-mark { gap: 2px; }
  .task-list-data-table .inline-control { max-width: 108px; min-width: 0; }
}

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

/* Iteration 2: reduce empty-state chrome and keep compact controls usable. */
.operations-project-card, .triage-list-panel, .triage-editor { border-radius: 3px; padding: 12px; }
.operations-project-list { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); width: 100%; }
.operations-project-head { padding-bottom: 9px; }
.operations-project-head h2 { font-size: 16px; }
.operations-metrics { align-items: baseline; display: flex; flex-wrap: wrap; gap: 5px 18px; padding: 8px 0; }
.operations-metrics > span { align-items: baseline; background: transparent; display: inline-flex; gap: 5px; padding: 0; }
.operations-metrics strong { font-size: 13px; margin: 0; }
.operations-environment { padding: 8px 0; }
.operations-lists { gap: 10px 18px; margin-top: 10px; }
.operations-lists > section:has(> h3:only-child) { display: none; }
.operations-activity:has(> summary:only-child) { display: none; }
.operations-activity[data-empty="true"] { display: none; }
.resolved-review-list.is-empty { display: none; }
.task-comments-empty { border-top: 1px solid var(--line); margin-top: 9px; padding-top: 7px; }
.task-comments-empty > summary { color: var(--muted); cursor: pointer; font-size: 11px; padding: 3px 0; }
.operations-resolution-actions, .operations-analytics-summary { background: transparent; border-radius: 3px; padding: 9px 0; }
.operations-analytics-grid span { border-radius: 3px; }
.lifecycle-work-distribution span { border-radius: 3px; }
.release-empty-row { border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; padding: 9px 0; }
.detail-panel, .form-dialog { border-radius: var(--radius-overlay) !important; }
.task-detail-progressive .checklist-actions { opacity: 1; }
.operation-item { min-height: 30px; padding-block: 6px; }
.review-workspace.is-empty .resolved-review-list { margin-top: 8px; }
.review-workspace.is-empty .master-pane-head h2 { font-size: 13px; }
@media (max-width: 620px) {
  .task-detail-progressive .checklist-actions { opacity: 1; }
  .operations-project-head { align-items: flex-start; }
  .operations-environment { align-items: flex-start; }
  .operations-environment label { align-items: flex-start; }
}

/* On phones, task detail belongs to the document flow instead of a nested pane. */
@media (max-width: 860px) {
  .task-workspace.has-selection { height: auto !important; min-height: 0; }
  .task-workspace.has-selection .detail-pane-inline {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  .task-workspace.has-selection .inline-detail-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 16px;
  }
}