@font-face {
  font-family: "Material Symbols Outlined";
  src: url("/static/fonts/material-symbols-outlined-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: block;
}

:root {
  color-scheme: dark;
  --bg: #08090a;
  --bg-2: #0f1011;
  --surface: rgba(255, 255, 255, 0.045);
  --surface-strong: rgba(255, 255, 255, 0.075);
  --border: rgba(255, 255, 255, 0.09);
  --border-soft: rgba(255, 255, 255, 0.055);
  --text: #f7f8f8;
  --text-soft: #d0d6e0;
  --muted: #8a8f98;
  --muted-2: #62666d;
  --accent: #7170ff;
  --accent-bg: #5e6ad2;
  --accent-hover: #858bff;
  --danger: #fb7185;
  --success: #10b981;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-feature-settings: "cv01", "ss03";
  background: var(--bg);
  color: var(--text);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 0%, rgba(113, 112, 255, 0.28), transparent 32rem),
    radial-gradient(circle at 88% 12%, rgba(94, 106, 210, 0.18), transparent 28rem),
    linear-gradient(180deg, #0d0e12 0%, #08090a 48%, #050607 100%);
  color: var(--text);
}

button, input, textarea { font: inherit; }
button, .button { cursor: pointer; }
code { font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .88em; color: #c7d2fe; }

.app-shell { width: min(1520px, calc(100% - 40px)); margin: 0 auto; padding: 24px 0 48px; }
.dashboard-shell { width: min(1220px, calc(100% - 40px)); }

.top-nav,
.review-header,
.upload-panel,
.feature-strip,
.document-list,
.pdf-pane,
.comment-section {
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
  border: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 80px rgba(0,0,0,.32);
  backdrop-filter: blur(22px);
}

.top-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 24px;
  padding: 14px 16px;
  margin-bottom: 32px;
}
.brand { display: inline-flex; align-items: center; gap: 11px; color: var(--text); text-decoration: none; font-weight: 650; letter-spacing: 0; }
.brand-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(135deg, var(--accent-bg), #9b8cff); color: white; font-family: "JetBrains Mono", monospace; font-size: 12px; font-weight: 700; }
.nav-meta { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.status-pill { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); border-radius: 999px; padding: 7px 10px; color: var(--text-soft); background: rgba(255,255,255,.035); font-size: 13px; font-weight: 520; }
.muted-pill { color: var(--muted); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--success); box-shadow: 0 0 18px rgba(16,185,129,.8); }

.hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 470px); gap: 24px; align-items: stretch; margin-bottom: 24px; }
.hero-copy { min-height: 520px; display: flex; flex-direction: column; justify-content: center; padding: clamp(16px, 5vw, 48px) 0; }
.eyebrow,
.panel-kicker { margin: 0 0 12px; color: #a5b4fc; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; font-weight: 700; }
h1 { margin: 0; color: var(--text); font-size: clamp(3rem, 7vw, 6.3rem); line-height: .92; letter-spacing: 0; font-weight: 620; }
h2 { margin: 0; color: var(--text); letter-spacing: 0; font-size: clamp(1.55rem, 3vw, 2.25rem); line-height: 1.06; }
.lead { max-width: 760px; color: var(--text-soft); font-size: clamp(1.05rem, 2vw, 1.22rem); line-height: 1.7; margin: 22px 0 0; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.micro-copy { color: var(--muted); font-size: 14px; }

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 11px 15px;
  color: var(--text);
  background: rgba(255,255,255,.035);
  text-decoration: none;
  font-weight: 620;
  line-height: 1;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.button:hover { transform: translateY(-1px); border-color: rgba(255,255,255,.18); }
.button-primary { background: linear-gradient(180deg, var(--accent-hover), var(--accent-bg)); border-color: rgba(255,255,255,.18); box-shadow: 0 12px 32px rgba(94,106,210,.32); }
.button-ghost { background: rgba(255,255,255,.035); color: var(--text-soft); }
.button.danger { color: #fecdd3; }

.upload-panel { border-radius: 28px; padding: 22px; align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; }
.upload-head p { margin: 12px 0 0; color: var(--muted); line-height: 1.55; }
.drop-zone {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 270px;
  text-align: center;
  border: 1px dashed rgba(165,180,252,.44);
  border-radius: 24px;
  padding: 28px;
  background:
    radial-gradient(circle at 50% 20%, rgba(113,112,255,.24), transparent 17rem),
    rgba(255,255,255,.032);
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}
.drop-zone:hover,
.drop-zone.drag-active { border-color: #a5b4fc; background: rgba(113,112,255,.13); transform: translateY(-1px); }
.drop-zone input,
.mini-upload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.drop-icon { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 20px; background: rgba(113,112,255,.16); color: #c4b5fd; font-size: 31px; margin-bottom: 16px; }
.drop-title { display: block; color: var(--text); font-size: 19px; font-weight: 660; letter-spacing: 0; }
.drop-subtitle { display: block; color: var(--muted); margin-top: 8px; line-height: 1.5; }
.upload-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.selected-file { min-width: 0; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.feature-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; border-radius: 24px; padding: 0; overflow: hidden; margin-bottom: 24px; }
.feature-strip article { padding: 22px; background: rgba(255,255,255,.025); }
.feature-strip strong { display: block; margin: 8px 0; font-size: 17px; letter-spacing: 0; }
.feature-strip p { margin: 0; color: var(--muted); line-height: 1.55; }
.feature-number { font-family: "JetBrains Mono", monospace; color: #a5b4fc; font-size: 12px; }

.section-heading { margin-bottom: 18px; }
.document-list { border-radius: 24px; padding: 24px; }
.document-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }
.document-tile { display: grid; gap: 8px; min-height: 150px; color: var(--text); text-decoration: none; padding: 16px; border-radius: 18px; background: rgba(255,255,255,.035); border: 1px solid var(--border-soft); transition: transform .16s ease, border-color .16s ease; }
.document-tile:hover { transform: translateY(-2px); border-color: rgba(165,180,252,.45); }
.document-tile span:not(.document-icon) { color: var(--muted); }
.document-icon { width: 46px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: rgba(113,112,255,.16); color: #c4b5fd; font-family: "JetBrains Mono", monospace; font-size: 12px; }

.review-shell { width: min(1600px, calc(100% - 32px)); }
.review-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 16px 18px; border-radius: 24px; margin-bottom: 16px; }
.review-title-block h1 { font-size: clamp(1.5rem, 3vw, 2.8rem); line-height: 1.08; letter-spacing: 0; }
.document-kind { margin: 6px 0 0; color: var(--muted); font-weight: 700; }
.back-link { color: #a5b4fc; font-weight: 650; text-decoration: none; display: inline-block; margin-bottom: 12px; }
.review-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: flex-end; }
.mini-upload { position: relative; }
.page-controls { display: flex; gap: 10px; align-items: center; white-space: nowrap; }
.page-controls span { color: var(--text-soft); font-weight: 600; }
.page-jump-label { display: inline-flex; align-items: center; gap: 7px; color: var(--text-soft); font-weight: 650; }
.page-jump-label input { width: 76px; border: 1px solid var(--border); border-radius: 10px; padding: 9px 10px; color: var(--text); background: rgba(255,255,255,.035); font-weight: 650; }
.page-jump-label input:focus { outline: none; border-color: rgba(165,180,252,.62); box-shadow: 0 0 0 4px rgba(113,112,255,.14); }
.workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, 440px); gap: 16px; align-items: start; }
.pdf-pane, .comment-section, .processing-panel, .admin-review-table, .review-card-board {
  border-radius: 24px;
  padding: 16px;
}

/* Account-isolated Codex device login inside the AI settings workbench. */
.ai-codex-device-login {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px 24px;
  align-items: start;
  padding: 18px 20px;
  border-block: 1px solid var(--line, #cbd5df);
  background: #f7faf9;
}

.ai-codex-device-login[hidden],
.ai-codex-device-code[hidden],
.ai-settings-form [hidden],
.ai-settings-save-dock[hidden] {
  display: none;
}

.ai-codex-login-copy strong,
.ai-codex-login-status strong {
  color: #12212f;
  font-size: 1rem;
}

.ai-codex-login-copy p {
  max-width: 62ch;
  margin: 4px 0 0;
  color: #34485a;
  line-height: 1.45;
}

.ai-codex-login-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.ai-codex-login-status {
  display: flex;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.ai-codex-login-status > span:last-child {
  display: grid;
  gap: 2px;
}

.ai-codex-login-status small {
  color: #465c6e;
}

.ai-codex-device-code {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(90px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #cbd5df;
}

.ai-codex-device-code [data-codex-verification-link="true"] {
  grid-column: 1 / 3;
  justify-self: start;
}

.ai-codex-device-code [data-codex-login-cancel="true"] {
  grid-column: 3;
}

.ai-codex-device-code > span:first-child {
  color: #465c6e;
  font-size: 0.82rem;
  font-weight: 700;
}

.ai-codex-device-code > strong {
  color: #0b1723;
  font-family: "JetBrains Mono", monospace;
  font-size: 1.16rem;
  letter-spacing: 0;
}

.ai-codex-device-code [data-codex-copy-code="true"] {
  justify-self: end;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .ai-codex-device-login,
  .ai-codex-device-code {
    grid-template-columns: 1fr;
  }

  .ai-codex-login-actions {
    justify-content: flex-start;
  }
}

.toolbar { display: flex; flex-wrap: wrap; gap: 9px; align-items: center; margin-bottom: 14px; }
.tool-button,
.zoom-chip {
  border: 1px solid var(--border);
  border-radius: 11px;
  padding: 10px 12px;
  background: rgba(255,255,255,.035);
  color: var(--text-soft);
  font-weight: 620;
}
.tool-button.active { background: rgba(113,112,255,.22); color: var(--text); border-color: rgba(165,180,252,.55); }
.tool-button.danger { color: #fecdd3; }
.zoom-chip { min-width: 70px; text-align: center; font-family: "JetBrains Mono", monospace; }
.ink-controls {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 5px 8px;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: rgba(255,255,255,.032);
}
.ink-color-control,
.ink-width-control {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
}
.ink-color-control input {
  width: 34px;
  height: 28px;
  padding: 0;
  border-radius: 8px;
  overflow: hidden;
}
.ink-swatches {
  display: inline-flex;
  gap: 5px;
}
.ink-swatch {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255,255,255,.32);
  border-radius: 999px;
  background: var(--swatch-color);
  box-shadow: inset 0 0 0 2px rgba(0,0,0,.12);
}
.ink-swatch.active {
  border-color: var(--text);
  box-shadow: 0 0 0 3px rgba(113,112,255,.18), inset 0 0 0 2px rgba(0,0,0,.12);
}
.ink-width-control input {
  width: 86px;
  accent-color: var(--accent);
}
.page-stage-shell { position: relative; }
.page-stage { --zoom: 1; position: relative; overflow: auto; height: min(76vh, calc(100vh - 280px)); min-height: 520px; border-radius: 18px; background: #030405; border: 1px solid rgba(255,255,255,.06); display: grid; place-items: start center; padding: 24px; touch-action: pan-x pan-y; }
.stage-nav-button {
  position: absolute;
  top: 50%;
  z-index: 12;
  width: 46px;
  height: 72px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(9,12,22,.74);
  color: #f8fafc;
  font-size: 38px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(10px);
  box-shadow: 0 16px 42px rgba(0,0,0,.36);
}
.stage-nav-button-left { left: 14px; }
.stage-nav-button-right { right: 14px; }
.stage-nav-button:hover { background: rgba(113,112,255,.72); border-color: rgba(199,210,254,.70); }
.stage-nav-button:disabled { opacity: .24; cursor: default; pointer-events: none; }
#page-image { display: block; width: min(100%, 960px); max-width: none; height: auto; box-shadow: 0 22px 55px rgba(0,0,0,.55); background: white; border-radius: 2px; }
#ink-layer { position: absolute; z-index: 4; touch-action: none; }
#ink-layer.disabled { pointer-events: none; opacity: .65; }
.hint, .muted { color: var(--muted); line-height: 1.55; }
.comment-section { position: sticky; top: 16px; }
.comment-section h2 { margin-top: 0; }
.comment-section h3 { margin: 0; color: var(--text); font-size: 1.08rem; letter-spacing: 0; }
.comment-section label { display: block; color: var(--text-soft); font-weight: 650; margin: 16px 0 8px; }
textarea,
select,
input[type="text"],
input[type="number"] {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 12px 14px;
  background: rgba(255,255,255,.035);
  color: var(--text);
  outline: none;
}
textarea { resize: vertical; min-height: 295px; }
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="number"]:focus { border-color: rgba(165,180,252,.62); box-shadow: 0 0 0 4px rgba(113,112,255,.14); }
.comment-actions { display: flex; align-items: center; gap: 12px; margin-top: 12px; flex-wrap: wrap; }
#save-state { color: #86efac; font-weight: 650; }

@media (max-width: 1020px) {
  .hero-grid, .workspace, .feature-strip { grid-template-columns: 1fr; }
  .hero-copy { min-height: auto; }
  .comment-section { position: static; }
  .review-header { align-items: flex-start; flex-direction: column; }
  .review-actions { justify-content: flex-start; }
}

@media (max-width: 640px) {
  .app-shell { width: min(100% - 24px, 1520px); }
  h1 { font-size: clamp(2.4rem, 16vw, 4rem); }
  .top-nav, .upload-footer { align-items: flex-start; flex-direction: column; }
  .drop-zone { min-height: 220px; }
}

.upload-progress[hidden],
.page-loading[hidden],
.passage-comment-panel[hidden] { display: none !important; }

.upload-progress {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(165,180,252,.32);
  border-radius: 18px;
  padding: 14px;
  background: rgba(113,112,255,.10);
  color: var(--text-soft);
}
.upload-progress strong { color: var(--text); }
.upload-progress p { margin: 0; color: var(--muted); line-height: 1.45; }
.processing-panel,
.admin-review-table {
  background: linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.026));
  border: 1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 24px 80px rgba(0,0,0,.32);
}
.processing-panel {
  display: grid;
  gap: 14px;
  min-height: 340px;
  align-content: center;
}
.processing-panel h2 { margin: 0; }
.processing-count { margin: 0; color: var(--text-soft); font-family: "JetBrains Mono", monospace; }
.processing-error {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(251,113,133,.38);
  border-radius: 14px;
  background: rgba(251,113,133,.09);
  color: #fecdd3;
}
.progress-track {
  position: relative;
  overflow: hidden;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}
.progress-track span {
  position: absolute;
  inset: 0 auto 0 0;
  width: 42%;
  border-radius: inherit;
  background: linear-gradient(90deg, #a5b4fc, #7c8cff, #c4b5fd);
  animation: upload-indeterminate 1.15s ease-in-out infinite;
}
.progress-track-static span { animation: none; transform: none; transition: width .2s ease; }
.is-uploading .drop-zone { opacity: .72; }
.is-uploading button { opacity: .78; }

@keyframes upload-indeterminate {
  0% { transform: translateX(-105%); }
  55%, 100% { transform: translateX(245%); }
}

.page-loading {
  position: absolute;
  z-index: 8;
  inset: 24px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  border-radius: 16px;
  background: rgba(3,4,5,.82);
  backdrop-filter: blur(10px);
  color: var(--text-soft);
  text-align: center;
}
.page-loading strong { color: var(--text); }
.page-loading p { margin: 0; color: var(--muted); }
.page-skeleton {
  display: grid;
  gap: 10px;
  width: min(420px, 80%);
  padding: 24px;
  border-radius: 12px;
  background: #f7f4ec;
  box-shadow: 0 20px 55px rgba(0,0,0,.45);
}
.page-skeleton span {
  display: block;
  height: 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ded8ca, #f4efe5, #ded8ca);
  background-size: 220% 100%;
  animation: skeleton-sheen 1.2s linear infinite;
}
.page-skeleton span:nth-child(1) { width: 70%; height: 20px; }
.page-skeleton span:nth-child(2) { width: 92%; }
.page-skeleton span:nth-child(3) { width: 86%; }
.page-skeleton span:nth-child(4) { width: 58%; }

@keyframes skeleton-sheen {
  from { background-position: 220% 0; }
  to { background-position: -220% 0; }
}

.text-layer,
.passage-comments-layer {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  user-select: none;
}
.text-layer.selectable {
  pointer-events: auto;
  user-select: text;
  cursor: text;
}
.text-word {
  position: absolute;
  display: block;
  overflow: visible;
  color: transparent;
  line-height: 1;
  white-space: pre;
  user-select: text;
}
.text-word::selection { background: rgba(252, 211, 77, .48); color: transparent; }
.passage-comments-layer { z-index: 5; }
.passage-highlight {
  position: absolute;
  display: block;
  border: 0;
  padding: 0;
  border-radius: 2px;
  background: linear-gradient(180deg, transparent 0 12%, rgba(250, 204, 21, .34) 12% 88%, transparent 88% 100%);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
  mix-blend-mode: multiply;
}
.passage-highlight:hover { background: linear-gradient(180deg, transparent 0 10%, rgba(250, 204, 21, .46) 10% 90%, transparent 90% 100%); }
.passage-highlight-source-tool,
.passage-highlight-source-vale {
  background: linear-gradient(180deg, transparent 0 12%, rgba(56, 189, 248, .32) 12% 88%, transparent 88% 100%);
}
.passage-highlight-source-tool:hover,
.passage-highlight-source-vale:hover {
  background: linear-gradient(180deg, transparent 0 10%, rgba(56, 189, 248, .44) 10% 90%, transparent 90% 100%);
}
.passage-highlight-draft {
  background: linear-gradient(180deg, transparent 0 12%, rgba(16, 185, 129, .34) 12% 88%, transparent 88% 100%);
}
.passage-highlight-draft:hover { background: linear-gradient(180deg, transparent 0 10%, rgba(16, 185, 129, .44) 10% 90%, transparent 90% 100%); }
.passage-margin-marker {
  position: absolute;
  z-index: 5;
  transform: translate(-115%, -35%);
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 7px;
  border-radius: 999px;
  border: 1px solid rgba(250,204,21,.65);
  background: #111827;
  color: #fde68a;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0 6px 18px rgba(0,0,0,.32);
}
.passage-margin-marker-draft {
  color: #bbf7d0;
  border-color: rgba(52,211,153,.72);
}
.passage-margin-marker-tool,
.passage-margin-marker-vale {
  color: #bae6fd;
  border-color: rgba(56,189,248,.72);
}
#ink-layer { z-index: 4; }

.page-stage[data-mode="select"] #ink-layer { pointer-events: none; }
.page-stage[data-mode="draw"] .text-layer,
.page-stage[data-mode="eraser"] .text-layer { pointer-events: none; }
.page-stage[data-mode="type"] {
  cursor: crosshair;
}

.page-stage[data-mode="type"] .text-layer {
  pointer-events: none;
}

.passage-margin-marker-pin {
  width: 28px;
  min-width: 28px;
  height: 28px;
  padding: 0;
  transform: translate(-50%, -50%);
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: #007b73;
  color: #ffffff;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .28);
}

.passage-margin-marker-pin.passage-margin-marker-draft {
  border-color: #ffffff;
  background: #0b1c30;
  color: #ffffff;
}

.passage-margin-marker-pin > .material-symbols-outlined {
  font-size: 17px;
  line-height: 1;
}

.passage-comment-panel {
  display: grid;
  gap: 10px;
  margin: 18px 0;
  padding: 14px;
  border: 1px solid rgba(250,204,21,.36);
  border-radius: 18px;
  background: rgba(250,204,21,.08);
}
.passage-comment-panel blockquote,
.passage-comment-item blockquote {
  margin: 0;
  color: var(--text);
  line-height: 1.45;
}
#passage-comment-text,
#document-comment-text,
#page-note { min-height: 118px; }

.document-comment-panel,
.passage-comment-list {
  margin: 18px 0;
  padding: 14px;
  border: 1px solid var(--border-soft);
  border-radius: 18px;
  background: rgba(255,255,255,.026);
}
.document-comment-panel {
  display: grid;
  gap: 10px;
  border-color: rgba(165,180,252,.22);
  background: rgba(113,112,255,.055);
}
.document-comment-panel .muted { margin: 0; }
.document-comment-list-heading { margin-top: 4px; }
.list-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.list-heading span {
  display: grid;
  place-items: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(250,204,21,.14);
  color: #fde68a;
  font-family: "JetBrains Mono", monospace;
}
.passage-comments-list { display: grid; gap: 10px; }
.passage-comment-item {
  position: relative;
  display: grid;
  gap: 6px;
  padding: 12px 12px 12px 42px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: rgba(255,255,255,.032);
}
.passage-comment-number {
  position: absolute;
  left: 12px;
  top: 12px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  background: #111827;
  color: #fde68a;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  border: 1px solid rgba(250,204,21,.55);
}
.passage-comment-item p { margin: 0; color: var(--muted); line-height: 1.45; }
.passage-comment-item small {
  color: #fde68a;
  font-size: 12px;
  font-family: "JetBrains Mono", monospace;
}
.document-comment-item small { color: #c7d2fe; }
.document-comment-number {
  color: #c7d2fe;
  border-color: rgba(165,180,252,.55);
  background: rgba(17,24,39,.92);
}
#document-comment-save-state { color: #86efac; font-weight: 650; }

.review-workbench {
  display: grid;
  gap: 12px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 20px;
  background: rgba(255,255,255,.035);
}
.review-filter-bar {
  display: grid;
  grid-template-columns: minmax(210px, 1.3fr) minmax(150px, .7fr) minmax(180px, .85fr) 110px auto;
  gap: 10px;
  align-items: end;
}
.review-filter-bar label,
.bulk-status-form label {
  display: grid;
  gap: 7px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .10em;
}
.review-filter-bar .checkbox-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  text-transform: none;
  letter-spacing: 0;
}
.checkbox-filter input {
  width: 16px;
  height: 16px;
  accent-color: var(--accent-bg);
}
.review-filter-bar select,
.review-filter-bar input,
.bulk-status-form select {
  min-height: 42px;
  border-radius: 12px;
}
.status-count-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 8px;
}
.status-count-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: rgba(255,255,255,.03);
}
.status-count-card span {
  color: var(--muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
}
.status-count-card strong {
  color: var(--text);
  font-size: 20px;
}
.ai-guard-note {
  margin: 8px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}
.bulk-status-form {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 2px;
}
.bulk-status-form label { min-width: 190px; }
.review-card-board {
  display: grid;
  gap: 14px;
}
.review-card-list {
  display: grid;
  gap: 14px;
}
.review-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,.034);
}
.review-card-new { border-color: rgba(251,191,36,.34); }
.review-card-approved { border-color: rgba(52,211,153,.34); }
.review-card-rejected { border-color: rgba(251,113,133,.32); }
.review-card-resolved { border-color: rgba(96,165,250,.32); }
.review-card-marker {
  display: grid;
  place-items: start center;
  padding-top: 18px;
  border-right: 1px solid var(--border-soft);
  background: rgba(255,255,255,.035);
  color: var(--text);
  font-family: "JetBrains Mono", monospace;
  font-size: 20px;
  font-weight: 800;
}
.review-card-new .review-card-marker { color: #facc15; }
.review-card-approved .review-card-marker { color: #86efac; }
.review-card-rejected .review-card-marker { color: #fda4af; }
.review-card-resolved .review-card-marker { color: #93c5fd; }
.review-card-main {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 15px 16px 16px;
}
.review-card-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-soft);
}
.review-card-title-block {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.review-card-title-block h2 {
  margin: 0;
  color: var(--text);
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}
.review-card-title-block p,
.review-card-context {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
}
.review-card-title-block p span {
  color: var(--muted);
  font-size: 13px;
}
.review-card-queue,
.feedback-block-label {
  color: var(--muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.review-card-state {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.review-card-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--text-soft);
  font-size: 13px;
  font-weight: 700;
}
.review-card-checkbox input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent-bg);
}
.review-card-body {
  display: grid;
  grid-template-columns: minmax(230px, .75fr) minmax(250px, .9fr) minmax(330px, 1.25fr);
  gap: 16px;
  align-items: start;
}
.feedback-block {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding-left: 12px;
  border-left: 3px solid var(--border);
}
.feedback-block blockquote {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.feedback-block-comment {
  border-left-color: rgba(165,180,252,.48);
}
.review-card .comment-text {
  min-width: 0;
  max-width: none;
  overflow-wrap: anywhere;
}
.review-card .reviewer-name {
  display: block;
  margin-top: 6px;
}
.review-card-form {
  min-width: 0;
}
.review-card-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(150px, 1fr));
  gap: 10px;
}
.review-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--border-soft);
}
.review-status-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.review-status-actions .button,
.review-ai-action .button {
  min-height: 38px;
}
.admin-review-table { overflow-x: auto; }
.admin-review-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 1180px;
}
.admin-review-table th,
.admin-review-table td {
  border-bottom: 1px solid var(--border-soft);
  padding: 12px;
  text-align: left;
  vertical-align: top;
}
.admin-review-table th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .12em;
}
.admin-review-table tbody tr:hover {
  background: rgba(255,255,255,.026);
}
.admin-review-table td span {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}
.select-column { width: 72px; }
.select-column input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent-bg);
}
.context-link {
  display: inline-block;
  margin: 8px 10px 0 0;
  color: #a5b4fc;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}
.context-link:hover { color: #dbeafe; }
.passage-cell {
  max-width: 260px;
  color: var(--text-soft);
  line-height: 1.45;
}
.comment-text {
  min-width: 220px;
  max-width: 360px;
  margin: 0;
  color: var(--text);
  line-height: 1.45;
}
.reviewer-name {
  color: #bfdbfe !important;
  font-family: "JetBrains Mono", monospace;
}
.status-badge {
  display: inline-flex !important;
  align-items: center;
  width: fit-content;
  min-width: 84px;
  justify-content: center;
  margin: 0 !important;
  padding: 6px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px !important;
}
.status-new { color: #fef3c7 !important; border-color: rgba(251,191,36,.38); background: rgba(251,191,36,.08); }
.status-approved { color: #bbf7d0 !important; border-color: rgba(52,211,153,.38); background: rgba(52,211,153,.08); }
.status-rejected { color: #fecdd3 !important; border-color: rgba(251,113,133,.38); background: rgba(251,113,133,.08); }
.status-resolved { color: #1d4ed8 !important; border-color: #93c5fd; background: #eff6ff; }
.status-form {
  display: grid;
  gap: 8px;
  min-width: 170px;
}
.author-review-form {
  display: grid;
  gap: 8px;
  min-width: 260px;
}

.author-review-form label {
  display: grid;
  gap: 5px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
}

.author-review-form textarea {
  min-height: 76px;
  border-radius: 10px;
  padding: 9px 10px;
}

.author-review-form select {
  border-radius: 10px;
  padding: 9px 10px;
}
.empty-state {
  min-height: 260px;
  display: grid;
  align-content: center;
  gap: 10px;
}

@media (max-width: 1020px) {
  .review-filter-bar,
  .status-count-strip {
    grid-template-columns: 1fr 1fr;
  }
  .review-card-body {
    grid-template-columns: 1fr 1fr;
  }
  .review-card-form {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .review-filter-bar,
  .status-count-strip {
    grid-template-columns: 1fr;
  }
  .bulk-status-form {
    display: grid;
    justify-content: stretch;
  }
  .review-card {
    grid-template-columns: 1fr;
  }
  .review-card-marker {
    place-items: center;
    min-height: 42px;
    padding-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--border-soft);
  }
  .review-card-header,
  .review-card-footer {
    display: grid;
  }
  .review-card-state {
    justify-content: flex-start;
  }
  .review-card-body,
  .review-card-form-row {
    grid-template-columns: 1fr;
  }
}

/* Product workspace overrides for the account-based dashboard. */
:root {
  --accent: #4f7a8f;
  --accent-bg: #315e70;
  --accent-hover: #5f8fa3;
  --paper: #f4f0e8;
}

body {
  background: linear-gradient(180deg, #0b0d0f 0%, #070809 100%);
}

.button-primary,
.brand-mark {
  background: #315e70;
  box-shadow: none;
}

.drop-zone {
  background: rgba(255,255,255,.032);
}

.dashboard-workspace h1,
.narrow-shell h1 {
  font-size: 1.55rem;
  line-height: 1.18;
  letter-spacing: 0;
}

.dashboard-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.dashboard-sidebar,
.dashboard-main,
.anonymous-dashboard,
.auth-panel,
.candidate-layout,
.diff-pane {
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.026));
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 18px 52px rgba(0,0,0,.28);
}

.dashboard-sidebar {
  position: sticky;
  top: 16px;
  display: grid;
  gap: 8px;
  padding: 12px;
}

.account-block {
  display: grid;
  gap: 4px;
  padding: 10px 10px 14px;
  border-bottom: 1px solid var(--border-soft);
  margin-bottom: 4px;
}

.account-block span:last-child {
  color: var(--muted);
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sidebar-link {
  display: block;
  color: var(--text-soft);
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 10px 11px;
  font-weight: 650;
}

.sidebar-link:hover,
.sidebar-link.active {
  color: var(--text);
  border-color: var(--border);
  background: rgba(255,255,255,.045);
}

.dashboard-main,
.anonymous-dashboard,
.auth-panel,
.candidate-layout {
  padding: 18px;
}

.anonymous-dashboard {
  display: grid;
  gap: 18px;
}

.dashboard-main {
  display: grid;
  gap: 18px;
}

.dashboard-main .document-list,
.anonymous-dashboard .document-list {
  border-radius: 14px;
  padding: 16px;
  background: rgba(255,255,255,.028);
  border: 1px solid var(--border-soft);
}

.dashboard-main .document-list h2,
.anonymous-dashboard .document-list h2 {
  font-size: 1.35rem;
  letter-spacing: 0;
  margin-bottom: 12px;
}

.public-library-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1.4fr) repeat(4, minmax(150px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  margin: 0 0 16px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  background: rgba(255,255,255,.035);
}

.public-library-filter label {
  display: grid;
  gap: 6px;
  color: var(--text-soft);
  font-size: .82rem;
}

.public-library-filter input,
.public-library-filter select {
  width: 100%;
}

.public-library-filter-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.public-library-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -4px 0 16px;
  color: var(--text-soft);
}

.public-library-summary strong {
  color: var(--text);
  white-space: nowrap;
}

.public-library-active-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.public-library-active-filters span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 9px;
  border: 1px solid var(--border-soft);
  background: rgba(255,255,255,.035);
  color: var(--text-soft);
  font-size: .82rem;
}

.public-library-workbench[data-stitch-public-library="result-table"] {
  display: grid;
  gap: 16px;
  margin: 0 0 28px;
  padding: 20px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-text);
  box-shadow: none;
}

.public-library-head {
  margin: 0;
  align-items: center;
}

.public-library-count[data-stitch-public-result-count="true"] {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 6px;
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 13px;
  font-weight: 750;
}

.public-library-layout[data-stitch-public-library-layout="filters-results"] {
  display: grid;
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: #f7fafc;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter {
  grid-template-columns: 1fr;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter label {
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 720;
  letter-spacing: 0;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter input,
.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter select {
  min-height: 38px;
  border: 1px solid var(--stitch-outline);
  border-radius: 6px;
  background: var(--stitch-surface);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter-actions {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: stretch;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter-actions .button,
.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter-actions .context-link {
  justify-content: center;
  text-align: center;
}

.public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-summary {
  display: grid;
  gap: 8px;
  margin: 0;
}

.public-library-results {
  min-width: 0;
}

.public-document-table[data-stitch-public-result-table="true"] {
  display: grid;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  overflow: hidden;
  background: var(--stitch-surface);
}

.public-document-head,
.public-document-row[data-stitch-public-result-row="true"] {
  display: grid;
  grid-template-columns: minmax(220px, 1.3fr) minmax(112px, .48fr) minmax(122px, .5fr) 72px 118px;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 0 16px;
  border-bottom: 1px solid var(--stitch-outline);
}

.public-document-head {
  min-height: 44px;
  background: #f7fafc;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0;
}

.public-document-row[data-stitch-public-result-row="true"]:last-child {
  border-bottom: 0;
}

.public-document-title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

.public-document-title strong {
  display: block;
  overflow: hidden;
  color: var(--stitch-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.public-document-title small {
  display: block;
  margin-top: 2px;
  color: var(--stitch-muted);
  font-size: 12px;
}

.public-document-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
}

.public-library-empty {
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
}

.empty-note {
  margin: 0;
  color: var(--muted);
}

.upload-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.upload-options label,
.stack-form label {
  display: grid;
  gap: 7px;
  color: var(--text-soft);
  font-size: 13px;
  font-weight: 650;
}

input[type="email"],
input[type="password"],
input[type="file"],
.stack-form input {
  width: 100%;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 11px;
  background: rgba(255,255,255,.035);
  color: var(--text);
}

input[type="file"] {
  color: var(--muted);
}

.link-button {
  appearance: none;
}

.stack-form {
  display: grid;
  gap: 12px;
  max-width: 620px;
  margin: 16px 0 26px;
}

.rule-form {
  max-width: 860px;
}

.inline-rule-form {
  display: grid;
  gap: 8px;
}

.inline-rule-form label {
  display: grid;
  gap: 5px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
}

.inline-rule-form textarea {
  min-height: 118px;
}

.rule-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 12px;
}

.rule-editor {
  display: grid;
  gap: 12px;
  align-content: start;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255,255,255,.028);
}

.rule-editor.inactive {
  opacity: .78;
}

.rule-editor-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 12px;
}

.rule-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rule-actions form {
  margin: 0;
}

.author-tools {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.course-management {
  display: grid;
  gap: 14px;
}

.course-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .7fr) auto;
  gap: 10px;
  align-items: end;
}

.course-form label {
  display: grid;
  gap: 6px;
  color: var(--text-soft);
  font-size: 13px;
  font-weight: 650;
}

.course-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.course-list li {
  display: grid;
  gap: 8px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  padding: 10px 12px;
  background: rgba(255,255,255,.028);
}

.course-list li.inactive {
  opacity: .72;
}

.course-list span {
  color: var(--muted);
  font-size: 13px;
}

.course-static-row,
.course-edit-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(150px, .65fr) minmax(86px, auto) minmax(110px, auto);
  gap: 8px;
  align-items: end;
}

.course-static-row {
  align-items: center;
}

.course-edit-form label {
  display: grid;
  gap: 5px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
}

.author-document-tile {
  min-height: 320px;
}

.invite-inline-form {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.invite-inline-form label {
  display: grid;
  gap: 5px;
  color: var(--text-soft);
  font-size: 12px;
  font-weight: 700;
}

.compact-list {
  margin: 0;
  padding-left: 20px;
  color: var(--text-soft);
}

.outbox-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  color: var(--text-soft);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
}

.review-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 14px;
}

.review-table {
  width: 100%;
  min-width: 900px;
  border-collapse: collapse;
}

.review-table th,
.review-table td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--border-soft);
  text-align: left;
  vertical-align: top;
}

.review-table th {
  color: var(--muted);
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .1em;
}

.row-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.candidate-layout {
  display: grid;
  gap: 16px;
}

.candidate-filter-bar {
  grid-template-columns: minmax(240px, 1.2fr) minmax(190px, .8fr) auto auto auto;
}

.candidate-status-strip {
  grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.candidate-queue-list {
  display: grid;
  gap: 14px;
}

.candidate-queue-card {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255,255,255,.034);
}

.candidate-queue-card-candidate { border-color: rgba(251,191,36,.34); }
.candidate-queue-card-accepted { border-color: rgba(52,211,153,.34); }
.candidate-queue-card-rejected { border-color: rgba(251,113,133,.32); }

.candidate-queue-index {
  display: grid;
  place-items: start center;
  padding-top: 18px;
  border-right: 1px solid var(--border-soft);
  background: rgba(255,255,255,.035);
  color: #facc15;
  font-family: "JetBrains Mono", monospace;
  font-size: 20px;
  font-weight: 800;
}

.candidate-queue-card-accepted .candidate-queue-index { color: #86efac; }
.candidate-queue-card-rejected .candidate-queue-index { color: #fda4af; }

.candidate-queue-main {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 15px 16px 16px;
}

.candidate-queue-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-soft);
}

.candidate-queue-header h2 {
  margin: 4px 0 7px;
  color: var(--text);
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.candidate-queue-header p,
.candidate-queue-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0;
}

.candidate-queue-header p span,
.candidate-provider,
.candidate-gate-count {
  color: var(--muted);
  font-size: 13px;
}

.candidate-provider,
.candidate-gate-count {
  font-family: "JetBrains Mono", monospace;
}

.candidate-gate-summary {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.candidate-gate-summary-label,
.gate-summary-pill {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 700;
}

.candidate-gate-summary-label {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.gate-summary-pill {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 9px;
  border: 1px solid var(--border);
  border-radius: 999px;
}

.gate-summary-passed {
  color: #047857;
  border-color: rgba(16,185,129,.32);
  background: rgba(16,185,129,.08);
}

.gate-summary-needs-work {
  color: #a16207;
  border-color: rgba(251,191,36,.38);
  background: rgba(251,191,36,.10);
}

.gate-summary-failed {
  color: #be123c;
  border-color: rgba(251,113,133,.35);
  background: rgba(251,113,133,.10);
}

.candidate-queue-body {
  display: grid;
  grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.1fr);
  gap: 16px;
  align-items: start;
}

.candidate-queue-body p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.candidate-queue-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 12px;
  border-top: 1px solid var(--border-soft);
}
.candidate-queue-actions form { margin: 0; }
.archive-notice {
  border-color: rgba(96,165,250,.35);
  background: rgba(96,165,250,.06);
}

.archive-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.archive-lane {
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: rgba(255,255,255,.028);
  padding: 16px;
}

.archive-lane-accepted {
  border-color: rgba(52,211,153,.26);
}

.archive-lane-rejected {
  border-color: rgba(251,113,133,.25);
}

.archive-card-list {
  display: grid;
  gap: 12px;
}

.archive-card {
  display: grid;
  gap: 10px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: rgba(255,255,255,.045);
  padding: 14px;
}

.archive-card header,
.archive-card-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.archive-card h3 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0;
}

.archive-card p,
.archive-card blockquote {
  margin: 0;
  overflow-wrap: anywhere;
}

.archive-card blockquote {
  border-left: 3px solid var(--accent);
  padding-left: 10px;
  color: var(--text-soft);
}

.archive-card-actions {
  border-top: 1px solid var(--border-soft);
  padding-top: 10px;
}

.archive-card-actions form {
  margin: 0;
}

.diff-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
}

.diff-pane {
  padding: 14px;
}

.diff-pane h2 {
  font-size: 1.2rem;
  letter-spacing: 0;
  margin-bottom: 10px;
}

.diff-pane pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  min-height: 220px;
  color: #182025;
  background: var(--paper);
  border-radius: 8px;
  padding: 14px;
  line-height: 1.55;
}

.diff-review-panel,
.candidate-decision-form {
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  padding: 16px;
  background: rgba(255,255,255,.028);
}

.inline-diff {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.inline-diff article {
  display: grid;
  gap: 8px;
}

.inline-diff strong,
.candidate-decision-form label {
  color: var(--text-soft);
  font-weight: 700;
}

.diff-highlight-remove,
.diff-highlight-add {
  display: block;
  min-height: 84px;
  border-radius: 10px;
  padding: 12px;
  color: var(--text);
  line-height: 1.55;
  white-space: pre-wrap;
}

.diff-highlight-remove {
  border: 1px solid rgba(251,113,133,.35);
  background: rgba(251,113,133,.12);
}

.diff-highlight-add {
  border: 1px solid rgba(16,185,129,.35);
  background: rgba(16,185,129,.12);
}

.structured-diff {
  display: grid;
  gap: 10px;
  margin-top: 14px;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: rgba(255,255,255,.035);
  overflow: hidden;
}

.structured-diff-head {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-soft);
}

.structured-diff-head span {
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 12px;
}

.diff-line-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.diff-line {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  min-height: 28px;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.diff-line:last-child {
  border-bottom: 0;
}

.diff-line-marker,
.diff-line code {
  padding: 6px 8px;
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 12px;
  line-height: 1.45;
}

.diff-line-marker {
  text-align: center;
  color: var(--muted);
  border-right: 1px solid rgba(255,255,255,.08);
}

.diff-line code {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: var(--text-soft);
}

.diff-line-add {
  background: rgba(16,185,129,.10);
}

.diff-line-add .diff-line-marker {
  color: #34d399;
}

.diff-line-remove {
  background: rgba(251,113,133,.10);
}

.diff-line-remove .diff-line-marker {
  color: #fb7185;
}

.diff-line-hunk {
  background: rgba(96,165,250,.08);
}

.candidate-rationale {
  margin: 14px 0 0;
  color: var(--text-soft);
  line-height: 1.55;
}

.gate-run-list {
  display: grid;
  gap: 8px;
}

.gate-run-row {
  display: grid;
  grid-template-columns: minmax(140px, .7fr) auto minmax(260px, 1fr);
  gap: 12px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid var(--border-soft);
}

.gate-run-row:last-child {
  border-bottom: 0;
}

.gate-run-row div {
  display: grid;
  gap: 4px;
}

.gate-run-row strong {
  color: var(--text);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 13px;
}

.gate-run-row span {
  color: var(--muted);
  font-size: 12px;
}

.gate-run-row p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.45;
}

.gate-run-row small {
  grid-column: 3;
  color: var(--muted);
  line-height: 1.45;
}

.gate-context-preview {
  display: grid;
  gap: 4px;
  color: var(--text-soft) !important;
}

.gate-context-preview strong {
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ai-settings-form {
  align-items: stretch;
}

.inline-danger-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid rgba(251,113,133,.32);
  border-radius: 12px;
  background: rgba(251,113,133,.07);
}

.inline-danger-form strong,
.inline-danger-form p {
  margin: 0;
}

.settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.settings-fieldset {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
}

.settings-fieldset legend {
  padding: 0 6px;
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: 12px;
  text-transform: uppercase;
}

.candidate-decision-form {
  display: grid;
  gap: 12px;
}

@media (max-width: 900px) {
  .dashboard-layout,
  .diff-grid,
  .inline-diff,
  .gate-run-row,
  .candidate-filter-bar,
  .candidate-status-strip,
  .candidate-queue-body,
  .course-form,
  .course-static-row,
  .course-edit-form,
  .settings-grid,
  .archive-board,
  .upload-options {
    grid-template-columns: 1fr;
  }

  .inline-danger-form {
    align-items: stretch;
    flex-direction: column;
  }

  .dashboard-sidebar {
    position: static;
  }

  .gate-run-row small {
    grid-column: 1;
  }

  .candidate-queue-card {
    grid-template-columns: 1fr;
  }

  .candidate-queue-index {
    place-items: center;
    min-height: 42px;
    padding-top: 0;
    border-right: 0;
    border-bottom: 1px solid var(--border-soft);
  }

  .candidate-queue-header {
    display: grid;
  }
}

/* Target-reference visual baseline: light document workspace, not AI-SaaS chrome. */
:root {
  color-scheme: light;
  --bg: #f6f8fb;
  --bg-2: #eef3f8;
  --surface: #ffffff;
  --surface-strong: #ffffff;
  --border: #c4d1df;
  --border-soft: #dbe5ef;
  --text: #0f172a;
  --text-soft: #1f2f3d;
  --muted: #33475b;
  --muted-2: #52667a;
  --accent: #2563eb;
  --accent-bg: #2563eb;
  --accent-hover: #1d4ed8;
  --danger: #dc2626;
  --success: #16a34a;
  --paper: #f6f8fb;
}

body {
  background: var(--paper);
  color: var(--text);
}

.top-nav,
.review-header,
.upload-panel,
.feature-strip,
.document-list,
.pdf-pane,
.comment-section,
.dashboard-sidebar,
.dashboard-main,
.anonymous-dashboard,
.auth-panel,
.processing-panel,
.diff-review-panel {
  background: var(--surface);
  border-color: var(--border);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .08);
  backdrop-filter: none;
}

.brand {
  gap: 0;
  color: var(--text);
  font-weight: 750;
  letter-spacing: 0;
}

.brand-wordmark {
  display: inline-block;
  color: var(--text);
  font-size: 1.45rem;
  line-height: 1;
}

h1,
h2,
.dashboard-workspace h1,
.narrow-shell h1,
.eyebrow,
.panel-kicker {
  letter-spacing: 0;
}

.eyebrow,
.panel-kicker {
  color: var(--accent);
}

.status-pill,
.button,
.tool-button,
.zoom-chip,
input,
select,
textarea {
  background: #ffffff;
  border-color: var(--border);
  color: var(--text);
}

.button-primary,
.button-secondary:hover,
.tool-button.active {
  background: var(--accent-bg);
  color: #ffffff;
  box-shadow: none;
}

.button-primary:hover {
  background: var(--accent-hover);
}

.status-dot {
  background: var(--success);
  box-shadow: none;
}

.page-stage-shell,
.page-stage {
  background: #e7edf5;
}

.dashboard-layout,
.dashboard-main,
.upload-panel,
.document-list,
.document-grid,
.document-tile,
.upload-options,
.upload-options label,
.invite-inline-form,
.invite-inline-form label {
  min-width: 0;
}

.dashboard-main {
  overflow: hidden;
}

.dashboard-main .document-grid,
.anonymous-dashboard .document-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
}

.upload-options {
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
}

.upload-wizard-layout {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(440px, 1.35fr);
  gap: 14px;
  align-items: start;
}

.upload-wizard-column {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: #f8fbff;
}

.upload-wizard-project-sources {
  background: #ffffff;
}

.upload-column-heading {
  display: grid;
  gap: 6px;
}

.upload-column-heading.compact {
  gap: 3px;
}

.upload-column-heading .panel-kicker {
  margin: 0;
}

.upload-column-heading h3 {
  margin: 0;
  color: var(--text);
  font-size: 1.05rem;
  line-height: 1.2;
}

.upload-column-heading p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.project-upload-guide {
  display: grid;
  gap: 12px;
}

.project-upload-step {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: #ffffff;
}

.project-upload-step-main {
  background: #fbfdff;
}

.project-upload-panel .drop-zone {
  min-height: 218px;
  border-color: #b9c9db;
  border-radius: 12px;
  background: #f8fbff;
}

.project-upload-panel .drop-zone:hover,
.project-upload-panel .drop-zone.drag-active {
  border-color: var(--accent);
  background: #eef5ff;
}

.project-upload-panel .drop-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: #e8f0ff;
  color: var(--accent);
}

.project-step-index {
  color: var(--muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.upload-project-rule {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-left: 4px solid var(--accent);
  border-radius: 12px;
  background: #ffffff;
}

.upload-access-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: #f8fbff;
}

.upload-access-note strong {
  color: var(--text);
}

.upload-access-note span {
  color: var(--muted);
  line-height: 1.4;
}

.upload-project-rule strong,
.upload-summary strong,
.project-step-copy h3 {
  color: var(--text);
}

.upload-project-rule p,
.project-step-copy p,
.upload-summary span {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.upload-flow-trail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.upload-flow-trail li {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: rgba(255,255,255,.48);
}

.upload-flow-trail strong {
  font-size: 13px;
  color: var(--text);
}

.upload-flow-trail span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.project-step-copy {
  display: grid;
  gap: 5px;
}

.project-step-copy h3 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0;
}

.project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr));
  gap: 8px;
}

.project-type-shortcut {
  display: grid;
  gap: 5px;
  min-height: 92px;
  text-align: left;
  padding: 11px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
  color: var(--text);
}

.project-type-shortcut strong {
  font-size: 14px;
}

.project-type-shortcut span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.project-type-shortcut.active {
  border-color: var(--accent);
  background: color-mix(in srgb, var(--accent-bg) 10%, #ffffff);
}

.upload-guidance-panels {
  min-height: 156px;
}

.upload-guidance-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.upload-guidance-panel[hidden] {
  display: none;
}

.upload-guidance-panel dl {
  display: grid;
  gap: 8px;
  margin: 0;
}

.upload-guidance-panel dl > div {
  display: grid;
  grid-template-columns: 110px minmax(0, 1fr);
  gap: 10px;
}

.upload-guidance-panel dt {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.upload-guidance-panel dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.45;
}

.upload-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
}

.upload-analysis-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #f8fbff;
}

.upload-analysis-panel ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.upload-analysis-panel li {
  position: relative;
  min-width: 0;
  padding: 9px 10px 9px 30px;
  border: 1px solid var(--border-soft);
  border-radius: 10px;
  background: #ffffff;
  color: var(--text-soft);
  line-height: 1.35;
}

.upload-analysis-panel li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--success);
}

@media (max-width: 900px) {
  .upload-wizard-layout {
    grid-template-columns: 1fr;
  }

  .upload-flow-trail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .upload-summary {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .upload-flow-trail,
  .upload-guidance-panel dl > div {
    grid-template-columns: 1fr;
  }
}

.project-upload-panel {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: none;
}

.project-upload-panel .upload-head {
  display: grid;
  gap: 7px;
  padding: 18px 22px 16px;
  border-bottom: 1px solid var(--border);
  background: #ffffff;
}

.project-upload-panel .upload-head h2 {
  font-size: 1.45rem;
  line-height: 1.15;
}

.project-upload-panel .upload-head p {
  max-width: 980px;
  margin: 0;
  color: var(--text-soft);
  line-height: 1.5;
}

.import-register {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid var(--border);
  background: #f6f8fb;
}

.import-register article {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid var(--border);
}

.import-register article:last-child {
  border-right: 0;
}

.import-register span,
.project-section-kicker {
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.import-register strong {
  color: var(--text);
  font-size: 14px;
}

.import-register small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.35;
}

.upload-workbench-layout {
  display: grid;
  grid-template-columns: minmax(300px, .92fr) minmax(430px, 1.28fr);
  align-items: stretch;
}

.upload-workbench-column {
  display: grid;
  align-content: start;
  gap: 16px;
  min-width: 0;
  padding: 18px 20px;
  background: #ffffff;
}

.upload-workbench-dossier {
  border-right: 1px solid var(--border);
  background: #fbfcfe;
}

.upload-column-heading {
  padding-bottom: 4px;
}

.project-upload-section {
  display: grid;
  gap: 12px;
  padding: 15px 0 0;
  border-top: 1px solid var(--border-soft);
  background: transparent;
}

.project-upload-section:first-of-type {
  padding-top: 0;
  border-top: 0;
}

.project-section-head {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.project-section-head h3 {
  margin: 0;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.25;
}

.project-section-head p {
  margin: 3px 0 0;
  color: var(--muted);
  line-height: 1.45;
}

.project-upload-section label,
.project-upload-panel .upload-options label {
  border-radius: 6px;
}

.project-upload-panel .drop-zone {
  min-height: 214px;
  border-radius: 6px;
  border-color: #9db0c4;
  background: #f8fafc;
}

.project-upload-panel .drop-zone:hover,
.project-upload-panel .drop-zone.drag-active {
  border-color: var(--accent);
  background: #f3f7fc;
  transform: none;
}

.project-upload-panel .drop-icon {
  width: 46px;
  height: 46px;
  margin-bottom: 12px;
  border-radius: 6px;
  background: #e8eef6;
  color: var(--accent);
}

.upload-project-rule,
.upload-access-note,
.upload-guidance-panel,
.upload-summary,
.upload-analysis-panel {
  border-radius: 6px;
  box-shadow: none;
}

.upload-project-rule {
  background: #ffffff;
  border-left-width: 3px;
}

.project-type-shortcuts {
  grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr));
}

.project-type-shortcut {
  min-height: 82px;
  border-radius: 6px;
  box-shadow: none;
}

.upload-guidance-panel {
  background: #f8fafc;
}

.upload-analysis-panel {
  background: #f8fafc;
}

.upload-analysis-panel li {
  border-radius: 4px;
}

.project-upload-panel .upload-summary {
  margin: 0 20px 16px;
  background: #f8fafc;
}

.project-upload-panel .upload-footer {
  padding: 14px 20px 18px;
  border-top: 1px solid var(--border);
  background: #ffffff;
}

.project-upload-panel .upload-progress {
  margin: 0 20px 20px;
}

.quick-upload-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid var(--border);
  background: #ffffff;
}

.quick-upload-head h2 {
  margin: 2px 0 0;
  font-size: 1.25rem;
  line-height: 1.2;
}

.quick-upload-head .upload-summary {
  min-width: min(320px, 45%);
  margin: 0;
  padding: 8px 10px;
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: #f8fafc;
}

.quick-upload-head .upload-summary strong,
.quick-upload-head .upload-summary span {
  display: block;
}

.quick-upload-head .upload-summary strong {
  color: var(--text);
  font-size: .88rem;
}

.quick-upload-head .upload-summary span {
  margin-top: 2px;
  color: var(--muted);
  font-size: .82rem;
}

.quick-upload-workbench {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(360px, .82fr);
  gap: 0;
}

.quick-upload-drop {
  padding: 16px;
  border-right: 1px solid var(--border);
  background: #fbfcfe;
}

.quick-upload-drop .drop-zone {
  min-height: 248px;
  padding: 20px;
  border-radius: 8px;
  border: 1px dashed #8397aa;
  background: #ffffff;
}

.quick-upload-drop .drop-zone:hover,
.quick-upload-drop .drop-zone.drag-active {
  border-color: var(--accent);
  background: #f8fbff;
}

.drop-subtitle,
.upload-format-strip {
  display: block;
  color: var(--muted);
  font-size: .9rem;
}

.upload-format-strip {
  max-width: 520px;
  margin-top: 8px;
  line-height: 1.45;
}

.quick-upload-options {
  display: grid;
  gap: 12px;
  align-content: start;
  padding: 16px;
  background: #ffffff;
}

.quick-upload-options .import-register {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  border: 0;
  background: transparent;
}

.quick-upload-options .import-register span {
  padding: 7px 8px;
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: #f8fafc;
  color: var(--text-soft);
  font-size: .76rem;
  font-weight: 800;
}

.quick-upload-options .project-upload-section {
  padding: 0;
  border-top: 0;
}

.quick-upload-options .project-type-shortcut {
  min-height: 64px;
  padding: 9px;
  border-radius: 6px;
}

.quick-upload-options .project-type-shortcut span {
  font-size: .78rem;
  line-height: 1.3;
}

.asset-drawer {
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: #fbfcfe;
}

.asset-drawer summary {
  cursor: pointer;
  padding: 10px 12px;
  color: var(--text);
  font-weight: 800;
}

.asset-drawer .upload-options {
  padding: 0 12px 12px;
}

.upload-analysis-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.upload-analysis-panel span {
  padding: 7px 8px;
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: #f8fafc;
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
}

.document-tile-action {
  color: var(--accent);
  font-weight: 800;
}

@media (max-width: 900px) {
  .upload-workbench-layout,
  .import-register,
  .quick-upload-workbench,
  .quick-upload-options .import-register {
    grid-template-columns: 1fr;
  }

  .upload-workbench-dossier,
  .import-register article,
  .quick-upload-drop {
    border-right: 0;
  }

  .import-register article {
    border-bottom: 1px solid var(--border);
  }

  .import-register article:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 640px) {
  .project-section-head {
    grid-template-columns: 1fr;
  }
}

.upload-options input[type="file"],
.invite-inline-form input,
.invite-inline-form select {
  min-width: 0;
  max-width: 100%;
}

.author-documents-table {
  display: grid;
  gap: 0;
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  background: #ffffff;
}

.author-document-row {
  display: grid;
  grid-template-columns: 44px minmax(180px, 1fr) minmax(96px, auto) repeat(4, minmax(82px, auto)) minmax(142px, auto);
  gap: 8px 12px;
  align-items: start;
  padding: 12px;
  border-bottom: 1px solid var(--border-soft);
}

.author-document-row:last-child {
  border-bottom: 0;
}

.author-document-header {
  align-items: center;
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f6f1e8;
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

.author-document-row > .document-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 36px;
  height: 32px;
  border-radius: 10px;
}

.author-document-row > strong {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}

.author-document-course {
  grid-column: 2;
  grid-row: 2;
}

.author-document-visibility {
  grid-column: 4;
  grid-row: 1;
}

.author-document-type {
  grid-column: 3;
  grid-row: 1;
  color: var(--text-soft) !important;
  font-weight: 700;
}

.author-document-metric {
  color: var(--text-soft) !important;
  font-weight: 650;
}

.author-document-row > .author-document-metric:nth-of-type(4) {
  grid-column: 5;
  grid-row: 1;
}

.author-document-row > .author-document-metric:nth-of-type(5) {
  grid-column: 6;
  grid-row: 1;
}

.author-document-row > .author-document-metric:nth-of-type(6) {
  grid-column: 7;
  grid-row: 1;
}

.author-document-row > .context-link {
  grid-column: 8;
  grid-row: 1;
  margin: 0;
}

.compact-table-form {
  align-items: end;
  margin-top: 0;
}

.visibility-form {
  grid-column: 4 / span 2;
  grid-row: 2;
}

.course-form-inline {
  grid-column: 6 / span 2;
  grid-row: 2;
}

.table-action-details {
  grid-column: 8;
  grid-row: 2;
  position: relative;
}

.table-action-details summary {
  cursor: pointer;
  color: var(--accent);
  font-weight: 750;
}

.table-action-details[open] {
  grid-column: 4 / -1;
  z-index: 2;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: #ffffff;
}

.table-action-details[open] summary {
  margin-bottom: 8px;
}

@media (max-width: 1180px) {
  .author-document-row {
    grid-template-columns: 40px minmax(160px, 1fr) repeat(3, minmax(72px, auto));
  }

  .author-document-visibility,
  .author-document-row > .author-document-metric:nth-of-type(4),
  .author-document-row > .author-document-metric:nth-of-type(5),
  .author-document-row > .author-document-metric:nth-of-type(6),
  .author-document-row > .context-link,
  .visibility-form,
  .course-form-inline,
  .table-action-details {
    grid-column: 2 / -1;
    grid-row: auto;
  }

  .author-document-header {
    display: none;
  }
}

/* Reader workbench: wider feedback rail and a collapsible document-wide composer. */
@media (min-width: 1261px) {
  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 128px minmax(520px, 1fr) minmax(410px, 460px) !important;
  }
}

.document-comment-inspector[data-stitch-feedback-panel="true"] {
  color: #172033;
}

.document-comment-inspector .comment-workbench-header h2,
.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button,
.document-comment-inspector .list-heading strong {
  font-size: 13px !important;
}

.document-comment-inspector .comment-message-text,
.document-comment-inspector .comment-message-quote,
.document-comment-inspector textarea,
.document-comment-inspector select,
.document-comment-inspector input {
  color: #172033 !important;
  font-size: 13px !important;
}

.document-comment-inspector .document-comment-panel[data-stitch-document-composer-persistent="true"] {
  max-height: 280px;
  padding: 0 !important;
}

.document-comment-inspector .document-comment-panel > summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto 20px;
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 0 14px;
  color: #172033;
  cursor: pointer;
  list-style: none;
}

.document-comment-inspector .document-comment-panel > summary::-webkit-details-marker {
  display: none;
}

.document-comment-inspector .document-comment-panel > summary > strong {
  font-size: 13px;
}

.document-comment-inspector .document-comment-panel > summary > span:not(.material-symbols-outlined) {
  color: #526174;
  font-size: 11px;
}

.document-comment-inspector .document-comment-panel > summary .material-symbols-outlined {
  color: #006c65;
  font-size: 18px;
}

.document-comment-inspector .document-comment-panel:not([open]) > :not(summary) {
  display: none !important;
}

.document-comment-inspector .document-comment-panel[open] {
  gap: 7px;
  padding: 0 14px 14px !important;
}

.document-comment-inspector .document-comment-panel[open] > summary {
  margin-inline: -14px;
  border-bottom: 1px solid #d8dee8;
}

.document-comment-inspector .document-comment-panel:not([open]) .document-comment-drawer-chevron {
  transform: rotate(180deg);
}

/* Skill editor: the inspector is the primary workspace, not a narrow utility rail. */
.quality-workbench[data-quality-viewport="fixed-workbench"] {
  grid-template-columns: minmax(210px, 230px) minmax(380px, 1fr) minmax(430px, 500px);
}

.quality-group-nav a,
.quality-rule-table,
.quality-filter-bar input,
.quality-filter-bar select {
  font-size: 12px;
}

.quality-inspector-header h2 {
  font-size: 18px !important;
}

.quality-inspector-header span:not(.material-symbols-outlined),
.quality-inspector-form > label,
.quality-inspector-field-grid label,
.quality-rule-metadata > label {
  font-size: 11px;
}

.quality-inspector-form input,
.quality-inspector-form select,
.quality-inspector-form textarea {
  color: #172033;
  font-size: 13px;
}

.quality-inspector-form input,
.quality-inspector-form select {
  min-height: 40px;
}

/* Work-specific agent profiles. */
.agent-profile-page {
  min-height: 100vh;
  padding: var(--stitch-toolbar) 0 0 !important;
}

.agent-profile-workbench {
  display: grid;
  grid-template-columns: minmax(270px, 330px) minmax(560px, 1fr);
  min-height: calc(100vh - var(--stitch-toolbar));
  border-top: 1px solid #cfd7e2;
  background: #ffffff;
}

.agent-profile-list {
  border-right: 1px solid #cfd7e2;
  background: #f5f7f9;
}

.agent-profile-list > header,
.agent-profile-editor > header {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #cfd7e2;
}

.agent-profile-list h2,
.agent-profile-editor h2 {
  margin: 0;
  color: #172033;
  font-size: 17px;
  letter-spacing: 0;
}

.agent-profile-list > header > span {
  color: #526174;
  font-size: 12px;
}

.agent-profile-list nav {
  display: grid;
}

.agent-profile-list nav > a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 72px;
  padding: 10px 14px;
  border-bottom: 1px solid #d8dee8;
  color: #243246;
  text-decoration: none;
}

.agent-profile-list nav > a:hover,
.agent-profile-list nav > a:focus-visible,
.agent-profile-list nav > a.active {
  background: #e8f4f1;
  color: #005e57;
}

.agent-profile-list nav > a > span:nth-child(2) {
  display: grid;
  gap: 3px;
}

.agent-profile-list nav strong {
  font-size: 14px;
}

.agent-profile-list nav small,
.agent-profile-state {
  color: #526174;
  font-size: 11px;
}

.agent-profile-state.active {
  color: #006c65;
  font-weight: 700;
}

.agent-profile-empty {
  display: block;
  padding: 18px;
  color: #006c65;
  font-size: 13px;
  font-weight: 700;
}

.agent-profile-editor {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-width: 0;
  background: #ffffff;
}

.agent-profile-editor > header > div {
  display: grid;
  gap: 2px;
}

.agent-profile-editor > header > div > span,
.agent-profile-editor > header > a {
  color: #526174;
  font-size: 12px;
}

.agent-profile-editor > header > a {
  color: #006c65;
  font-weight: 700;
  text-decoration: none;
}

.agent-profile-editor > form {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(380px, 1.1fr);
  min-height: 0;
  overflow: hidden;
}

.agent-profile-fields {
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  overflow: auto;
  border-right: 1px solid #d8dee8;
}

.agent-profile-fields label,
.project-agent-profile label {
  display: grid;
  gap: 5px;
  color: #344256;
  font-size: 12px;
  font-weight: 700;
}

.agent-profile-fields input,
.agent-profile-fields select,
.agent-profile-fields textarea,
.project-agent-profile select {
  width: 100%;
  min-height: 40px;
  border: 1px solid #b9c4d0;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: 13px/1.45 var(--stitch-ui);
}

.agent-profile-fields textarea {
  min-height: 110px;
  padding: 10px;
  resize: vertical;
}

.agent-skill-picker {
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
}

.agent-skill-picker legend {
  width: 100%;
  min-height: 42px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee8;
  color: #172033;
  font-size: 13px;
  font-weight: 700;
}

.agent-skill-list {
  display: grid;
  max-height: calc(100vh - 190px);
  overflow: auto;
}

.agent-skill-list label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 9px 14px;
  border-bottom: 1px solid #e1e6ed;
  cursor: pointer;
}

.agent-skill-list label:hover {
  background: #f3f7f6;
}

.agent-skill-list label > span {
  display: grid;
  gap: 2px;
}

.agent-skill-list strong {
  color: #172033;
  font-size: 13px;
}

.agent-skill-list small {
  color: #526174;
  font-size: 11px;
}

.agent-profile-editor > footer {
  display: flex;
  min-height: 62px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px 16px;
  border-top: 1px solid #cfd7e2;
  background: #f5f7f9;
}

.project-agent-profile form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 12px;
}

.project-agent-profile button {
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #007b73;
  border-radius: 3px;
  background: #007b73;
  color: #ffffff;
  font-weight: 700;
}

.project-agent-empty {
  display: block;
  padding: 14px 12px;
  color: #006c65;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

@media (max-width: 1120px) {
  .agent-profile-workbench,
  .agent-profile-editor > form {
    grid-template-columns: minmax(0, 1fr);
  }

  .agent-profile-list,
  .agent-profile-fields {
    border-right: 0;
    border-bottom: 1px solid #cfd7e2;
  }
}

/* Project navigation: every tab is a bounded project workspace, not a page anchor. */
.project-command-main [hidden] {
  display: none !important;
}

.project-tab-count {
  display: inline-grid;
  min-width: 20px;
  min-height: 20px;
  margin-left: 6px;
  padding: 0 5px;
  place-items: center;
  border: 1px solid rgba(0, 127, 93, .34);
  border-radius: 10px;
  background: var(--stitch-green-bg);
  color: #005f46;
  font-size: 11px;
  font-weight: 750;
  line-height: 1;
}

.project-command-tabs a[aria-current="page"] .project-tab-count {
  border-color: var(--stitch-green);
  background: #fff;
}

.project-command-grid[data-project-workspace-tab="access"],
.project-command-grid[data-project-workspace-tab="files"],
.project-command-grid[data-project-workspace-tab="versions"],
.project-command-grid[data-project-workspace-tab="feedback"],
.project-command-grid[data-project-workspace-tab="exports"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.project-command-grid[data-project-workspace-tab="access"] .project-command-context-column,
.project-command-grid[data-project-workspace-tab="files"] .project-command-context-column,
.project-command-grid[data-project-workspace-tab="versions"] .project-command-center-column {
  position: static;
  grid-column: 1 !important;
  width: min(100%, 1120px);
  max-height: none;
  margin-inline: auto;
  overflow: visible;
}

.project-command-grid[data-project-workspace-tab="access"] .project-review-team,
.project-command-grid[data-project-workspace-tab="files"] .project-material-panel,
.project-command-grid[data-project-workspace-tab="versions"] .project-version-panel {
  min-height: 420px;
}

.project-tab-workspace {
  grid-column: 1 / -1 !important;
  width: min(100%, 1180px);
  min-width: 0;
  min-height: 520px;
  margin-inline: auto;
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-tab-workspace-header {
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-tab-workspace-header h2,
.project-tab-empty h3,
.project-export-history h3 {
  margin: 0;
  color: var(--stitch-text);
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: 0;
}

.project-tab-workspace-header .panel-kicker {
  display: block;
  margin-bottom: 3px;
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-feedback-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-feedback-summary span {
  display: flex;
  min-width: 0;
  min-height: 46px;
  align-items: center;
  gap: 8px;
  padding: 8px 13px;
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-feedback-summary span + span {
  border-left: 1px solid var(--stitch-outline);
}

.project-feedback-summary strong {
  color: var(--stitch-text);
  font-size: 17px;
}

.project-feedback-list {
  display: grid;
  align-content: start;
  max-height: calc(100vh - 330px);
  min-height: 330px;
  padding: 12px;
  overflow-y: auto;
  background: #f7f8fa;
}

.project-feedback-item {
  min-width: 0;
  border: 1px solid var(--stitch-outline);
  border-left: 3px solid #526174;
  border-radius: 3px;
  background: var(--stitch-surface);
}

.project-feedback-item + .project-feedback-item {
  margin-top: 8px;
}

.project-feedback-item a {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr) minmax(210px, auto);
  grid-template-areas:
    "scope title status"
    "scope meta status";
  align-items: center;
  gap: 3px 14px;
  min-height: 74px;
  padding: 10px 12px;
  color: var(--stitch-text);
  text-decoration: none;
}

.project-feedback-item a:hover,
.project-feedback-item a:focus-visible {
  outline: 2px solid var(--stitch-green);
  outline-offset: -2px;
  background: var(--stitch-green-bg);
}

.project-feedback-scope {
  grid-area: scope;
  color: #075e54;
  font-size: 12px;
  font-weight: 700;
}

.project-feedback-item h3 {
  grid-area: title;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-feedback-meta {
  grid-area: meta;
  overflow: hidden;
  color: var(--stitch-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-feedback-item .status-badge {
  grid-area: status;
  justify-self: end;
  max-width: 240px;
  white-space: normal;
  text-align: right;
}

.project-feedback-view-switch {
  display: flex;
  min-height: 43px;
  align-items: end;
  gap: 22px;
  padding: 0 16px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-feedback-view-switch a {
  display: grid;
  min-height: 43px;
  place-items: center;
  border-bottom: 3px solid transparent;
  color: var(--stitch-muted);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.project-feedback-view-switch a[aria-current="page"] {
  border-bottom-color: #17675d;
  color: var(--stitch-text);
}

.feedback-heatmap {
  min-width: 0;
  background: #f5f6f7;
}

.feedback-heatmap-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.feedback-heatmap-metrics span {
  display: flex;
  min-height: 54px;
  align-items: baseline;
  gap: 7px;
  padding: 11px 16px;
  color: var(--stitch-muted);
  font-size: 12px;
}

.feedback-heatmap-metrics span + span {
  border-left: 1px solid var(--stitch-outline);
}

.feedback-heatmap-metrics strong {
  color: var(--stitch-text);
  font-size: 20px;
}

.feedback-heatmap-work-switch {
  display: flex;
  gap: 6px;
  padding: 10px 14px;
  overflow-x: auto;
  border-bottom: 1px solid var(--stitch-outline);
  background: #eef0f2;
}

.feedback-heatmap-work-switch a {
  flex: 0 0 auto;
  max-width: 280px;
  overflow: hidden;
  padding: 7px 10px;
  border: 1px solid #bdc4ca;
  border-radius: 3px;
  background: var(--stitch-surface);
  color: var(--stitch-muted);
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.feedback-heatmap-work-switch a[aria-current="page"] {
  border-color: #17675d;
  color: #124f48;
  box-shadow: inset 0 -2px #17675d;
}

.feedback-heatmap-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
  min-height: 390px;
}

.feedback-heatmap-map {
  min-width: 0;
  padding: 16px;
  border-right: 1px solid var(--stitch-outline);
  background: #f8f9fa;
}

.feedback-heatmap-map > header {
  display: flex;
  min-height: 48px;
  align-items: start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 12px;
}

.feedback-heatmap-map h3,
.feedback-heatmap-insights h3 {
  margin: 0;
  color: var(--stitch-text);
  font-size: 14px;
  line-height: 1.3;
}

.feedback-heatmap-map header span {
  display: block;
  margin-top: 3px;
  color: var(--stitch-muted);
  font-size: 11px;
}

.feedback-heatmap-document-link {
  max-width: 260px;
  padding: 7px 9px;
  border: 1px solid #b8c8c4;
  border-radius: 3px;
  background: #e8f2ef;
  color: #124f48;
  font-size: 11px;
  font-weight: 700;
  text-align: right;
  text-decoration: none;
}

.feedback-heatmap-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  gap: 5px;
  max-height: 470px;
  padding: 2px 6px 8px 2px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.feedback-heatmap-cell {
  display: grid;
  min-width: 0;
  min-height: 48px;
  place-items: center;
  align-content: center;
  gap: 1px;
  border: 1px solid #d4d9dd;
  border-top-width: 3px;
  border-radius: 3px;
  background: #edf0f2;
  color: #303a40;
  font-size: 10px;
  line-height: 1;
  text-decoration: none;
}

.feedback-heatmap-cell strong {
  color: #172127;
  font-size: 14px;
}

.feedback-heatmap-cell.intensity-1 { background: #dceee8; }
.feedback-heatmap-cell.intensity-2 { background: #add8cb; }
.feedback-heatmap-cell.intensity-3 { background: #f0cb88; }
.feedback-heatmap-cell.intensity-4 { background: #e99a8e; }
.feedback-heatmap-cell.severity-easy { border-top-color: #4b8d75; }
.feedback-heatmap-cell.severity-style { border-top-color: #725fa3; }
.feedback-heatmap-cell.severity-visual { border-top-color: #326f9b; }
.feedback-heatmap-cell.severity-structural { border-top-color: #aa6f24; }
.feedback-heatmap-cell.severity-factual { border-top-color: #b6463d; }
.feedback-heatmap-cell.severity-mandatory { border-top-color: #841e27; }
.feedback-heatmap-cell.severity-unclear { border-top-color: #69737b; }

a.feedback-heatmap-cell:hover,
a.feedback-heatmap-cell:focus-visible {
  z-index: 1;
  outline: 2px solid #124f48;
  outline-offset: 1px;
}

.feedback-heatmap-insights {
  min-width: 0;
  max-height: 550px;
  overflow-y: auto;
  background: var(--stitch-surface);
}

.feedback-heatmap-insights section {
  padding: 14px;
}

.feedback-heatmap-insights section + section {
  border-top: 1px solid var(--stitch-outline);
}

.feedback-heatmap-insights ol {
  display: grid;
  gap: 2px;
  margin: 9px 0 0;
  padding: 0;
  list-style: none;
}

.feedback-heatmap-insights li a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 10px;
  padding: 8px 6px;
  border-bottom: 1px solid #e4e7e9;
  color: var(--stitch-text);
  font-size: 12px;
  text-decoration: none;
}

.feedback-heatmap-insights li a:hover,
.feedback-heatmap-insights li a:focus-visible {
  background: #edf4f2;
}

.feedback-heatmap-insights li strong {
  font-size: 11px;
}

.feedback-heatmap-insights li small {
  grid-column: 1 / -1;
  color: var(--stitch-muted);
  font-size: 10px;
}

.feedback-heatmap-insights p {
  margin: 9px 0 0;
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-export-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid var(--stitch-outline);
}

.project-export-summary > div {
  display: grid;
  min-height: 80px;
  align-content: center;
  gap: 3px;
  padding: 12px 16px;
}

.project-export-summary > div + div {
  border-left: 1px solid var(--stitch-outline);
}

.project-export-summary span {
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-export-summary strong {
  color: var(--stitch-text);
  font-size: 24px;
}

.project-export-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  padding: 16px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-export-history {
  padding: 14px 16px;
}

.project-export-history h3 {
  margin-bottom: 10px;
}

.project-export-history-row {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 0;
  border-top: 1px solid var(--stitch-outline);
}

.project-export-history-row > span:first-child {
  display: grid;
  gap: 2px;
}

.project-export-history-row small {
  color: var(--stitch-muted);
}

.project-tab-empty {
  display: grid;
  min-height: 340px;
  place-items: center;
  align-content: center;
  gap: 12px;
  padding: 24px;
  color: var(--stitch-muted);
  text-align: center;
}

.project-tab-empty .material-symbols-outlined {
  font-size: 32px;
}

@media (max-width: 900px) {
  .project-command-tabs {
    overflow-x: auto;
  }

  .project-feedback-summary,
  .project-export-summary {
    grid-template-columns: 1fr;
  }

  .project-feedback-summary span + span,
  .project-export-summary > div + div {
    border-top: 1px solid var(--stitch-outline);
    border-left: 0;
  }

  .project-feedback-item a {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "scope status"
      "title title"
      "meta meta";
  }

  .feedback-heatmap-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-heatmap-map {
    border-right: 0;
    border-bottom: 1px solid var(--stitch-outline);
  }

  .feedback-heatmap-insights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
  }

  .feedback-heatmap-insights section + section {
    border-top: 0;
    border-left: 1px solid var(--stitch-outline);
  }
}

@media (max-width: 620px) {
  .feedback-heatmap-metrics,
  .feedback-heatmap-insights {
    grid-template-columns: minmax(0, 1fr);
  }

  .feedback-heatmap-metrics span + span,
  .feedback-heatmap-insights section + section {
    border-top: 1px solid var(--stitch-outline);
    border-left: 0;
  }

  .feedback-heatmap-map > header {
    display: grid;
  }

  .feedback-heatmap-document-link {
    max-width: none;
    text-align: left;
  }
}

/* Project command center: document first, context tools in a wider right rail. */
.project-command-grid {
  grid-template-columns: minmax(600px, 1fr) minmax(370px, 430px);
  gap: 16px;
  padding: 16px 20px 28px;
}

.project-command-center-column .project-next-action {
  order: 1;
}

.project-command-center-column .project-preview-panel {
  order: 2;
}

.project-command-center-column .project-activity-panel {
  order: 3;
}

.project-command-center-column .project-version-panel {
  order: 4;
}

.project-preview-panel > header > div {
  display: grid;
  gap: 2px;
}

.project-preview-panel > header > div > span {
  color: #4b5b6e;
  font-size: 12px;
}

.project-preview-canvas {
  height: min(56vh, 520px);
  min-height: 390px;
  padding: 18px;
  background: #e8edf2;
}

.project-preview-canvas img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.project-command-context-column {
  position: static;
  max-height: none;
  overflow: visible;
}

.project-context-panel h2,
.project-review-team h2 {
  font-size: 16px;
}

.project-context-panel .panel-kicker,
.project-review-counts,
.project-member-list small,
.project-quality-list small,
.project-material-list small {
  font-size: 11px;
}

.project-member-list strong,
.project-quality-list strong,
.project-material-list strong {
  font-size: 13px;
}

.project-material-upload {
  display: grid;
  grid-template-columns: minmax(116px, .72fr) minmax(0, 1.28fr) 40px;
  align-items: end;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid #cfd7e2;
  background: #f5f7f9;
}

.project-material-upload label {
  display: grid;
  min-width: 0;
  gap: 4px;
  color: #3e4c5f;
  font-size: 11px;
  font-weight: 700;
}

.project-material-upload select,
.project-material-upload input {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  border: 1px solid #b9c4d0;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: 12px/1.2 var(--stitch-ui);
}

.project-material-upload input[type="file"] {
  padding: 7px;
}

.project-material-upload button {
  display: grid;
  width: 40px;
  height: 38px;
  place-items: center;
  border: 1px solid #007b73;
  border-radius: 3px;
  background: #007b73;
  color: #ffffff;
  cursor: pointer;
}

.project-direct-actions a {
  min-height: 42px;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .project-command-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Quality-Skills target: group rail, rule library, and inspector in one viewport. */
.target-author-shell[data-author-page="quality-rules"] {
  height: 100vh;
  overflow: hidden;
  background: #f4f6fa;
}

.target-author-shell[data-author-page="quality-rules"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="quality-rules"] .author-page-header {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.quality-page-title {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.quality-page-title h1 {
  flex: 0 0 auto;
  margin: 0 !important;
  color: var(--stitch-text);
  font-size: 18px !important;
  letter-spacing: 0;
}

.quality-back-link {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  color: var(--stitch-text);
  text-decoration: none;
}

.quality-back-link:hover,
.quality-back-link:focus-visible {
  border-color: var(--stitch-primary);
  color: var(--stitch-primary);
  outline: 0;
}

.quality-back-link .material-symbols-outlined {
  font-size: 17px;
}

.quality-page-title .author-page-status-strip {
  display: flex;
  gap: 5px;
  overflow: hidden;
}

.quality-page-title .author-page-status-strip span {
  min-height: 26px;
  padding: 0 8px;
  font-size: 10px;
  white-space: nowrap;
}

.target-author-shell[data-author-page="quality-rules"] .author-page-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.target-author-shell[data-author-page="quality-rules"] .author-page-actions .button {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 11px;
}

.target-author-shell[data-author-page="quality-rules"] .author-page-actions .material-symbols-outlined {
  font-size: 16px;
}

.quality-workbench[data-quality-viewport="fixed-workbench"] {
  display: grid;
  grid-template-columns: minmax(180px, 220px) minmax(420px, 1fr) minmax(300px, 360px);
  height: calc(100vh - 56px);
  min-height: 0;
  overflow: hidden;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.quality-group-rail,
.quality-rule-library,
.quality-rule-inspector {
  min-width: 0;
  min-height: 0;
  background: var(--stitch-surface);
}

.quality-group-rail {
  display: flex;
  flex-direction: column;
  overflow: auto;
  border-right: 1px solid var(--stitch-outline);
}

.quality-groups,
.quality-writing-tools {
  flex: 0 0 auto;
}

.quality-writing-tools {
  margin-top: auto;
  border-top: 1px solid var(--stitch-outline);
}

.quality-rail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 46px;
  padding: 0 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.quality-rail-heading h2 {
  margin: 0 !important;
  color: var(--stitch-text);
  font-size: 13px !important;
  letter-spacing: 0;
}

.quality-rail-heading > span {
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 22px;
  padding: 0 6px;
  border-radius: 11px;
  background: #eef2f7;
  color: #334155;
  font-size: 10px;
  font-weight: 700;
}

.quality-group-nav {
  display: grid;
}

.quality-group-nav a {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 11px;
  border-bottom: 1px solid #e7ebf1;
  color: #334155;
  text-decoration: none;
}

.quality-group-nav a::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: transparent;
}

.quality-group-nav a:hover,
.quality-group-nav a:focus-visible,
.quality-group-nav a.active {
  background: #eefaf6;
  color: #0f3d34;
  outline: 0;
}

.quality-group-nav a.active::before {
  background: #00a878;
}

.quality-group-nav .material-symbols-outlined {
  font-size: 17px;
}

.quality-group-nav strong {
  overflow: hidden;
  font-size: 11px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-group-nav small {
  display: grid;
  place-items: center;
  min-width: 22px;
  height: 20px;
  padding: 0 5px;
  border-radius: 10px;
  background: #f1f4f8;
  color: #475569;
  font-size: 9px;
  font-weight: 700;
}

.quality-tool-project-picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--stitch-outline);
}

.quality-tool-project-picker label {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #475569;
  font-size: 9px;
  font-weight: 700;
}

.quality-tool-project-picker select {
  width: 100%;
  min-height: 30px;
  padding: 0 24px 0 7px !important;
  border-radius: 3px !important;
  font-size: 9px;
}

.quality-tool-project-picker .button {
  min-height: 30px;
  padding: 0 7px;
  border-radius: 3px;
  font-size: 9px;
}

.quality-empty-project {
  display: block;
  margin: 9px 10px;
  padding: 8px;
  border: 1px dashed var(--stitch-outline);
  color: var(--stitch-primary);
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}

.quality-tool-list {
  display: grid;
}

.quality-tool-list article {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) 36px;
  align-items: center;
  gap: 4px;
  min-height: 43px;
  padding: 5px;
  border-bottom: 1px solid #e7ebf1;
}

.quality-tool-list article > .material-symbols-outlined {
  color: #047857;
  font-size: 16px;
}

.quality-tool-list article > span:nth-child(2) {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.quality-tool-list strong {
  color: var(--stitch-text);
  font-size: 10px;
}

.quality-tool-list small {
  color: #64748b;
  font-size: 8px;
}

.quality-tool-list form {
  margin: 0;
}

.quality-tool-list button {
  width: 36px;
  min-width: 36px;
  min-height: 26px;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  background: #fff;
  color: #1e293b;
  font-size: 8px;
  font-weight: 700;
  cursor: pointer;
}

.quality-tool-list button .material-symbols-outlined {
  font-size: 18px;
}

.quality-tool-list button:hover,
.quality-tool-list button:focus-visible {
  border-color: var(--stitch-primary);
  color: var(--stitch-primary);
  outline: 0;
}

.quality-tool-list button:disabled {
  border-color: #e2e8f0;
  color: #94a3b8;
  cursor: not-allowed;
}

.quality-rule-library {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-right: 1px solid var(--stitch-outline);
}

.quality-suggestion-banner {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 50px;
  margin: 10px 10px 0;
  padding: 6px 9px;
  border: 1px solid #c7d7ee;
  background: #f4f8ff;
}

.quality-suggestion-banner > .material-symbols-outlined {
  color: #2563eb;
  font-size: 18px;
}

.quality-suggestion-banner strong {
  color: #172033;
  font-size: 10px;
}

.quality-suggestion-banner form {
  margin: 0;
}

.quality-suggestion-banner .button {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 3px;
  font-size: 9px;
}

.quality-filter-bar {
  display: grid;
  grid-template-columns: minmax(140px, 1.4fr) repeat(4, minmax(82px, .75fr)) 34px;
  align-items: end;
  gap: 5px;
  min-height: 52px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #fbfcfe;
}

.quality-filter-bar > label:not(.quality-search-field) {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #64748b;
  font-size: 8px;
  font-weight: 700;
}

.quality-filter-bar select,
.quality-filter-bar input {
  width: 100%;
  min-height: 32px;
  border: 1px solid #cbd5e1 !important;
  border-radius: 3px !important;
  background: #fff;
  color: #172033;
  font-size: 10px;
}

.quality-filter-bar select {
  padding: 0 23px 0 7px !important;
}

.quality-search-field {
  position: relative;
  display: block;
}

.quality-search-field .material-symbols-outlined {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
  color: #64748b;
  font-size: 16px;
  pointer-events: none;
}

.quality-search-field input {
  padding: 0 8px 0 30px !important;
}

.quality-filter-submit {
  display: grid;
  place-items: center;
  width: 34px;
  height: 32px;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 3px;
  background: #fff;
  color: #172033;
  cursor: pointer;
}

.quality-filter-submit:hover,
.quality-filter-submit:focus-visible {
  border-color: var(--stitch-primary);
  color: var(--stitch-primary);
  outline: 0;
}

.quality-filter-submit .material-symbols-outlined {
  font-size: 17px;
}

.quality-rule-table-wrap {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  background: #fff;
}

.quality-rule-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.quality-rule-table th {
  position: sticky;
  z-index: 2;
  top: 0;
  height: 38px;
  padding: 0 9px;
  border-bottom: 1px solid #bcc8d8;
  background: #f8fafc;
  color: #334155;
  font-size: 9px;
  font-weight: 700;
  text-align: left;
}

.quality-rule-table th:nth-child(1) { width: 84px; }
.quality-rule-table th:nth-child(2) { width: 36%; }
.quality-rule-table th:nth-child(4) { width: 92px; }
.quality-rule-table th:nth-child(5) { width: 70px; text-align: right; }

.quality-rule-table td {
  height: 42px;
  padding: 5px 9px;
  border-bottom: 1px solid #e4e9f0;
  color: #334155;
  font-size: 10.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-rule-table td:last-child {
  text-align: right;
}

.quality-rule-table tbody tr {
  cursor: pointer;
}

.quality-rule-table tbody tr:hover,
.quality-rule-table tbody tr.selected {
  background: #f0f6ff;
}

.quality-rule-table tbody tr.selected {
  box-shadow: inset 3px 0 #2f6fec;
}

.quality-rule-table td a {
  display: block;
  overflow: hidden;
  color: #172033;
  font-weight: 650;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-rule-table td a:hover,
.quality-rule-table td a:focus-visible {
  color: #245cc5;
  text-decoration: underline;
  outline: 0;
}

.quality-rule-state {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #64748b;
  font-size: 9px;
  font-weight: 650;
}

.quality-rule-state::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
}

.quality-rule-state.active {
  color: #047857;
}

.quality-rule-state.active::before {
  background: #059669;
}

.quality-rule-state.suggested {
  color: #2563eb;
}

.quality-rule-state.suggested::before {
  background: #3b82f6;
}

.quality-rule-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  min-height: 240px;
  color: #64748b;
  font-size: 11px;
}

.quality-rule-empty .material-symbols-outlined {
  font-size: 28px;
}

.quality-rule-empty strong {
  color: #1e293b;
}

.quality-rule-empty a {
  color: var(--stitch-primary);
}

.quality-library-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 36px;
  padding: 0 10px;
  border-top: 1px solid var(--stitch-outline);
  color: #64748b;
  font-size: 9px;
}

.quality-rule-inspector {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.quality-inspector-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 58px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.quality-inspector-header > div {
  display: grid;
  gap: 2px;
}

.quality-inspector-header span:not(.material-symbols-outlined) {
  color: #64748b;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

.quality-inspector-header h2 {
  margin: 0 !important;
  color: #172033;
  font-size: 15px !important;
  letter-spacing: 0;
}

.quality-inspector-header > a {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  color: #475569;
  text-decoration: none;
}

.quality-inspector-header > a:hover,
.quality-inspector-header > a:focus-visible {
  color: var(--stitch-primary);
  outline: 1px solid var(--stitch-primary);
}

.quality-inspector-header .material-symbols-outlined {
  font-size: 18px;
}

.quality-inspector-form {
  display: grid;
  align-content: start;
  gap: 11px;
  flex: 1 1 auto;
  min-height: 0;
  padding: 11px 12px;
  overflow: auto;
}

.quality-inspector-form > label,
.quality-inspector-field-grid label,
.quality-rule-metadata > label {
  display: grid;
  gap: 5px;
  color: #334155;
  font-size: 9px;
  font-weight: 700;
}

.quality-inspector-form input,
.quality-inspector-form select,
.quality-inspector-form textarea {
  width: 100%;
  border: 1px solid #cbd5e1 !important;
  border-radius: 3px !important;
  background: #fff;
  color: #172033;
  font-size: 11px;
}

.quality-inspector-form input,
.quality-inspector-form select {
  min-height: 34px;
}

.quality-inspector-form input {
  padding: 0 9px !important;
}

.quality-inspector-form select {
  padding: 0 26px 0 9px !important;
}

.quality-inspector-form textarea {
  min-height: 148px;
  padding: 9px !important;
  resize: vertical;
  line-height: 1.45;
}

.quality-inspector-field-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.quality-scope-picker {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.quality-scope-picker legend {
  margin-bottom: 6px;
  color: #334155;
  font-size: 9px;
  font-weight: 700;
}

.quality-scope-picker > div {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.quality-scope-picker label {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  min-height: 72px;
  padding: 5px 3px;
  border: 1px solid #d7dee8;
  background: #fff;
  color: #475569;
  cursor: pointer;
  text-align: center;
}

.quality-scope-picker input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.quality-scope-picker label:has(input:checked) {
  border-color: #00a878;
  background: #eefaf6;
  color: #065f46;
  box-shadow: inset 0 -3px #00a878;
}

.quality-scope-picker label:focus-within {
  outline: 2px solid #2f6fec;
  outline-offset: 1px;
}

.quality-scope-picker .material-symbols-outlined {
  font-size: 19px;
}

.quality-scope-picker small {
  max-width: 100%;
  font-size: 8px;
  font-weight: 650;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.quality-rule-metadata {
  display: grid;
  grid-template-columns: minmax(100px, .75fr) minmax(0, 1.25fr);
  gap: 9px;
  padding: 9px;
  border: 1px solid #d7dee8;
  background: #fafbfd;
}

.quality-rule-metadata dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: 0;
}

.quality-rule-metadata dl div {
  display: grid;
  gap: 3px;
}

.quality-rule-metadata dt {
  color: #64748b;
  font-size: 8px;
}

.quality-rule-metadata dd {
  margin: 0;
  color: #172033;
  font-family: var(--stitch-mono, monospace);
  font-size: 9px;
  font-weight: 700;
}

.quality-inspector-actions {
  display: grid;
  grid-template-columns: minmax(100px, .8fr) minmax(150px, 1.2fr);
  gap: 8px;
  flex: 0 0 58px;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid var(--stitch-outline);
  background: #fbfcfe;
}

.quality-inspector-actions form {
  margin: 0;
}

.quality-inspector-actions .button {
  width: 100%;
  min-height: 36px;
  justify-content: center;
  border-radius: 3px;
  font-size: 10px;
}

.quality-inspector-actions .button-danger {
  border: 1px solid #dc2626;
  background: #fff;
  color: #b91c1c;
}

.quality-inspector-actions .button-danger:hover,
.quality-inspector-actions .button-danger:focus-visible {
  background: #fff1f2;
  outline: 0;
}

@media (max-width: 1100px) {
  .quality-workbench[data-quality-viewport="fixed-workbench"] {
    grid-template-columns: 180px minmax(380px, 1fr) 300px;
  }

  .quality-filter-bar {
    grid-template-columns: minmax(130px, 1fr) repeat(2, minmax(80px, .7fr)) 34px;
  }

  .quality-filter-bar label:nth-of-type(4),
  .quality-filter-bar label:nth-of-type(5) {
    display: none;
  }
}

@media (max-width: 860px) {
  .target-author-shell[data-author-page="quality-rules"] {
    height: auto;
    overflow: auto;
  }

  .target-author-shell[data-author-page="quality-rules"] .author-workspace-main {
    height: auto;
    overflow: visible;
  }

  .quality-workbench[data-quality-viewport="fixed-workbench"] {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }

  .quality-group-rail,
  .quality-rule-library,
  .quality-rule-inspector {
    min-height: 520px;
    border-right: 0;
    border-bottom: 1px solid var(--stitch-outline);
  }
}

/* Project command center */
.project-command-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: var(--stitch-bg);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.project-command-main {
  min-width: 0;
  min-height: 100vh;
  margin-left: 180px;
  background: var(--stitch-bg);
}

.project-command-toolbar {
  position: sticky;
  z-index: 30;
  top: 0;
  display: grid;
  grid-template-columns: auto minmax(220px, 420px) 1fr;
  align-items: center;
  gap: 18px;
  min-height: var(--stitch-toolbar);
  padding: 8px 20px;
  border-bottom: 1px solid var(--stitch-outline);
  background: rgba(255, 255, 255, .96);
}

.project-command-back,
.project-command-toolbar a {
  color: var(--stitch-text);
  text-decoration: none;
}

.project-command-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-weight: 700;
}

.project-command-search {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 11px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-command-search .material-symbols-outlined {
  color: var(--stitch-muted);
  font-size: 19px;
}

.project-command-search input {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--stitch-text);
  font: inherit;
}

.project-command-utilities {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.project-command-utilities .button {
  min-height: 38px;
  padding: 7px 12px;
  border-color: var(--stitch-green);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: #006c4d;
}

.project-command-account {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 50%;
  background: var(--stitch-primary);
  color: #fff;
  font-weight: 800;
}

.project-command-identity {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 92px;
  padding: 14px 20px 12px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.project-command-file-icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  font-size: 28px;
}

.project-command-title {
  min-width: 0;
}

.project-command-title h1 {
  overflow: hidden;
  margin: 0 0 7px;
  color: var(--stitch-text);
  font-size: 23px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-command-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px 13px;
  color: var(--stitch-muted);
  font-size: 13px;
}

.project-command-meta > span:not(.project-command-status) {
  position: relative;
}

.project-command-meta > span:not(:first-child, .project-command-status)::before {
  position: absolute;
  left: -8px;
  content: "·";
}

.project-command-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  font-size: 12px;
  font-weight: 700;
}

.project-command-status.status-ready {
  border-color: rgba(0, 164, 114, .4);
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-command-status.status-processing,
.project-command-status.status-queued {
  border-color: rgba(180, 83, 9, .35);
  background: var(--stitch-amber-bg);
  color: #7c3d08;
}

.project-command-status.status-failed {
  border-color: rgba(186, 26, 26, .35);
  background: var(--stitch-rose-bg);
  color: #8c1d18;
}

.project-command-tabs {
  position: sticky;
  z-index: 25;
  top: var(--stitch-toolbar);
  display: flex;
  width: 100%;
  max-width: 100%;
  align-items: end;
  flex-wrap: nowrap;
  gap: 4px;
  min-height: 45px;
  padding: 0 20px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  box-sizing: border-box;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
}

.project-command-tabs a {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 44px;
  padding: 0 13px;
  border-bottom: 2px solid transparent;
  color: var(--stitch-muted);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.project-command-tabs a:hover,
.project-command-tabs a:focus-visible,
.project-command-tabs a.active {
  border-bottom-color: var(--stitch-green);
  color: var(--stitch-text);
}

.project-command-grid {
  display: grid;
  grid-template-columns: minmax(220px, 270px) minmax(420px, 1fr) minmax(290px, 340px);
  align-items: start;
  gap: 12px;
  padding: 14px 18px 24px;
}

.project-structure-panel,
.project-next-action,
.project-activity-panel,
.project-preview-panel,
.project-version-panel,
.project-context-panel {
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-structure-panel {
  position: sticky;
  top: calc(var(--stitch-toolbar) + 58px);
  max-height: calc(100vh - var(--stitch-toolbar) - 78px);
  overflow: hidden;
}

.project-structure-panel > header,
.project-activity-panel > header,
.project-preview-panel > header,
.project-version-panel > header,
.project-context-panel > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 48px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-structure-panel h2,
.project-activity-panel h2,
.project-preview-panel h2,
.project-version-panel h2,
.project-context-panel h2 {
  margin: 0;
  color: var(--stitch-text);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.project-structure-panel .panel-kicker,
.project-context-panel .panel-kicker {
  display: block;
  margin: 0 0 3px;
  color: var(--stitch-muted);
  font-size: 10px;
  letter-spacing: .08em;
}

.project-structure-panel header a,
.project-context-panel header a,
.project-preview-panel header a {
  color: #006c4d;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.project-page-list {
  max-height: calc(100vh - var(--stitch-toolbar) - 145px);
  margin: 0;
  padding: 0;
  overflow-y: auto;
  list-style: none;
}

.project-page-list li {
  border-bottom: 1px solid var(--stitch-outline);
}

.project-page-list a {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 6px 11px;
  color: var(--stitch-text);
  text-decoration: none;
}

.project-page-list a:hover,
.project-page-list a:focus-visible {
  background: var(--stitch-surface-low);
}

.project-page-list a > span {
  color: var(--stitch-muted);
  font-family: var(--stitch-code);
  font-size: 11px;
}

.project-page-list strong {
  overflow: hidden;
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-page-list small {
  color: var(--stitch-muted);
  font-size: 10px;
}

.project-page-remainder,
.project-structure-empty,
.project-command-empty {
  margin: 0;
  padding: 12px;
  color: var(--stitch-muted);
  font-size: 13px;
}

.project-structure-empty {
  display: flex;
  align-items: center;
  gap: 8px;
}

.project-command-center-column,
.project-command-context-column {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.project-next-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 90px;
  padding: 12px 14px;
  border-color: rgba(0, 164, 114, .46);
  background: #f0fcf6;
}

.project-next-action[data-project-next-action="retry-processing"] {
  border-color: rgba(186, 26, 26, .42);
  background: #fff7f5;
}

.project-next-action[data-project-next-action="processing"] {
  border-color: rgba(180, 83, 9, .38);
  background: #fffaf0;
}

.project-next-action-copy {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.project-next-action-copy > .material-symbols-outlined {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 50%;
  background: var(--stitch-green);
  color: #fff;
}

.project-next-action h2 {
  margin: 1px 0 3px;
  color: var(--stitch-text);
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0;
}

.project-next-action .panel-kicker {
  margin: 0;
  color: #006c4d;
  font-size: 10px;
  letter-spacing: .08em;
}

.project-next-action p {
  overflow: hidden;
  margin: 0;
  color: var(--stitch-muted);
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-next-action .button {
  flex: 0 0 auto;
  min-height: 38px;
  padding: 7px 12px;
  border-radius: var(--stitch-radius);
  background: var(--stitch-primary);
  color: #fff;
}

.project-activity-panel,
.project-preview-panel,
.project-version-panel {
  overflow: hidden;
}

.project-activity-panel > header > span,
.project-version-panel > header > span {
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-activity-list {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-activity-list li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-activity-list li:last-child {
  border-bottom: 0;
}

.project-activity-list .material-symbols-outlined {
  color: #007f5d;
  font-size: 19px;
}

.project-activity-list div {
  display: grid;
  min-width: 0;
}

.project-activity-list strong,
.project-activity-list small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-activity-list strong {
  color: var(--stitch-text);
  font-size: 12px;
  font-weight: 650;
}

.project-activity-list small {
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-preview-canvas {
  display: grid;
  height: 250px;
  place-items: center;
  padding: 12px;
  overflow: hidden;
  background: #eef0f4;
}

.project-preview-canvas img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  filter: drop-shadow(0 2px 4px rgba(9, 20, 38, .14));
}

.project-preview-state {
  display: grid;
  min-height: 150px;
  place-items: center;
  align-content: center;
  gap: 5px;
  color: var(--stitch-muted);
  text-align: center;
}

.project-preview-state strong {
  color: var(--stitch-text);
}

.project-version-table {
  display: grid;
}

.project-version-row {
  display: grid;
  grid-template-columns: 100px minmax(120px, 1fr) 100px;
  align-items: center;
  min-height: 38px;
  border-bottom: 1px solid var(--stitch-outline);
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-version-row:last-child {
  border-bottom: 0;
}

.project-version-row > * {
  min-width: 0;
  padding: 7px 12px;
}

.project-version-row.heading {
  min-height: 30px;
  background: var(--stitch-surface-low);
  color: var(--stitch-muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.project-version-row strong {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--stitch-text);
}

.project-version-row strong small {
  padding: 2px 5px;
  border-radius: 3px;
  background: var(--stitch-green-bg);
  color: #006c4d;
  font-size: 9px;
}

.project-command-context-column {
  position: sticky;
  top: calc(var(--stitch-toolbar) + 58px);
  max-height: calc(100vh - var(--stitch-toolbar) - 78px);
  overflow-y: auto;
}

.project-context-panel {
  overflow: hidden;
}

.project-review-counts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-block: 1px solid var(--stitch-outline);
}

.project-review-counts > div {
  min-width: 0;
  padding: 9px 12px;
}

.project-review-counts > div + div {
  border-left: 1px solid var(--stitch-outline);
}

.project-review-counts dt {
  color: var(--stitch-muted);
}

.project-review-counts dd {
  margin: 3px 0 0;
  color: var(--stitch-text);
  font-size: 17px;
  font-weight: 750;
}

.project-review-link-state {
  margin: 0;
  padding: 7px 12px;
  border-bottom: 1px solid var(--stitch-outline);
  color: #006c4d;
  font-size: 11px;
  font-weight: 700;
}

.project-review-invite-controls {
  display: grid;
  gap: 6px;
  padding: 8px 12px;
  border-block: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-review-invite-controls form,
.project-review-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 5px;
  margin: 0;
}

.project-review-invite-controls input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #fff;
  color: var(--stitch-text);
  font: inherit;
  font-size: 12px;
}

.project-review-invite-controls button {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #fff;
  color: var(--stitch-primary);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.project-review-invite-controls button:hover,
.project-review-invite-controls button[data-copy-invite-status="copied"] {
  border-color: var(--stitch-green);
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-review-invite-controls button:focus-visible {
  outline: 2px solid var(--stitch-primary);
  outline-offset: 2px;
}

.project-review-invite-controls button[data-copy-invite-status="failed"] {
  border-color: #b42318;
  background: #fef3f2;
  color: #b42318;
}

.project-review-copy-status {
  grid-column: 1 / -1;
  min-height: 14px;
  color: var(--stitch-muted);
  font-size: 11px;
  line-height: 14px;
}

.project-review-copy-status[data-copy-invite-status="copied"] {
  color: #006c4d;
  font-weight: 700;
}

.project-review-copy-status[data-copy-invite-status="failed"] {
  color: #b42318;
  font-weight: 700;
}

.project-review-invite-controls form[data-project-review-invite="link"] {
  grid-template-columns: 1fr;
}

.project-review-invite-controls .project-review-link-create {
  width: 100%;
}

.project-review-invite-controls .material-symbols-outlined {
  width: 18px;
  font-size: 17px;
}

.project-visibility-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #ffffff;
}

.project-visibility-control label {
  display: grid;
  min-width: 0;
  gap: 4px;
  color: var(--stitch-muted);
  font-size: 10px;
  font-weight: 700;
}

.project-visibility-control select,
.project-visibility-control button {
  min-height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #ffffff;
  color: var(--stitch-text);
  font: inherit;
  font-size: 12px;
}

.project-visibility-control select {
  width: 100%;
  min-width: 0;
  padding: 0 8px;
}

.project-visibility-control button {
  padding: 0 11px;
  color: var(--stitch-primary);
  font-weight: 700;
  cursor: pointer;
}

.project-visibility-control button:hover,
.project-visibility-control button:focus-visible {
  outline: 0;
  border-color: var(--stitch-green);
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-member-list,
.project-quality-list,
.project-material-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.project-member-list li,
.project-quality-list li,
.project-material-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-member-list li:last-child,
.project-quality-list li:last-child,
.project-material-list li:last-child {
  border-bottom: 0;
}

.project-member-avatar {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 50%;
  background: #e8ecf4;
  color: var(--stitch-primary);
  font-size: 10px;
  font-weight: 800;
}

.project-member-avatar.owner {
  background: var(--stitch-primary);
  color: #fff;
}

.project-member-list div,
.project-quality-list div,
.project-material-list div {
  display: grid;
  min-width: 0;
}

.project-member-list strong,
.project-quality-list strong,
.project-material-list strong {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 12px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-member-list small,
.project-quality-list small,
.project-material-list small {
  color: var(--stitch-muted);
  font-size: 10px;
}

.project-member-state {
  font-size: 11px;
  font-weight: 700;
}

.project-member-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.project-member-copy {
  display: inline-flex;
  min-width: 36px;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0 7px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #fff;
  color: var(--stitch-primary);
  cursor: pointer;
}

.project-member-copy:hover,
.project-member-copy[data-copy-invite-status="copied"] {
  border-color: var(--stitch-green);
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-member-copy:focus-visible {
  outline: 2px solid var(--stitch-primary);
  outline-offset: 2px;
}

.project-member-copy[data-copy-invite-status="failed"] {
  border-color: #b42318;
  background: #fef3f2;
  color: #b42318;
}

.project-member-copy .material-symbols-outlined {
  font-size: 16px;
}

.project-member-state[data-copy-invite-status="copied"] {
  color: #006c4d;
}

.project-member-state[data-copy-invite-status="failed"] {
  color: #b42318;
}

.project-member-list small {
  font-size: 11px;
}

.project-member-list .project-reader-progress {
  gap: 3px;
  margin-top: 6px;
}

.project-reader-progress progress {
  width: 100%;
  height: 5px;
  border: 0;
  background: #e4e9ef;
  accent-color: #007f68;
}

.project-reader-progress progress::-webkit-progress-bar {
  background: #e4e9ef;
}

.project-reader-progress progress::-webkit-progress-value {
  background: #007f68;
}

.project-reader-progress progress::-moz-progress-bar {
  background: #007f68;
}

.project-reader-progress small {
  line-height: 1.3;
}

.project-member-list small[data-email-delivery-status="sent"] {
  color: #006c4d;
}

.project-member-list small[data-email-delivery-status="failed"] {
  color: #b42318;
}

.project-member-state.complete {
  color: #007f5d;
}

.project-member-state.pending {
  color: var(--stitch-amber);
}

.project-member-state.removed {
  color: var(--stitch-muted);
}

.project-quality-list li {
  grid-template-columns: 26px minmax(0, 1fr);
}

.project-quality-list .material-symbols-outlined {
  color: #007f5d;
  font-size: 19px;
}

.project-gate-summary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-gate-summary span {
  display: grid;
  gap: 1px;
  padding: 8px 12px;
  color: var(--stitch-muted);
  font-size: 10px;
}

.project-gate-summary span + span {
  border-left: 1px solid var(--stitch-outline);
}

.project-gate-summary strong {
  color: var(--stitch-text);
  font-size: 15px;
}

.project-gate-summary .attention strong {
  color: var(--stitch-rose);
}

.project-material-list .material-symbols-outlined {
  color: #2563a8;
  font-size: 19px;
}

.project-material-list > li > a {
  color: var(--stitch-muted);
}

.project-material-action-disabled {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: var(--stitch-muted);
  cursor: not-allowed;
  opacity: 0.65;
}

.project-main-document-upload {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  padding: 10px 12px;
  border-top: 1px solid var(--stitch-outline);
}

.project-main-document-upload label {
  display: grid;
  gap: 5px;
  color: var(--stitch-muted);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.project-main-document-upload input {
  min-width: 0;
  font-size: 11px;
}

.project-main-document-picker {
  display: flex;
  min-width: 0;
  min-height: 34px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: #ffffff;
  color: var(--stitch-text);
  font-size: 12px;
  font-weight: 600;
  text-transform: none;
  cursor: pointer;
}

.project-main-document-picker .material-symbols-outlined {
  flex: 0 0 auto;
  color: #2563a8;
  font-size: 18px;
}

.project-main-document-picker [data-project-main-document-file-label] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-main-document-upload label:focus-within .project-main-document-picker {
  border-color: var(--stitch-green);
  box-shadow: 0 0 0 2px rgba(0, 164, 114, .14);
}

.project-main-document-upload .button {
  min-height: 34px;
  padding: 0 10px;
}

.project-direct-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.project-direct-actions a {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 6px;
  border-right: 1px solid var(--stitch-outline);
  color: var(--stitch-text);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.project-direct-actions a:last-child {
  border-right: 0;
}

.project-direct-actions a.primary {
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-direct-actions .material-symbols-outlined {
  font-size: 17px;
}

@media (max-width: 1320px) {
  .project-command-grid {
    grid-template-columns: 220px minmax(400px, 1fr) 290px;
    padding-inline: 12px;
  }

  .project-command-meta > span:nth-child(2) {
    display: none;
  }
}

@media (max-width: 1180px) {
  .project-command-main {
    margin-left: 0;
  }

  .project-command-toolbar,
  .project-command-tabs,
  .project-structure-panel,
  .project-command-context-column {
    position: static;
  }

  .project-command-grid {
    grid-template-columns: 1fr;
  }

  .project-structure-panel,
  .project-command-context-column {
    max-height: none;
  }

  .project-page-list {
    max-height: 280px;
  }
}

@media (max-width: 760px) {
  .project-command-toolbar {
    grid-template-columns: auto 1fr;
  }

  .project-command-search {
    display: none;
  }

  .project-command-identity {
    grid-template-columns: 44px minmax(0, 1fr);
  }

  .project-command-file-icon {
    width: 42px;
    height: 42px;
  }

  .project-command-tabs {
    overflow-x: auto;
  }

  .project-command-tabs a {
    flex: 0 0 auto;
  }

  .project-next-action {
    align-items: stretch;
    flex-direction: column;
  }

  .project-next-action p {
    white-space: normal;
  }
}

/* Change proposals: compare first, decide second. */
.target-author-shell[data-author-page="candidate-detail"] .candidate-review-shell {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-topbar {
  min-height: 62px;
}

.candidate-back-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 6px;
  margin-left: -6px;
  width: fit-content;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.candidate-back-link:hover,
.candidate-back-link:focus-visible {
  color: #006d65;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.candidate-back-link .material-symbols-outlined {
  font-size: 18px;
}

.candidate-workbench-grid[data-stitch-candidate-diff-workbench="true"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
  gap: 12px;
  min-height: 0;
  height: calc(100vh - 94px);
  align-items: start;
  overflow: hidden;
}

.candidate-review-main {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  height: 100%;
  padding-right: 3px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.candidate-decision-panel {
  position: sticky;
  top: 0;
  display: grid;
  align-content: start;
  gap: 9px;
  width: 100%;
  min-width: 0;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.candidate-feedback-strip,
.candidate-document-context,
.candidate-full-comparison {
  border: 1px solid #c9d2dc;
  border-radius: 3px;
  background: #ffffff;
}

.candidate-feedback-strip {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .45fr);
  gap: 16px;
  padding: 12px 14px;
}

.candidate-feedback-strip blockquote {
  margin: 4px 0 0;
  color: #172033;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.4;
}

.candidate-feedback-location {
  color: #536174;
  font-size: 13px;
  font-weight: 650;
}

.candidate-feedback-strip .candidate-selected-passage {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 9px 11px;
  border-left: 3px solid #d49a00;
  background: #fff7d6;
  color: #27303d;
  font-size: 14px;
  line-height: 1.45;
}

.candidate-document-context {
  overflow: hidden;
}

.candidate-document-context > header {
  padding: 10px 12px;
  border-bottom: 1px solid #d6dde5;
}

.candidate-context-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.candidate-context-expand {
  display: inline-flex;
  width: auto;
  min-width: 96px;
  height: 38px;
  min-height: 38px;
  padding: 0 12px;
  align-items: center;
  justify-content: center;
  border: 1px solid #9aa9ba;
  border-radius: 4px;
  background: #ffffff;
  color: #102034;
  cursor: pointer;
  font: 700 13px/1 Arial, sans-serif;
}

.candidate-context-expand:hover,
.candidate-context-expand:focus-visible {
  outline: 0;
  border-color: #007b73;
  color: #006b63;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73;
}

.review-context-dialog > header button.candidate-context-close {
  width: auto;
  min-width: 82px;
  padding: 0 11px;
  font: 700 13px/1 Arial, sans-serif;
}

.candidate-document-context > header h2 {
  font-size: 20px;
  line-height: 1.15;
}

.candidate-context-canvas {
  display: grid;
  place-items: center;
  min-height: 430px;
  max-height: 72vh;
  padding: 14px;
  overflow: auto;
  background: #e7ebef;
}

.candidate-context-canvas img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 68vh;
  border: 1px solid #aeb9c5;
  background: #ffffff;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .13);
}

.candidate-visual-note {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  padding: 9px 12px;
  border-top: 1px solid #d6dde5;
  color: #334155;
  font-size: 13px;
}

.candidate-visual-note .material-symbols-outlined {
  color: #006d65;
  font-size: 18px;
}

.candidate-full-comparison > summary {
  padding: 11px 13px;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.candidate-full-comparison .candidate-pages,
.candidate-full-comparison .structured-diff {
  margin: 0 12px 12px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-status-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-stack,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-dock,
.target-author-shell[data-author-page="candidate-detail"] .candidate-agent-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-inline-diff {
  border: 1px solid #c9d2dc;
  border-radius: 3px;
  background: #ffffff;
  box-shadow: none;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-inline-diff {
  order: -1;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-status-row > strong {
  color: #172033;
  font-size: 16px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item summary,
.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item p,
.target-author-shell[data-author-page="candidate-detail"] .gate-context-preview,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-form label,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-form textarea {
  font-size: 14px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-dock textarea {
  min-height: 76px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-agent-card form,
.target-author-shell[data-author-page="candidate-detail"] .candidate-agent-card .button {
  width: 100%;
}

.candidate-queue-list-head,
.candidate-queue-row {
  grid-template-columns: minmax(420px, 1fr) minmax(220px, .42fr) minmax(170px, .28fr);
}

.candidate-queue-row {
  min-height: 126px;
  padding: 12px 14px;
}

.candidate-queue-feedback,
.candidate-queue-proposal {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
}

.candidate-queue-proposal {
  color: #172033;
  font-size: 14px;
}

.proposal-job-row-processing {
  border-left: 3px solid #0b7a75;
}

.proposal-job-row-failed {
  border-left: 3px solid #c73e45;
  background: #fffdfd;
}

.proposal-job-state {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
}

.proposal-job-state strong {
  color: #172033;
  font-size: 14px;
}

.proposal-job-state > span:not(.status-badge) {
  color: #536174;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="candidate-detail"] .candidate-review-shell {
    height: auto;
    overflow: visible;
  }

  .candidate-workbench-grid[data-stitch-candidate-diff-workbench="true"] {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }

  .candidate-review-main,
  .candidate-decision-panel {
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .candidate-decision-panel {
    position: static;
  }

  .candidate-queue-list-head,
  .candidate-queue-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-queue-list-head {
    display: none;
  }
}

@media (max-width: 720px) {
  .candidate-feedback-strip,
  .candidate-pages {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-context-canvas {
    min-height: 280px;
  }
}

/* Project command center */
.dashboard-main[data-stitch-author-dashboard-layout="projects-first"] {
  gap: 12px !important;
  padding-top: calc(var(--stitch-toolbar) + 18px) !important;
}

.dashboard-main[data-stitch-author-dashboard-layout="projects-first"] > .author-management-board {
  order: 1 !important;
}

.dashboard-main[data-stitch-author-dashboard-layout="projects-first"] > .stitch-new-project-drawer {
  order: 2 !important;
}

.dashboard-main[data-stitch-author-dashboard-layout="projects-first"] > .course-dock {
  order: 3 !important;
}

.dashboard-main[data-stitch-author-dashboard-layout="projects-first"] > .author-notification-dock {
  order: 4 !important;
}

.author-management-board[data-project-command-center="true"] {
  grid-template-columns: minmax(640px, 1fr) minmax(330px, 370px);
  height: calc(100vh - var(--stitch-toolbar) - 72px);
  min-height: 620px;
  margin: 0;
  gap: 12px;
  align-items: stretch;
}

.author-management-board[data-project-command-center="true"] .stitch-author-projects {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--stitch-outline) !important;
  background: var(--stitch-surface) !important;
}

.author-management-board[data-project-command-center="true"] .stitch-section-head {
  min-height: 54px;
  margin: 0;
  padding: 11px 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.author-management-board[data-project-command-center="true"] .stitch-section-head h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

.author-management-board[data-project-command-center="true"] .stitch-section-head .muted {
  margin: 3px 0 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.author-management-board[data-project-command-center="true"] .stitch-view-toggle {
  display: none;
}

.author-management-board[data-project-command-center="true"] .author-project-toolbar {
  grid-template-columns: minmax(180px, 1fr) minmax(112px, .55fr) minmax(122px, .58fr) minmax(108px, .5fr) auto auto;
  margin: 0;
  padding: 9px 10px;
  border: 0;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.author-management-board[data-project-command-center="true"] .author-project-toolbar label {
  font-family: var(--stitch-ui);
  font-size: 11px;
  letter-spacing: 0;
}

.author-management-board[data-project-command-center="true"] .author-project-shelf {
  min-height: 0;
  flex: 1;
  overflow: auto;
  border: 0;
  overscroll-behavior: contain;
}

.author-management-board[data-project-command-center="true"] .author-project-list-head,
.author-management-board[data-project-command-center="true"] .author-project-row {
  grid-template-columns: 42px minmax(150px, 1.08fr) minmax(84px, .58fr) minmax(156px, .95fr) minmax(62px, .42fr) minmax(158px, .78fr);
  gap: 9px !important;
}

.author-management-board[data-project-command-center="true"] .author-project-list-head {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 36px;
  background: #eef2f7;
}

.author-management-board[data-project-command-center="true"] .author-project-row {
  position: relative;
  min-height: 76px;
  padding: 8px 10px !important;
  transition: background-color 150ms ease, box-shadow 150ms ease;
}

.author-management-board[data-project-command-center="true"] .author-project-row:hover {
  background: #f7fafc !important;
}

.author-management-board[data-project-command-center="true"] .author-project-row.selected {
  background: #eef9f5 !important;
  box-shadow: inset 3px 0 0 var(--stitch-green) !important;
}

.author-management-board[data-project-command-center="true"] .project-card-summary h3 a {
  display: flex;
  align-items: center;
  min-height: 32px;
  overflow: hidden;
  color: var(--stitch-text);
  font: inherit;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.author-management-board[data-project-command-center="true"] .project-card-summary h3 a:hover,
.author-management-board[data-project-command-center="true"] .project-card-summary h3 a:focus-visible {
  color: #08705d;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.author-management-board[data-project-command-center="true"] .author-document-type,
.author-management-board[data-project-command-center="true"] .author-document-access,
.author-management-board[data-project-command-center="true"] .author-document-visibility,
.author-management-board[data-project-command-center="true"] .author-document-metric {
  min-height: 24px !important;
  padding-inline: 7px !important;
  font-size: 10px !important;
}

.stitch-invite-management[data-project-inspector="true"] {
  position: static;
  display: flex !important;
  height: 100%;
  min-height: 0;
  gap: 0;
  flex-direction: column;
  overflow: auto;
  padding: 0 !important;
  overscroll-behavior: contain;
}

.stitch-invite-management[data-project-inspector="true"] .invite-management-head {
  flex: 0 0 auto;
  align-items: center;
}

.stitch-invite-management[data-project-inspector="true"] .invite-management-head .panel-kicker {
  display: block;
  margin-bottom: 4px;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.stitch-invite-management[data-project-inspector="true"] .invite-management-head h2 {
  max-width: none;
  overflow: visible;
  font-size: 16px;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.project-inspector-overview {
  display: grid;
  gap: 13px;
  padding: 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-inspector-meta {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-inspector-meta .document-icon {
  min-width: 42px;
  height: 28px;
  padding: 0 7px;
  font-size: 10px;
}

.project-inspector-meta > span:not(.document-icon) {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 7px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-inspector-review {
  display: grid;
  gap: 8px;
}

.project-inspector-review-head,
.project-inspector-review-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.project-inspector-review span {
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-inspector-review strong {
  color: var(--stitch-text);
  font-size: 12px;
}

.project-inspector-review-meta {
  align-items: center;
  padding-top: 7px;
  border-top: 1px solid var(--stitch-outline);
}

.project-inspector-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border: 1px solid var(--stitch-outline);
}

.project-inspector-stats div {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  border-right: 1px solid var(--stitch-outline);
}

.project-inspector-stats div:last-child {
  border-right: 0;
}

.project-inspector-stats dt {
  overflow: hidden;
  color: var(--stitch-muted);
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.project-inspector-stats dd {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 17px;
  font-weight: 700;
}

.project-inspector-actions {
  display: grid;
  grid-template-columns: 1fr 1.35fr 1fr;
  gap: 7px;
}

.project-inspector-actions .button {
  min-width: 0;
  min-height: 36px;
  gap: 5px;
  padding-inline: 8px;
  font-size: 11px;
  white-space: nowrap;
}

.project-inspector-actions .material-symbols-outlined {
  width: 17px !important;
  font-size: 17px !important;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-list,
.stitch-invite-management[data-project-inspector="true"] .invite-action-drawer,
.stitch-invite-management[data-project-inspector="true"] .invite-outbox-list {
  padding: 13px 14px;
}

.project-inspector-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.project-inspector-section-head h3 {
  margin: 0;
  font-size: 13px;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-rows[data-stitch-invite-access-scroll="true"] {
  max-height: 230px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-row,
.stitch-invite-management[data-project-inspector="true"] .invite-project-card {
  border-radius: 4px;
}

.stitch-new-project-drawer[data-project-import-dock="true"] {
  margin: 0;
  border-radius: 4px;
}

.stitch-new-project-drawer[data-project-import-dock="true"] .stitch-new-project-summary {
  min-height: 52px;
}

.stitch-new-project-drawer[data-project-import-dock="true"] .stitch-new-project-summary > span:last-child {
  font-size: 10px;
}

.stitch-new-project-drawer[data-project-import-dock="true"][open] {
  scroll-margin-top: calc(var(--stitch-toolbar) + 12px);
}

@media (max-width: 1320px) {
  .author-management-board[data-project-command-center="true"] {
    grid-template-columns: minmax(580px, 1fr) minmax(300px, 330px);
  }

  .author-management-board[data-project-command-center="true"] .author-project-toolbar {
    grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(108px, .55fr));
  }

  .author-management-board[data-project-command-center="true"] .author-project-toolbar .button {
    display: none;
  }
}

@media (max-width: 1180px) {
  .author-management-board[data-project-command-center="true"] {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .author-management-board[data-project-command-center="true"] .stitch-author-projects,
  .stitch-invite-management[data-project-inspector="true"] {
    height: auto;
    max-height: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .author-management-board[data-project-command-center="true"] .author-project-row {
    transition: none;
  }
}

/* Stitch reader desk refinement: preserve the existing viewer IDs while
   matching the uploaded reference layout more closely. */
.stitch-viewer-shell {
  min-height: 100vh;
  overflow: hidden;
}

.stitch-viewer-shell .review-header.stitch-topbar.viewer-topbar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto minmax(220px, 1fr);
  gap: 18px !important;
  align-items: center !important;
  min-height: 70px !important;
  padding: 0 28px !important;
  background: #f9fafc !important;
}

.viewer-document-title[data-stitch-viewer-document-title="true"] {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 34px;
  min-width: 0;
  color: var(--stitch-text);
  text-decoration: none;
}

.viewer-document-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  color: var(--stitch-text);
  font-size: 25px;
}

.viewer-document-text {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.viewer-document-text strong {
  max-width: min(430px, 30vw);
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.viewer-document-kind {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.viewer-nav-cluster[data-stitch-viewer-nav-cluster="true"] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0;
  min-height: 50px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.viewer-zoom-strip[data-stitch-viewer-zoom-strip="true"],
.stitch-viewer-shell .page-controls {
  display: inline-flex;
  align-items: center;
  gap: 0;
  min-height: 50px;
}

.viewer-zoom-strip[data-stitch-viewer-zoom-strip="true"] {
  border-right: 1px solid var(--stitch-outline);
}

.chrome-icon-button {
  display: inline-grid;
  place-items: center;
  width: 48px;
  min-width: 48px;
  height: 50px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--stitch-text);
  cursor: pointer;
  font-family: var(--stitch-mono);
  font-size: 22px;
  font-weight: 900;
}

.chrome-icon-button:hover,
.chrome-icon-button:focus-visible {
  outline: none;
  background: #edf2fb;
}

.chrome-icon-button.primary {
  background: var(--stitch-primary);
  color: #ffffff;
}

.stitch-viewer-shell .page-controls .page-jump-label,
.stitch-viewer-shell .page-controls .page-count,
.viewer-zoom-strip[data-stitch-viewer-zoom-strip="true"] .zoom-chip {
  min-height: 50px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.stitch-viewer-shell .page-controls .page-jump-label {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-inline: 12px;
  border-left: 1px solid var(--stitch-outline) !important;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.stitch-viewer-shell .page-controls input {
  width: 48px;
  height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: 0;
  background: #ffffff;
  text-align: center;
}

.stitch-viewer-shell .page-controls .page-count,
.viewer-zoom-strip[data-stitch-viewer-zoom-strip="true"] .zoom-chip {
  display: inline-flex;
  align-items: center;
  padding-inline: 14px;
  border-left: 1px solid var(--stitch-outline) !important;
  border-right: 1px solid var(--stitch-outline) !important;
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 13px;
}

.viewer-quick-actions[data-stitch-viewer-quick-actions="true"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px !important;
  min-width: 0;
}

.document-workspace[data-stitch-reader-desk="true"] {
  grid-template-columns: 96px minmax(560px, 1fr) 400px !important;
  gap: 0 !important;
  align-items: stretch !important;
  width: calc(100vw - var(--stitch-sidebar));
  min-height: 100vh;
  height: 100vh;
  margin-left: var(--stitch-sidebar) !important;
  padding: 70px 0 0 !important;
  background: #eef2f8 !important;
}

.document-workspace[data-stitch-reader-desk="true"] .page-thumbnail-rail {
  position: relative !important;
  top: auto !important;
  width: 96px;
  min-height: 100%;
  max-height: none;
  padding: 18px 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #eef4ff !important;
  box-shadow: none !important;
}

.document-workspace[data-stitch-reader-desk="true"] .page-rail-heading .panel-kicker {
  color: #005eff !important;
}

.document-workspace[data-stitch-reader-desk="true"] .page-thumbnail-list {
  gap: 18px;
  max-height: calc(100vh - 180px);
  padding-right: 0;
}

.document-workspace[data-stitch-reader-desk="true"] .page-thumbnail-button {
  border-radius: 14px !important;
  background: transparent !important;
}

.document-workspace[data-stitch-reader-desk="true"] .page-thumbnail-button.active {
  border-color: #1f64ff !important;
  background: #e5efff !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 100%;
  padding: 0 !important;
  border: 0 !important;
  border-right: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #f7f8fb !important;
  box-shadow: none !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] .toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 62px;
  margin: 0 !important;
  padding: 10px 18px !important;
  overflow-x: auto;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #f9fafc !important;
}

.viewer-fit-controls[data-stitch-viewer-fit-controls="true"],
.viewer-annotation-tools[data-stitch-viewer-annotation-tools="true"] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.viewer-fit-controls[data-stitch-viewer-fit-controls="true"] {
  flex: 0 0 auto;
}

.viewer-annotation-tools[data-stitch-viewer-annotation-tools="true"] {
  justify-content: flex-end;
}

.document-canvas-pane[data-stitch-reader-document="true"] .toolbar .ink-controls,
.document-canvas-pane[data-stitch-reader-document="true"] .toolbar #tool-eraser,
.document-canvas-pane[data-stitch-reader-document="true"] .toolbar #tool-type,
.document-canvas-pane[data-stitch-reader-document="true"] .toolbar #undo-ink,
.document-canvas-pane[data-stitch-reader-document="true"] .toolbar #clear-ink {
  display: none !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] .tool-button,
.document-canvas-pane[data-stitch-reader-document="true"] .zoom-chip {
  min-height: 38px !important;
  padding-inline: 14px !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] #tool-select,
.document-canvas-pane[data-stitch-reader-document="true"] #tool-draw {
  width: 44px;
  padding-inline: 0 !important;
  overflow: hidden;
  font-size: 0 !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] #tool-select::before,
.document-canvas-pane[data-stitch-reader-document="true"] #tool-draw::before {
  display: inline-flex;
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  line-height: 1;
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

.document-canvas-pane[data-stitch-reader-document="true"] #tool-select::before {
  content: "ink_highlighter";
}

.document-canvas-pane[data-stitch-reader-document="true"] #tool-draw::before {
  content: "edit";
}

.document-canvas-pane[data-stitch-reader-document="true"] .page-stage-shell {
  min-height: 0;
  border-radius: 0 !important;
  background: #f7f8fb !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] .page-stage {
  height: calc(100vh - 132px) !important;
  min-height: 0 !important;
  padding: 58px 56px 84px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f7f8fb !important;
  box-shadow: none !important;
}

.document-canvas-pane[data-stitch-reader-document="true"] #page-image {
  box-shadow: 0 18px 44px rgba(9, 20, 38, .12);
}

.document-canvas-pane[data-stitch-reader-document="true"] .hint {
  display: none !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] {
  position: relative !important;
  top: auto !important;
  display: grid !important;
  grid-template-rows: 70px 52px minmax(0, 1fr) auto;
  gap: 0 !important;
  height: 100%;
  min-height: 0;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-left: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.comment-workbench-header[data-stitch-feedback-header="true"] {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 70px;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--stitch-outline);
}

.comment-workbench-header[data-stitch-feedback-header="true"] .panel-kicker {
  color: var(--stitch-text) !important;
  font-size: 13px !important;
}

.comment-workbench-header[data-stitch-feedback-header="true"] h2 {
  margin: 2px 0 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.feedback-filter-button {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--stitch-text);
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  min-height: 52px;
  padding: 0 20px !important;
  border-bottom: 1px solid var(--stitch-outline);
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs a {
  min-height: 52px;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--stitch-muted) !important;
  font-family: var(--stitch-mono);
  font-size: 12px;
  text-transform: uppercase;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs a:hover,
.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs a:focus-visible {
  border-bottom-color: var(--stitch-primary) !important;
  color: var(--stitch-text) !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs a[data-comment-scope-active="document"] {
  border-bottom-color: var(--stitch-primary) !important;
  color: var(--stitch-text) !important;
}

.feedback-feed[data-stitch-feedback-feed="true"] {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  overflow: auto;
  background: #ffffff;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] > section,
.document-comment-inspector[data-stitch-feedback-panel="true"] .feedback-feed > section,
.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-card {
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-card {
  padding: 18px 20px !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-card h3 {
  margin: 0 !important;
  font-size: 17px !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .passage-comment-list .list-heading,
.document-comment-inspector[data-stitch-feedback-panel="true"] .document-comment-list-heading {
  min-height: 34px;
  margin: 0 0 12px;
  padding: 0;
  border: 0 !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .list-heading strong {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 12px;
  text-transform: uppercase;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .list-heading span {
  min-width: 28px;
  border-radius: 999px;
  background: var(--stitch-surface-mid);
  color: var(--stitch-primary);
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .passage-comment-item,
.document-comment-inspector[data-stitch-feedback-panel="true"] .document-comment-item {
  border: 1px solid var(--stitch-outline) !important;
  border-left: 3px solid var(--stitch-primary) !important;
  border-radius: 3px !important;
  background: #f7f9ff !important;
  box-shadow: none !important;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] [data-stitch-feedback-thread-group] {
  padding-top: 22px !important;
  padding-bottom: 20px !important;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] .passage-comments-list {
  gap: 18px;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] .comment-thread-item {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 12px;
  padding: 0 0 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] .comment-thread-item + .comment-thread-item {
  padding-top: 18px !important;
  border-top: 1px solid var(--stitch-outline) !important;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] .comment-thread-item .passage-comment-number {
  display: none !important;
}

.comment-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 6px;
  background: var(--stitch-surface-mid);
  color: var(--stitch-text);
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0;
}

.comment-message-body {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.comment-message-meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.comment-message-meta strong {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comment-message-meta small {
  flex: 0 0 auto;
  color: var(--stitch-muted) !important;
  font-family: var(--stitch-mono);
  font-size: 11px !important;
  text-transform: uppercase;
}

.comment-message-scope {
  display: block;
  overflow: hidden;
  color: var(--stitch-muted) !important;
  font-family: var(--stitch-mono);
  font-size: 11px !important;
  line-height: 1.35;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.comment-message-source {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 22px;
  align-items: center;
  padding: 0 7px;
  border: 1px solid rgba(14, 116, 144, .24);
  border-radius: 999px;
  background: #ecfeff;
  color: #155e75 !important;
  font-family: var(--stitch-mono);
  font-size: 11px !important;
  font-weight: 800;
  line-height: 1;
}

.comment-message-quote {
  margin: 0 !important;
  padding: 8px 10px !important;
  border-left: 3px solid var(--stitch-primary);
  background: #e8fff5;
  color: #0b3829 !important;
  font-family: var(--stitch-mono);
  font-size: 12px;
  line-height: 1.5;
}

.document-comment-inspector[data-stitch-feedback-thread-panel="true"] .comment-message-text {
  margin: 0 !important;
  color: var(--stitch-text) !important;
  font-size: 14px;
  line-height: 1.55;
}

.comment-message-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 26px;
}

.thread-action {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.thread-action:hover,
.thread-action:focus-visible {
  color: var(--stitch-text);
  text-decoration: underline;
}

.document-comment-panel[data-stitch-feedback-composer="document"] {
  align-self: end;
  border-top: 1px solid var(--stitch-outline) !important;
  border-bottom: 0 !important;
  background: #f3f6fc !important;
}

.document-comment-panel[data-stitch-document-composer-persistent="true"] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  box-shadow: 0 -16px 26px rgba(9, 20, 38, .06) !important;
}

.document-comment-feed[data-stitch-feedback-section="document-feed"] {
  border-left: 4px solid #4edea3 !important;
}

.document-comment-panel[data-stitch-feedback-composer="document"] .panel-kicker,
.document-comment-panel[data-stitch-feedback-composer="document"] h3 {
  display: none;
}

.document-comment-panel[data-stitch-feedback-composer="document"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px !important;
  padding: 12px 20px !important;
}

.document-composer-header {
  display: grid;
  align-items: start;
  gap: 6px;
  min-height: 26px;
}

.document-composer-header [data-stitch-document-composer-title="true"] {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.document-composer-scope-strip {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  min-width: 0;
}

.document-composer-scope-strip span {
  display: inline-flex;
  min-height: 22px;
  align-items: center;
  padding: 0 7px;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: #ffffff;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  white-space: nowrap;
}

.document-composer-scope-strip span:first-child {
  border-color: rgba(78, 222, 163, .48);
  background: rgba(78, 222, 163, .14);
  color: var(--stitch-text);
}

.document-comment-panel[data-stitch-comment-composer="compact"] .comment-composer-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-height: 32px;
}

.document-comment-panel[data-stitch-comment-composer="compact"] .comment-composer-text {
  display: grid;
  grid-column: 1 / -1;
}

.document-comment-panel[data-stitch-composer-shell="quick"] {
  min-height: 0;
  background: #f4f7fd !important;
}

.document-comment-inspector [data-stitch-page-note-drawer="deferred"][hidden] {
  display: none !important;
}

.document-comment-panel[data-stitch-feedback-composer="document"] label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.document-comment-panel[data-stitch-feedback-composer="document"] label[for="document-comment-text"],
.document-comment-panel[data-stitch-feedback-composer="document"] textarea,
.document-comment-panel[data-stitch-feedback-composer="document"] .comment-actions {
  grid-column: 1 / -1;
}

.document-comment-panel[data-stitch-feedback-composer="document"] select,
.document-comment-panel[data-stitch-feedback-composer="document"] input {
  min-height: 32px;
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 12px;
}

.document-comment-panel[data-stitch-feedback-composer="document"] textarea {
  min-height: 72px !important;
  resize: vertical;
}

.document-comment-panel[data-stitch-comment-composer="compact"] textarea {
  min-height: 78px !important;
  padding: 14px 52px 14px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
  resize: none;
}

.comment-composer-input-shell[data-stitch-composer-input-shell="true"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  min-height: 96px;
  border: 1px solid var(--stitch-outline);
  background: #ffffff;
}

.comment-composer-input-shell[data-stitch-composer-input-shell="true"]:focus-within {
  border-color: var(--stitch-text);
}

.comment-composer-input-shell[data-stitch-composer-input-shell="true"] .comment-composer-text {
  min-width: 0;
}

.comment-composer-input-shell[data-stitch-composer-input-shell="true"] .comment-actions {
  position: absolute;
  right: 12px;
  bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.comment-composer-attach,
.comment-composer-submit-icon {
  display: grid !important;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0 !important;
  border-radius: 2px !important;
}

.comment-composer-attach {
  border: 0;
  background: transparent;
  color: var(--stitch-muted);
}

.comment-composer-submit-icon {
  border-color: var(--stitch-text) !important;
  background: var(--stitch-text) !important;
  color: #ffffff !important;
}

.comment-composer-attach .material-symbols-outlined,
.comment-composer-submit-icon .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
}

.comment-composer-input-shell #document-comment-save-state {
  position: absolute;
  left: 14px;
  bottom: 12px;
  max-width: calc(100% - 116px);
  overflow: hidden;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 11px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

.document-comment-panel[data-stitch-feedback-composer="document"] .comment-actions {
  justify-content: flex-end;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] {
  width: calc(100vw - var(--stitch-sidebar));
  margin-left: var(--stitch-sidebar) !important;
  padding: 20px 28px 28px !important;
  border: 0 !important;
  border-top: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] .panel-kicker {
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 12px;
  text-transform: uppercase;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] h2 {
  margin: 10px 0 8px;
  font-size: 18px;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] .compact-list {
  display: grid;
  gap: 8px;
  margin: 8px 0 16px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] .compact-list li {
  display: grid;
  grid-template-columns: minmax(160px, 1fr) auto auto;
  gap: 12px;
  align-items: center;
  min-height: 34px;
  padding: 7px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  background: transparent !important;
}

.author-material-drawer[data-stitch-author-material-drawer="true"] .asset-management-form {
  display: grid;
  grid-template-columns: minmax(180px, 260px) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  margin: 10px 0 16px;
}

@media (max-width: 1280px) {
  .document-workspace[data-stitch-reader-desk="true"] {
    grid-template-columns: 82px minmax(420px, 1fr) 360px !important;
  }

  .document-canvas-pane[data-stitch-reader-document="true"] .toolbar #tool-draw {
    display: none !important;
  }
}

@media (max-width: 1180px) {
  .stitch-viewer-shell {
    overflow: auto;
  }

  .document-workspace[data-stitch-reader-desk="true"] {
    width: 100%;
    height: auto;
    min-height: 100vh;
    margin-left: 0 !important;
    padding: 24px 0 0 !important;
    grid-template-columns: 1fr !important;
  }

  .document-workspace[data-stitch-reader-desk="true"] .page-thumbnail-rail,
  .document-comment-inspector[data-stitch-feedback-panel="true"] {
    height: auto;
    min-height: auto;
  }
}

.target-app-frame {
  min-height: calc(100vh - 48px);
}

.target-app-frame .dashboard-layout {
  grid-template-columns: 244px minmax(0, 1fr);
  gap: 18px;
  align-items: stretch;
}

.target-app-frame .dashboard-sidebar {
  top: 24px;
  align-self: start;
  min-height: calc(100vh - 48px);
  padding: 18px 14px;
  border-radius: 18px;
  background: #071827;
  border-color: #10283c;
  box-shadow: 0 18px 50px rgba(8, 24, 39, .18);
  color: #eef6fb;
}

.sidebar-brand {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  margin: 0 4px 8px;
  color: #ffffff;
  text-decoration: none;
}

.target-app-frame .sidebar-brand .brand-wordmark {
  color: #ffffff;
  font-size: 1.22rem;
}

.target-app-frame .account-block {
  margin: 4px 0 10px;
  padding: 12px 10px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: rgba(255, 255, 255, .045);
}

.target-app-frame .account-block .panel-kicker,
.sidebar-section-label {
  color: #8fb0c7;
}

.target-app-frame .account-block strong {
  color: #ffffff;
}

.target-app-frame .account-block span:last-child {
  color: #a8bdcc;
}

.sidebar-section-label {
  margin: 14px 8px 5px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.target-app-frame .sidebar-link {
  display: flex;
  align-items: center;
  min-height: 38px;
  color: #c8d8e2;
  border-color: transparent;
  border-radius: 10px;
  background: transparent;
}

.target-app-frame .sidebar-link:hover,
.target-app-frame .sidebar-link.active {
  color: #ffffff;
  border-color: rgba(255, 255, 255, .08);
  background: rgba(48, 120, 168, .26);
}

.sidebar-logout-form {
  margin: 10px 0 0;
}

.sidebar-button {
  width: 100%;
  border: 1px solid transparent;
  text-align: left;
}

.target-app-frame .dashboard-main {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.workspace-commandbar {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: none;
}

.workspace-commandbar h1 {
  font-size: 1.55rem;
  line-height: 1.18;
}

.workspace-commandbar .lead {
  max-width: 720px;
  margin-top: 10px;
  font-size: 1rem;
  line-height: 1.55;
}

.workspace-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.dashboard-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.dashboard-summary-grid article {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: 0 8px 28px rgba(15, 23, 42, .06);
}

.dashboard-summary-grid span,
.dashboard-summary-grid small {
  color: var(--muted);
}

.dashboard-summary-grid span {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.dashboard-summary-grid strong {
  color: var(--text);
  font-size: 2rem;
  line-height: 1;
}

.target-app-frame .document-list {
  border-radius: 8px;
  background: var(--surface);
  box-shadow: none;
}

.target-app-frame .document-tile {
  border-radius: 8px;
  background: #ffffff;
}

.target-review-shell {
  width: min(1760px, calc(100% - 32px));
}

.review-app-frame {
  display: grid;
  grid-template-columns: 244px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-height: calc(100vh - 48px);
}

.review-workspace-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.review-workspace-main .review-header {
  margin-bottom: 0;
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .08);
}

.review-workspace-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
  gap: 16px;
  align-items: start;
}

.review-feedback-column {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.review-workbench,
.review-card-board,
.review-gate-panel {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.review-workbench,
.review-card-board {
  padding: 14px;
  margin-bottom: 0;
}

.review-filter-bar {
  align-items: end;
}

.target-review-shell .review-filter-bar,
.target-review-shell .bulk-status-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  align-items: end;
}

.target-review-shell .bulk-status-form {
  justify-content: stretch;
}

.target-review-shell .bulk-status-form label {
  min-width: 0;
}

.target-review-shell .bulk-status-form .button {
  width: 100%;
  justify-content: center;
  white-space: normal;
}

.status-count-card {
  border-radius: 13px;
  background: #f8fafc;
  border-color: var(--border-soft);
}

.bulk-status-form {
  border-color: var(--border-soft);
  background: #f8fafc;
}

.review-card {
  border-radius: 16px;
  border-color: var(--border);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.review-card-marker {
  background: #f1f5f9;
  color: var(--accent);
}

.review-card-new .review-card-marker,
.review-card-approved .review-card-marker,
.review-card-rejected .review-card-marker,
.review-card-resolved .review-card-marker {
  color: var(--accent);
}

.target-review-shell .review-card-body,
.target-review-shell .review-card-form-row {
  grid-template-columns: 1fr;
}

.target-review-shell .review-card-form {
  grid-column: 1;
}

.feedback-block {
  border-color: var(--border-soft);
  background: #f8fafc;
}

.review-card-form textarea,
.review-card-form select,
.review-filter-bar select,
.review-filter-bar input,
.bulk-status-form select {
  background: #ffffff;
}

.review-gate-panel {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 12px;
  padding: 16px;
}

.review-gate-panel section {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: #f8fafc;
}

.review-gate-panel h2 {
  margin: 0;
  font-size: 1rem;
  letter-spacing: 0;
}

.review-gate-panel p {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.5;
}

.review-gate-label {
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.review-gate-panel ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.review-gate-panel li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--text-soft);
}

.review-gate-panel li::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--accent);
  flex: 0 0 auto;
}

.target-document-shell {
  width: min(1720px, calc(100% - 32px));
}

.target-document-shell .review-header {
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 14px 40px rgba(15, 23, 42, .08);
}

.document-workspace {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr) minmax(320px, 390px);
  gap: 16px;
  align-items: start;
}

.page-thumbnail-rail {
  position: sticky;
  top: 24px;
  display: grid;
  gap: 10px;
  max-height: calc(100vh - 48px);
  min-width: 0;
  padding: 12px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.page-rail-heading {
  display: grid;
  gap: 4px;
}

.page-rail-heading .panel-kicker {
  margin: 0;
}

.page-rail-heading strong {
  color: var(--text);
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
}

.page-thumbnail-list {
  display: grid;
  gap: 9px;
  overflow: auto;
  padding-right: 2px;
}

.page-thumbnail-button {
  display: grid;
  gap: 6px;
  width: 100%;
  min-width: 0;
  padding: 6px;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: #f8fafc;
  color: var(--muted);
  text-align: left;
}

.page-thumbnail-button:hover,
.page-thumbnail-button.active {
  border-color: var(--accent);
  background: #eef5ff;
  color: var(--accent);
}

.page-thumbnail-button img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  object-position: top center;
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  background: #ffffff;
}

.page-thumbnail-button span {
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 800;
  text-align: center;
}

.document-canvas-pane,
.document-comment-inspector {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.document-canvas-pane .toolbar {
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  background: #f8fafc;
}

.document-canvas-pane .page-stage-shell {
  border-radius: 16px;
  background: #e7edf5;
}

.document-canvas-pane .page-stage {
  border-color: var(--border);
  border-radius: 16px;
  background: #e7edf5;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .6);
}

.document-comment-inspector {
  top: 24px;
  display: grid;
  gap: 10px;
}

.comment-workbench-header {
  display: grid;
  gap: 10px;
  padding-bottom: 2px;
}

.comment-workbench-header h2,
.document-comment-inspector h2 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.18;
}

.comment-scope-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.comment-scope-tabs a {
  display: grid;
  min-height: 34px;
  place-items: center;
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  background: #f8fafc;
  color: var(--text-soft);
  font-size: .82rem;
  font-weight: 800;
  text-decoration: none;
}

.comment-scope-tabs a:hover,
.comment-scope-tabs a:focus-visible {
  border-color: var(--accent);
  color: var(--accent);
  outline: none;
}

.document-comment-inspector > section,
.author-material-panel {
  border: 1px solid var(--border-soft);
  border-radius: 8px;
  padding: 12px;
  background: #f8fafc;
}

.document-comment-inspector .comment-card {
  display: grid;
  gap: 9px;
}

.document-comment-inspector .comment-card h3 {
  font-size: 1rem;
  line-height: 1.25;
}

.document-comment-inspector textarea,
.document-comment-inspector select,
.document-comment-inspector input {
  background: #ffffff;
}

.document-comment-inspector label {
  margin: 6px 0 0;
  font-size: .82rem;
}

.document-comment-inspector .list-heading {
  border-color: var(--border-soft);
}

.target-author-shell {
  width: min(1760px, calc(100% - 32px));
}

.author-app-frame {
  display: grid;
  grid-template-columns: 244px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  min-height: calc(100vh - 48px);
}

.target-author-shell .author-workspace-main,
.target-author-shell .candidate-layout {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.author-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: none;
}

.author-page-header .section-heading {
  margin: 0;
}

.author-page-header h1 {
  font-size: 1.55rem;
  line-height: 1.18;
}

.author-page-header .lead {
  max-width: 820px;
  margin-top: 10px;
  font-size: 1rem;
}

.author-page-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
}

.target-author-shell .review-workbench,
.target-author-shell .candidate-queue-card,
.target-author-shell .document-list,
.target-author-shell .export-package-panel,
.target-author-shell .export-selection-panel,
.target-author-shell .export-agent-inspector,
.target-author-shell .quality-create-panel,
.target-author-shell .quality-gate-matrix,
.target-author-shell .quality-suggestion-panel,
.target-author-shell .rule-form,
.target-author-shell .rule-editor,
.target-author-shell .diff-review-panel,
.target-author-shell .diff-pane,
.target-author-shell .archive-lane,
.target-author-shell .empty-state {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.target-author-shell .review-workbench,
.target-author-shell .document-list,
.target-author-shell .export-package-panel,
.target-author-shell .export-selection-panel,
.target-author-shell .export-agent-inspector,
.target-author-shell .quality-create-panel,
.target-author-shell .quality-gate-matrix,
.target-author-shell .quality-suggestion-panel,
.target-author-shell .rule-form,
.target-author-shell .rule-editor,
.target-author-shell .diff-review-panel,
.target-author-shell .archive-lane,
.target-author-shell .empty-state {
  padding: 16px;
}

.target-author-shell .candidate-queue-card,
.target-author-shell .archive-card,
.target-author-shell .export-feedback-card,
.target-author-shell .gate-run-row {
  background: #ffffff;
}

.target-author-shell .candidate-queue-index {
  background: #f1f5f9;
  color: var(--accent);
}

.target-author-shell .diff-pane pre,
.target-author-shell .settings-fieldset,
.target-author-shell .review-table-wrap,
.target-author-shell .compact-list,
.target-author-shell .inline-diff article,
.target-author-shell .structured-diff {
  border-color: var(--border-soft);
  background: #f8fafc;
}

.target-author-shell .settings-fieldset,
.target-author-shell .inline-diff article,
.target-author-shell .structured-diff {
  border-radius: 14px;
}

.target-author-shell .rule-list {
  grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr));
}

.target-author-shell input,
.target-author-shell select,
.target-author-shell textarea {
  background: #ffffff;
}

.candidate-review-shell {
  align-content: start;
}

.candidate-topbar {
  align-items: center;
}

.candidate-topbar .lead {
  max-width: none;
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.candidate-top-actions {
  align-items: center;
}

.candidate-archive-banner,
.candidate-guard-note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .05);
}

.candidate-archive-banner div {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.candidate-archive-banner strong {
  color: var(--text);
}

.candidate-workbench-grid {
  display: grid;
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

.candidate-context-rail,
.candidate-decision-panel {
  display: grid;
  gap: 12px;
  align-self: start;
}

.candidate-trigger-card,
.candidate-status-card,
.candidate-gate-stack,
.candidate-decision-dock,
.candidate-inline-diff,
.candidate-page-preview {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.candidate-trigger-card,
.candidate-status-card,
.candidate-gate-stack,
.candidate-decision-dock,
.candidate-inline-diff {
  padding: 14px;
}

.candidate-trigger-card h2,
.candidate-status-card h2,
.candidate-gate-stack h2,
.candidate-inline-diff h2,
.candidate-page-preview h2 {
  margin: 0;
  color: var(--text);
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0;
}

.candidate-trigger-card blockquote {
  margin: 10px 0;
  padding-left: 12px;
  border-left: 3px solid var(--accent);
  color: var(--text-soft);
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.05rem;
  line-height: 1.42;
}

.candidate-trigger-card small {
  display: block;
  margin: 10px 0 6px;
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.candidate-selected-passage {
  display: block;
  padding: 10px;
  border: 1px solid rgba(16,185,129,.28);
  border-radius: 8px;
  background: rgba(16,185,129,.10);
  color: var(--text);
  line-height: 1.45;
}

.candidate-skill-list,
.candidate-package-list {
  display: grid;
  gap: 8px;
  margin: 10px 0 0;
  padding: 0;
}

.candidate-skill-list span,
.candidate-package-list li {
  list-style: none;
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 9px;
  border: 1px solid var(--border-soft);
  border-radius: 7px;
  background: #f8fafc;
  color: var(--text-soft);
  font-size: .88rem;
}

.candidate-skill-list span::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #34d399;
}

.candidate-agent-card form {
  margin-top: 12px;
}

.candidate-diff-stage {
  display: grid;
  grid-column: 2;
  grid-row: 1 / span 2;
  gap: 12px;
  min-width: 0;
}

.candidate-decision-panel {
  grid-column: 1;
}

.candidate-pages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.candidate-page-preview {
  overflow: hidden;
}

.candidate-page-preview header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  background: #f8fafc;
}

.candidate-page-preview header span,
.candidate-diff-stat,
.candidate-gate-stack > .candidate-section-head > span {
  color: var(--muted);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: .78rem;
}

.candidate-page-preview pre {
  min-height: 430px;
  max-height: calc(100vh - 330px);
  margin: 0;
  padding: 22px 24px;
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #ffffff;
  color: #111827;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: 1.24rem;
  line-height: 1.55;
}

@media (max-width: 1180px) {
  .candidate-workbench-grid {
    grid-template-columns: 1fr;
  }

  .candidate-diff-stage,
  .candidate-decision-panel {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 760px) {
  .candidate-pages,
  .candidate-inline-diff .inline-diff {
    grid-template-columns: 1fr;
  }
}

.candidate-page-proposed {
  border-left: 4px solid rgba(16,185,129,.55);
}

.candidate-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.candidate-inline-diff .inline-diff {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.candidate-inline-diff .diff-highlight-remove,
.candidate-inline-diff .diff-highlight-add {
  min-height: 62px;
  border-radius: 7px;
}

.candidate-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.candidate-gate-list {
  display: grid;
  gap: 8px;
}

.candidate-gate-item {
  border: 1px solid var(--border-soft);
  border-radius: 9px;
  background: #f8fafc;
  overflow: hidden;
}

.candidate-gate-item summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  padding: 10px;
}

.candidate-gate-item summary::-webkit-details-marker {
  display: none;
}

.candidate-gate-item summary span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.candidate-gate-item summary strong {
  color: var(--text);
  font-family: "JetBrains Mono", ui-monospace, Consolas, monospace;
  font-size: .78rem;
}

.candidate-gate-item summary small,
.candidate-gate-rules {
  color: var(--muted);
  font-size: .76rem;
  overflow-wrap: anywhere;
}

.candidate-gate-item p,
.candidate-gate-item > small {
  margin: 0;
  padding: 0 10px 10px;
  color: var(--text-soft);
  line-height: 1.42;
}

.candidate-gate-item .gate-context-preview {
  padding-top: 0;
}

.candidate-gate-item .gate-context-preview strong {
  color: var(--muted);
}

.candidate-decision-dock {
  margin: 0;
  gap: 12px;
}

.candidate-decision-dock textarea {
  min-height: 164px;
}

.candidate-decision-actions {
  display: grid;
  gap: 8px;
}

.candidate-decision-actions .button {
  width: 100%;
  justify-content: center;
}

.export-workbench-grid {
  display: grid;
  grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.export-package-panel,
.export-selection-panel,
.export-agent-inspector {
  display: grid;
  gap: 14px;
}

.export-package-panel h2,
.export-action-bar h2,
.export-inspector-block h2 {
  margin: 0;
  letter-spacing: 0;
}

.export-panel-heading {
  display: grid;
  gap: 3px;
}

.export-package-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.export-package-list li {
  display: grid;
  gap: 4px;
  padding: 11px 0;
  border-top: 1px solid var(--border-soft);
}

.export-package-list strong {
  font-family: "JetBrains Mono", monospace;
  color: var(--text);
}

.export-package-list span,
.export-safety-note {
  color: var(--muted);
  line-height: 1.45;
}

.export-safety-note {
  margin: 0;
  border-top: 1px solid var(--border-soft);
  padding-top: 12px;
}

.export-readiness-strip {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--border-soft);
}

.export-readiness-strip div {
  display: grid;
  gap: 3px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--border-soft);
  background: #f8fafc;
}

.export-readiness-strip div:last-child {
  border-bottom: 0;
}

.export-readiness-strip strong {
  color: var(--text);
  font-size: 13px;
}

.export-readiness-strip span {
  color: var(--muted);
  font-family: var(--stitch-mono, monospace);
  font-size: 11px;
  text-transform: uppercase;
}

.export-material-checklist {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--border-soft);
  padding-top: 12px;
}

.export-material-checklist label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 34px;
  color: var(--text);
  font-weight: 650;
}

.export-material-checklist input {
  order: 2;
  width: 16px;
  height: 16px;
  accent-color: var(--accent-bg);
}

.export-filter-bar {
  margin-bottom: 2px;
}

.export-package-form,
.export-feedback-list {
  display: grid;
  gap: 12px;
}

.export-package-form {
  grid-template-columns: minmax(0, 1fr) minmax(280px, 330px);
  grid-template-areas:
    "actions actions"
    "preview inspector"
    "feedback inspector";
  align-items: start;
}

.export-action-bar {
  grid-area: actions;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  border-top: 1px solid var(--border-soft);
  padding-top: 14px;
}

.export-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.export-package-preview {
  grid-area: preview;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #111827;
  color: #f8fafc;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .16);
}

.export-preview-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  background: #f8fafc;
  color: var(--text);
  font-family: var(--stitch-mono, monospace);
  font-size: 12px;
}

.export-preview-toolbar span {
  padding: 3px 7px;
  background: #dbeafe;
  color: #1e3a8a;
}

.export-package-preview pre {
  min-height: 230px;
  margin: 0;
  padding: 18px 20px;
  overflow: auto;
  color: #bfdbfe;
  font-family: var(--stitch-mono, Consolas, monospace);
  font-size: 12px;
  line-height: 1.6;
  white-space: pre-wrap;
}

.export-feedback-list {
  grid-area: feedback;
}

.export-agent-inspector {
  grid-area: inspector;
  position: sticky;
  top: 18px;
  align-self: start;
  border-radius: 10px;
  background: #ffffff;
}

.export-feedback-card {
  display: grid;
  grid-template-columns: minmax(160px, .32fr) minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--border-soft);
  border-radius: 14px;
}

.export-select-row {
  display: grid;
  align-content: start;
  gap: 9px;
  padding: 14px;
  border-right: 1px solid var(--border-soft);
  background: #f8fafc;
  color: var(--text-soft);
  font-weight: 750;
}

.export-select-row input {
  width: 18px;
  height: 18px;
  accent-color: var(--accent-bg);
}

.export-feedback-body {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
}

.export-feedback-body header h3 {
  margin: 3px 0 5px;
  color: var(--text);
  font-size: 1.08rem;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.export-feedback-body header p {
  display: flex;
  gap: 8px 12px;
  flex-wrap: wrap;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.export-feedback-body small {
  color: var(--muted);
}

.export-inspector-block {
  display: grid;
  gap: 10px;
  padding-bottom: 13px;
  border-bottom: 1px solid var(--border-soft);
}

.export-inspector-block p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.export-gate-stack {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.export-gate-stack li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 34px;
  border-bottom: 1px solid var(--border-soft);
  color: var(--text);
}

.export-gate-stack li:last-child {
  border-bottom: 0;
}

.export-gate-stack strong {
  color: #047857;
  font-family: var(--stitch-mono, monospace);
  font-size: 11px;
  text-transform: uppercase;
}

.export-handoff-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.export-handoff-actions .button {
  width: 100%;
  justify-content: center;
}

.quality-workbench {
  display: grid;
  gap: 18px;
}

.quality-metric-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 12px;
}

.quality-metric-strip article {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
  padding: 14px 16px;
  border: 1px solid var(--stitch-outline, var(--border));
  border-radius: var(--stitch-radius, 10px);
  background: var(--stitch-surface, #ffffff);
}

.quality-metric-strip span,
.quality-rule-tags span {
  color: var(--muted);
  font-family: var(--stitch-mono, monospace);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.quality-metric-strip strong {
  color: var(--text);
  font-size: 28px;
  line-height: 1;
}

.quality-control-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.1fr) minmax(280px, .85fr) minmax(280px, .85fr);
  gap: 14px;
  align-items: stretch;
}

.quality-create-panel {
  max-width: none !important;
  margin: 0 !important;
  align-content: start;
}

.quality-panel-title {
  display: grid;
  gap: 4px;
}

.quality-panel-title h2 {
  margin: 0;
  letter-spacing: 0;
}

.quality-form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.quality-gate-matrix,
.quality-suggestion-panel {
  align-content: start;
}

.quality-gate-matrix ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.quality-gate-matrix li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  border-top: 1px solid var(--border-soft);
}

.quality-gate-matrix li:first-child {
  border-top: 0;
}

.quality-gate-matrix li span {
  color: var(--text);
  font-weight: 750;
}

.quality-gate-matrix li strong {
  color: #047857;
  font-family: var(--stitch-mono, monospace);
  font-size: 11px;
  text-transform: uppercase;
}

.quality-suggestion-panel p {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}

.quality-suggestion-panel small {
  color: var(--muted);
  line-height: 1.5;
}

.quality-suggestion-actions {
  margin-top: 12px;
}

.quality-rule-library {
  display: grid;
  gap: 12px;
}

.quality-rule-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

.quality-rule-card {
  min-height: 260px;
  padding: 0 !important;
  overflow: hidden;
}

.quality-rule-card .rule-editor-head {
  padding: 13px 14px;
  border-bottom: 1px solid var(--border-soft);
  background: var(--stitch-surface-low, #f8fafc);
}

.quality-rule-card-body {
  display: grid;
  gap: 11px;
  padding: 15px 14px;
}

.quality-rule-card-body h3 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0;
}

.quality-rule-card-body p {
  display: -webkit-box;
  min-height: 58px;
  margin: 0;
  overflow: hidden;
  color: var(--text-soft);
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.quality-rule-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.quality-rule-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border: 1px solid var(--border-soft);
  border-radius: var(--stitch-radius, 8px);
  background: var(--stitch-surface-low, #f8fafc);
}

.quality-rule-edit {
  border-top: 1px solid var(--border-soft);
}

.quality-rule-edit summary {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  color: var(--accent);
  font-family: var(--stitch-mono, monospace);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.quality-rule-edit[open] {
  padding-bottom: 14px;
}

.quality-rule-edit[open] summary {
  margin-bottom: 10px;
}

.quality-rule-edit .inline-rule-form {
  padding: 0 14px;
}

.quality-rule-card .rule-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 13px 14px;
  border-top: 1px solid var(--border-soft);
  background: var(--stitch-surface-low, #f8fafc);
}

.comment-decision-header h1 {
  max-width: 920px;
  overflow-wrap: anywhere;
}

.comment-decision-grid {
  display: grid;
  grid-template-columns: minmax(280px, .86fr) minmax(380px, 1.2fr) minmax(300px, .92fr);
  gap: 16px;
  align-items: start;
}

.decision-panel {
  display: grid;
  gap: 14px;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: 0 12px 34px rgba(15, 23, 42, .07);
}

.decision-feedback-card,
.decision-action-panel {
  padding: 16px;
}

.decision-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border-soft);
}

.decision-document-preview {
  overflow: hidden;
}

.decision-document-preview .decision-panel-header {
  padding: 14px 16px 12px;
}

.decision-preview-frame {
  max-height: calc(100vh - 220px);
  min-height: 520px;
  overflow: auto;
  padding: 16px;
  background: #e7edf5;
}

.decision-preview-frame img {
  display: block;
  width: min(100%, 960px);
  margin: 0 auto;
  border: 1px solid var(--border-soft);
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, .12);
}

.decision-meta-list {
  display: grid;
  gap: 10px;
  margin: 0;
}

.decision-meta-list div {
  display: grid;
  gap: 3px;
  padding: 10px 0;
  border-top: 1px solid var(--border-soft);
}

.decision-meta-list dt {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.decision-meta-list dd {
  margin: 0;
  color: var(--text);
  overflow-wrap: anywhere;
}

.decision-status-actions,
.decision-ai-action {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 0;
}

.decision-author-form {
  display: grid;
  gap: 12px;
}

.decision-author-form label {
  display: grid;
  gap: 7px;
  color: var(--text-soft);
  font-weight: 700;
}

.decision-author-form textarea {
  min-height: 150px;
  resize: vertical;
}

.decision-gate-summary {
  display: grid;
  gap: 10px;
  border-top: 1px solid var(--border-soft);
  padding-top: 12px;
}

.decision-gate-summary ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
  color: var(--text);
}

.decision-gate-summary p {
  margin: 0;
  color: var(--muted);
  line-height: 1.5;
}

.brand,
.drop-title,
.feature-strip strong,
.review-title-block h1,
.comment-section h3,
.workspace-commandbar h1,
.dashboard-summary-grid span,
.review-filter-bar label,
.bulk-status-form label,
.admin-review-table th {
  letter-spacing: 0;
}

.review-title-block h1 {
  font-size: 1.65rem;
  line-height: 1.16;
}

.review-header {
  border-radius: 8px;
  box-shadow: none;
}

a.status-pill.upload-shortcut,
[data-global-upload-link="true"] {
  text-decoration: none;
}

@media (max-width: 1180px) {
  .review-app-frame,
  .review-workspace-grid,
  .document-workspace,
  .author-app-frame,
  .export-workbench-grid,
  .comment-decision-grid {
    grid-template-columns: 1fr;
  }

  .review-app-frame .dashboard-sidebar,
  .review-gate-panel,
  .review-context-panel[data-stitch-review-panel="context"],
  .review-inspection-stack[data-stitch-review-panel="inspection"],
  .page-thumbnail-rail,
  .document-comment-inspector,
  .author-workspace-sidebar {
    position: static;
  }

  .page-thumbnail-rail {
    max-height: none;
  }

  .page-thumbnail-list {
    grid-auto-flow: column;
    grid-auto-columns: 82px;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .author-page-header {
    display: grid;
  }

  .author-page-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 1040px) {
  .target-app-frame .dashboard-layout,
  .dashboard-summary-grid {
    grid-template-columns: 1fr;
  }

  .target-app-frame .dashboard-sidebar {
    position: static;
    min-height: auto;
  }

  .workspace-commandbar {
    display: grid;
  }

  .workspace-actions {
    justify-content: flex-start;
  }
}

/* Stitch reference implementation layer.
   This is the current visual source of truth: fixed indigo navigation,
   paper workspace, dense document/review panes, and editorial typography. */
:root {
  color-scheme: light;
  --stitch-primary: #091426;
  --stitch-primary-soft: #1e293b;
  --stitch-primary-muted: #8590a6;
  --stitch-bg: #f8f9ff;
  --stitch-surface: #ffffff;
  --stitch-surface-low: #eff4ff;
  --stitch-surface-mid: #e5eeff;
  --stitch-surface-high: #dce9ff;
  --stitch-paper: #fffefa;
  --stitch-text: #0b1c30;
  --stitch-muted: #45474c;
  --stitch-outline: #c5c6cd;
  --stitch-outline-strong: #75777d;
  --stitch-green: #00a472;
  --stitch-green-bg: #d9fbe8;
  --stitch-amber: #b45309;
  --stitch-amber-bg: #fff1cc;
  --stitch-rose: #ba1a1a;
  --stitch-rose-bg: #ffdad6;
  --stitch-sidebar: 280px;
  --stitch-sidebar-bg: #071323;
  --stitch-sidebar-line: rgba(255, 255, 255, .09);
  --stitch-sidebar-text: #f8fbff;
  --stitch-sidebar-muted: #8a98ad;
  --stitch-sidebar-active: rgba(82, 221, 164, .12);
  --stitch-sidebar-hover: rgba(255, 255, 255, .07);
  --stitch-sidebar-accent: #52dda4;
  --stitch-toolbar: 56px;
  --stitch-gutter: 24px;
  --stitch-radius: 4px;
  --stitch-ui: "Hanken Grotesk", Inter, ui-sans-serif, system-ui, sans-serif;
  --stitch-sans: var(--stitch-ui);
  --stitch-serif: "Source Serif 4", Georgia, serif;
  --stitch-mono: var(--stitch-ui);
  --stitch-code: "JetBrains Mono", Consolas, ui-monospace, monospace;
}

.material-symbols-outlined {
  font-family: "Material Symbols Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 22px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  text-align: center;
  vertical-align: -.14em;
  white-space: nowrap;
  direction: ltr;
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;
}

html:not(.material-symbols-ready) .material-symbols-outlined {
  max-width: 1em;
  overflow: hidden;
  opacity: 0 !important;
  color: transparent !important;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--stitch-bg) !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui);
  font-size: 15px;
  line-height: 1.45;
}

body::before,
body::after {
  content: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.app-shell,
.dashboard-shell,
.review-shell,
.target-author-shell,
.target-document-shell {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--stitch-bg) !important;
  color: var(--stitch-text) !important;
}

.stitch-app-frame,
.review-app-frame,
.author-app-frame {
  display: block !important;
  min-height: 100vh;
}

.dashboard-layout {
  display: block !important;
}

.stitch-sidebar,
.target-app-frame .dashboard-sidebar,
.review-app-frame .dashboard-sidebar,
.author-app-frame .dashboard-sidebar,
.target-document-shell .document-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  z-index: 60;
  width: var(--stitch-sidebar) !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: auto;
  padding: 22px 12px 18px !important;
  border: 0 !important;
  border-right: 1px solid var(--stitch-sidebar-line) !important;
  border-radius: 0 !important;
  background: var(--stitch-sidebar-bg) !important;
  color: var(--stitch-sidebar-text) !important;
  box-shadow: none !important;
}

.stitch-sidebar[data-stitch-sidebar-tone="deep-work"] {
  background: var(--stitch-sidebar-bg) !important;
  color: var(--stitch-sidebar-text) !important;
  border-right-color: var(--stitch-sidebar-line) !important;
}

.sidebar-brand {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 2px;
  align-items: center;
  min-height: 44px;
  margin: 0 4px 18px !important;
  color: var(--stitch-sidebar-text) !important;
  text-decoration: none;
}

.sidebar-brand::before {
  content: "+";
  display: grid;
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid rgba(82, 221, 164, .45);
  border-radius: 6px;
  color: var(--stitch-sidebar-accent);
  font-family: var(--stitch-mono);
  font-size: 18px;
  line-height: 1;
}

.sidebar-brand .brand-wordmark {
  grid-column: 2;
  color: var(--stitch-sidebar-text) !important;
  font-family: var(--stitch-ui);
  font-size: 24px !important;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.1;
}

.sidebar-subtitle {
  display: block;
  grid-column: 2;
  min-width: 0;
  color: var(--stitch-sidebar-muted);
  font-family: var(--stitch-mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: normal;
}

.account-block {
  display: grid;
  gap: 5px;
  margin: 0 4px 16px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-top: 1px solid var(--stitch-sidebar-line) !important;
  border-bottom: 1px solid var(--stitch-sidebar-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.account-block strong {
  color: var(--stitch-sidebar-text) !important;
  font-size: 15px;
}

.account-block span {
  color: var(--stitch-sidebar-muted) !important;
}

.sidebar-new-project {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-height: 42px;
  margin: 0 0 20px;
  padding: 0 12px !important;
  border: 1px solid rgba(82, 221, 164, .34);
  border-radius: var(--stitch-radius);
  background: var(--stitch-sidebar-active);
  color: var(--stitch-sidebar-accent);
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.sidebar-section-label {
  margin: 18px 4px 8px !important;
  color: var(--stitch-sidebar-muted) !important;
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.sidebar-link,
.sidebar-button {
  display: flex !important;
  align-items: center;
  gap: 10px;
  min-height: 39px !important;
  margin: 0 0 5px;
  padding: 0 12px !important;
  border: 0 !important;
  border-left: 3px solid transparent !important;
  border-radius: var(--stitch-radius) !important;
  background: transparent !important;
  color: var(--stitch-sidebar-text) !important;
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
}

.sidebar-link .material-symbols-outlined,
.sidebar-button .material-symbols-outlined {
  width: 22px;
  color: currentColor;
}

.stitch-sidebar .material-symbols-outlined {
  flex: 0 0 22px;
  width: 22px !important;
  height: 22px;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  color: currentColor;
  font-size: 21px !important;
  line-height: 1;
  opacity: .9;
}

.sidebar-link:hover,
.sidebar-link.active,
.sidebar-button:hover {
  border-left-color: var(--stitch-sidebar-accent) !important;
  background: var(--stitch-sidebar-hover) !important;
  color: var(--stitch-sidebar-text) !important;
}

.sidebar-link.active {
  background: var(--stitch-sidebar-active) !important;
  color: var(--stitch-sidebar-accent) !important;
}

.dashboard-main,
.review-workspace-main,
.target-author-shell .author-workspace-main,
.target-author-shell .candidate-layout {
  min-height: 100vh;
  margin-left: var(--stitch-sidebar) !important;
  padding: calc(var(--stitch-toolbar) + 38px) var(--stitch-gutter) 64px !important;
  background: var(--stitch-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.stitch-dashboard .dashboard-main {
  display: flex !important;
  flex-direction: column;
}

.dashboard-main[data-stitch-reader-dashboard="shared-documents"] {
  gap: 18px !important;
  padding-top: calc(var(--stitch-toolbar) + 72px) !important;
}

.stitch-dashboard .project-upload-panel {
  scroll-margin-top: calc(var(--stitch-toolbar) + 24px);
}

.stitch-dashboard .author-management-board {
  order: 1;
}

.stitch-dashboard .stitch-new-project-drawer {
  order: 0;
}

.stitch-dashboard .stitch-author-projects {
  order: 1;
}

.stitch-dashboard .stitch-course-console {
  order: 3;
}

.stitch-topbar,
.workspace-commandbar.stitch-topbar,
.target-document-shell > .review-header.stitch-topbar,
.review-workspace-main > .review-header.stitch-topbar,
.author-page-header {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: var(--stitch-sidebar) !important;
  z-index: 50;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  min-height: var(--stitch-toolbar) !important;
  margin: 0 !important;
  padding: 7px var(--stitch-gutter) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: rgba(248, 249, 255, .96) !important;
  box-shadow: none !important;
  backdrop-filter: blur(10px);
}

.stitch-topbar h1,
.author-page-header h1,
.review-title-block h1,
.workspace-commandbar h1 {
  margin: 0 !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui);
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

.target-author-shell .author-page-header[data-author-page-header-density="compact"] {
  min-height: var(--stitch-toolbar) !important;
  max-height: var(--stitch-toolbar);
  overflow: hidden;
  align-items: center !important;
}

.target-author-shell .author-page-header[data-author-page-header-density="compact"] .section-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
}

.target-author-shell .author-page-header[data-author-page-header-density="compact"] .eyebrow,
.target-author-shell .author-page-header[data-author-page-header-density="compact"] .lead {
  display: none !important;
}

.target-author-shell .author-page-header[data-author-page-header-density="compact"] h1 {
  flex: 0 0 auto;
  margin: 0 !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui);
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap;
}

.author-page-status-strip {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.author-page-status-strip span {
  display: inline-flex;
  min-height: 26px;
  max-width: 180px;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 650;
  padding: 0 8px;
}

.stitch-topbar .eyebrow,
.stitch-topbar .document-kind,
.stitch-topbar .back-link,
.workspace-commandbar .eyebrow {
  display: none !important;
}

.stitch-search {
  position: relative;
  flex: 0 1 320px;
}

.stitch-search .material-symbols-outlined {
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  color: #6b7280;
}

.stitch-search input,
.top-nav input[type="search"] {
  width: 100%;
  height: 42px;
  border: 1px solid var(--stitch-outline);
  border-radius: 14px;
  padding: 0 14px 0 44px;
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.stitch-topbar-status-strip {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
  white-space: nowrap;
}

.stitch-topbar-state {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  border-bottom: 2px solid transparent;
  color: var(--stitch-text);
  text-decoration: none;
}

.stitch-topbar-state.active,
.stitch-topbar-state[aria-current="page"] {
  border-color: var(--stitch-text);
}

.stitch-topbar-version {
  color: var(--stitch-muted);
  font-weight: 700;
}

.stitch-topbar-menu {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--stitch-radius);
  background: transparent;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  letter-spacing: 0;
  cursor: default;
}

.stitch-topbar-fill {
  flex: 1 1 auto;
  min-width: 24px;
}

.stitch-topbar-utilities {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-left: auto;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  white-space: nowrap;
}

.author-global-utilities {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 8px;
  margin-left: auto;
}

.author-global-utilities [data-global-upload-link="true"] {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  white-space: nowrap;
}

.author-global-utilities [data-global-upload-link="true"] .material-symbols-outlined {
  font-size: 19px;
}

.author-global-utilities .author-global-notifications {
  width: 38px;
  height: 38px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.author-global-utilities .author-global-notifications .material-symbols-outlined {
  color: var(--stitch-text) !important;
  font-size: 20px;
}

.author-global-utilities .author-global-notifications:hover {
  border-color: var(--stitch-primary);
  background: var(--stitch-surface-low);
}

.author-global-utilities a:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--stitch-primary) 35%, transparent);
  outline-offset: 2px;
}

.author-page-actions > .author-global-utilities,
.project-command-utilities > .author-global-utilities {
  margin-left: 0;
}

.stitch-topbar-utility,
.stitch-topbar-icon,
.stitch-topbar-account {
  display: inline-flex;
  align-items: center;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  letter-spacing: 0;
  text-decoration: none;
}

.stitch-topbar-utility {
  gap: 6px;
}

.stitch-topbar-utility .material-symbols-outlined,
.stitch-topbar-icon .material-symbols-outlined {
  font-size: 20px;
}

.stitch-topbar-icon {
  position: relative;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 999px;
}

.stitch-topbar-badge {
  position: absolute;
  top: 2px;
  right: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: #d89412;
  color: #102033;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.stitch-topbar-account {
  gap: 10px;
  min-width: 0;
}

.stitch-topbar-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
}

.stitch-topbar-account-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.stitch-topbar-account-copy strong,
.stitch-topbar-account-copy small {
  overflow: hidden;
  max-width: 180px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stitch-topbar-account-copy strong {
  color: var(--stitch-text);
  font-size: 14px;
  font-weight: 700;
}

.stitch-topbar-account-copy small {
  color: var(--stitch-muted);
  font-size: 12px;
  font-weight: 600;
}

.stitch-topbar-search[data-stitch-reader-topbar-search="true"],
.author-topbar-search[data-stitch-author-topbar-search="true"] {
  flex: 1 1 min(460px, 46vw);
  max-width: 520px;
  min-height: 46px;
  background: var(--stitch-surface);
}

.author-topbar-search[data-stitch-author-topbar-search="true"] {
  flex-basis: min(300px, 26vw);
  max-width: 320px;
}

.stitch-topbar-search[data-stitch-reader-topbar-search="true"] .material-symbols-outlined,
.author-topbar-search[data-stitch-author-topbar-search="true"] .material-symbols-outlined {
  color: var(--stitch-muted);
  font-size: 21px;
}

.stitch-topbar-search[data-stitch-reader-topbar-search="true"] kbd,
.author-topbar-search[data-stitch-author-topbar-search="true"] kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
}

.author-topbar-status-strip[data-stitch-author-topbar-status="project-state"] {
  flex: 0 0 auto;
  gap: 10px;
}

.author-topbar-status-strip[data-stitch-author-topbar-status="project-state"] .stitch-topbar-state {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-muted);
  font-size: 13px;
}

.author-topbar-status-strip[data-stitch-author-topbar-status="project-state"] .stitch-topbar-state.active {
  border-color: rgba(82, 221, 164, .42);
  background: rgba(82, 221, 164, .12);
  color: var(--stitch-text);
}

.stitch-topbar-upload[data-stitch-reader-upload-action="true"] {
  min-height: 46px;
  padding-inline: 18px !important;
}

.author-topbar-upload[data-stitch-author-topbar-upload="true"] {
  flex: 0 0 auto;
  min-height: 46px;
  padding-inline: 18px !important;
}

.stitch-topbar-action {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 10px;
  border: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
  font-weight: 650;
  letter-spacing: 0;
  text-decoration: none;
}

.workspace-actions,
.review-actions,
.author-page-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.button,
.status-pill,
.tool-button,
.zoom-chip,
.context-link,
[data-global-upload-link="true"] {
  border-radius: var(--stitch-radius) !important;
  font-family: var(--stitch-ui) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  letter-spacing: 0;
  box-shadow: none !important;
}

.button,
.status-pill,
.tool-button {
  min-height: 40px;
  border: 1px solid var(--stitch-outline) !important;
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
}

.button-primary,
.workspace-actions .button-secondary,
.review-actions .button-primary,
[data-global-upload-link="true"] {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
}

.button-ghost,
.button-secondary {
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
}

.button:hover,
.tool-button:hover,
.status-pill:hover {
  transform: none !important;
  border-color: var(--stitch-primary) !important;
}

.document-list,
.review-workbench,
.review-card-board,
.review-gate-panel,
.processing-panel,
.course-management,
.export-package-panel,
.export-selection-panel,
.rule-form,
.rule-editor,
.diff-review-panel,
.archive-lane,
.empty-state,
.candidate-queue-card,
.diff-pane {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
  box-shadow: none !important;
}

.document-list {
  margin: 0 0 28px !important;
  padding: 24px !important;
}

.document-list h2,
.review-workbench h2,
.review-gate-panel h2,
.author-page-header h1,
.section-heading h1,
.section-heading h2 {
  margin: 0 0 8px !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui);
  font-size: 22px !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
}

.document-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr)) !important;
  gap: 24px !important;
}

.reader-workbench[data-stitch-reader-workbench="shared-table"] {
  display: grid;
  gap: 16px;
  padding: 20px !important;
  border-radius: var(--stitch-radius) !important;
  border: 1px solid var(--stitch-outline) !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.reader-pending-invitations {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
  padding: 14px;
  border: 1px solid #b9d8d2;
  border-left: 4px solid #087c6f;
  background: #f4fbf9;
}

.reader-pending-invitations > header,
.reader-pending-invitation {
  display: flex;
  align-items: center;
  gap: 12px;
}

.reader-pending-invitations > header {
  justify-content: space-between;
}

.reader-pending-invitations h2 {
  margin: 0;
  font-size: 17px;
}

.reader-pending-invitation {
  min-height: 58px;
  padding: 9px 10px;
  border-top: 1px solid #d4e7e3;
}

.reader-pending-invitation > span:nth-child(2) {
  display: grid;
  min-width: 0;
  flex: 1 1 auto;
}

.reader-pending-invitation strong,
.reader-pending-invitation small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reader-pending-invitation small {
  color: var(--stitch-muted);
}

.reader-workbench[data-stitch-reader-workbench="shared-table"][data-stitch-reader-frame="open-list"] {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.reader-workbench[data-stitch-reader-workbench="shared-table"][data-stitch-reader-frame="open-list"] .reader-workbench-head {
  padding: 0 0 24px;
  border-bottom: 1px solid var(--stitch-outline);
}

.reader-workbench[data-stitch-reader-workbench="shared-table"][data-stitch-reader-frame="open-list"] .reader-workbench-head h2 {
  font-family: var(--stitch-serif);
  font-size: 32px !important;
  font-weight: 700 !important;
}

.reader-workbench-head {
  align-items: center;
  border-bottom: 0;
  padding: 0;
}

.reader-workbench-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.reader-toolbar[data-stitch-reader-toolbar="true"] {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(150px, .42fr) minmax(150px, .38fr) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: #f7fafc;
}

.reader-toolbar label {
  display: grid;
  gap: 6px;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 720;
  line-height: 1.1;
  letter-spacing: 0;
}

.reader-search {
  position: relative;
}

.reader-search .material-symbols-outlined {
  position: absolute;
  left: 12px;
  bottom: 10px;
  color: var(--stitch-muted);
  font-size: 20px;
}

.reader-search input {
  padding-left: 40px !important;
}

.reader-toolbar input,
.reader-toolbar select {
  width: 100%;
  height: 40px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
}

.reader-public-switch[data-stitch-reader-public-switch="true"] {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(31, 122, 131, .35);
  border-radius: var(--stitch-radius);
  background: #f2fbfb;
  color: var(--stitch-text);
}

.reader-public-switch .material-symbols-outlined {
  color: #1f7a83;
  font-size: 20px;
}

.reader-shared-table[data-stitch-reader-shared-table="true"] {
  display: grid;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  overflow: hidden;
  background: var(--stitch-surface);
}

.reader-shared-head,
.reader-shared-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(150px, .55fr) minmax(150px, .55fr) 120px 170px;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 0 16px;
  border-bottom: 1px solid var(--stitch-outline);
}

.reader-shared-head {
  min-height: 44px;
  background: #f7fafc;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 760;
  line-height: 1.1;
  letter-spacing: 0;
}

.reader-shared-row:last-child {
  border-bottom: 0;
}

.reader-document-title {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.reader-document-title strong {
  display: block;
  overflow: hidden;
  color: var(--stitch-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reader-document-title small {
  display: block;
  margin-top: 2px;
  color: var(--stitch-muted);
  font-size: 12px;
}

.reader-row-actions {
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.reader-empty-row[data-stitch-reader-empty-row="true"] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
  gap: 16px;
  padding: 0 16px;
  color: var(--stitch-muted);
}

.document-tile,
.stitch-project-card,
.author-document-row,
.review-table-wrap,
.compact-list,
.course-list li,
.course-form,
.course-edit-form,
.course-transfer-form {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.document-tile {
  min-height: 186px;
  padding: 24px !important;
  color: var(--stitch-text) !important;
}

.document-tile strong {
  font-size: 20px;
  line-height: 1.2;
}

.document-icon {
  width: max-content !important;
  min-width: 48px;
  height: 30px !important;
  padding: 0 10px;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-high) !important;
  color: var(--stitch-primary) !important;
  font-family: var(--stitch-mono);
}

.document-tile-action,
.context-link {
  color: var(--stitch-primary) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.project-upload-panel {
  display: grid !important;
  gap: 0 !important;
  margin: 0 0 28px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.quick-upload-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 24px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.quick-upload-head h2 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-serif);
  font-size: 32px;
  line-height: 1.12;
}

.quick-upload-workbench {
  display: grid !important;
  grid-template-columns: minmax(360px, .9fr) minmax(420px, 1.1fr);
  gap: 0 !important;
}

.quick-upload-drop {
  padding: 40px;
  border-right: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.drop-zone.stitch-drop-zone,
.drop-zone {
  min-height: 330px !important;
  border: 2px dashed var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-low) !important;
  color: var(--stitch-text) !important;
}

.drop-zone:hover,
.drop-zone.drag-active {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-surface-mid) !important;
  transform: none !important;
}

.drop-icon {
  width: 58px !important;
  height: 58px !important;
  margin: 0 0 18px !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
  font-size: 32px !important;
}

.drop-title {
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui);
  font-size: 22px !important;
}

.drop-subtitle,
.upload-format-strip,
.selected-file,
.empty-note,
.muted {
  color: var(--stitch-muted) !important;
}

.quick-upload-options {
  display: grid;
  gap: 20px;
  padding: 28px;
  background: var(--stitch-surface);
}

.import-register {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-outline);
}

.import-register span {
  display: grid;
  place-items: center;
  min-height: 42px;
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.project-upload-section,
.asset-drawer,
.upload-analysis-panel {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
  gap: 10px;
}

.project-type-shortcut {
  min-height: 96px;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
}

.project-type-shortcut.active,
.project-type-shortcut:hover {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-surface-low) !important;
}

label {
  color: var(--stitch-text);
}

input,
select,
textarea {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--stitch-primary) !important;
  box-shadow: 0 0 0 3px rgba(9, 20, 38, .12) !important;
  outline: none !important;
}

.target-document-shell {
  min-height: 100vh;
  padding: 0 !important;
}

.target-document-shell > .review-header {
  left: var(--stitch-sidebar) !important;
  min-height: 70px !important;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.target-document-shell .review-actions,
.target-document-shell .page-controls {
  flex-wrap: nowrap !important;
}

.document-workspace {
  margin-left: var(--stitch-sidebar) !important;
  padding: 94px 0 32px !important;
  display: grid !important;
  grid-template-columns: 96px minmax(620px, 1fr) 380px !important;
  gap: 0 !important;
  align-items: stretch !important;
  min-height: 100vh;
}

.page-thumbnail-rail {
  position: sticky !important;
  top: 94px !important;
  height: calc(100vh - 110px);
  max-height: none !important;
  padding: 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface-low) !important;
  box-shadow: none !important;
}

.document-canvas-pane,
.document-comment-inspector {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.document-canvas-pane {
  padding: 0 !important;
  background: var(--stitch-surface) !important;
  border-right: 1px solid var(--stitch-outline) !important;
}

.document-canvas-pane .toolbar {
  position: sticky;
  top: 70px;
  z-index: 20;
  min-height: 60px;
  margin: 0 !important;
  padding: 9px 18px;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-bg) !important;
}

.page-stage-shell {
  border-radius: 0 !important;
  background: var(--stitch-bg) !important;
}

.page-stage {
  height: calc(100vh - 130px) !important;
  min-height: 620px !important;
  padding: 58px 64px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--stitch-bg) !important;
  box-shadow: none !important;
}

#page-image {
  width: min(100%, 860px);
  border-radius: 0 !important;
  background: var(--stitch-paper) !important;
  box-shadow: 0 4px 18px rgba(9, 20, 38, .08) !important;
}

.hint {
  display: none;
}

.document-comment-inspector {
  position: sticky !important;
  top: 70px !important;
  height: calc(100vh - 70px);
  overflow: auto;
  padding: 24px !important;
  background: var(--stitch-surface) !important;
}

.comment-workbench-header {
  padding: 0 0 20px !important;
  border-bottom: 1px solid var(--stitch-outline);
}

.comment-workbench-header h2 {
  margin: 0 !important;
  font-family: var(--stitch-mono);
  font-size: 14px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.comment-scope-tabs {
  display: flex !important;
  gap: 0 !important;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-outline);
}

.comment-scope-tabs a {
  flex: 1;
  min-height: 36px;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--stitch-surface-low) !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-mono);
}

.document-comment-inspector > section,
.document-comment-inspector .comment-card,
.passage-comment-list,
.document-comment-panel,
.page-note-panel,
.author-material-panel {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-low) !important;
  box-shadow: none !important;
}

.target-document-shell .review-header[data-stitch-viewer-workspace-topbar="true"] {
  min-height: var(--stitch-toolbar) !important;
  gap: 16px !important;
  overflow: hidden;
  padding: 0 24px !important;
}

.target-document-shell .review-title-block {
  min-width: 180px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.target-document-shell .review-title-block .back-link,
.target-document-shell .review-title-block .eyebrow,
.target-document-shell .review-title-block .document-kind {
  display: none !important;
}

.target-document-shell .review-title-block h1 {
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui) !important;
  font-size: 21px !important;
  line-height: 1.1 !important;
}

.target-document-shell .review-title-block::before {
  content: "description";
  font-family: "Material Symbols Outlined";
  color: var(--stitch-text);
  font-size: 24px;
}

.target-document-shell .review-actions {
  flex: 1 1 auto;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  min-width: 0;
}

.target-document-shell [data-stitch-viewer-page-controls="true"] {
  order: 0;
  flex: 1 1 auto;
  justify-content: center;
  flex-wrap: nowrap !important;
}

.target-document-shell [data-global-upload-link="true"],
.target-document-shell .review-actions > a.button-ghost {
  order: 1;
  flex: 0 0 auto;
}

.target-document-shell .page-controls .button,
.target-document-shell .page-jump-label input,
.target-document-shell .review-actions > a {
  min-height: 40px !important;
  border-radius: var(--stitch-radius) !important;
  font-family: var(--stitch-mono) !important;
  white-space: nowrap;
}

.stitch-viewer-shell .review-header.stitch-topbar.viewer-topbar {
  grid-template-columns: minmax(230px, 1fr) auto auto !important;
  gap: 12px !important;
}

.stitch-viewer-shell .viewer-quick-actions[data-stitch-viewer-quick-actions="true"] {
  flex: 0 0 auto !important;
  justify-self: end;
  gap: 8px !important;
  min-width: 0;
}

.stitch-viewer-shell .viewer-topbar-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px !important;
  padding: 0 14px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-mono) !important;
  font-size: 13px !important;
  font-weight: 800;
  letter-spacing: .03em;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.stitch-viewer-shell .viewer-topbar-action[data-global-upload-link="true"] {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
}

.stitch-viewer-shell .viewer-topbar-action.secondary {
  background: #ffffff !important;
}

.target-document-shell .document-canvas-pane {
  padding: 0 !important;
  overflow: hidden;
}

.target-document-shell [data-stitch-viewer-toolbar="compact"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 8px !important;
  min-height: 58px;
  margin: 0 !important;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  padding: 9px 18px !important;
}

.target-document-shell [data-stitch-viewer-toolbar="compact"] .tool-button,
.target-document-shell [data-stitch-viewer-toolbar="compact"] .zoom-chip,
.target-document-shell [data-stitch-viewer-toolbar="compact"] .ink-controls {
  flex: 0 0 auto;
  min-height: 38px;
}

.target-document-shell [data-stitch-viewer-toolbar="compact"] .tool-button {
  padding: 0 13px;
}

.target-document-shell [data-stitch-viewer-toolbar="compact"] .ink-controls {
  padding: 4px 8px;
}

.target-document-shell .page-stage {
  height: calc(100vh - var(--stitch-toolbar) - 58px) !important;
  min-height: 640px;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--stitch-surface-low) !important;
}

.target-document-shell .document-canvas-pane > .hint {
  display: none !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] {
  grid-template-columns: 48px minmax(620px, 1fr) minmax(360px, 400px) !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] {
  position: relative !important;
  z-index: 18;
  width: 48px !important;
  min-width: 48px !important;
  max-width: 48px !important;
  height: calc(100vh - var(--stitch-toolbar)) !important;
  padding: 12px 8px !important;
  overflow: visible;
  border-right: 1px solid var(--stitch-outline) !important;
  background: #eef4ff !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-rail-heading {
  display: none !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-list {
  display: grid;
  align-content: start;
  grid-auto-flow: row;
  grid-auto-rows: 42px;
  gap: 10px;
  height: auto !important;
  max-height: none !important;
  overflow: visible;
  padding: 0 !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-button {
  width: 32px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  padding: 0 !important;
  display: grid;
  place-items: center;
  gap: 0;
  border: 1px solid transparent !important;
  border-radius: var(--stitch-radius) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-button img {
  display: none !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-button span {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 13px;
  font-weight: 800;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-button.active {
  border-color: var(--stitch-primary) !important;
  background: #ffffff !important;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .page-thumbnail-rail[data-stitch-page-rail="peek"] .page-thumbnail-button.active span {
  color: var(--stitch-primary);
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .document-canvas-pane[data-stitch-reader-document="true"] {
  grid-template-rows: minmax(0, 1fr) !important;
}

.target-document-shell [data-stitch-floating-tool-dock="true"] {
  position: absolute !important;
  top: 82px !important;
  right: 18px !important;
  z-index: 22;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 8px !important;
  width: auto;
  max-width: min(340px, calc(100% - 36px));
  min-height: 44px !important;
  margin: 0 !important;
  padding: 7px !important;
  overflow: hidden;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 16px 38px rgba(9, 20, 38, .12);
}

.target-document-shell [data-stitch-floating-tool-dock="true"] .viewer-fit-controls,
.target-document-shell [data-stitch-floating-tool-dock="true"] .viewer-annotation-tools {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.target-document-shell [data-stitch-floating-tool-dock="true"] .viewer-annotation-tools {
  padding-left: 8px;
  border-left: 1px solid var(--stitch-outline);
}

.target-document-shell [data-stitch-floating-tool-dock="true"] .tool-button {
  min-height: 34px !important;
  padding: 0 10px !important;
  border-radius: calc(var(--stitch-radius) - 2px) !important;
}

.target-document-shell [data-stitch-floating-tool-dock="true"] #tool-select,
.target-document-shell [data-stitch-floating-tool-dock="true"] #tool-draw {
  width: 38px !important;
}

.target-document-shell [data-stitch-floating-tool-dock="true"] .ink-controls,
.target-document-shell [data-stitch-floating-tool-dock="true"] #tool-eraser,
.target-document-shell [data-stitch-floating-tool-dock="true"] #tool-type,
.target-document-shell [data-stitch-floating-tool-dock="true"] #undo-ink,
.target-document-shell [data-stitch-floating-tool-dock="true"] #clear-ink {
  display: none !important;
}

.target-document-shell [data-stitch-floating-tool-dock="true"] + .hint {
  display: none !important;
}

.target-document-shell .document-sidebar .sidebar-subtitle {
  display: none !important;
}

.target-document-shell .document-sidebar .sidebar-new-project {
  min-height: 44px !important;
  margin: 16px 0 28px !important;
  padding: 0 14px !important;
  border-radius: 6px !important;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] {
  grid-template-rows: 58px 44px 44px minmax(0, 1fr) auto !important;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] {
  min-height: 56px !important;
  padding: 0 20px !important;
  grid-template-columns: minmax(190px, .72fr) minmax(480px, auto) minmax(260px, .72fr) !important;
  gap: 12px !important;
  background: #ffffff !important;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-document-text strong {
  font-size: 16px !important;
  font-weight: 740;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-document-kind {
  font-family: var(--stitch-ui);
  font-size: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-nav-cluster {
  min-height: 40px;
  border-radius: var(--stitch-radius);
  overflow: hidden;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-zoom-strip,
.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .page-controls {
  min-height: 40px;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .chrome-icon-button {
  width: 42px;
  min-width: 42px;
  height: 40px;
  font-size: 18px;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .page-jump-label,
.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .page-count,
.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .zoom-chip {
  min-height: 40px !important;
  font-family: var(--stitch-ui) !important;
  font-size: 12px !important;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .page-controls input {
  width: 42px;
  height: 30px;
  border-radius: var(--stitch-radius);
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-topbar-action {
  min-height: 34px !important;
  padding-inline: 12px;
  font-family: var(--stitch-ui) !important;
  font-size: 13px !important;
  letter-spacing: 0;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-menu {
  position: relative;
  min-width: 0;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-menu summary {
  cursor: pointer;
  list-style: none;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-menu summary::-webkit-details-marker {
  display: none;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-list {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  right: 0;
  display: grid;
  min-width: 190px;
  gap: 6px;
  padding: 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(9, 20, 38, .14);
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-menu:not([open]) .viewer-writing-tool-list {
  display: none;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-writing-tool-list form {
  margin: 0;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-tool-menu-action {
  width: 100%;
  justify-content: flex-start;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-quick-actions {
  position: relative;
  z-index: 1;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  flex-wrap: nowrap !important;
}

.stitch-viewer-shell .review-header[data-stitch-viewer-chrome="single-row-toolbar"] .viewer-nav-cluster {
  position: relative;
  z-index: 2;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] {
  grid-template-rows: 52px 42px 34px minmax(0, 1fr) auto !important;
  padding: 0 !important;
  background: #ffffff !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-workbench-header {
  min-height: 52px;
  padding: 0 18px !important;
  align-items: center;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-workbench-header h2 {
  font-family: var(--stitch-ui);
  font-size: 16px !important;
  font-weight: 760 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .feedback-panel-tabs {
  min-height: 42px;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .feedback-panel-tabs a {
  min-height: 42px;
  font-size: 13px;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-scope-tabs {
  display: flex !important;
  min-height: 34px;
  padding: 4px 18px 6px !important;
  border: 0 !important;
  background: #ffffff !important;
  gap: 8px !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-scope-tabs a {
  flex: 0 0 auto;
  min-height: 26px !important;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--stitch-muted) !important;
  font-family: var(--stitch-ui) !important;
  font-size: 12px !important;
  font-weight: 700;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-scope-tabs a[data-comment-scope-active="document"],
.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .comment-scope-tabs a[aria-current="true"] {
  border-color: rgba(0, 164, 114, .45) !important;
  background: var(--stitch-green-bg) !important;
  color: #064e3b !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .feedback-feed {
  padding: 14px 12px 12px !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .page-note-panel[data-stitch-page-feedback-primary="true"],
.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .passage-comment-list,
.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .document-comment-feed {
  border-radius: var(--stitch-radius) !important;
  background: #ffffff !important;
}

.document-comment-inspector[data-stitch-feedback-density="target-threaded-panel"] .document-comment-panel[data-stitch-feedback-composer="document"] {
  margin: 0 !important;
  border-top: 1px solid var(--stitch-outline) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

.comment-workbench-header[data-stitch-feedback-header="true"] {
  min-height: 58px;
  padding-inline: 18px !important;
}

.comment-workbench-header[data-stitch-feedback-header="true"] .panel-kicker {
  display: none !important;
}

.comment-workbench-header[data-stitch-feedback-header="true"] h2 {
  font-size: 18px !important;
  font-weight: 760 !important;
}

.feedback-panel-tabs[data-stitch-feedback-panel-tabs="true"] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 44px;
  padding: 0 18px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #ffffff;
}

.feedback-panel-tabs[data-stitch-feedback-panel-tabs="true"] a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border-bottom: 2px solid transparent;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.feedback-panel-tabs[data-stitch-feedback-panel-tabs="true"] a[aria-current="page"] {
  border-bottom-color: #1f7a83;
  color: #0f5d66;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs {
  min-height: 44px;
  padding-inline: 18px !important;
  background: #f7fafc;
}

.document-comment-inspector[data-stitch-feedback-panel="true"] .comment-scope-tabs a {
  min-height: 44px;
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] {
  display: grid !important;
  gap: 10px;
  padding: 18px !important;
  background: #ffffff !important;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] .panel-kicker {
  display: none;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] h3 {
  color: var(--stitch-text);
  font-size: 15px !important;
  font-weight: 760;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] textarea {
  min-height: 76px !important;
  border-radius: 6px;
  background: #fbfdff;
  font-size: 13px;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] .comment-actions {
  margin-top: 0;
  justify-content: flex-start;
}

.page-note-panel[data-stitch-page-feedback-primary="true"] .button {
  min-height: 34px;
  border-radius: 6px;
  box-shadow: none;
}

.document-comment-inspector [data-stitch-page-note-drawer="inline"] {
  display: grid !important;
}

.review-workspace-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, .8fr) minmax(520px, 1.2fr) !important;
  gap: 24px !important;
}

.review-feedback-column {
  display: grid;
  gap: 0 !important;
}

.review-workbench {
  border-bottom: 0 !important;
  border-radius: var(--stitch-radius) var(--stitch-radius) 0 0 !important;
  padding: 16px !important;
  background: var(--stitch-surface-low) !important;
}

.review-card-board {
  border-radius: 0 0 var(--stitch-radius) var(--stitch-radius) !important;
  padding: 0 !important;
  overflow: hidden;
}

.review-card-list {
  gap: 0 !important;
}

.review-card {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.review-card:hover {
  background: var(--stitch-surface-low) !important;
}

.review-card:first-child {
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
}

.review-card:first-child .review-card-title-block h2,
.review-card:first-child .review-card-title-block p,
.review-card:first-child .comment-text,
.review-card:first-child blockquote,
.review-card:first-child .feedback-block-label,
.review-card:first-child .reviewer-name,
.review-card:first-child .ai-guard-note {
  color: #ffffff !important;
}

.review-card-marker {
  display: grid;
  place-items: start center;
  padding-top: 20px;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--stitch-green) !important;
  font-family: var(--stitch-mono);
  font-size: 14px;
}

.review-card-main {
  padding: 18px !important;
}

.review-card-header,
.review-card-footer {
  align-items: start;
}

.review-card-title-block h2 {
  margin: 3px 0 6px !important;
  font-family: var(--stitch-serif);
  font-size: 23px !important;
  line-height: 1.18 !important;
}

.review-card-body {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

.feedback-block {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-low) !important;
}

.review-card:first-child .feedback-block {
  border-color: rgba(255, 255, 255, .2) !important;
  background: rgba(255, 255, 255, .08) !important;
}

.status-count-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px !important;
}

.status-count-card {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
}

.status-badge,
.review-card-title-block p span,
.review-card-queue,
.feedback-block-label,
.panel-kicker,
.eyebrow {
  font-family: var(--stitch-mono) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase;
}

.status-approved,
.review-card-approved .status-badge {
  background: var(--stitch-green-bg) !important;
  color: #005236 !important;
}

.status-rejected,
.review-card-rejected .status-badge {
  background: var(--stitch-rose-bg) !important;
  color: var(--stitch-rose) !important;
}

.status-new,
.review-card-new .status-badge {
  background: var(--stitch-amber-bg) !important;
  color: var(--stitch-amber) !important;
}

.review-gate-panel {
  position: sticky !important;
  top: calc(var(--stitch-toolbar) + 24px) !important;
  align-self: start;
  padding: 24px !important;
}

.review-gate-panel section {
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-low) !important;
}

.review-bundle-status-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 12px;
}

.review-bundle-status-card {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 112px;
  padding: 18px 20px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-text);
}

.review-bundle-status-card p {
  margin: 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-serif);
  font-size: 15px;
}

.review-bundle-meter {
  height: 10px;
  border-radius: 999px;
  background: var(--stitch-surface-mid);
  overflow: hidden;
}

.review-bundle-meter span {
  display: block;
  height: 100%;
  background: var(--stitch-primary);
}

.review-quality-score {
  color: var(--stitch-text);
  font-family: var(--stitch-serif);
  font-size: 34px;
  line-height: .95;
  font-weight: 400;
}

.review-bundle-status-card[data-stitch-review-status-card="agent-status"] {
  position: relative;
}

.review-bundle-status-card[data-stitch-review-status-card="agent-status"]::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 18px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--stitch-green);
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"] {
  grid-template-columns: minmax(330px, 380px) minmax(280px, 330px) minmax(0, 1fr) !important;
  align-items: start;
  gap: 12px !important;
}

.review-header[data-stitch-review-workspace-topbar="true"] {
  min-height: var(--stitch-toolbar) !important;
  padding: 0 24px !important;
  gap: 14px !important;
  overflow: hidden;
  font-family: var(--stitch-ui);
}

.stitch-review-topbar-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 22px !important;
  flex: 1 1 auto;
  min-width: 0;
}

.stitch-review-topbar-left > .eyebrow,
.stitch-review-topbar-left > h1 {
  display: none !important;
}

.stitch-topbar-product {
  display: none;
}

.stitch-topbar-search {
  flex: 0 0 min(300px, 26vw);
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-mid);
  padding: 0 14px;
}

.stitch-topbar-search input {
  width: 100%;
  min-height: 36px;
  border: 0;
  background: transparent;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
  outline: none;
}

.stitch-version-tabs {
  display: none;
  align-items: center;
  gap: 18px;
  flex: 0 0 auto;
  white-space: nowrap;
}

.stitch-version-tabs a {
  color: var(--stitch-muted);
  text-decoration: none;
  font-family: var(--stitch-serif);
  font-size: 15px;
}

.stitch-version-tabs a.active {
  color: var(--stitch-text);
  border-bottom: 2px solid var(--stitch-text);
  font-weight: 700;
}

.review-header[data-stitch-review-workspace-topbar="true"] .review-actions {
  align-items: center;
  gap: 14px;
  flex: 0 0 auto;
  flex-wrap: nowrap !important;
  white-space: nowrap;
}

.review-header[data-stitch-review-workspace-topbar="true"] .icon-button {
  width: 38px;
  height: 38px;
  border: 0;
  background: transparent;
  color: var(--stitch-muted);
}

.review-header[data-stitch-review-workspace-topbar="true"] .review-actions a[href="/author/review"] {
  display: none !important;
}

.review-header[data-stitch-review-workspace-topbar="true"] .button,
.review-header[data-stitch-review-workspace-topbar="true"] .status-pill {
  min-height: 38px !important;
  border-radius: var(--stitch-radius) !important;
  font-family: var(--stitch-ui) !important;
  padding-inline: 18px !important;
}

.review-header[data-stitch-review-workspace-topbar="true"] .review-actions {
  display: none !important;
}

.review-page-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  padding: 18px var(--stitch-gutter) 12px;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.review-page-heading h1 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 24px;
  font-weight: 760;
  line-height: 1.15;
  letter-spacing: 0;
}

.review-page-heading p {
  margin: 4px 0 0;
  color: var(--stitch-muted);
  font-size: 14px;
  line-height: 1.35;
}

.review-heading-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.target-review-shell .review-page-heading[data-stitch-review-heading="compact"] {
  display: flex !important;
  min-height: 58px;
  align-items: center;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.target-review-shell,
.target-review-shell button,
.target-review-shell input,
.target-review-shell select,
.target-review-shell textarea,
.target-review-shell .panel-kicker,
.target-review-shell .feedback-block-label,
.target-review-shell .review-card-queue,
.target-review-shell .review-card-title-block p span,
.target-review-shell .review-card-checkbox,
.target-review-shell .review-card-title-block p,
.target-review-shell .review-card-context,
.target-review-shell .reviewer-name,
.target-review-shell .status-badge,
.target-review-shell .review-inspection-meta,
.target-review-shell .review-inspection-meta span,
.target-review-shell .review-context-meta span,
.target-review-shell .review-gate-label,
.target-review-shell blockquote {
  font-family: var(--stitch-ui) !important;
  letter-spacing: 0 !important;
}

.target-review-shell .panel-kicker,
.target-review-shell .feedback-block-label,
.target-review-shell .review-card-queue,
.target-review-shell .review-card-title-block p span,
.target-review-shell .review-card-checkbox,
.target-review-shell .review-inspection-meta span,
.target-review-shell .review-context-meta span,
.target-review-shell .review-filter-drawer summary,
.target-review-shell .status-count-card,
.target-review-shell .review-gate-label {
  color: var(--stitch-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: none !important;
}

.review-sidebar .account-block,
.review-sidebar .sidebar-section-label {
  display: none !important;
}

.review-sidebar .sidebar-brand {
  margin-bottom: 46px !important;
}

.review-sidebar .sidebar-new-project {
  order: 20;
  margin-top: auto !important;
  margin-bottom: 26px !important;
}

.review-sidebar .sidebar-link {
  min-height: 58px;
}

.review-feedback-column[data-stitch-review-panel="queue"] {
  max-height: calc(100vh - var(--stitch-toolbar) - 38px);
  overflow: auto;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.review-queue-header {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  padding: 0 20px;
}

.review-queue-header h2 {
  margin: 0;
  font-family: var(--stitch-ui);
  font-size: 17px;
  font-weight: 760;
  line-height: 1.1;
}

.review-queue-header span {
  border-radius: 999px;
  background: var(--stitch-primary);
  color: #fff;
  padding: 7px 12px;
  font-family: var(--stitch-ui);
  font-size: 11px;
  text-transform: uppercase;
}

.review-skill-strip {
  display: grid;
  gap: 10px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
  padding: 16px 20px;
}

.review-skill-strip p {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 16px;
  font-weight: 700;
}

.review-skill-strip div {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.review-skill-strip span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(0, 164, 114, .25);
  border-radius: 2px;
  background: rgba(78, 222, 163, .18);
  color: var(--stitch-green);
  padding: 7px 10px;
  font-family: var(--stitch-ui);
  font-size: 11px;
  font-weight: 700;
}

.review-skill-strip span + span {
  border-color: transparent;
  background: var(--stitch-accent-soft);
  color: var(--stitch-muted);
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-workbench,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card-board {
  border: 0 !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-workbench {
  padding: 0 !important;
  border-radius: 0 !important;
}

.review-filter-drawer {
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.review-filter-drawer summary {
  min-height: 46px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  cursor: pointer;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.review-filter-drawer-body {
  display: grid;
  gap: 12px;
  border-top: 1px solid var(--stitch-outline);
  padding: 16px;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-board {
  background: var(--stitch-surface-low) !important;
  padding: 14px !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-list {
  display: grid !important;
  gap: 12px !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card {
  grid-template-columns: 42px minmax(0, 1fr) !important;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .05) !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-ui) !important;
  overflow: hidden;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] {
  border-color: rgba(0, 104, 255, .35) !important;
  box-shadow: inset 4px 0 0 var(--stitch-primary), 0 14px 28px rgba(15, 23, 42, .08) !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"],
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .review-card-title-block h2,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .review-card-title-block p,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .comment-text,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] blockquote,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .feedback-block-label,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .reviewer-name,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-selected="true"] .ai-guard-note {
  color: var(--stitch-text) !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-main {
  padding: 14px 16px !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-marker {
  padding-top: 17px;
  color: var(--stitch-primary) !important;
  background: var(--stitch-surface-mid) !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-title-block h2 {
  font-family: var(--stitch-ui) !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}

.review-card-meta-strip[data-review-card-meta-strip="true"] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.review-card-meta-strip[data-review-card-meta-strip="true"] span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: var(--stitch-surface-low);
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
}

.review-card-meta-strip[data-review-card-meta-strip="true"] span[data-review-card-meta-chip="source"],
.review-card-meta-strip[data-review-card-meta-strip="true"] span[data-review-card-meta-chip="rule"] {
  border-color: rgba(14, 116, 144, .28);
  background: #ecfeff;
  color: #155e75;
}

.review-card-command-strip[data-review-card-command-strip="true"] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--stitch-outline);
}

.review-card-command-strip[data-review-card-command-strip="true"] .context-link {
  min-height: 28px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  background: transparent;
}

.review-card-command-strip[data-review-card-command-strip="true"] .context-link[data-review-card-primary-action="decision"] {
  border-color: rgba(31, 122, 131, .35);
  background: #f2fbfb;
  color: #155e66;
}

.review-card-focus-state,
.review-card-focus-link {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  padding: 0 9px;
  border-radius: 999px;
  font-family: var(--stitch-ui);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0;
  text-decoration: none;
}

.review-card-focus-state {
  border: 1px solid rgba(31, 122, 131, .34);
  background: #ecfeff;
  color: #155e75;
}

.review-card-focus-link {
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  color: var(--stitch-text);
}

.review-card-focus-link:hover,
.review-card-focus-link:focus-visible {
  border-color: rgba(31, 122, 131, .42);
  background: #f2fbfb;
  color: #155e66;
}

.review-card-command-strip[data-review-card-command-strip="true"] .context-link[data-review-card-primary-action="focus"] {
  border-color: rgba(2, 6, 23, .12);
  background: var(--stitch-surface-mid);
  color: var(--stitch-text);
  font-weight: 800;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-body,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card-footer {
  display: none !important;
}

.review-context-panel[data-stitch-review-panel="context"] {
  display: grid;
  gap: 14px;
  position: sticky;
  top: calc(var(--stitch-toolbar) + 22px);
  align-self: start;
  max-height: calc(100vh - var(--stitch-toolbar) - 38px);
  overflow: auto;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  padding: 18px;
}

.review-context-header {
  display: grid;
  gap: 6px;
  border-bottom: 1px solid var(--stitch-outline);
  padding-bottom: 14px;
}

.review-context-header strong {
  color: var(--stitch-text);
  font-family: var(--stitch-serif);
  font-size: 22px;
  line-height: 1.1;
}

.review-context-header span:last-child {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 12px;
  text-transform: uppercase;
}

.review-document-preview {
  display: grid;
  place-items: center;
  min-height: 260px;
  margin: 0;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  overflow: hidden;
}

.review-document-preview img {
  width: 100%;
  max-height: 360px;
  object-fit: contain;
  background: #fff;
}

.review-document-placeholder {
  display: grid;
  place-items: center;
  gap: 8px;
  padding: 28px;
  text-align: center;
}

.review-document-placeholder .material-symbols-outlined {
  color: var(--stitch-primary);
  font-size: 42px;
}

.review-document-placeholder strong {
  font-family: var(--stitch-serif);
  font-size: 20px;
}

.review-document-placeholder p,
.review-context-feedback p {
  margin: 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-serif);
  font-size: 15px;
  line-height: 1.45;
}

.review-context-passage,
.review-context-feedback {
  display: grid;
  gap: 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  padding: 14px;
}

.review-context-passage blockquote {
  margin: 0;
  border-left: 4px solid var(--stitch-primary);
  padding-left: 12px;
  color: var(--stitch-text);
  font-family: var(--stitch-serif);
  font-size: 18px;
  line-height: 1.35;
}

.review-context-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.review-context-meta span {
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: var(--stitch-surface);
  color: var(--stitch-muted);
  padding: 5px 9px;
  font-family: var(--stitch-mono);
  font-size: 11px;
  text-transform: uppercase;
}

.review-filter-bar[data-stitch-review-filters="true"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.review-filter-bar[data-stitch-review-filters="true"] button {
  grid-column: span 2;
}

.bulk-status-form {
  display: block !important;
}

.review-bulk-drawer {
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.review-bulk-drawer summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 13px;
  cursor: pointer;
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.review-bulk-drawer-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  border-top: 1px solid var(--stitch-outline);
  padding: 10px;
}

.review-bulk-drawer-grid label {
  grid-column: span 2;
  min-width: 0 !important;
}

.review-bulk-drawer-grid .button {
  width: 100%;
  min-height: 36px;
  justify-content: center;
  padding: 8px 10px;
  font-size: 11px;
  line-height: 1.1;
}

.review-inspection-stack[data-stitch-review-panel="inspection"] {
  display: grid;
  gap: 12px;
  position: sticky;
  top: calc(var(--stitch-toolbar) + 22px);
  align-self: start;
}

.review-inspection-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .86fr);
  gap: 0;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"] .review-inspection-panel {
  grid-template-columns: minmax(0, 1fr);
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"] .review-comment-context,
.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"] .review-solution-options {
  grid-column: 1 / -1;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"] .review-inspection-actionbar {
  grid-template-columns: 1fr;
  gap: 10px;
}

.review-inspection-header,
.review-inspection-meta,
.review-inspection-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.review-inspection-header {
  grid-column: 1 / -1;
  justify-content: space-between;
  min-height: 56px;
  border-bottom: 1px solid var(--stitch-outline);
  padding: 0 30px;
}

.review-inspection-header strong,
.review-inspection-meta span {
  font-family: var(--stitch-mono);
  font-size: 12px;
  text-transform: uppercase;
  color: var(--stitch-muted);
}

.review-inspection-panel h2 {
  display: none;
  grid-column: 1 / -1;
  margin: 0;
  font-family: var(--stitch-sans);
  font-size: 24px;
  line-height: 1.2;
}

.review-inspection-meta {
  grid-column: 1 / -1;
  padding: 14px 32px 0;
}

.review-inspection-block {
  display: grid;
  gap: 10px;
  border-top: 0;
  padding: 18px 32px;
}

.review-source-passage {
  grid-column: 1 / -1;
}

.review-inspection-block blockquote {
  margin: 0;
  border-left: 4px solid var(--stitch-primary);
  padding: 14px 0 14px 22px;
  color: var(--stitch-text);
  font-family: var(--stitch-serif);
  font-size: clamp(22px, 1.8vw, 29px);
  line-height: 1.25;
}

.review-inspection-block p {
  margin: 0;
  color: var(--stitch-text);
  font-size: 18px;
  line-height: 1.45;
}

.review-inspection-decision {
  grid-column: 1 / -1;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  border-top: 1px solid var(--stitch-outline);
  padding-top: 14px;
  padding-bottom: 14px;
}

.review-solution-options {
  align-content: start;
  border-top: 1px solid var(--stitch-outline);
}

.review-solution-options label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  min-height: 62px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  padding: 12px 14px;
}

.review-solution-options input {
  width: 18px;
  height: 18px;
}

.review-solution-options strong,
.review-solution-options small {
  display: block;
}

.review-solution-options small {
  margin-top: 4px;
  color: var(--stitch-muted);
  font-size: 12px;
  line-height: 1.35;
}

.review-comment-context {
  align-content: start;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.review-comment-context p {
  font-style: italic;
}

.review-inspection-actions {
  display: none;
}

.review-inspection-actionbar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: 1fr .72fr .86fr;
  gap: 14px;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-accent-soft);
  padding: 16px 32px;
}

.review-inspection-actionbar form {
  display: contents;
}

.review-inspection-actionbar .button {
  width: 100%;
  min-height: 48px;
  justify-content: center;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card-body,
.review-feedback-column[data-stitch-review-panel="queue"] .review-card-footer {
  display: none !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card {
  min-height: 160px;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="cards-preview-decision"] {
  grid-template-columns: minmax(365px, .95fr) minmax(345px, 1fr) minmax(315px, .9fr) !important;
  gap: 14px !important;
  min-width: 0;
}

.review-workspace-main[data-review-workspace-shell="true"] {
  overflow-x: clip;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="cards-preview-decision"] > * {
  min-width: 0;
}

.review-feedback-column[data-stitch-review-queue-density="open-cards"] {
  background: var(--stitch-surface) !important;
}

.review-card-board[data-stitch-review-queue-density="open-cards"] {
  background: transparent !important;
  padding: 0 !important;
}

.review-card-board[data-stitch-review-queue-density="open-cards"] .review-card-list {
  gap: 0 !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-frame="standalone"] {
  position: relative;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 148px;
  border-width: 0 0 1px 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: var(--stitch-ui) !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-frame="standalone"][data-review-card-selected="true"] {
  border-color: rgba(0, 104, 255, .32) !important;
  background: linear-gradient(90deg, rgba(0, 104, 255, .08), var(--stitch-surface) 18%) !important;
  box-shadow: inset 4px 0 0 var(--stitch-primary) !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-frame="standalone"] .review-card-marker {
  position: absolute;
  top: 18px;
  left: 16px;
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: var(--stitch-surface) !important;
  padding: 0;
  font-size: 12px;
  font-weight: 760;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-frame="standalone"] .review-card-main {
  padding: 18px 18px 18px 58px !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card[data-review-card-frame="standalone"] .review-card-annotation {
  max-width: 52ch;
  opacity: .82;
}

.review-context-panel[data-stitch-review-preview-density="large-context"] .review-document-preview {
  min-height: 340px;
}

.review-context-panel[data-stitch-review-preview-density="large-context"] .review-document-preview img {
  max-height: 440px;
}

.review-inspection-panel[data-stitch-review-inspector-density="decision-rail"] {
  min-width: 0;
}

.review-card-annotation {
  margin: 10px 0 0;
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
  opacity: .68;
}

.review-inspection-stack .review-gate-panel {
  position: static !important;
  padding: 0 !important;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="queue-inspection"] {
  grid-template-columns: minmax(390px, 440px) minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start;
  min-width: 0;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="queue-inspection"] > .review-context-panel {
  display: none !important;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="queue-inspection"] .review-feedback-column[data-stitch-review-panel="queue"] {
  max-height: calc(100vh - var(--stitch-toolbar) - 112px);
  overflow: hidden;
}

.review-workspace-grid[data-stitch-review-layout="queue-context-inspector"][data-stitch-review-layout-columns="queue-inspection"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
  max-height: calc(100vh - var(--stitch-toolbar) - 270px);
  overflow-y: auto;
}

.review-inspection-panel[data-stitch-review-inspection-card="true"] {
  grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.review-inspection-body[data-stitch-review-inspection-body="source-solution-comment"] {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
  gap: 0;
}

.review-inspection-body[data-stitch-review-inspection-body="source-solution-comment"] .review-source-passage {
  grid-column: 1 / 2;
  border-right: 1px solid var(--stitch-outline);
  padding: 34px 38px 24px;
}

.review-inspection-document-preview[data-stitch-review-context-document="true"] {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  min-height: 220px;
  margin: 0;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
  overflow: hidden;
}

.review-inspection-document-preview[data-stitch-review-context-document="true"] img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 280px;
  object-fit: contain;
  background: #ffffff;
}

.review-inspection-body[data-stitch-review-inspection-body="source-solution-comment"] .review-solution-options {
  grid-column: 1 / 2 !important;
  border-right: 1px solid var(--stitch-outline);
  padding: 20px 38px 34px;
}

.review-inspection-body[data-stitch-review-inspection-body="source-solution-comment"] .review-comment-context {
  grid-column: 2 / 3 !important;
  align-content: start;
  padding: 24px;
  border-top: 0;
}

.review-inspection-panel[data-stitch-review-inspection-card="true"] .review-inspection-decision {
  grid-column: 1 / -1;
}

.review-inspection-panel[data-stitch-review-inspection-card="true"] .review-inspection-actionbar[data-stitch-review-actions="accept-reject-ai"] {
  grid-column: 1 / -1;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .55fr) minmax(220px, .8fr);
  position: sticky;
  bottom: 0;
  z-index: 2;
  box-shadow: 0 -1px 0 var(--stitch-outline);
}

.stage-nav-button {
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
}

.target-document-shell .passage-highlight {
  background: rgba(250, 204, 21, .3) !important;
  mix-blend-mode: multiply;
}

.target-document-shell .passage-highlight-draft {
  background: rgba(16, 185, 129, .32) !important;
  outline: 1px dashed rgba(5, 122, 85, .7);
  outline-offset: 1px;
}

.target-document-shell .passage-highlight-source-tool,
.target-document-shell .passage-highlight-source-vale {
  background: rgba(56, 189, 248, .28) !important;
}

.passage-anchor-heading {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.passage-margin-marker {
  border-color: var(--stitch-green) !important;
  background: var(--stitch-primary) !important;
  color: #ffffff !important;
}

.app-shell[data-stitch-public-shell="anonymous"] {
  width: 100%;
  margin: 0;
  padding: 0 0 40px !important;
}

.app-shell[data-stitch-public-shell="anonymous"] .top-nav {
  margin: 0;
  padding: 16px 32px;
  border-width: 0 0 1px;
  border-radius: 0;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.app-shell[data-stitch-public-shell="anonymous"] .brand-wordmark {
  font-family: var(--stitch-serif);
  font-size: 34px;
  font-weight: 700;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] {
  width: 100%;
  margin: 0 auto !important;
  padding: 0 0 48px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-workbench[data-stitch-public-library="result-table"] {
  margin: 0;
  padding: 28px 32px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-layout[data-stitch-public-library-layout="filters-results"] {
  grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
  gap: 24px;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-filter-rail[data-stitch-public-filter-rail="true"],
.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-document-table[data-stitch-public-result-table="true"] {
  border-radius: 0;
}

/* Stitch project setup reference: central wizard instead of form-heavy upload slab. */
.project-upload-panel[data-stitch-project-setup-wizard="true"] {
  width: min(880px, calc(100% - 32px));
  margin: 26px auto 54px !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .quick-upload-head {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 14px 0 26px;
  border: 0;
  background: transparent;
  text-align: center;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .quick-upload-head h2 {
  font-family: var(--stitch-serif);
  font-size: clamp(36px, 4vw, 48px) !important;
  line-height: 1.08;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .quick-upload-head .upload-summary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  font-size: 13px;
}

.project-upload-panel[data-stitch-project-create-screen="true"] .upload-direct-caption {
  color: var(--stitch-muted);
}

.project-upload-panel[data-stitch-project-create-screen="true"] [data-upload-file-name] {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  border-left: 1px solid var(--stitch-outline);
  padding-left: 10px;
  color: var(--stitch-muted);
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .quick-upload-workbench {
  display: block !important;
}

/* Entry and Reader journey: one task, one action, real document context. */
:root {
  --entry-preview-width: 72px;
}

.reader-topbar-title[data-reader-topbar-title="true"] {
  display: inline-flex;
  min-width: 0;
  align-items: baseline;
  gap: 12px;
}

.reader-topbar-title[data-reader-topbar-title="true"] h1 {
  margin: 0;
  font-size: 22px !important;
}

.reader-topbar-title[data-reader-topbar-title="true"] span {
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 13px;
  font-weight: 650;
}

.reader-workbench[data-stitch-reader-workbench="shared-table"][data-stitch-reader-frame="open-list"] .reader-workbench-head {
  padding-bottom: 18px;
}

.reader-workbench[data-stitch-reader-workbench="shared-table"][data-stitch-reader-frame="open-list"] .reader-workbench-head h2 {
  margin: 0 0 3px !important;
  font-family: var(--stitch-ui);
  font-size: 22px !important;
  line-height: 1.2;
}

.reader-workbench-head p {
  margin: 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 13px;
}

.reader-toolbar[data-stitch-reader-toolbar="true"] {
  grid-template-columns: minmax(260px, 1fr) minmax(150px, .42fr) minmax(190px, .5fr) auto auto;
}

.reader-filter-reset {
  align-self: center;
  white-space: nowrap;
}

.reader-shared-head,
.reader-shared-row {
  grid-template-columns: minmax(330px, 1.35fr) minmax(190px, .72fr) 132px 142px;
}

.reader-shared-row {
  min-height: 104px;
}

.entry-document-preview {
  display: inline-flex;
  flex: 0 0 var(--entry-preview-width);
  width: var(--entry-preview-width);
  height: 78px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  background: #ffffff;
}

.entry-document-preview img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.entry-document-preview .document-icon {
  min-width: 0 !important;
  padding: 0 8px;
}

.reader-document-title > span:last-child,
.public-document-title > span:last-child {
  min-width: 0;
}

.reader-document-context,
.public-document-context {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.reader-document-context strong,
.public-document-context strong,
.reader-document-context small,
.public-document-context small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reader-document-context small,
.public-document-context small {
  color: var(--stitch-muted);
  font-size: 12px;
}

.reader-row-actions .button,
.public-document-actions .button {
  width: 100%;
  justify-content: center;
  white-space: nowrap;
}

.reader-empty-state {
  min-height: 112px !important;
  border: 1px solid var(--stitch-outline);
}

.reader-empty-state strong {
  color: var(--stitch-text);
  font-size: 15px;
}

.public-document-head,
.public-document-row[data-stitch-public-result-row="true"] {
  grid-template-columns: minmax(330px, 1.3fr) minmax(170px, .62fr) 92px 142px;
}

.public-document-row[data-stitch-public-result-row="true"] {
  min-height: 104px;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-layout[data-stitch-public-library-layout="filters-results"] {
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
}

.public-library-workbench[data-stitch-public-library="result-table"] {
  margin: 0 !important;
  padding: 18px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.public-library-head {
  min-height: 42px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.public-library-head h1 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 22px !important;
  line-height: 1.2;
}

.dashboard-main .public-library-head {
  justify-content: flex-end;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-workbench[data-stitch-public-library="result-table"] {
  padding: 24px 32px 0 !important;
}

.anonymous-dashboard[data-stitch-anonymous-entry="public-library-first"] .public-library-head {
  justify-content: space-between;
}

.app-shell[data-stitch-public-shell="anonymous"] .nav-meta {
  align-items: center;
  gap: 10px;
}

.app-shell[data-stitch-public-shell="anonymous"] .public-login-action {
  min-height: 40px;
  padding: 0 14px;
  border-color: transparent;
  background: transparent;
  color: var(--stitch-text);
  font-weight: 650;
  text-decoration: none;
}

.app-shell[data-stitch-public-shell="anonymous"] .public-register-action {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 6px;
  text-decoration: none;
}

.public-library-catalog-empty[data-stitch-public-empty-catalog="true"] {
  display: flex;
  min-height: 112px;
  align-items: center;
  gap: 14px;
  padding: 22px 24px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.public-library-catalog-empty > .material-symbols-outlined {
  color: var(--stitch-muted);
  font-size: 34px;
}

.public-library-catalog-empty h2 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 17px;
  line-height: 1.25;
}

.public-library-filter-empty[data-stitch-public-empty-filter="true"] {
  min-height: 96px;
  padding: 18px 20px;
}

@media (max-width: 1180px) {
  .reader-shared-head,
  .reader-shared-row {
    grid-template-columns: minmax(300px, 1fr) minmax(170px, .55fr) 124px 132px;
  }

  .public-library-layout[data-stitch-public-library-layout="filters-results"] {
    grid-template-columns: 1fr;
  }

  .public-library-filter-rail[data-stitch-public-filter-rail="true"] .public-library-filter {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

.stitch-project-card {
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.stitch-project-card[data-stitch-project-create-card="true"] {
  box-shadow: 0 18px 44px rgba(9, 20, 38, .06);
}

.stitch-project-stepper.import-register {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 26px 50px 28px;
  border: 0;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.stitch-project-stepper.import-register span {
  position: relative;
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 72px;
  background: transparent;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
}

.stitch-project-stepper.import-register span:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 19px;
  right: -34%;
  width: 68%;
  height: 1px;
  background: var(--stitch-outline);
}

.stitch-project-stepper.import-register strong {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: var(--stitch-surface-mid);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 16px;
}

.stitch-project-stepper.import-register span:first-child strong {
  border-color: var(--stitch-primary);
  background: var(--stitch-primary);
  color: #ffffff;
}

.stitch-project-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  gap: 0;
}

.stitch-project-step-panel {
  padding: 34px 38px !important;
  border: 0 !important;
  background: var(--stitch-surface) !important;
}

.stitch-project-type-panel {
  grid-column: 1 / -1;
  border-bottom: 1px solid var(--stitch-outline) !important;
}

.quick-upload-drop.stitch-project-step-panel {
  border-right: 1px solid var(--stitch-outline) !important;
}

.step-panel-heading {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 22px;
}

.step-panel-heading h3 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 23px;
  line-height: 1.2;
}

.step-panel-heading .material-symbols-outlined {
  color: var(--stitch-muted);
  font-size: 24px;
}

.step-panel-heading.compact {
  margin-bottom: 14px;
}

.step-panel-heading.compact h3 {
  font-size: 18px;
}

.project-type-select-row {
  display: grid;
  grid-template-columns: 120px minmax(220px, 360px);
  gap: 14px;
  align-items: center;
  margin: 0 0 18px;
}

.project-type-select-row > span {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut {
  display: grid;
  align-content: start;
  justify-items: start;
  gap: 10px;
  min-height: 148px;
  padding: 18px;
  text-align: left;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut .material-symbols-outlined {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-mid);
  color: var(--stitch-primary);
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut.active {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-surface-mid) !important;
  box-shadow: inset 0 0 0 1px var(--stitch-primary) !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut strong {
  font-size: 16px;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut small {
  color: var(--stitch-muted);
  font-size: 12px;
  line-height: 1.4;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .drop-zone {
  min-height: 228px !important;
  padding: 30px !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .drop-icon {
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 12px !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .drop-title {
  font-size: 20px !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .quick-upload-options {
  display: grid;
  align-content: start;
  gap: 18px;
  padding: 34px 28px !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-publishing-options,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-material-options {
  display: grid;
  gap: 12px;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .asset-drawer summary {
  min-height: 38px;
  padding: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .upload-analysis-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .upload-analysis-panel span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .upload-footer {
  padding-top: 4px;
  border-top: 1px solid var(--stitch-outline);
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .upload-footer .button {
  width: 100%;
  justify-content: center;
}

.project-upload-panel[data-stitch-upload-workbench="true"] {
  display: grid !important;
  gap: 0 !important;
  width: 100%;
  margin: 0 0 28px !important;
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
  box-shadow: 0 14px 38px rgba(9, 20, 38, .06) !important;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .quick-upload-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 18px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .quick-upload-head h2 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 24px !important;
  line-height: 1.12;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .quick-upload-head .upload-summary {
  display: grid;
  grid-template-columns: auto auto minmax(120px, 1fr);
  gap: 0;
  align-items: center;
  min-width: min(460px, 52%);
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .quick-upload-head .upload-summary > * {
  min-height: 34px;
  display: flex;
  align-items: center;
  padding: 0 11px;
  border-right: 1px solid var(--stitch-outline);
  font-size: 12px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .quick-upload-head .upload-summary > *:last-child {
  border-right: 0;
}

.stitch-import-lab-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px) !important;
  gap: 0 !important;
}

.stitch-import-lab-main {
  border: 0;
  border-right: 1px solid var(--stitch-outline);
  border-radius: 0;
  box-shadow: none !important;
}

.stitch-upload-status-strip.import-register {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-outline);
}

.stitch-upload-status-strip.import-register span {
  display: grid;
  gap: 3px;
  min-height: 58px;
  padding: 10px 12px;
  background: var(--stitch-surface-low);
}

.stitch-upload-status-strip.import-register strong {
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.stitch-upload-status-strip.import-register small {
  color: var(--stitch-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stitch-upload-primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

.stitch-upload-primary.quick-upload-drop,
.stitch-project-type-panel {
  padding: 24px 28px;
  background: var(--stitch-surface);
}

.stitch-upload-primary.quick-upload-drop {
  border-right: 0;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .drop-zone {
  min-height: 220px !important;
  padding: 22px !important;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .drop-icon {
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 14px !important;
  background: var(--stitch-primary) !important;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .drop-title {
  font-size: 21px !important;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-select-row {
  grid-template-columns: 92px minmax(180px, 1fr);
  margin-bottom: 14px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(5, minmax(110px, 1fr));
  gap: 9px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcut {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 8px;
  min-height: 112px;
  padding: 14px;
  text-align: left;
  border-radius: var(--stitch-radius);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcut .material-symbols-outlined {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: var(--stitch-surface-mid);
  color: var(--stitch-primary);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcut.active {
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-surface-mid) !important;
  box-shadow: inset 0 0 0 1px var(--stitch-primary) !important;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcut strong {
  font-size: 14px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-type-shortcut small {
  color: var(--stitch-muted);
  font-size: 11px;
  line-height: 1.35;
}

.stitch-upload-inspector {
  display: grid;
  align-content: start;
  gap: 16px;
  padding: 22px 24px;
  background: var(--stitch-surface);
}

.stitch-upload-inspector .asset-drawer summary {
  min-height: 34px;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .project-publishing-options,
.project-upload-panel[data-stitch-upload-workbench="true"] .project-material-options {
  display: grid;
  gap: 10px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .upload-analysis-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .upload-analysis-panel span {
  display: grid;
  place-items: center;
  min-height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
}

.project-upload-panel[data-stitch-upload-workbench="true"] .upload-footer {
  padding-top: 4px;
  border-top: 1px solid var(--stitch-outline);
}

.project-upload-panel[data-stitch-upload-workbench="true"] .upload-footer .button {
  width: 100%;
  justify-content: center;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] {
  margin: 0 0 28px !important;
  overflow: visible;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .quick-upload-head {
  min-height: 58px;
  padding: 10px 16px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .quick-upload-head h2 {
  font-size: 20px !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .quick-upload-head .upload-summary {
  min-width: min(430px, 50%);
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-import-lab-grid {
  grid-template-columns: minmax(0, 1fr) minmax(260px, 292px) !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-status-strip.import-register {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-status-strip.import-register span {
  min-height: 44px;
  padding: 7px 10px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-primary-grid {
  display: grid;
  grid-template-columns: minmax(260px, .88fr) minmax(320px, 1.12fr);
  align-items: stretch;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-primary.quick-upload-drop,
.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-project-type-panel {
  padding: 16px 18px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-project-type-panel {
  grid-column: auto;
  border-bottom: 0 !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-primary.quick-upload-drop {
  border-right: 1px solid var(--stitch-outline);
  border-bottom: 0;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .step-panel-heading {
  margin-bottom: 10px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .drop-zone {
  min-height: 142px !important;
  padding: 16px !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .drop-icon {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 10px !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .drop-title {
  font-size: 18px !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .drop-subtitle,
.project-upload-panel[data-stitch-upload-mode="compact-station"] .upload-format-strip {
  font-size: 12px !important;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-select-row {
  grid-template-columns: 84px minmax(150px, 1fr);
  margin-bottom: 10px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-shortcuts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-shortcut {
  grid-template-columns: auto 1fr;
  align-items: center;
  min-height: 40px;
  min-width: 118px;
  flex: 1 1 118px;
  gap: 8px;
  padding: 9px 10px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-shortcut .material-symbols-outlined {
  width: 26px;
  height: 26px;
  font-size: 18px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-shortcut strong {
  font-size: 12px;
  line-height: 1.1;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-type-shortcut small {
  display: none;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-inspector {
  gap: 10px;
  padding: 16px 18px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-inspector .step-panel-heading h3,
.project-upload-panel[data-stitch-upload-mode="compact-station"] .stitch-upload-inspector .asset-drawer summary {
  font-size: 15px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-publishing-options,
.project-upload-panel[data-stitch-upload-mode="compact-station"] .project-material-options {
  gap: 8px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .asset-drawer:not([open]) {
  min-height: 36px;
  border-top: 1px solid var(--stitch-outline);
  border-bottom: 1px solid var(--stitch-outline);
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .asset-drawer:not([open]) summary {
  min-height: 36px;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .upload-analysis-panel {
  display: none;
}

.project-upload-panel[data-stitch-upload-mode="compact-station"] .upload-footer {
  padding-top: 10px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] {
  margin-bottom: 24px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .quick-upload-head {
  min-height: 44px;
  padding: 7px 14px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .quick-upload-head h2 {
  font-size: 18px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .quick-upload-head .panel-kicker {
  font-size: 11px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .quick-upload-head .upload-summary > * {
  min-height: 28px;
  padding: 0 10px;
  font-size: 11px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-status-strip.import-register span {
  min-height: 30px;
  padding: 5px 10px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-status-strip.import-register strong {
  font-size: 10px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-status-strip.import-register small {
  font-size: 10px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-primary-grid {
  grid-template-columns: minmax(250px, .74fr) minmax(360px, 1.26fr);
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-primary.quick-upload-drop,
.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-project-type-panel {
  padding: 10px 14px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .step-panel-heading {
  margin-bottom: 7px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .step-panel-heading h3 {
  font-size: 15px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .drop-zone {
  min-height: 94px !important;
  padding: 10px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .drop-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 7px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .drop-title {
  font-size: 16px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .drop-subtitle,
.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .upload-format-strip {
  font-size: 11px !important;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-select-row {
  grid-template-columns: 76px minmax(150px, 1fr);
  margin-bottom: 8px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
  gap: 6px;
  overflow: visible;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-shortcut {
  min-width: 0;
  min-height: 38px;
  gap: 5px;
  padding: 7px 8px;
  overflow: visible;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-shortcut .material-symbols-outlined {
  width: 20px;
  height: 20px;
  font-size: 15px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-shortcut strong[data-stitch-project-type-label="true"] {
  min-width: 0;
  overflow: visible;
  font-size: 10px;
  line-height: 1.05;
  text-overflow: clip;
  white-space: normal;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-inspector {
  gap: 6px;
  padding: 10px 14px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .stitch-upload-inspector .step-panel-heading {
  margin-bottom: 4px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-publishing-options {
  gap: 5px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-publishing-options label {
  gap: 3px;
  font-size: 11px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-publishing-options select,
.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .project-type-select-row select {
  min-height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .asset-drawer:not([open]),
.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .asset-drawer:not([open]) summary {
  min-height: 28px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .upload-footer {
  padding-top: 6px;
}

.project-upload-panel[data-stitch-upload-density="dashboard-dock"] .upload-footer .button {
  min-height: 36px;
}

.project-upload-panel[data-stitch-upload-management="true"] .quick-upload-head {
  min-height: 42px;
  align-items: center;
  padding: 5px 14px;
}

.upload-title-cell {
  display: grid;
  gap: 2px;
}

.upload-title-cell span {
  color: var(--stitch-muted);
  font-size: 12px;
  line-height: 1.2;
}

.project-upload-panel[data-stitch-upload-management="true"] .quick-upload-head h2 {
  font-size: 20px !important;
}

.project-upload-panel[data-stitch-upload-management="true"] .quick-upload-head .upload-summary {
  grid-template-columns: minmax(145px, auto) minmax(140px, auto) minmax(180px, 1fr);
  min-width: min(560px, 56%);
}

.project-upload-panel[data-stitch-upload-management="true"] .quick-upload-head .upload-summary > * {
  min-height: 28px;
  font-size: 11px;
}

.project-upload-panel[data-stitch-upload-management="true"] .stitch-import-lab-grid {
  grid-template-columns: minmax(0, 1fr) minmax(372px, 390px) !important;
  min-height: 0;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-management-row {
  display: grid !important;
  grid-template-columns: minmax(300px, .9fr) minmax(380px, 1.1fr);
  align-items: stretch;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-document-drop,
.project-upload-panel[data-stitch-upload-management="true"] .upload-context-panel,
.project-upload-panel[data-stitch-upload-management="true"] .upload-assets-panel {
  padding: 8px 12px !important;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-document-drop {
  border-right: 1px solid var(--stitch-outline);
  border-bottom: 0 !important;
}

.upload-pane-head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 7px;
}

.upload-pane-head > .material-symbols-outlined {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid var(--stitch-outline);
  border-radius: 6px;
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-size: 19px;
}

.upload-pane-head h3 {
  margin: 0;
  color: var(--stitch-text);
  font-size: 15px;
  line-height: 1.1;
}

.upload-pane-head small {
  display: block;
  margin-top: 2px;
  color: var(--stitch-muted);
  font-size: 11px;
  line-height: 1.2;
}

.project-upload-panel[data-stitch-upload-management="true"] .drop-zone {
  min-height: 112px !important;
  padding: 12px !important;
  border-style: dashed !important;
}

.project-upload-panel[data-stitch-upload-management="true"] .drop-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 6px !important;
  font-size: 21px !important;
}

.project-upload-panel[data-stitch-upload-management="true"] .drop-title {
  font-size: 16px !important;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-format-strip {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 4px;
  font-family: var(--stitch-ui);
  letter-spacing: 0;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-format-strip [data-upload-format-capability] {
  display: inline-flex;
  align-items: center;
  min-height: 19px;
  padding: 0 6px;
  border: 1px solid #d8e1ea;
  border-radius: 6px;
  background: #ffffff;
  color: #354359;
  font-size: 10.5px;
  line-height: 1;
  white-space: nowrap;
}

.upload-file-queue[hidden] {
  display: none !important;
}

.upload-file-queue {
  margin-top: 8px;
}

.upload-file-row {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 7px 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
}

.upload-file-row[data-upload-file-row="selected"] {
  grid-template-columns: 28px minmax(0, 1fr) 28px;
  min-height: 58px;
  border-radius: 8px;
  background: #ffffff;
}

.upload-file-row > .material-symbols-outlined {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 6px;
  background: var(--stitch-surface);
  color: var(--stitch-primary);
  font-size: 18px;
}

.upload-file-meta {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.upload-file-meta strong {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 12px;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.upload-file-meta span,
.upload-file-status {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  line-height: 1.1;
}

.upload-file-status {
  padding: 5px 7px;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  background: var(--stitch-surface);
  color: var(--stitch-primary);
  font-weight: 800;
}

.upload-file-progress[data-stitch-upload-progress-meter="inline"] {
  display: grid;
  grid-column: 2 / -1;
  grid-template-columns: auto minmax(72px, 1fr);
  min-width: 118px;
  gap: 7px;
  align-items: center;
}

.upload-file-progress[data-stitch-upload-progress-meter="inline"] .upload-file-status {
  justify-self: start;
}

.upload-file-progress[data-stitch-upload-progress-meter="inline"] .progress-track {
  width: 100%;
  height: 6px;
  min-height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #dfe8f0;
}

.upload-file-progress[data-stitch-upload-progress-meter="inline"] .progress-track span {
  display: block;
  width: 68%;
  height: 100%;
  border-radius: inherit;
  background: var(--stitch-primary);
}

.upload-file-cancel,
[data-upload-cancel-selection] {
  display: inline-grid;
  width: 28px;
  min-height: 28px;
  place-items: center;
  padding: 0;
  border: 1px solid var(--stitch-outline);
  border-radius: 6px;
  background: var(--stitch-surface);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 800;
}

.upload-file-cancel .material-symbols-outlined {
  font-size: 16px;
}

.upload-file-row[data-upload-file-row="selected"] .upload-file-cancel {
  grid-column: 3;
  grid-row: 1;
}

.upload-file-cancel:hover,
[data-upload-cancel-selection]:hover {
  border-color: var(--stitch-primary);
}

.upload-context-controls {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.upload-context-controls label,
.project-upload-panel[data-stitch-upload-management="true"] .project-type-select-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 5px;
  margin: 0;
  color: var(--stitch-text);
  font-size: 11px;
  font-weight: 700;
}

.project-upload-panel .upload-context-panel[data-stitch-project-type-board="compact-select"] .project-type-select-row {
  grid-template-columns: 1fr;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-context-controls select {
  min-height: 32px;
  padding-block: 5px;
  font-size: 12px;
}

.project-upload-panel[data-stitch-upload-management="true"] .project-type-shortcuts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(82px, 1fr));
  gap: 6px;
  overflow: visible;
}

.project-upload-panel[data-stitch-upload-management="true"] .project-type-shortcut {
  display: flex;
  min-width: 0;
  min-height: 34px;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 6px 8px;
}

.project-upload-panel[data-stitch-upload-management="true"] .project-type-shortcut .material-symbols-outlined {
  width: 22px;
  height: 22px;
  font-size: 16px;
}

.project-upload-panel[data-stitch-upload-management="true"] .project-type-shortcut strong {
  overflow: visible;
  font-size: 11px;
  line-height: 1.05;
  text-overflow: clip;
  white-space: normal;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-assets-panel {
  gap: 6px;
  border-left: 0;
}

.upload-asset-board {
  display: grid;
  gap: 7px;
}

.upload-asset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

.upload-asset-slot {
  position: relative;
  display: grid;
  min-height: 74px;
  align-content: start;
  gap: 2px;
  margin: 0;
  padding: 6px;
  border: 1px dashed var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
}

.upload-asset-slot > .material-symbols-outlined {
  color: var(--stitch-primary);
  font-size: 16px;
}

.upload-asset-slot strong {
  font-size: 10px;
  line-height: 1.1;
}

.upload-asset-slot small {
  display: none;
  color: var(--stitch-muted);
  font-size: 10px;
  line-height: 1.25;
}

.asset-file-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.asset-slot-button {
  display: inline-flex;
  width: max-content;
  min-height: 20px;
  align-items: center;
  padding: 0 6px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
  color: var(--stitch-primary);
  font-family: var(--stitch-ui);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0;
}

.asset-slot-state {
  display: inline-flex;
  max-width: 100%;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: 999px;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-workflow-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-workflow-strip span {
  min-height: 24px;
  font-size: 10px;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-footer {
  padding-top: 6px;
}

.project-upload-panel[data-stitch-upload-management="true"] .upload-footer .button {
  min-height: 34px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] {
  border-color: #d8e1ea !important;
  background: #ffffff !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .quick-upload-head {
  min-height: 48px;
  padding: 8px 16px;
  border-bottom: 0;
  background: #ffffff;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .quick-upload-head h2 {
  color: #132235;
  font-size: 22px !important;
  font-weight: 760;
  letter-spacing: 0;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-title-cell span {
  color: #526174;
  font-size: 12px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .quick-upload-head .upload-summary {
  display: flex;
  width: min(410px, 42vw);
  min-width: 0;
  justify-content: flex-end;
  gap: 8px;
  border: 0;
  background: transparent;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .quick-upload-head .upload-summary > * {
  min-height: 28px;
  padding: 0 10px;
  border: 1px solid #d8e1ea;
  border-radius: 6px;
  background: #f7fafc;
  color: #233249;
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
  white-space: nowrap;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .quick-upload-head .upload-summary > *:last-child {
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-direct-caption {
  display: none !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .stitch-import-lab-grid {
  grid-template-columns: minmax(0, 1fr) minmax(350px, 380px) !important;
  border-top: 1px solid #d8e1ea;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-management-row {
  grid-template-columns: minmax(320px, .92fr) minmax(360px, 1.08fr);
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-document-drop,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-context-panel,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-assets-panel {
  background: #ffffff !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-document-drop {
  padding: 14px 18px 12px !important;
  border-right-color: #d8e1ea;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-context-panel {
  display: grid;
  align-content: start;
  padding: 14px 18px !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-pane-head {
  margin-bottom: 8px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-pane-head > .material-symbols-outlined {
  width: 31px;
  height: 31px;
  border-color: #d8e1ea;
  background: #f7fafc;
  color: #1c6f79;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-pane-head h3 {
  color: #132235;
  font-size: 15px;
  font-weight: 760;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-pane-head small {
  color: #526174;
  font-size: 12px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-zone {
  min-height: 110px !important;
  padding: 8px !important;
  border-color: #8dbdc3 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-zone:hover,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-zone.drag-active {
  border-color: #1f7a83 !important;
  background: #f2fbfb !important;
  transform: none;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-icon {
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 4px !important;
  border: 1px solid #b9d8dc;
  border-radius: 8px !important;
  background: #eef9f8 !important;
  color: #1c6f79 !important;
  font-size: 23px !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-title {
  color: #132235;
  font-size: 16px !important;
  font-weight: 760;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .drop-subtitle {
  color: #526174;
  margin-top: 2px;
  font-size: 12px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-format-strip {
  color: #526174;
  font-size: 11px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-file-row {
  min-height: 42px;
  border-color: #d8e1ea;
  border-radius: 8px;
  background: #f7fafc;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-file-meta strong,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-file-meta span,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-file-status {
  font-family: var(--stitch-ui);
  letter-spacing: 0;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-file-status {
  border-color: #f1d38d;
  background: #fff8e6;
  color: #805300;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-context-controls[data-stitch-upload-context-row="inline-controls"] {
  grid-template-columns: minmax(120px, .7fr) minmax(140px, .9fr);
  gap: 12px;
  align-items: end;
  margin: 0;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-context-controls label,
.project-upload-panel[data-stitch-upload-surface="single-import-console"] .project-type-select-row {
  color: #354359;
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-context-controls select {
  min-height: 40px;
  border-color: #d8e1ea;
  border-radius: 6px;
  background: #ffffff;
  color: #132235;
  font-size: 14px;
}

.visibility-choice-grid {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.visibility-choice-grid legend {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  color: #354359;
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
}

.visibility-choice-grid label {
  position: relative;
  display: flex !important;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px !important;
  padding: 0 12px;
  border: 1px solid #d8e1ea;
  border-radius: 6px;
  background: #f7fafc;
  color: #132235 !important;
  font-family: var(--stitch-ui);
  font-size: 13px !important;
  font-weight: 700 !important;
}

.visibility-choice-grid input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.visibility-choice-grid .material-symbols-outlined {
  color: #647386;
  font-size: 18px;
}

.visibility-choice-grid label:has(input:checked) {
  border-color: #d7a331;
  background: #fff7df;
  color: #5f4300 !important;
}

.visibility-choice-grid label:has(input:checked) .material-symbols-outlined {
  color: #9a6a00;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-assets-panel {
  padding: 14px 18px 12px !important;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-asset-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-asset-slot {
  min-height: 68px;
  justify-items: center;
  align-content: center;
  text-align: center;
  gap: 4px;
  padding: 6px;
  border-color: #d8e1ea;
  border-radius: 8px;
  background: #fbfdff;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-asset-slot > .material-symbols-outlined {
  color: #526174;
  font-size: 20px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-asset-slot strong {
  color: #132235;
  font-family: var(--stitch-ui);
  font-size: 10px;
  font-weight: 730;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .asset-slot-button {
  min-height: 22px;
  margin-top: 2px;
  padding: 0 7px;
  border-color: #d8e1ea;
  border-radius: 5px;
  background: #ffffff;
  color: #354359;
  font-size: 9px;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-workflow-strip span {
  min-height: 24px;
  border: 1px solid #d8e1ea;
  border-radius: 6px;
  background: #f7fafc;
  color: #354359;
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
}

.project-upload-panel[data-stitch-upload-surface="single-import-console"] .upload-footer .button {
  min-height: 34px;
  width: 100%;
  border-radius: 6px;
  background: #102235;
  color: #ffffff;
  box-shadow: none;
}

.quick-upload-head[data-stitch-upload-header-density="compact-command"] {
  grid-template-columns: minmax(260px, 1fr) auto;
}

.quick-upload-head[data-stitch-upload-header-density="compact-command"] .upload-title-cell {
  gap: 2px;
}

.quick-upload-head[data-stitch-upload-header-density="compact-command"] .upload-summary {
  align-items: center;
}

.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .upload-asset-slot {
  cursor: pointer;
  min-height: 72px;
  align-content: center;
  border-style: solid;
  border-color: #cfd9e5;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .upload-asset-slot:hover,
.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .upload-asset-slot:focus-within {
  border-color: #1f7a83;
  background: #f3fbfb;
  box-shadow: inset 0 0 0 1px rgba(31, 122, 131, .22);
}

.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .upload-asset-slot[data-upload-asset-state="selected"] {
  border-color: #1f7a83;
  background: #edfafa;
}

.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .asset-slot-state {
  min-height: 0;
  max-height: 0;
  padding: 0;
  opacity: 0;
  border: 0;
  background: #eef3f8;
  color: #526174;
}

.project-upload-panel[data-stitch-upload-chrome="asset-click-slots"] .upload-asset-slot[data-upload-asset-state="selected"] .asset-slot-state {
  min-height: 18px;
  max-height: 18px;
  padding: 0 6px;
  opacity: 1;
  border-color: #bddde0;
  border-width: 1px;
  border-style: solid;
  background: #ffffff;
  color: #1c6f79;
}

@media (max-width: 1240px) {
  .project-upload-panel[data-stitch-upload-management="true"] .stitch-import-lab-grid,
  .project-upload-panel[data-stitch-upload-management="true"] .upload-management-row {
    grid-template-columns: 1fr !important;
  }

  .project-upload-panel[data-stitch-upload-management="true"] .upload-document-drop {
    border-right: 0;
    border-bottom: 1px solid var(--stitch-outline) !important;
  }
}

.stitch-sidebar .sidebar-link,
.target-app-frame .sidebar-link,
.review-app-frame .sidebar-link,
.author-app-frame .sidebar-link,
.target-document-shell .document-sidebar .sidebar-link,
.sidebar-new-project {
  font-family: var(--stitch-ui) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.account-block strong,
.sidebar-brand .brand-wordmark,
.document-list h2,
.author-document-row strong,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut strong,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .drop-title,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .asset-drawer summary {
  font-family: var(--stitch-ui) !important;
  letter-spacing: 0 !important;
}

.project-upload-panel[data-stitch-project-setup-wizard="true"] .project-type-shortcut small,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .drop-subtitle,
.project-upload-panel[data-stitch-project-setup-wizard="true"] .upload-format-strip {
  font-family: var(--stitch-ui) !important;
}

.stitch-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 20px;
}

.stitch-section-head h2 {
  margin: 0 !important;
  font-size: 20px !important;
}

.stitch-section-head p {
  margin: 4px 0 0;
  color: var(--stitch-muted) !important;
}

.stitch-view-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.stitch-view-toggle span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-primary);
}

.stitch-author-projects {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.author-project-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(106px, .48fr) minmax(116px, .5fr) minmax(96px, .42fr) auto auto;
  gap: 8px;
  align-items: end;
  margin: 12px 0 10px;
  padding: 10px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.author-project-toolbar label {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin: 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-ui);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.author-project-toolbar input,
.author-project-toolbar select {
  min-width: 0;
  min-height: 36px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 13px;
  text-transform: none;
}

.author-project-search {
  position: relative;
}

.author-project-search .material-symbols-outlined {
  position: absolute;
  bottom: 8px;
  left: 10px;
  color: var(--stitch-muted);
  font-size: 20px;
  pointer-events: none;
}

.author-project-search input {
  padding-left: 36px;
}

.author-project-toolbar .button {
  min-height: 36px;
  padding-inline: 12px;
  white-space: nowrap;
}

.author-management-board[data-stitch-author-management-layout="projects-with-access-rail"] .author-project-toolbar {
  grid-template-columns: minmax(190px, 1fr) minmax(120px, .52fr) minmax(138px, .58fr) minmax(112px, .46fr);
}

.author-management-board[data-stitch-author-management-layout="projects-with-access-rail"] .author-project-toolbar .button {
  width: 100%;
  justify-content: center;
}

.author-management-board {
  display: grid;
  grid-template-columns: minmax(600px, 1fr) minmax(286px, 320px);
  gap: 14px;
  align-items: start;
  margin: 0 0 18px;
}

.author-management-board[data-stitch-author-management-layout="projects-with-access-rail"] {
  grid-template-columns: minmax(600px, 1fr) minmax(286px, 320px);
  gap: 14px;
}

.author-management-board .stitch-author-projects {
  order: 1 !important;
  min-width: 0;
}

.author-management-board .stitch-invite-management {
  order: 2 !important;
  min-width: 0;
}

.author-management-board .stitch-author-projects,
.author-management-board .stitch-invite-management {
  margin: 0 !important;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] {
  position: sticky;
  top: calc(var(--stitch-toolbar) + 18px);
}

@media (max-width: 1120px) {
  .author-management-board[data-stitch-author-management-layout="projects-with-access-rail"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .stitch-invite-management[data-stitch-access-rail-position="right"] {
    position: static;
  }
}

/* Author export target: one viewport from approved feedback to agent package. */
.author-app-frame .author-workspace-sidebar {
  display: flex !important;
  flex-direction: column;
  width: 180px !important;
  min-width: 180px !important;
  padding: 14px 12px 12px !important;
  overflow: hidden !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-brand {
  flex: 0 0 auto;
  min-height: 38px;
  margin-bottom: 10px !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-brand::before {
  width: 26px;
  height: 26px;
  border-radius: 3px;
}

.author-app-frame .author-workspace-sidebar .brand-wordmark {
  font-size: 17px !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-new-project {
  flex: 0 0 auto;
  min-height: 36px;
  margin: 0 0 12px !important;
  padding: 0 10px !important;
  border-radius: 3px !important;
  font-size: 12px;
}

.author-app-frame .author-workspace-sidebar .sidebar-section-label {
  margin: 10px 8px 5px !important;
  font-size: 9px !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-link {
  flex: 0 0 auto;
  min-height: 36px !important;
  margin: 0 0 2px !important;
  padding: 0 9px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-link .material-symbols-outlined {
  width: 20px;
  font-size: 18px !important;
}

.author-app-frame .author-workspace-sidebar .sidebar-brief-link {
  margin-top: 6px !important;
  border-top: 1px solid var(--stitch-sidebar-line) !important;
}

.author-sidebar-account {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) 26px;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  margin-top: auto;
  padding: 8px 4px 0;
  border-top: 1px solid var(--stitch-sidebar-line);
}

.author-sidebar-avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--stitch-sidebar-accent);
  color: var(--stitch-sidebar-bg);
  font-size: 12px;
  font-weight: 700;
}

.author-sidebar-account-copy {
  display: grid;
  gap: 1px;
  min-width: 0;
}

.author-sidebar-account-copy strong,
.author-sidebar-account-copy small {
  overflow: hidden;
  color: var(--stitch-sidebar-text);
  font-size: 10px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.author-sidebar-account-copy small {
  color: var(--stitch-sidebar-muted);
  font-size: 9px;
}

.author-sidebar-account form,
.author-sidebar-account button {
  margin: 0;
}

.author-sidebar-account button {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--stitch-sidebar-muted);
}

.author-sidebar-account button:hover,
.author-sidebar-account button:focus-visible {
  color: var(--stitch-sidebar-accent);
  outline: 1px solid var(--stitch-sidebar-accent);
}

.target-author-shell .author-workspace-main,
.target-author-shell .candidate-layout {
  margin-left: 180px !important;
}

.target-author-shell .author-page-header {
  left: 180px !important;
}

.target-author-shell[data-author-page="exports"] {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.target-author-shell[data-author-page="exports"] {
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
}

.target-author-shell[data-author-page="exports"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="exports"] .author-workspace-main.has-project-context {
  display: grid;
  grid-template-rows: 74px minmax(0, 1fr);
}

.target-author-shell[data-author-page="exports"] [data-export-page-header="true"] {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.export-page-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.export-page-title h1 {
  flex: 0 0 auto;
  margin: 0 !important;
  font-size: 18px !important;
}

.export-back-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: var(--stitch-muted);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

.export-back-link .material-symbols-outlined {
  font-size: 16px;
}

.export-page-title .author-page-status-strip {
  display: flex;
  gap: 5px;
  min-width: 0;
}

.export-page-title .author-page-status-strip span {
  min-height: 26px;
  padding: 0 8px;
  font-size: 10px;
  white-space: nowrap;
}

.target-author-shell[data-author-page="exports"] .author-page-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.target-author-shell[data-author-page="exports"] .author-page-actions .button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 11px;
}

.export-workbench-shell[data-agent-export-workbench="true"] {
  --export-copy-size: 13px;
  --export-meta-size: 12px;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  gap: 8px;
  height: calc(100vh - 56px);
  min-height: 0;
  padding: 10px 14px 14px;
  overflow: hidden;
}

.export-workbench-shell.has-export-filter {
  grid-template-rows: 46px minmax(0, 1fr);
}

.export-workbench-shell.has-export-history {
  grid-template-rows: auto minmax(0, 1fr);
}

.export-workbench-shell.has-export-filter.has-export-history {
  grid-template-rows: 46px auto minmax(0, 1fr);
}

.export-filter-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 46px;
  margin: 0;
  padding: 6px 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
}

.export-filter-bar label {
  display: grid;
  grid-template-columns: auto minmax(220px, 360px);
  align-items: center;
  gap: 8px;
  min-width: 0;
  color: var(--stitch-muted);
  font-size: var(--export-copy-size);
  font-weight: 700;
}

.export-filter-bar select {
  width: min(360px, 34vw);
  min-height: 32px;
  padding: 0 28px 0 9px !important;
  border-radius: 3px !important;
  font-size: 13px;
}

.export-filter-bar .button {
  min-height: 32px;
  padding: 0 10px;
  font-size: var(--export-copy-size);
}

.export-history-panel {
  min-width: 0;
  max-height: 210px;
  overflow: auto;
  border: 1px solid var(--stitch-outline-strong);
  border-radius: 4px;
  background: var(--stitch-surface);
}

.export-history-panel > summary {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr) auto 18px;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 10px;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  cursor: pointer;
  list-style: none;
}

.export-history-panel > summary::-webkit-details-marker {
  display: none;
}

.export-history-panel > summary:focus-visible {
  outline: 2px solid var(--stitch-primary);
  outline-offset: -2px;
}

.export-history-panel > summary .material-symbols-outlined {
  color: var(--stitch-primary);
  font-size: 16px;
}

.export-history-panel > summary > span:nth-of-type(2) {
  min-width: 22px;
  padding: 2px 6px;
  border: 1px solid var(--stitch-outline);
  border-radius: 999px;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono, monospace);
  font-size: var(--export-meta-size);
  text-align: center;
}

.export-history-chevron {
  color: var(--stitch-muted) !important;
  transition: transform 140ms ease;
}

.export-history-panel[open] .export-history-chevron {
  transform: rotate(180deg);
}

.export-history-panel[open] > summary {
  border-bottom: 1px solid var(--stitch-outline);
}

.export-history-list {
  display: grid;
  min-width: 0;
}

.export-history-row {
  display: grid;
  grid-template-columns: 24px minmax(180px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 62px;
  padding: 7px 9px;
  border-bottom: 1px solid var(--stitch-outline);
}

.export-history-row:last-child {
  border-bottom: 0;
}

.export-history-file {
  color: var(--stitch-muted);
  font-size: 19px;
}

.export-history-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.export-history-main strong {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-history-main span {
  overflow: hidden;
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-history-row code {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  white-space: nowrap;
}

.export-history-row .button {
  min-height: 36px;
  padding: 0 10px;
  border-color: var(--stitch-outline-strong);
  font-size: var(--export-meta-size);
  white-space: nowrap;
}

.export-history-row .button .material-symbols-outlined {
  font-size: 15px;
}

.export-history-missing {
  color: var(--stitch-danger, #9f1239);
  font-size: var(--export-meta-size);
  font-weight: 700;
}

.export-package-form[data-export-viewport="fixed-workbench"] {
  display: grid;
  grid-template-columns: minmax(200px, 220px) minmax(420px, 1fr) minmax(340px, 370px);
  grid-template-areas: none;
  align-items: stretch;
  gap: 8px;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.export-package-column,
.export-feedback-column,
.export-validation-column {
  min-width: 0;
  min-height: 0;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
}

.export-package-column {
  display: flex;
  flex-direction: column;
  padding: 12px;
  overflow: auto;
}

.export-validation-column {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  overflow: hidden;
}

.export-validation-scroll {
  min-height: 0;
  padding: 12px 12px 8px;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.export-feedback-column {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

.export-column-header {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--stitch-outline);
}

.export-column-header .panel-kicker {
  margin: 0;
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  letter-spacing: 0;
}

.export-column-header h2 {
  margin: 0 !important;
  color: var(--stitch-text);
  font-size: 16px !important;
  line-height: 1.15;
}

.export-package-files {
  display: grid;
  gap: 0;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.export-package-files li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 58px;
  padding: 7px 0;
  border-bottom: 1px solid var(--stitch-outline);
}

.export-package-files .material-symbols-outlined {
  color: var(--stitch-green);
  font-size: 18px;
}

.export-package-files li > span:last-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.export-package-files strong {
  color: var(--stitch-text);
  font-family: var(--stitch-mono, monospace);
  font-size: var(--export-copy-size);
  overflow-wrap: anywhere;
}

.export-package-files small {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
}

.export-package-metrics {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 10px 0 0;
  border: 1px solid var(--stitch-outline);
}

.export-package-metrics div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 6px 8px;
  border-bottom: 1px solid var(--stitch-outline);
}

.export-package-metrics div:last-child {
  border-bottom: 0;
}

.export-package-metrics dt {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
}

.export-package-metrics dd {
  margin: 0;
  color: var(--stitch-text);
  font-size: 12px;
  font-weight: 700;
}

.export-safety-state {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: auto;
  padding-top: 10px;
  border-top: 1px solid var(--stitch-outline);
}

.export-safety-state .material-symbols-outlined {
  color: var(--stitch-primary);
  font-size: 18px;
}

.export-safety-state > span:last-child,
.export-validation-state > span:last-child {
  display: grid;
  gap: 1px;
}

.export-safety-state strong,
.export-validation-state strong {
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
}

.export-safety-state small,
.export-validation-state small {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  line-height: 1.3;
}

.export-feedback-header {
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 9px 11px;
}

.export-select-all {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  font-weight: 650;
}

.export-select-all input,
.export-feedback-check input {
  width: 15px;
  height: 15px;
  accent-color: var(--stitch-green);
}

.export-selection-count {
  min-width: 72px;
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  text-align: right;
}

.export-feedback-list[data-export-feedback-list="true"] {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  grid-area: auto;
  align-items: stretch;
  height: 0;
  gap: 7px;
  min-height: 0;
  padding: 8px;
  overflow: auto;
}

.export-feedback-card[data-export-feedback-card="true"] {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  align-self: start;
  height: auto;
  overflow: hidden;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: 4px !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.export-feedback-card-head {
  display: grid;
  grid-template-columns: 18px 24px minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  min-height: 48px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.export-feedback-check {
  display: grid;
  place-items: center;
  padding-top: 2px;
}

.export-feedback-index {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono, monospace);
  font-size: var(--export-meta-size);
  line-height: 1.4;
}

.export-feedback-title {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.export-feedback-title strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.export-feedback-title strong {
  color: var(--stitch-text);
  font-size: 13px;
}

.export-feedback-title span {
  overflow: visible;
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  line-height: 1.35;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}

.export-feedback-card-head .status-badge {
  min-height: 22px;
  margin-top: 0;
  padding: 0 7px;
  font-size: var(--export-meta-size);
}

.export-feedback-content {
  display: grid;
  grid-template-columns: minmax(140px, .42fr) minmax(0, 1fr);
  gap: 12px;
  padding: 10px;
}

.export-feedback-content > section {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
}

.export-feedback-section-label {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  line-height: 1.2;
}

.export-feedback-content blockquote,
.export-feedback-content p {
  margin: 0;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  line-height: 1.35;
}

.export-feedback-content blockquote {
  padding-left: 8px;
  border-left: 3px solid var(--stitch-green);
  font-family: var(--stitch-serif, serif);
}

.export-feedback-context {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(120px, .4fr);
  gap: 8px;
  padding: 7px 8px;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.export-feedback-context span {
  display: grid;
  gap: 2px;
  min-width: 0;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  line-height: 1.35;
}

.export-feedback-context strong {
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  text-transform: uppercase;
}

.export-prompt-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 10px 0 0;
  padding: 0;
  border: 0;
}

.export-prompt-mode legend {
  grid-column: 1 / -1;
  margin-bottom: 4px;
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
  font-weight: 700;
}

.export-prompt-mode label {
  position: relative;
}

.export-prompt-mode input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.export-prompt-mode span {
  display: grid;
  place-items: center;
  min-height: 34px;
  padding: 0 7px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  color: var(--stitch-muted);
  font-size: var(--export-copy-size);
  font-weight: 650;
}

.export-prompt-mode input:checked + span {
  border-color: var(--stitch-primary);
  background: var(--stitch-primary);
  color: #ffffff;
}

.export-validation-list {
  display: grid;
  gap: 0;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.export-validation-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 34px;
  border-bottom: 1px solid var(--stitch-outline);
  color: var(--stitch-muted);
  font-size: var(--export-copy-size);
}

.export-validation-list strong {
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
}

.export-gate-details {
  margin-top: 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
}

.export-gate-details summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  padding: 0 8px;
  color: var(--stitch-text);
  font-size: var(--export-copy-size);
  font-weight: 700;
  cursor: pointer;
}

.export-gate-details summary strong {
  color: var(--stitch-green);
  font-size: var(--export-meta-size);
  text-transform: uppercase;
}

.export-gate-details ol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 8px;
  margin: 0;
  padding: 8px 8px 10px 26px;
  border-top: 1px solid var(--stitch-outline);
  color: var(--stitch-muted);
  font-size: var(--export-meta-size);
}

.export-validation-state {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  padding: 8px;
  border: 1px solid color-mix(in srgb, var(--stitch-green) 35%, var(--stitch-outline));
  background: var(--stitch-green-bg);
}

.export-validation-state .material-symbols-outlined {
  color: var(--stitch-green);
  font-size: 18px;
}

.export-validation-state[data-export-validation-state="invalid"] {
  border-color: color-mix(in srgb, var(--stitch-rose) 35%, var(--stitch-outline));
  background: var(--stitch-rose-bg);
}

.export-validation-state[data-export-validation-state="invalid"] .material-symbols-outlined {
  color: var(--stitch-rose);
}

.export-primary-actions {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 10px 12px 12px;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.export-primary-actions .button {
  width: 100%;
  min-height: 36px;
  padding: 0 9px;
  font-size: var(--export-copy-size);
}

.export-empty-state {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 12px;
  height: calc(100vh - 56px - 54px - 24px);
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
  text-align: center;
}

.export-empty-state h2 {
  margin: 0;
  font-size: 16px;
}

@media (max-width: 1120px) {
  .target-author-shell[data-author-page="exports"] {
    position: static;
    inset: auto;
    height: auto;
    min-height: 100vh;
    overflow: auto;
  }

  .target-author-shell[data-author-page="exports"] .author-workspace-main {
    display: block;
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  .export-workbench-shell[data-agent-export-workbench="true"] {
    display: block;
    overflow: visible;
  }

  .export-filter-bar {
    margin-bottom: 8px;
  }

  .export-history-panel {
    max-height: none;
    margin-bottom: 8px;
  }

  .export-history-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .export-history-main strong,
  .export-history-main span {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }

  .export-history-row code,
  .export-history-row .button,
  .export-history-missing {
    grid-column: 2;
    justify-self: start;
  }

  .export-package-form[data-export-viewport="fixed-workbench"] {
    grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
    height: auto;
    min-height: 720px;
    overflow: visible;
  }

  .export-validation-column {
    grid-column: 1 / -1;
  }
}

/* Focused account and invitation workbench. */
.auth-body {
  margin: 0;
  min-height: 100vh;
  background: #f4f6fa !important;
  color: var(--stitch-text);
  font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
}

.auth-workbench[data-auth-workbench="account"],
.auth-workbench[data-auth-workbench="invite"],
.auth-workbench[data-auth-workbench="verification"],
.auth-workbench[data-auth-workbench="legal-consent"] {
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  min-height: 100vh;
  background: #f4f6fa;
  color: var(--stitch-text);
}

.auth-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 68px;
  padding: 0 34px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  background: var(--stitch-sidebar-bg);
  color: #ffffff;
}

.auth-brand,
.auth-library-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.auth-brand {
  font-size: 21px;
  font-weight: 700;
}

.auth-brand .material-symbols-outlined {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--stitch-sidebar-accent);
  color: var(--stitch-sidebar-accent);
  font-size: 21px;
}

.auth-library-link {
  min-height: 38px;
  padding: 0 2px;
  border-bottom: 1px solid transparent;
  font-size: 14px;
  font-weight: 600;
}

.auth-library-link:hover,
.auth-library-link:focus-visible {
  border-bottom-color: var(--stitch-sidebar-accent);
  outline: 0;
}

.auth-topbar form {
  margin: 0;
}

.auth-topbar-button {
  border: 0;
  border-bottom: 1px solid transparent;
  background: transparent;
  color: inherit;
  font-family: inherit;
  cursor: pointer;
}

.legal-consent-panel {
  display: grid;
  align-content: center;
  gap: 6px;
}

.auth-stage[data-auth-stage="split"] {
  display: grid;
  grid-template-columns: minmax(320px, 420px) minmax(440px, 620px);
  justify-content: center;
  align-items: start;
  gap: 48px;
  width: min(1160px, calc(100% - 48px));
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  padding: 42px 0;
}

.auth-stage[data-auth-stage="account"] {
  display: grid;
  grid-template-columns: minmax(440px, 580px);
  justify-content: center;
  align-items: center;
  width: min(580px, calc(100% - 48px));
  min-height: 0;
  margin: 0 auto;
  padding: 42px 0;
}

.auth-workbench[data-auth-workbench="invite"] .auth-stage[data-auth-stage="split"] {
  grid-template-columns: minmax(420px, 520px) minmax(460px, 620px);
  width: min(1220px, calc(100% - 48px));
}

.auth-context-panel,
.invite-context-panel,
.auth-account-panel {
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
  box-shadow: 0 18px 46px rgba(15, 23, 42, .08);
}

.auth-context-panel,
.invite-context-panel {
  align-self: start;
  min-height: 0;
  padding: 34px;
}

.auth-context-panel {
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.auth-kicker {
  display: block;
  margin-bottom: 8px;
  color: #506078;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0;
}

.auth-context-panel h2,
.invite-context-panel h1,
.auth-form-heading h1,
.auth-form-heading h2,
.auth-state-panel h2 {
  margin: 0;
  color: var(--stitch-text);
  font-family: "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  font-size: 26px !important;
  font-weight: 650;
  line-height: 1.18;
  letter-spacing: 0;
}

.auth-workspace-list {
  align-self: center;
  border-top: 1px solid var(--stitch-outline);
}

.auth-workspace-row {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-height: 88px;
  border-bottom: 1px solid var(--stitch-outline);
}

.auth-workspace-row > .material-symbols-outlined {
  color: #42526a;
  font-size: 24px;
}

.auth-workspace-row > span:last-child {
  display: grid;
  gap: 3px;
}

.auth-workspace-row strong {
  font-size: 15px;
}

.auth-workspace-row small,
.invite-document-preview small,
.invite-current-account small {
  color: #5b6678;
  font-size: 13px;
}

.auth-context-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  color: var(--stitch-text);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.auth-context-action .material-symbols-outlined {
  font-size: 18px;
}

.auth-account-panel {
  min-height: 0;
  padding: 36px 42px 42px;
}

.auth-stage[data-auth-stage="account"] .auth-account-panel {
  width: 100%;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 40px;
  border-bottom: 1px solid var(--stitch-outline);
}

.auth-tabs a {
  display: grid;
  place-items: center;
  min-height: 48px;
  margin-bottom: -1px;
  border-bottom: 3px solid transparent;
  color: #5b6678;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
}

.auth-tabs a.active {
  border-bottom-color: var(--stitch-primary);
  color: var(--stitch-text);
}

.auth-form-heading {
  margin-bottom: 28px;
}

.auth-form {
  display: grid;
  gap: 20px;
}

.auth-form-support {
  display: flex;
  justify-content: flex-end;
  margin-top: -8px;
}

.auth-recovery-actions {
  display: grid;
  gap: 14px;
}

.auth-recovery-actions .auth-submit {
  margin-top: 0;
}

.auth-form label {
  display: grid;
  gap: 8px;
  color: var(--stitch-text);
  font-size: 14px;
  font-weight: 650;
}

.auth-form input {
  width: 100%;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid var(--stitch-outline-strong);
  border-radius: 2px;
  background: #ffffff;
  color: var(--stitch-text);
  font: inherit;
  font-size: 16px;
}

.auth-form input:focus {
  border-color: var(--stitch-primary);
  outline: 2px solid rgba(9, 20, 38, .14);
  outline-offset: 1px;
}

.auth-form .auth-consent-row {
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.auth-form .auth-consent-row input {
  width: 18px;
  min-height: 18px;
  margin: 1px 0 0;
  padding: 0;
  accent-color: var(--stitch-primary);
}

.auth-consent-row a,
.auth-text-link,
.legal-footer a {
  color: #173f63;
  font-weight: 650;
  text-underline-offset: 3px;
}

.auth-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  margin-top: 8px;
  padding: 0 18px;
  border: 1px solid var(--stitch-primary);
  border-radius: 2px;
  background: var(--stitch-primary);
  color: #ffffff;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.auth-submit:hover,
.auth-submit:focus-visible {
  background: #172942;
  outline: 2px solid rgba(9, 20, 38, .18);
  outline-offset: 2px;
}

.invite-context-panel {
  display: grid;
  grid-template-rows: auto auto auto;
}

.invite-context-heading {
  padding-bottom: 26px;
  border-bottom: 1px solid var(--stitch-outline);
}

.invite-context-list {
  margin: 0;
}

.invite-context-list > div {
  display: grid;
  gap: 7px;
  min-height: 76px;
  padding: 15px 0;
  border-bottom: 1px solid var(--stitch-outline);
}

.invite-context-list dt {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #5b6678;
  font-size: 12px;
  font-weight: 600;
}

.invite-context-list dt .material-symbols-outlined {
  color: #42526a;
  font-size: 20px;
}

.invite-context-list dd {
  margin: 0 0 0 30px;
  color: var(--stitch-text);
  font-size: 15px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.invite-document-preview {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 86px;
  padding: 14px 16px;
  border: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.invite-document-preview > span:last-child,
.invite-current-account > span:last-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.invite-document-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 54px;
  border: 1px solid #d64545;
  color: #b42323;
  font-size: 11px;
  font-weight: 700;
}

.invite-account-panel {
  align-self: start;
}

.invite-bound-email,
.invite-current-account {
  display: grid;
  align-items: center;
  gap: 8px;
  padding: 15px 0;
  border-top: 1px solid var(--stitch-outline);
  border-bottom: 1px solid var(--stitch-outline);
}

.invite-bound-email span {
  color: #5b6678;
  font-size: 12px;
  font-weight: 600;
}

.invite-bound-email strong {
  font-size: 14px;
}

.invite-current-account {
  grid-template-columns: 42px minmax(0, 1fr);
  margin-bottom: 24px;
}

.auth-account-avatar {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #dff6ed;
  color: #075e48;
  font-weight: 700;
}

.auth-state-panel {
  display: grid;
  justify-items: start;
  align-content: center;
  gap: 18px;
  min-height: 320px;
}

.auth-state-panel > .material-symbols-outlined {
  color: #9a3412;
  font-size: 32px;
}

.verification-panel {
  display: grid;
  justify-items: stretch;
  gap: 18px;
}

.verification-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #8aa99e;
  background: #edf8f4;
  color: #075e48;
  font-size: 27px;
}

.verification-icon.error {
  border-color: #d5a5a5;
  background: #fff3f3;
  color: #9f2525;
}

.verification-panel .auth-form-heading {
  margin-bottom: 0;
}

.verification-copy {
  margin: -6px 0 2px;
  color: #455468;
  font-size: 14px;
}

.verification-resend-form {
  padding-top: 18px;
  border-top: 1px solid var(--stitch-outline);
}

.auth-secondary-submit {
  min-height: 46px;
  border: 1px solid var(--stitch-outline-strong);
  border-radius: 2px;
  background: #ffffff;
  color: var(--stitch-text);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.auth-secondary-submit:hover,
.auth-secondary-submit:focus-visible {
  border-color: var(--stitch-primary);
  outline: 2px solid rgba(9, 20, 38, .14);
  outline-offset: 2px;
}

.auth-inline-status {
  margin: -10px 0 20px;
  padding: 11px 13px;
  border-left: 3px solid #16805f;
  background: #edf8f4;
  color: #174c3d;
  font-size: 13px;
  font-weight: 600;
}

.auth-inline-status.error {
  border-left-color: #a63232;
  background: #fff1f0;
  color: #6f1f1f;
}

.verification-panel .auth-inline-status {
  margin: 0;
}

.auth-text-link {
  justify-self: start;
  font-size: 13px;
}

.legal-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  min-height: 48px;
  padding: 14px 20px;
  border-top: 1px solid #d8dee6;
  background: #f4f6fa;
  font-size: 13px;
}

.legal-body {
  margin: 0;
  background: #f4f6f8;
  color: #17212b;
  font-family: "Hanken Grotesk", Arial, sans-serif;
}

.legal-workbench {
  display: grid;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
}

.legal-layout {
  display: grid;
  grid-template-columns: 180px minmax(0, 760px);
  align-content: start;
  justify-content: center;
  gap: 44px;
  width: min(1080px, calc(100% - 48px));
  margin: 0 auto;
  padding: 48px 0 72px;
}

.legal-index {
  position: sticky;
  top: 24px;
  display: grid;
  align-content: start;
  border-top: 1px solid #9ba7b4;
}

.legal-index a {
  padding: 12px 4px;
  border-bottom: 1px solid #d4dae1;
  color: #304050;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.legal-index a.active {
  color: #075e48;
  font-weight: 750;
}

.legal-index a:focus-visible {
  outline: 2px solid #075e48;
  outline-offset: 2px;
}

.legal-document {
  min-width: 0;
  font-size: 16px;
  line-height: 1.65;
}

.legal-document > header {
  padding-bottom: 22px;
  border-bottom: 2px solid #17212b;
}

.legal-kicker {
  margin: 0 0 6px;
  color: #075e48;
  font-size: 12px;
  font-weight: 750;
  text-transform: uppercase;
}

.legal-document h1 {
  margin: 0;
  font-size: 34px;
  line-height: 1.15;
}

.legal-document > header > p:last-child:not(.legal-kicker) {
  margin: 8px 0 0;
  color: #4d5b69;
  font-size: 14px;
}

.legal-document section {
  padding: 26px 0;
  border-bottom: 1px solid #d4dae1;
}

.legal-document h2 {
  margin: 0 0 10px;
  font-size: 19px;
  line-height: 1.3;
}

.legal-document p {
  margin: 0;
}

.legal-document a {
  color: #174b70;
  text-underline-offset: 3px;
}

.legal-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #c5ced8;
  background: #ffffff;
}

.legal-table-scroll:focus-visible {
  outline: 2px solid #075e48;
  outline-offset: 3px;
}

.legal-cookie-inventory table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.45;
}

.legal-cookie-inventory th,
.legal-cookie-inventory td {
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee6;
  text-align: left;
  vertical-align: top;
}

.legal-cookie-inventory th {
  background: #edf1f5;
  color: #17212b;
  font-weight: 750;
}

.cookie-notice {
  position: fixed;
  z-index: 1500;
  right: auto;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: min(920px, calc(100% - 40px));
  padding: 16px 18px;
  border: 1px solid #8d99a7;
  border-radius: 4px;
  background: #ffffff;
  color: #17212b;
  box-shadow: 0 16px 42px rgba(12, 24, 38, .24);
}

@media (min-width: 1181px) {
  body:has(.author-workspace-sidebar) {
    --scriptsaver-cookie-safe-rail: 256px;
  }

  html[data-workspace-sidebar-state="collapsed"] body:has(.author-workspace-sidebar) {
    --scriptsaver-cookie-safe-rail: 64px;
  }

  body:has(.author-workspace-sidebar) .cookie-notice {
    width: min(
      920px,
      calc(100vw - (2 * var(--scriptsaver-cookie-safe-rail)) - 24px)
    );
  }
}

.cookie-notice-copy {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  min-width: 0;
}

.cookie-notice-copy > .material-symbols-outlined {
  color: #075e48;
  font-size: 26px;
}

.cookie-notice h2,
.cookie-notice p {
  margin: 0;
}

.cookie-notice h2 {
  color: #17212b;
  font-size: 16px;
  line-height: 1.3;
}

.cookie-notice p {
  margin-top: 4px;
  color: #44515f;
  font-size: 14px;
  line-height: 1.45;
}

.cookie-notice-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
}

.cookie-notice .button {
  min-height: 42px;
  border-color: #687684;
  border-radius: 4px;
  color: #17212b;
  background: #ffffff;
  box-shadow: none;
}

.cookie-notice .button-primary {
  border-color: #075e48;
  background: #075e48;
  color: #ffffff;
}

.legal-configuration-warning {
  margin-top: 24px;
  padding: 13px 15px;
  border-left: 4px solid #a74914;
  background: #fff4e8;
  color: #5b2b0f;
  font-weight: 650;
}

@media (max-width: 760px) {
  .legal-layout {
    grid-template-columns: 1fr;
    gap: 28px;
    width: calc(100% - 32px);
    max-width: 760px;
    min-width: 0;
    padding: 28px 0 52px;
  }

  .legal-index,
  .legal-document {
    min-width: 0;
    max-width: 100%;
  }

  .legal-index {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .legal-index a {
    text-align: center;
  }

  .legal-document h1 {
    font-size: 29px;
  }

  .cookie-notice {
    right: auto;
    bottom: 12px;
    left: 50%;
    align-items: stretch;
    flex-direction: column;
    gap: 14px;
    width: calc(100% - 24px);
  }

  .cookie-notice-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 460px) {
  .legal-index {
    grid-template-columns: 1fr;
  }

  .cookie-notice-actions {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 880px) {
  .auth-topbar {
    padding: 0 18px;
  }

  .auth-library-link span:last-child {
    display: none;
  }

  .auth-stage[data-auth-stage="split"],
  .auth-stage[data-auth-stage="account"],
  .auth-workbench[data-auth-workbench="invite"] .auth-stage[data-auth-stage="split"] {
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    width: min(620px, calc(100% - 28px));
    padding: 22px 0 36px;
  }

  .auth-context-panel,
  .invite-context-panel,
  .auth-account-panel {
    min-height: 0;
    padding: 24px;
  }

  .auth-context-panel {
    display: none;
  }

  .invite-context-list > div {
    min-height: 74px;
    padding: 14px 0;
  }
}

.stitch-new-project-drawer {
  margin: 0 0 18px;
  border: 1px solid var(--stitch-outline);
  border-radius: 0;
  background: var(--stitch-surface);
  box-shadow: none;
  scroll-margin-top: calc(var(--stitch-toolbar) + 18px);
}

.stitch-new-project-drawer[data-stitch-upload-workbench-position="primary-before-projects"] {
  margin-bottom: 18px;
}

.stitch-new-project-summary {
  display: grid;
  grid-template-columns: 32px auto 1fr;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px 14px;
  cursor: pointer;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.stitch-new-project-summary::-webkit-details-marker {
  display: none;
}

.stitch-new-project-summary > .material-symbols-outlined {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-size: 20px;
}

.stitch-new-project-summary strong {
  font-size: 15px;
  line-height: 1.1;
}

.stitch-new-project-summary > span:last-child {
  justify-self: end;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 11px;
  line-height: 1.2;
}

.stitch-new-project-drawer[open] .stitch-new-project-summary {
  border-bottom: 1px solid var(--stitch-outline);
}

.stitch-new-project-drawer .project-upload-panel {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.stitch-new-project-drawer[data-stitch-upload-drawer-state="collapsed"] .project-upload-panel {
  display: none !important;
}

.stitch-invite-management {
  display: grid !important;
  gap: 14px;
  align-content: start;
  padding: 18px !important;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.stitch-invite-management[data-stitch-invite-density="compact-rail"] {
  --invite-rail-max: min(72vh, 760px);
  max-height: var(--invite-rail-max);
  overflow: hidden auto;
  overscroll-behavior: contain;
  position: sticky;
  top: 78px;
}

.stitch-invite-management[data-stitch-access-rail="shared-context"] {
  gap: 12px;
  padding: 14px !important;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-access-rows[data-stitch-invite-access-scroll="true"] {
  max-height: 260px;
}

.stitch-invite-management[data-stitch-access-rail-density="compact"] .invite-management-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--stitch-outline);
}

.invite-management-head {
  align-items: flex-start;
  gap: 12px;
}

.invite-management-head h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.15;
}

.invite-management-head .muted {
  margin: 4px 0 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.35;
}

.invite-count-chip,
.invite-role-label {
  display: inline-flex;
  width: max-content;
  min-height: 26px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.invite-project-actions,
.invite-access-list,
.invite-outbox-list,
.invite-access-rows,
.invite-outbox-rows {
  display: grid;
  gap: 10px;
}

.invite-access-rows[data-stitch-invite-access-scroll="true"] {
  max-height: 260px;
  overflow: auto;
  padding-right: 2px;
  overscroll-behavior: contain;
}

.invite-outbox-list {
  border-top: 1px solid var(--stitch-outline);
  padding-top: 10px;
}

.invite-action-drawer {
  border-top: 1px solid var(--stitch-outline);
  padding-top: 10px;
}

.invite-action-drawer summary,
.invite-outbox-list summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  cursor: pointer;
  color: var(--stitch-text);
  font-size: 13px;
  font-weight: 800;
  list-style: none;
}

.invite-action-drawer summary::-webkit-details-marker,
.invite-outbox-list summary::-webkit-details-marker {
  display: none;
}

.invite-action-drawer:not([open]) .invite-project-action-rows,
.invite-outbox-list:not([open]) .invite-outbox-rows {
  display: none;
}

.invite-action-drawer[open] .invite-project-action-rows,
.invite-outbox-list[open] .invite-outbox-rows {
  margin-top: 10px;
}

.invite-project-action-rows {
  display: grid;
  gap: 10px;
  max-height: 300px;
  overflow: auto;
  overscroll-behavior: contain;
  padding-right: 2px;
}

.invite-project-card,
.invite-access-row,
.invite-outbox-row {
  display: grid;
  gap: 9px;
  padding: 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 0;
  background: var(--stitch-surface-low);
}

.invite-project-card-head,
.invite-access-row > div:first-child,
.invite-outbox-row > div:first-child {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.invite-project-card-head strong,
.invite-access-row strong,
.invite-outbox-row strong {
  color: var(--stitch-text);
  font-size: 13px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.invite-project-card-head span,
.invite-access-row span,
.invite-outbox-row span {
  color: var(--stitch-muted);
  font-size: 11px;
  line-height: 1.25;
}

.invite-management-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(118px, .7fr) auto;
  gap: 7px;
  align-items: end;
  margin: 0;
}

.invite-link-form {
  grid-template-columns: minmax(0, 1fr) auto;
}

.invite-management-form label {
  gap: 4px;
  margin: 0;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.invite-management-form input,
.invite-management-form select {
  min-height: 34px;
  border-radius: 4px;
  font-size: 12px;
}

.invite-management-form .button,
.invite-access-row .button {
  min-height: 34px;
  padding-inline: 10px;
  border-radius: 4px;
  white-space: nowrap;
}

.invite-access-row {
  grid-template-columns: minmax(0, 1fr);
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-access-row {
  gap: 7px;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-link-cell {
  min-width: 0;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-link-cell .context-link {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-management-form,
.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-link-form {
  grid-template-columns: minmax(0, 1fr);
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-management-form .button,
.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-link-form .button,
.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-access-row .button {
  width: 100%;
  justify-content: center;
}

.invite-access-row > div:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.invite-link-cell {
  min-width: 0;
}

.invite-link-cell .context-link {
  max-width: 100%;
  justify-content: flex-start;
  overflow-wrap: anywhere;
  white-space: normal;
}

.stitch-invite-management[data-stitch-access-rail-position="right"] .invite-link-cell .context-link {
  overflow-wrap: normal;
  white-space: nowrap;
}

.invite-outbox-row .outbox-body {
  max-height: 94px;
  margin: 0;
  padding: 8px;
  overflow: auto;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  font-size: 10px;
  white-space: pre-wrap;
}

@media (max-width: 1180px) {
  .author-management-board {
    grid-template-columns: 1fr;
  }

  .stitch-invite-management {
    max-width: none;
    position: static;
    max-height: none;
  }
}

.author-project-shelf {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 26px;
  align-items: start;
}

.author-project-shelf[data-stitch-author-project-grid="three-column"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.author-project-shelf .author-document-tile {
  display: flex !important;
  min-height: 244px;
  flex-direction: column;
  gap: 14px;
  padding: 24px 24px 20px !important;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.author-project-shelf[data-stitch-author-project-density="dense"] .author-document-tile {
  min-height: 218px;
  gap: 12px;
  padding: 22px 22px 18px !important;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .author-document-tile {
  min-height: 296px;
  gap: 9px;
  padding: 18px 24px 16px !important;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-summary {
  gap: 6px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-summary h3 {
  font-size: 18px;
  line-height: 1.15;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-summary p {
  min-height: 28px;
  font-size: 13px;
  line-height: 1.25;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-meta,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-metrics,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-actions {
  gap: 6px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .author-document-type,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .author-document-access,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .author-document-visibility,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .author-document-metric {
  min-height: 26px;
  padding: 0 8px;
  font-size: 10px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-metrics {
  margin-top: 0;
  padding-top: 10px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-footer {
  padding-top: 10px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-avatar {
  width: 28px;
  height: 28px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-owner strong,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-version strong {
  font-size: 12px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-owner small,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-version small {
  font-size: 9px;
}

.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-actions .context-link,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-actions .project-settings-drawer summary,
.author-project-shelf[data-stitch-author-project-density="project-cards"] .project-card-actions .table-action-details summary {
  min-height: 30px;
  padding: 0 8px;
  font-size: 11px;
}

.author-project-shelf .project-card-header,
.author-project-shelf .project-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.author-project-shelf .document-icon {
  display: inline-flex !important;
  width: max-content !important;
  min-width: 58px !important;
  height: 32px !important;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border: 0 !important;
  border-radius: 4px !important;
  background: #dfeaff !important;
  color: var(--stitch-text) !important;
  font-family: var(--stitch-mono);
  font-size: 13px !important;
  font-weight: 700;
}

.author-project-shelf .project-card-menu {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--stitch-text);
  opacity: .9;
}

.author-project-shelf .project-card-menu .material-symbols-outlined {
  font-size: 24px;
}

.author-project-shelf .project-card-summary {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.author-project-shelf .project-card-summary h3 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.author-project-shelf .project-card-summary p {
  min-height: 42px;
  margin: 0;
  color: var(--stitch-muted) !important;
  font-size: 15px;
  line-height: 1.35;
}

.author-project-shelf .project-card-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.author-project-shelf .project-card-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--stitch-outline);
}

.author-project-shelf .project-card-metrics[data-stitch-project-card-metrics="compact-strip"] {
  gap: 6px;
  margin-top: auto;
  padding-top: 12px;
}

.author-project-shelf .author-document-type,
.author-project-shelf .author-document-access,
.author-project-shelf .author-document-visibility {
  display: inline-flex;
  width: max-content;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
  color: var(--stitch-primary) !important;
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 800;
}

.author-project-shelf .author-document-metric {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 9px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface);
  color: var(--stitch-text) !important;
  font-family: var(--stitch-mono);
  font-size: 11px;
}

.author-project-shelf .project-card-metrics[data-stitch-project-card-metrics="compact-strip"] .author-document-metric {
  min-height: 28px;
  padding: 0 8px;
  font-size: 10px;
}

.author-project-shelf .project-card-footer {
  padding-top: 14px;
  border-top: 1px solid var(--stitch-outline);
}

.author-project-shelf .project-card-owner,
.author-project-shelf .project-card-version {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.author-project-shelf .project-card-avatar {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border-radius: 999px;
  background: var(--stitch-primary);
  color: #ffffff;
  font-family: var(--stitch-mono);
  font-size: 12px;
  font-weight: 800;
}

.author-project-shelf .project-card-owner strong,
.author-project-shelf .project-card-version strong {
  display: block;
  color: var(--stitch-text);
  font-size: 14px;
  line-height: 1.1;
}

.author-project-shelf .project-card-owner small,
.author-project-shelf .project-card-version small {
  display: block;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  line-height: 1.35;
  text-transform: uppercase;
}

.author-project-shelf .project-card-version {
  margin-left: auto;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
}

.author-project-shelf .project-card-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: visible;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.author-project-list-head,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  display: grid !important;
  grid-template-columns: 42px minmax(128px, 1.05fr) minmax(74px, .55fr) minmax(138px, 1fr) minmax(56px, .38fr) minmax(160px, .8fr);
  gap: 7px !important;
  align-items: center;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row > *,
.author-project-list-head > * {
  min-width: 0;
}

.author-project-list-head {
  min-height: 38px;
  padding: 0 12px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  min-height: 72px;
  padding: 6px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface) !important;
  box-shadow: none !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row:last-child {
  border-bottom: 0 !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-header {
  display: flex !important;
  justify-content: flex-start;
  gap: 0;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .document-icon {
  min-width: 40px !important;
  height: 26px !important;
  padding: 0 6px !important;
  font-size: 10px !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-menu {
  display: none !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary {
  gap: 2px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-source-filename {
  overflow: hidden;
  color: var(--stitch-muted);
  font-size: 11px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary h3 {
  min-height: 32px;
  font-size: 14px;
  line-height: 1.2;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary p {
  min-height: 0;
  font-size: 11px;
  line-height: 1.25;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-meta,
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-metrics {
  gap: 6px;
  margin: 0;
  padding: 0;
  border: 0;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-type,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-access,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-visibility,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-metric {
  min-height: 22px;
  padding: 0 6px;
  font-size: 9px;
}

.author-project-shelf .project-candidate-chip {
  border-color: color-mix(in srgb, var(--stitch-sidebar-accent) 24%, var(--stitch-outline));
  background: color-mix(in srgb, var(--stitch-sidebar-accent) 7%, var(--stitch-surface));
}

.author-project-shelf .project-quality-strip {
  border-color: var(--stitch-outline-strong);
  background: var(--stitch-surface-low);
}

.author-project-shelf .project-quality-strip[data-stitch-project-quality-state="passed"] {
  border-color: color-mix(in srgb, var(--stitch-green) 32%, var(--stitch-outline));
  background: color-mix(in srgb, var(--stitch-green) 9%, var(--stitch-surface));
}

.author-project-shelf .project-quality-strip[data-stitch-project-quality-state="needs-work"] {
  border-color: color-mix(in srgb, var(--stitch-amber) 34%, var(--stitch-outline));
  background: color-mix(in srgb, var(--stitch-amber) 10%, var(--stitch-surface));
}

.author-project-shelf .project-quality-strip[data-stitch-project-quality-state="failed"] {
  border-color: color-mix(in srgb, var(--stitch-rose) 38%, var(--stitch-outline));
  background: color-mix(in srgb, var(--stitch-rose) 9%, var(--stitch-surface));
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-footer {
  justify-content: flex-start;
  gap: 0;
  padding: 0;
  border: 0;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-owner {
  display: none !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version {
  margin-left: 0;
  align-items: flex-start;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version strong {
  font-size: 12px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-actions {
  width: 100%;
  max-width: 160px;
  min-width: 0;
  justify-self: start;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5px;
  overflow: visible;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .context-link,
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-settings-drawer summary,
.author-project-shelf[data-stitch-author-project-shelf="table"] .table-action-details summary {
  max-width: 100%;
  min-height: 26px;
  padding-inline: 7px;
  font-size: 9px;
}

@media (max-width: 1080px) {
  .author-project-toolbar {
    grid-template-columns: 1fr 1fr;
  }

  .author-project-list-head {
    display: none !important;
  }

  .author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
    grid-template-columns: 56px minmax(180px, 1fr);
  }

  .author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-meta,
  .author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-metrics,
  .author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-footer,
  .author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-actions {
    grid-column: 2;
  }
}

/* July 2026 author workbench: dense project index with a readable inspector. */
.author-management-board[data-project-command-center="true"] {
  grid-template-columns: minmax(560px, 1fr) minmax(430px, 480px);
  height: auto;
  min-height: 0;
  align-items: start;
}

.author-management-board[data-project-command-center="true"] .stitch-author-projects {
  min-height: 0;
  overflow: visible;
}

.author-management-board[data-project-command-center="true"] .author-project-shelf {
  min-height: 0;
  flex: 0 0 auto;
  align-content: start;
  overflow: visible;
}

.author-management-board[data-project-command-center="true"] .author-project-toolbar {
  grid-template-columns: minmax(118px, .9fr) minmax(148px, 1.1fr) minmax(112px, .82fr) auto;
  align-items: end;
}

.author-management-board[data-project-command-center="true"] .author-project-search {
  grid-column: 1 / -1;
}

.author-management-board[data-project-command-center="true"] .author-project-toolbar select {
  width: 100%;
}

.author-management-board[data-project-command-center="true"] .author-project-toolbar .button {
  display: inline-flex;
  width: auto;
  min-width: 88px;
}

.author-project-list-head,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  grid-template-columns: 52px minmax(210px, 1.25fr) minmax(132px, .72fr) minmax(220px, 1fr) minmax(72px, .42fr);
  gap: 12px !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  min-height: 84px;
  padding: 10px 12px !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-header {
  display: grid;
  width: 44px;
  height: 60px;
  place-items: center;
  align-self: center;
}

.project-row-thumbnail {
  display: block;
  width: 42px;
  height: 58px;
  object-fit: contain;
  border: 1px solid #b8c3cf;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(15, 23, 42, .12);
}

.project-row-thumbnail-placeholder {
  display: grid;
  width: 42px;
  height: 58px;
  place-items: center;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary h3 {
  font-size: 15px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary p,
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version strong {
  font-size: 12px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-type,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-access,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-visibility,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-metric {
  min-height: 24px;
  font-size: 10px;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-actions {
  display: none !important;
}

.stitch-invite-management[data-project-inspector="true"] {
  gap: 16px;
  padding: 18px !important;
  color: #172033;
}

.stitch-invite-management[data-project-inspector="true"] .invite-management-head h2 {
  font-size: 18px;
}

.project-inspector-preview {
  display: grid;
  min-height: 184px;
  place-items: center;
  padding: 12px;
  border: 1px solid #c9d1dc;
  background: #eef2f6;
  text-decoration: none;
}

.project-inspector-preview img {
  display: block;
  width: auto;
  max-width: 100%;
  height: 160px;
  object-fit: contain;
  background: #ffffff;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .14);
}

.project-inspector-preview-placeholder {
  display: grid;
  width: 124px;
  height: 160px;
  place-items: center;
  border: 1px solid #c9d1dc;
  background: #ffffff;
  color: #526174;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .08);
}

.project-inspector-preview-placeholder .material-symbols-outlined {
  font-size: 28px;
}

.project-inspector-preview:hover,
.project-inspector-preview:focus-visible {
  border-color: #007b73;
  color: #005e57;
}

.project-inspector-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.project-inspector-actions .button {
  width: 100%;
  min-height: 40px;
  font-size: 13px;
}

.project-inspector-actions .project-inspector-review-action {
  grid-column: 1 / -1;
}

.project-inspector-state-panel {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 13px 14px;
  border: 1px solid #b8c3cf;
  border-left-width: 4px;
  background: #f7f9fb;
}

.project-inspector-state-panel > .material-symbols-outlined {
  font-size: 24px;
}

.project-inspector-state-panel h3,
.project-inspector-state-panel p {
  margin: 0;
}

.project-inspector-state-panel h3 {
  font-size: 14px;
  line-height: 1.35;
}

.project-inspector-state-panel p {
  margin-top: 4px;
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.project-inspector-state-failed {
  border-color: #c53a36;
  background: #fff4f3;
  color: #8f1f1b;
}

.project-inspector-state-processing {
  border-color: #168078;
  background: #effaf8;
  color: #075f58;
}

.project-inspector-state-processing progress {
  display: block;
  width: 100%;
  height: 7px;
  margin-top: 10px;
  accent-color: #007b73;
}

.project-inspector-processing-actions,
.project-inspector-recovery-actions {
  grid-template-columns: 1fr;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-row {
  gap: 9px;
  padding: 11px;
  border-color: #b8c3cf;
  background: #f7f9fb;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-rows[data-stitch-invite-access-scroll="true"] {
  max-height: 230px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.invite-access-identity {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px !important;
  align-items: center;
}

.invite-access-identity > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.invite-access-identity-icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
  border: 1px solid #aeb9c6;
  background: #ffffff;
  color: #075f58 !important;
  font-size: 17px !important;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-row strong {
  color: #172033;
  font-size: 13px;
  font-weight: 800;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-row .invite-access-identity span:not(.material-symbols-outlined) {
  color: #3d4b5e;
  font-size: 12px;
}

.invite-access-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.invite-access-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-items: center;
}

.invite-copy-action {
  display: grid;
  flex: 1 1 150px;
  min-width: 0;
  gap: 3px;
}

.invite-access-remove {
  flex: 1 1 150px;
  margin: 0;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-actions .button {
  width: 100%;
  min-height: 36px;
  justify-content: center;
  gap: 6px;
  padding-inline: 9px;
  font-size: 12px;
}

.stitch-invite-management[data-project-inspector="true"] .invite-access-actions .material-symbols-outlined {
  width: 17px;
  font-size: 17px;
}

.invite-access-state,
.invite-copy-state {
  color: #3d4b5e !important;
  font-size: 11px !important;
  line-height: 1.35;
}

.invite-copy-state:empty {
  display: none;
}

.project-inspector-recovery-actions form {
  display: block;
  margin: 0;
}

.project-inspector-state-processing .project-processing-icon {
  animation: project-processing-spin 1.4s linear infinite;
}

@keyframes project-processing-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .project-inspector-state-processing .project-processing-icon {
    animation: none;
  }
}

.project-invite-dialog {
  width: min(620px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 32px));
  margin: auto;
  padding: 0;
  overflow: auto;
  border: 1px solid #9aa8b8;
  border-radius: 4px;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 28px 70px rgba(15, 23, 42, .28);
}

.project-invite-dialog::backdrop {
  background: rgba(15, 23, 42, .48);
}

.project-invite-dialog-header {
  display: flex;
  min-height: 68px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid #c9d1dc;
}

.project-invite-dialog-header h2 {
  margin: 2px 0 0;
  font-size: 19px;
}

.project-invite-dialog-header button {
  display: grid;
  width: 36px;
  min-width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #aeb9c6;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  cursor: pointer;
}

.project-invite-dialog .invite-project-action-rows {
  max-height: none;
  padding: 16px;
}

.project-invite-dialog .invite-project-card {
  border: 0;
  padding: 0;
}

.project-invite-dialog .invite-management-form {
  grid-template-columns: minmax(0, 1.3fr) minmax(180px, .8fr) auto;
  align-items: end;
}

.project-invite-dialog .invite-link-form {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #d6dde6;
}

@media (max-width: 680px) {
  .project-invite-dialog .invite-management-form {
    grid-template-columns: 1fr;
  }
}

.stitch-invite-management[data-project-inspector="true"] .project-inspector-section-head h3,
.stitch-invite-management[data-project-inspector="true"] summary,
.stitch-invite-management[data-project-inspector="true"] .empty-note {
  color: #243246;
  font-size: 13px;
}

@media (max-width: 1180px) {
  .author-management-board[data-project-command-center="true"] {
    grid-template-columns: minmax(0, 1fr);
  }
}

.target-document-shell .document-sidebar {
  display: flex !important;
  flex-direction: column !important;
  width: var(--stitch-sidebar) !important;
  padding: 18px 12px 16px !important;
  overflow: hidden;
}

.target-document-shell .document-sidebar .sidebar-brand {
  display: block !important;
  min-height: 38px;
  margin: 0 4px 22px !important;
  padding: 0 !important;
  overflow: visible;
}

.target-document-shell .document-sidebar .sidebar-brand::before {
  display: none !important;
  content: none !important;
}

.target-document-shell .document-sidebar .sidebar-brand .brand-wordmark {
  display: block;
  color: #ffffff !important;
  font-family: var(--stitch-ui);
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  white-space: nowrap;
}

.target-document-shell .document-sidebar > .sidebar-new-project {
  min-height: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  gap: 8px;
  margin: 0 0 28px !important;
  padding: 0 11px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

.target-document-shell .document-sidebar .sidebar-section-label {
  margin: 0 5px 8px;
  color: #8fa0b8;
  font-family: var(--stitch-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
}

.target-document-shell .document-sidebar .sidebar-link {
  min-height: 46px !important;
  gap: 10px;
  padding: 0 12px !important;
  border-radius: 4px !important;
  font-family: var(--stitch-ui) !important;
  font-size: 13px !important;
  font-weight: 560 !important;
  line-height: 1.2;
}

.target-document-shell .document-sidebar .sidebar-link .material-symbols-outlined {
  width: 20px;
  flex: 0 0 20px;
  font-size: 19px;
}

.target-document-shell .viewer-sidebar-footer {
  display: grid;
  gap: 2px;
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, .1);
}

.target-document-shell .viewer-sidebar-footer .sidebar-link {
  min-height: 40px !important;
  color: #b9c5d6 !important;
  font-size: 12px !important;
}

.target-document-shell .viewer-sidebar-footer .viewer-logout-link {
  color: #ff8d8d !important;
}

.target-document-shell .viewer-sidebar-logout-form {
  margin: 0;
}

.target-document-shell .viewer-sidebar-logout-form .viewer-logout-link {
  width: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.document-comment-inspector .passage-comments-list {
  display: grid;
  gap: 8px;
}

.document-comment-inspector .comment-thread-item,
.document-comment-inspector .comment-thread-item + .comment-thread-item {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
}

.document-comment-inspector .comment-thread-item:hover {
  border-color: #aebdca !important;
  box-shadow: 0 3px 10px rgba(15, 23, 42, .05) !important;
}

.document-comment-inspector .comment-message-meta,
.document-comment-inspector .comment-message-scope,
.document-comment-inspector .comment-message-source,
.document-comment-inspector .comment-message-actions {
  font-family: var(--stitch-ui) !important;
  letter-spacing: 0 !important;
}

.target-document-shell .document-composer-header {
  min-width: 0;
}

.target-document-shell .document-composer-header > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-document-shell .document-composer-scope-strip {
  flex: 0 0 auto;
}

/* Author review target: one viewport, one queue and one active decision. */
.target-review-shell.stitch-review-shell {
  --stitch-sidebar: 180px;
  --stitch-toolbar: 56px;
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  background: #eef1f5;
}

.target-review-shell .review-app-frame {
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-review-shell .review-sidebar {
  display: flex !important;
  width: var(--stitch-sidebar) !important;
  min-height: 100vh !important;
  flex-direction: column !important;
  padding: 18px 12px 16px !important;
  overflow: hidden;
}

.target-review-shell .review-sidebar .sidebar-brand {
  display: block !important;
  min-height: 38px;
  margin: 0 4px 22px !important;
  padding: 0 !important;
}

.target-review-shell .review-sidebar .sidebar-brand::before {
  display: none !important;
  content: none !important;
}

.target-review-shell .review-sidebar .brand-wordmark {
  display: block;
  color: #ffffff !important;
  font-family: var(--stitch-ui);
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.25;
  white-space: nowrap;
}

.target-review-shell .review-sidebar .sidebar-section-label {
  margin: 10px 5px 7px;
  color: #8fa0b8;
  font-family: var(--stitch-ui);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .06em;
}

.target-review-shell .review-sidebar .sidebar-link {
  min-height: 43px !important;
  gap: 10px;
  padding: 0 12px !important;
  border-radius: 4px !important;
  font-family: var(--stitch-ui) !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1.2;
}

.target-review-shell .review-sidebar .sidebar-link .material-symbols-outlined {
  width: 19px;
  flex: 0 0 19px;
  font-size: 18px;
}

.target-review-shell .review-sidebar .sidebar-new-project {
  min-height: 38px !important;
  height: 38px !important;
  margin: auto 0 28px !important;
  padding: 0 11px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

.target-review-shell .review-header[data-stitch-review-workspace-topbar="true"] {
  left: var(--stitch-sidebar) !important;
  width: calc(100vw - var(--stitch-sidebar)) !important;
  min-height: var(--stitch-toolbar) !important;
  height: var(--stitch-toolbar) !important;
  padding: 0 16px !important;
  border-bottom: 1px solid #d8dee8 !important;
  background: #ffffff !important;
}

.target-review-shell .review-header .stitch-topbar-search {
  width: min(300px, 28vw);
}

.target-review-shell .review-header .stitch-topbar-utilities {
  gap: 12px;
}

.target-review-shell .review-header .stitch-topbar-upload {
  min-height: 34px;
  padding-inline: 12px;
  font-size: 12px !important;
}

.target-review-shell .review-workspace-main[data-review-workspace-shell="true"] {
  display: grid !important;
  grid-template-rows: 48px minmax(0, 1fr);
  gap: 8px;
  width: calc(100vw - var(--stitch-sidebar));
  height: 100vh;
  min-height: 0;
  margin-left: var(--stitch-sidebar) !important;
  padding: calc(var(--stitch-toolbar) + 10px) 14px 14px !important;
  overflow: hidden !important;
  background: #eef1f5;
}

.target-review-shell .review-page-heading[data-stitch-review-heading="compact"] {
  display: flex !important;
  min-height: 48px !important;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
}

.target-review-shell .review-page-heading h1 {
  margin: 0;
  color: #172033;
  font-family: var(--stitch-ui);
  font-size: 18px !important;
  line-height: 1.2;
}

.target-review-shell .review-page-heading p {
  display: none !important;
}

.target-review-shell .review-heading-actions {
  gap: 7px;
}

.target-review-shell .review-heading-actions .button {
  min-height: 32px;
  padding-inline: 10px;
  font-size: 11px !important;
}

.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"] {
  display: grid !important;
  grid-template-columns: minmax(320px, 360px) minmax(0, 1fr) !important;
  gap: 10px !important;
  width: 100%;
  height: calc(100vh - var(--stitch-toolbar) - 80px);
  min-height: 0;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  align-items: stretch !important;
}

.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"][data-review-queue-visible="false"]
  > .review-feedback-column[data-stitch-review-panel="queue"] {
  display: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] > .review-context-panel {
  display: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-stitch-review-panel="queue"] {
  display: grid;
  grid-template-rows: 46px auto minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: none !important;
  overflow: hidden;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #ffffff !important;
}

.target-review-shell .review-queue-header {
  min-height: 46px;
  padding: 0 12px;
  border-bottom: 1px solid #d8dee8;
}

.target-review-shell .review-queue-header h2 {
  font-size: 14px;
}

.target-review-shell .review-queue-header span {
  min-height: 24px;
  padding-inline: 8px;
  border-radius: 999px;
  background: #0b1c30;
  color: #ffffff;
  font-size: 9px;
}

.target-review-shell .review-workbench {
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #d8dee8 !important;
  border-radius: 0 !important;
  background: #f7f9fb !important;
  box-shadow: none !important;
}

.target-review-shell .review-filter-drawer {
  border: 0;
}

.target-review-shell .review-filter-drawer summary {
  min-height: 34px;
  padding: 0 12px;
  font-size: 10px;
}

.target-review-shell .review-filter-drawer-body {
  max-height: 300px;
  overflow-y: auto;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
  min-height: 0;
  max-height: none !important;
  padding: 8px !important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f4f6f9 !important;
  scrollbar-width: thin;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-list {
  display: grid;
  gap: 8px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-frame="standalone"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 128px;
  margin: 0 !important;
  border: 1px solid #d8dee8 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  font-family: var(--stitch-ui) !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-frame="standalone"][data-review-card-selected="true"] {
  border-color: #007b73 !important;
  background: #f2fbf8 !important;
  box-shadow: inset 3px 0 0 #007b73 !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-marker {
  top: 12px !important;
  left: 11px !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  font-size: 10px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-main {
  padding: 12px 11px 11px 44px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-header {
  gap: 8px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block h2 {
  max-width: 210px;
  font-size: 13px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block > p {
  display: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-meta-strip {
  margin-top: 6px;
  gap: 4px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-meta-strip span {
  min-height: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 9px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-annotation {
  display: -webkit-box;
  margin: 7px 0 0;
  overflow: hidden;
  font-size: 11px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-state {
  gap: 5px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-checkbox span {
  display: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-command-strip {
  display: none;
  margin-top: 8px;
  padding-top: 7px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-selected="true"] .review-card-command-strip {
  display: flex;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-command-strip .context-link {
  min-height: 26px;
  padding: 0 7px;
  font-size: 9px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-stack[data-stitch-review-panel="inspection"] {
  display: grid;
  grid-template-rows: minmax(0, 1fr) 82px;
  gap: 8px;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-panel[data-stitch-review-inspection-card="true"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 42px 34px minmax(0, 1fr) 36px 58px;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #ffffff;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-header {
  min-height: 42px;
  padding: 0 14px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-header strong,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-meta span {
  font-family: var(--stitch-ui);
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-meta {
  min-height: 34px;
  padding: 8px 14px 0;
  overflow: hidden;
  white-space: nowrap;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-body {
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .78fr);
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-inspection-body {
  grid-template-columns: minmax(520px, 1.15fr) minmax(420px, .85fr);
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-source-column {
  grid-template-rows: minmax(0, 1fr) 60px 34px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage {
  padding: 18px 20px 14px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage blockquote {
  padding: 10px 0 10px 14px;
  font-size: 20px;
  line-height: 1.3;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview {
  min-height: 150px;
  max-height: 190px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview img {
  max-height: 190px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options {
  padding: 12px 20px 16px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options label {
  min-height: 46px;
  gap: 4px;
  padding: 8px 6px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options strong {
  font-size: 12px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options small {
  font-size: 10px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-comment-context {
  padding: 16px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-comment-context p {
  font-size: 14px;
  line-height: 1.45;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-decision {
  min-height: 36px;
  padding: 6px 14px !important;
  font-size: 10px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar {
  position: static !important;
  min-height: 58px;
  grid-template-columns: minmax(170px, 1fr) minmax(120px, .6fr) minmax(180px, .82fr) !important;
  gap: 7px;
  padding: 8px 10px;
  background: #f7f9fb;
  box-shadow: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .button {
  min-height: 40px;
  padding-inline: 8px;
  font-size: 11px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .ai-guard-note {
  display: grid;
  min-height: 40px;
  place-items: center;
  margin: 0;
  color: #667085;
  font-size: 10px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-strip {
  display: grid;
  grid-template-columns: 1.1fr .7fr 1fr;
  gap: 8px;
  min-height: 82px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card {
  display: grid;
  min-height: 82px;
  align-content: center;
  gap: 4px;
  padding: 9px 11px;
  border: 1px solid #d8dee8;
  border-radius: 4px;
  background: #ffffff;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card .panel-kicker {
  margin: 0;
  font-size: 8px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card p {
  margin: 0;
  color: #526174;
  font-size: 10px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card[data-stitch-review-status-card="agent-status"] p {
  display: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-quality-score {
  font-size: 20px;
}

.target-review-shell .review-gate-panel,
.target-review-shell [data-review-persona-gates="true"] {
  display: none !important;
}

@media (max-width: 1120px) {
  .target-review-shell.stitch-review-shell {
    height: auto;
    overflow: auto;
  }

  .target-review-shell .review-header[data-stitch-review-workspace-topbar="true"] {
    position: static !important;
    width: 100% !important;
  }

  .target-review-shell .review-workspace-main[data-review-workspace-shell="true"] {
    width: 100%;
    height: auto;
    margin-left: 0 !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"] {
    grid-template-columns: 1fr !important;
    height: auto;
    overflow: visible;
  }

  .target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-stitch-review-panel="queue"],
  .target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-stack[data-stitch-review-panel="inspection"] {
    height: auto;
    min-height: 620px;
  }
}

@media (max-width: 1180px) {
  .author-project-shelf[data-stitch-author-project-grid="three-column"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .author-project-shelf[data-stitch-author-project-grid="three-column"] {
    grid-template-columns: 1fr;
  }
}

.author-project-shelf .context-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
  text-decoration: none;
}

.author-project-shelf .project-settings-drawer,
.author-project-shelf .table-action-details {
  position: relative;
  min-height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
}

.author-project-shelf .project-settings-drawer summary,
.author-project-shelf .table-action-details summary {
  min-height: 32px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.author-project-shelf .project-settings-drawer summary::-webkit-details-marker,
.author-project-shelf .table-action-details summary::-webkit-details-marker {
  display: none;
}

.author-project-shelf .project-settings-drawer:not([open]) > :not(summary),
.author-project-shelf .table-action-details:not([open]) > :not(summary) {
  display: none !important;
}

.author-project-shelf .project-settings-drawer[open],
.author-project-shelf .table-action-details[open] {
  flex: 1 0 100%;
  padding: 10px !important;
  border-color: var(--stitch-primary) !important;
  background: var(--stitch-surface) !important;
}

.author-project-shelf .project-settings-drawer[open] summary,
.author-project-shelf .table-action-details[open] summary {
  margin-bottom: 8px;
  padding: 0;
}

.author-project-shelf .visibility-form,
.author-project-shelf .course-form-inline,
.author-project-shelf .table-action-details .invite-inline-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: end;
  margin: 8px 0 0;
}

.author-project-shelf .table-action-details .invite-inline-form {
  grid-template-columns: minmax(0, 1fr) minmax(140px, .65fr) auto;
}

.author-project-shelf .table-action-details .invite-inline-form + .invite-inline-form {
  border-top: 1px solid var(--stitch-outline);
  padding-top: 8px;
}

.stitch-course-console {
  display: grid !important;
  gap: 14px;
  padding: 22px !important;
}

.stitch-course-console .course-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, .72fr) auto;
  gap: 10px;
  padding: 12px !important;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface-low) !important;
}

.stitch-course-list {
  gap: 10px !important;
}

.stitch-course-row {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  border: 1px solid var(--stitch-outline) !important;
  border-radius: var(--stitch-radius) !important;
  background: var(--stitch-surface) !important;
}

.stitch-course-row .course-static-row,
.stitch-course-row .course-edit-form {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, .8fr) auto auto;
  gap: 10px;
  align-items: end;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.stitch-course-row .course-transfer-form {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-top: 0;
  padding: 10px !important;
  background: var(--stitch-surface-low) !important;
}

.stitch-course-console[data-stitch-course-console="table"] {
  gap: 10px;
  padding: 18px !important;
  border-radius: 0 !important;
}

.stitch-course-console[data-stitch-course-console="table"] .stitch-section-head {
  margin-bottom: 2px;
}

.stitch-course-console[data-stitch-course-console="table"] .course-create-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, .62fr) auto;
  gap: 8px;
  padding: 10px !important;
  border-radius: 0 !important;
}

.stitch-course-console[data-stitch-course-console="dock"] {
  display: block !important;
  gap: 0;
  overflow: hidden;
  padding: 0 !important;
  border-radius: 0 !important;
}

.course-dock-summary {
  display: flex !important;
  min-height: 64px;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 !important;
  padding: 12px 16px !important;
  list-style: none;
}

.course-dock-summary::-webkit-details-marker {
  display: none;
}

.course-dock-summary h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.1;
}

.course-dock-summary .muted {
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.3;
}

.course-dock-meta {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.course-dock-meta > span:not(.material-symbols-outlined) {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
  color: var(--stitch-text);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 0 9px;
  text-transform: uppercase;
}

.course-dock-chevron {
  color: var(--stitch-muted);
  transition: transform 140ms ease;
}

.stitch-course-console[open] .course-dock-chevron {
  transform: rotate(180deg);
}

.course-dock-body {
  display: grid;
  gap: 10px;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.stitch-course-console[data-stitch-course-console="dock"] .course-create-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(160px, .62fr) auto;
  gap: 8px;
  margin: 0;
  padding: 10px !important;
  border-radius: 0 !important;
}

.stitch-course-console[data-stitch-course-console="dock"] .course-create-row label {
  gap: 4px;
  margin: 0;
}

.stitch-course-console[data-stitch-course-console="dock"] .course-create-row input {
  min-height: 36px;
}

.course-register {
  display: grid;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.course-register-head,
.course-register-row {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(140px, .42fr) 92px minmax(230px, auto);
  gap: 10px !important;
  align-items: center;
}

.course-register-head {
  min-height: 44px;
  padding: 0 12px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.course-register-row {
  min-height: 52px;
  padding: 8px 12px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--stitch-outline) !important;
  border-radius: 0 !important;
  background: var(--stitch-surface) !important;
}

.course-register-row:last-child {
  border-bottom: 0 !important;
}

.course-register-row .course-row-main {
  min-width: 0;
}

.course-register-row .course-static-row {
  display: block;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.course-register-row .course-static-row strong {
  display: block;
  color: var(--stitch-text);
  font-size: 14px;
}

.course-register-row .course-row-term,
.course-register-row .course-row-note {
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 700;
}

.course-register-row .course-edit-form {
  grid-column: 1 / span 2;
  display: grid;
  grid-template-columns: minmax(160px, 1fr) minmax(130px, .62fr) auto;
  gap: 8px;
  align-items: end;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.stitch-course-console[data-stitch-course-console="table"] .course-create-row label {
  gap: 4px;
  margin: 0;
}

.course-register-row .course-edit-form label {
  gap: 0;
  margin: 0;
  color: transparent;
  font-size: 0;
}

.course-register-row .course-edit-form input,
.stitch-course-console[data-stitch-course-console="table"] .course-create-row input {
  min-height: 36px;
}

.course-register-row .course-edit-form input {
  color: var(--stitch-text);
  font-size: 13px;
}

.course-row-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.course-row-actions .button {
  min-height: 34px;
  padding: 0 10px;
  font-size: 11px;
}

.course-transfer-drawer {
  position: relative;
  min-height: 34px;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: var(--stitch-surface-low);
}

.course-transfer-drawer summary {
  display: flex;
  min-height: 32px;
  align-items: center;
  padding: 0 10px;
  color: var(--stitch-primary);
  font-family: var(--stitch-mono);
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.course-transfer-drawer summary::-webkit-details-marker {
  display: none;
}

.course-transfer-drawer[open] {
  grid-column: 1 / -1;
  padding: 10px;
  border-color: var(--stitch-primary);
  background: var(--stitch-surface);
}

.course-transfer-drawer[open] summary {
  margin-bottom: 8px;
  padding: 0;
}

.course-transfer-drawer .course-transfer-form {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) auto;
  gap: 8px;
  align-items: end;
  margin: 0;
  padding: 0 !important;
  background: transparent !important;
}

.target-document-shell .document-sidebar > .sidebar-new-project {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  flex: 0 0 44px !important;
  margin: 12px 0 28px !important;
  padding: 0 12px !important;
  border-radius: 6px !important;
}

@media (max-width: 1180px) {
  .stitch-sidebar,
  .target-app-frame .dashboard-sidebar,
  .review-app-frame .dashboard-sidebar,
  .author-app-frame .dashboard-sidebar,
  .target-document-shell .document-sidebar {
    position: static !important;
    width: 100% !important;
    min-height: auto !important;
  }

  .dashboard-main,
  .review-workspace-main,
  .target-author-shell .author-workspace-main,
  .target-author-shell .candidate-layout,
  .document-workspace {
    margin-left: 0 !important;
    padding-top: 24px !important;
  }

  .stitch-topbar,
  .workspace-commandbar.stitch-topbar,
  .target-document-shell > .review-header.stitch-topbar,
  .review-workspace-main > .review-header.stitch-topbar,
  .author-page-header {
    position: static !important;
    left: auto !important;
  }

  .quick-upload-workbench,
  .document-workspace,
  .review-workspace-grid {
    grid-template-columns: 1fr !important;
  }

  .quick-upload-drop,
  .document-canvas-pane {
    border-right: 0 !important;
  }

  .document-comment-inspector,
  .page-thumbnail-rail,
  .review-context-panel[data-stitch-review-panel="context"],
  .review-inspection-stack[data-stitch-review-panel="inspection"],
  .review-gate-panel {
    position: static !important;
    height: auto !important;
  }
}

/* Local fallback when the externally hosted Material Symbols font is unavailable. */
html:not(.material-symbols-ready)
  .material-symbols-outlined.material-symbols-outlined[data-fallback-icon] {
  max-width: none;
  overflow: visible;
  opacity: 1 !important;
  color: currentColor !important;
  font-size: 0 !important;
  font-family: var(--stitch-ui);
  font-feature-settings: normal;
}

html:not(.material-symbols-ready)
  .material-symbols-outlined.material-symbols-outlined[data-fallback-icon]::before {
  content: attr(data-fallback-icon);
  font-family: var(--stitch-ui);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.project-next-action-copy > div {
  min-width: 0;
  overflow: hidden;
}

.project-next-action {
  min-width: 0;
  overflow: hidden;
}

.project-next-action-copy {
  flex: 1 1 0;
  overflow: hidden;
}

.project-member-list strong,
.project-quality-list strong,
.project-material-list strong,
.project-activity-list strong {
  font-size: 13px;
}

/* Dedicated project import laboratory */
.project-import-shell {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background: var(--stitch-bg);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
}

.project-import-main {
  min-height: 100vh;
}

@media (min-width: 1181px) {
  .project-import-shell .project-command-main {
    margin-left: var(--scriptsaver-workspace-sidebar) !important;
  }
}

.project-import-toolbar {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.project-import-toolbar-title {
  overflow: hidden;
  color: var(--stitch-text);
  font-size: 16px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-import-workbench {
  display: grid;
  grid-template-rows: auto minmax(250px, 1fr) auto auto;
  gap: 12px;
  min-height: calc(100vh - var(--stitch-toolbar));
  padding: 14px 18px 18px;
  background: var(--stitch-bg);
}

.project-import-metadata {
  display: grid;
  grid-template-columns: minmax(240px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(230px, 1.35fr);
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-import-metadata > label,
.project-import-visibility {
  display: grid;
  align-content: end;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.project-import-metadata label > span:first-child,
.project-import-visibility legend {
  color: var(--stitch-muted);
  font-size: 11px;
  font-weight: 700;
}

.project-import-metadata input[type="text"],
.project-import-metadata select {
  width: 100%;
  min-width: 0;
  min-height: 38px;
  padding: 7px 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  outline: 0;
  background: var(--stitch-surface);
  color: var(--stitch-text);
  font: inherit;
}

.project-import-metadata input[type="text"]:focus,
.project-import-metadata select:focus {
  border-color: var(--stitch-green);
  box-shadow: 0 0 0 2px rgba(0, 164, 114, .13);
}

.project-import-visibility {
  grid-template-columns: 1fr 1fr;
}

.project-import-visibility legend {
  grid-column: 1 / -1;
  margin-bottom: 5px;
}

.project-import-visibility label {
  position: relative;
  display: flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  color: var(--stitch-muted);
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.project-import-visibility label:first-of-type {
  border-radius: var(--stitch-radius) 0 0 var(--stitch-radius);
}

.project-import-visibility label:last-of-type {
  margin-left: -1px;
  border-radius: 0 var(--stitch-radius) var(--stitch-radius) 0;
}

.project-import-visibility label:has(input:checked) {
  z-index: 1;
  border-color: var(--stitch-green);
  background: var(--stitch-green-bg);
  color: #006c4d;
}

.project-import-visibility input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.project-import-visibility .material-symbols-outlined {
  width: 18px;
  font-size: 17px;
}

.project-import-source {
  display: grid;
  grid-template-rows: auto minmax(170px, 1fr) auto;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-import-format-strip {
  display: grid;
  grid-template-columns: .75fr .85fr 1fr 1.25fr .8fr 1.15fr;
  gap: 0;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.project-import-format-strip span {
  display: grid;
  min-height: 46px;
  place-items: center;
  border-right: 1px solid var(--stitch-outline);
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-import-format-strip span:last-child {
  border-right: 0;
}

.project-import-format-strip b {
  color: var(--stitch-text);
  font-size: 12px;
}

.project-import-dropzone {
  display: grid;
  min-height: 0;
  place-items: center;
  align-content: center;
  gap: 5px;
  margin: 12px;
  padding: 18px;
  border: 1px dashed #7691ad;
  border-radius: var(--stitch-radius);
  background: #fbfdff;
  color: var(--stitch-text);
  text-align: center;
  cursor: pointer;
  transition: border-color 140ms ease, background 140ms ease;
}

.project-import-dropzone:hover,
.project-import-dropzone:focus-within,
.project-import-dropzone.drag-active {
  border-color: var(--stitch-green);
  background: #f1fcf7;
}

.project-import-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.project-import-drop-icon {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  border: 1px solid rgba(0, 164, 114, .35);
  border-radius: 50%;
  background: var(--stitch-green-bg);
  color: #006c4d;
  font-size: 26px;
}

.project-import-dropzone strong {
  margin-top: 2px;
  font-size: 17px;
}

.project-import-dropzone > span:not(.material-symbols-outlined) {
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-import-dropzone small {
  margin-top: 5px;
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-import-file-queue {
  position: relative;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  min-width: 0;
  border-top: 1px solid var(--stitch-outline);
}

.project-import-file-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto 30px;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 7px 12px;
}

.project-import-file-row > .material-symbols-outlined {
  color: #2563a8;
  font-size: 20px;
}

.project-import-file-row > div {
  display: grid;
  min-width: 0;
}

.project-import-file-row strong,
.project-import-file-row small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-import-file-row strong {
  font-size: 13px;
}

.project-import-file-row small,
.project-import-file-row > span {
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-import-file-row button {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 0;
  background: transparent;
  color: var(--stitch-muted);
  font-size: 18px;
}

.project-import-assets {
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-import-assets > header {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-import-assets .panel-kicker {
  margin: 0 0 2px;
  color: var(--stitch-muted);
  font-size: 9px;
  letter-spacing: .08em;
}

.project-import-assets h2 {
  margin: 0;
  color: var(--stitch-text);
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0;
}

.project-import-assets > header > span {
  color: var(--stitch-muted);
  font-size: 11px;
}

.project-import-asset-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-import-asset {
  position: relative;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 2px 8px;
  min-height: 72px;
  padding: 10px 12px;
  border-right: 1px solid var(--stitch-outline);
  cursor: pointer;
}

.project-import-asset:last-child {
  border-right: 0;
}

.project-import-asset:hover,
.project-import-asset:focus-within,
.project-import-asset[data-upload-asset-state="selected"] {
  background: var(--stitch-surface-low);
}

.project-import-asset[data-upload-asset-state="selected"] {
  box-shadow: inset 0 -3px 0 var(--stitch-green);
}

.project-import-asset > .material-symbols-outlined {
  grid-row: 1 / span 2;
  color: #2563a8;
  font-size: 21px;
}

.project-import-asset strong,
.project-import-asset small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-import-asset strong {
  color: var(--stitch-text);
  font-size: 12px;
}

.project-import-asset small {
  color: var(--stitch-muted);
  font-size: 10px;
}

.project-import-asset input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
}

.project-import-asset [data-upload-asset-status] {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  overflow: hidden;
  color: #006c4d;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-import-footer {
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 8px 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
}

.project-import-footer .button {
  min-height: 38px;
  border-radius: var(--stitch-radius);
}

.project-import-footer .button-primary {
  min-width: 132px;
  background: var(--stitch-primary);
  color: #fff;
}

.project-import-readiness {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  color: var(--stitch-muted);
  font-size: 12px;
}

.project-import-readiness > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-import-readiness .material-symbols-outlined {
  color: var(--stitch-green);
  font-size: 17px;
}

@media (min-width: 1181px) {
  .project-import-workbench[data-upload-selection-state="selected"] {
    grid-template-columns: minmax(330px, .78fr) minmax(560px, 1.45fr);
    grid-template-rows: auto 250px auto;
    align-content: start;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-metadata,
  .project-import-workbench[data-upload-selection-state="selected"] .project-import-footer {
    grid-column: 1 / -1;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-source,
  .project-import-workbench[data-upload-selection-state="selected"] .project-import-assets {
    grid-row: 2;
    min-height: 250px;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-source {
    grid-column: 1;
    grid-template-rows: auto auto minmax(90px, 1fr);
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-assets {
    grid-column: 2;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-dropzone {
    grid-template-columns: 34px minmax(0, auto) minmax(0, 1fr);
    height: 64px;
    min-height: 64px;
    max-height: 64px;
    place-items: center start;
    align-content: center;
    justify-content: start;
    gap: 2px 10px;
    margin: 10px;
    padding: 8px 11px;
    overflow: hidden;
    text-align: left;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-drop-icon {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    font-size: 20px;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-dropzone strong {
    grid-column: 2 / -1;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-dropzone > span:not(.material-symbols-outlined) {
    grid-column: 2 / -1;
    max-width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-dropzone small {
    display: none;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-file-queue,
  .project-import-workbench[data-upload-selection-state="selected"] .project-import-file-row {
    min-height: 0;
    height: 100%;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-file-row {
    align-content: center;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-asset-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    height: calc(100% - 45px);
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-asset {
    min-height: 0;
    border-bottom: 1px solid var(--stitch-outline);
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-asset:nth-child(2n) {
    border-right: 0;
  }

  .project-import-workbench[data-upload-selection-state="selected"] .project-import-asset:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

.project-import-footer .upload-progress {
  min-width: 100px;
  color: var(--stitch-muted);
  font-size: 11px;
}

@media (max-width: 1120px) {
  .project-import-metadata {
    grid-template-columns: 1fr 1fr;
  }

  .project-import-format-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .project-import-asset-grid {
    grid-template-columns: 1fr 1fr;
  }

  .project-import-asset:nth-child(2) {
    border-right: 0;
  }

  .project-import-asset:nth-child(-n+2) {
    border-bottom: 1px solid var(--stitch-outline);
  }
}

@media (max-width: 700px) {
  .project-import-metadata,
  .project-import-asset-grid {
    grid-template-columns: 1fr;
  }

  .project-import-format-strip {
    grid-template-columns: 1fr 1fr;
  }

  .project-import-asset {
    border-right: 0;
    border-bottom: 1px solid var(--stitch-outline);
  }

  .project-import-footer {
    grid-template-columns: 1fr;
  }
}

/* Viewer target overhaul: a fixed document workbench with real thumbnails,
   an explicit tool rail and one stable feedback inspector. */
.target-document-shell.stitch-viewer-shell {
  --stitch-sidebar: 180px;
  --stitch-toolbar: 64px;
  width: 100%;
  height: 100vh;
  min-height: 0;
  overflow: hidden;
  background: #eef1f5;
}

.target-document-shell > .review-header.stitch-topbar.viewer-topbar[data-stitch-viewer-chrome="single-row-toolbar"] {
  left: var(--stitch-sidebar) !important;
  width: calc(100vw - var(--stitch-sidebar)) !important;
  min-height: var(--stitch-toolbar) !important;
  height: var(--stitch-toolbar);
  grid-template-columns: minmax(180px, 1fr) minmax(0, auto) auto !important;
  gap: 16px !important;
  padding: 0 18px !important;
  border-bottom: 1px solid #d8dee8 !important;
  background: #ffffff !important;
}

.target-document-shell .viewer-document-title[data-stitch-viewer-document-title="true"] {
  gap: 9px;
}

.target-document-shell .viewer-document-title {
  grid-column: 1;
}

.target-document-shell .viewer-project-document-switcher {
  display: flex;
  grid-column: 2;
  align-self: stretch;
  max-width: min(360px, 26vw);
  overflow-x: auto;
  scrollbar-width: thin;
}

.target-document-shell .viewer-project-document-switcher a {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  padding: 0 10px;
  border-bottom: 2px solid transparent;
  color: #526071;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.target-document-shell .viewer-project-document-switcher a:hover,
.target-document-shell .viewer-project-document-switcher a:focus-visible {
  color: #10243c;
  background: #f4f7fa;
}

.target-document-shell .viewer-project-document-switcher a.active {
  border-bottom-color: #0b8f78;
  color: #0b5f52;
}

.target-document-shell .viewer-quick-actions {
  grid-column: 3;
}

.target-document-shell .viewer-document-icon {
  width: 22px;
  height: 22px;
  font-size: 20px;
}

.target-document-shell .viewer-document-text {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.target-document-shell .viewer-document-text strong {
  max-width: min(620px, 48vw) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.target-document-shell .viewer-document-kind {
  flex: 0 0 auto;
  color: #6b7280;
  font-size: 10px !important;
}

.target-document-shell .viewer-quick-actions[data-stitch-viewer-quick-actions="true"] {
  gap: 7px !important;
}

.target-document-shell .viewer-topbar-action {
  min-height: 32px !important;
  padding: 0 10px !important;
  border-radius: 4px !important;
  font-size: 12px !important;
}

/* The Viewer uses the same authenticated navigation as every workbench.
   Anonymous public reading keeps only the library and account entry points. */
.target-document-shell .document-sidebar.author-workspace-sidebar {
  padding: 14px 12px 12px !important;
  overflow: hidden !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-brand {
  min-height: 38px;
  margin: 0 4px 10px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-brand::before {
  display: block !important;
  content: "" !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .brand-wordmark {
  font-size: 17px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar > .sidebar-new-project {
  min-height: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin: 0 0 12px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-section-label {
  margin: 10px 8px 5px !important;
  font-size: 9px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-link {
  min-height: 36px !important;
  margin: 0 0 2px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-link .material-symbols-outlined {
  width: 20px;
  flex: 0 0 20px;
  font-size: 18px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .author-sidebar-account-label {
  margin-top: auto !important;
}

.target-document-shell .public-viewer-sidebar {
  padding: 18px 12px 14px !important;
  overflow: hidden !important;
}

.target-document-shell .public-viewer-sidebar .sidebar-brand {
  margin-bottom: 26px !important;
}

.target-document-shell .public-viewer-library-link {
  height: auto !important;
  min-height: 46px !important;
  align-items: flex-start !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.target-document-shell .public-viewer-library-link span:last-child {
  min-width: 0;
  line-height: 1.25;
  white-space: normal;
}

.public-viewer-actions {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.target-document-shell .viewer-quick-actions > .author-global-utilities {
  gap: 7px;
}

.target-document-shell .viewer-quick-actions > .author-global-utilities [data-global-upload-link="true"] {
  min-height: 36px;
  padding: 0 10px;
  border-radius: 4px;
  font-size: 12px;
}

.target-document-shell .viewer-quick-actions > .author-global-utilities .author-global-notifications {
  width: 36px;
  height: 36px;
  min-height: 36px;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] {
  display: grid !important;
  grid-template-columns: 148px minmax(620px, 1fr) minmax(340px, 372px) !important;
  grid-template-rows: 64px minmax(0, 1fr) !important;
  gap: 0 !important;
  width: calc(100vw - var(--stitch-sidebar)) !important;
  height: 100vh !important;
  min-height: 0 !important;
  margin: 0 0 0 var(--stitch-sidebar) !important;
  padding: var(--stitch-toolbar) 0 0 !important;
  overflow: hidden;
  background: #eef1f5 !important;
}

.viewer-workbench-toolbar[data-stitch-viewer-workbench-toolbar="true"] {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  border-right: 1px solid #d8dee8;
  border-bottom: 1px solid #d8dee8;
  background: #ffffff;
  scrollbar-width: thin;
}

.viewer-workbench-toolbar .viewer-nav-cluster[data-stitch-viewer-nav-cluster="true"],
.viewer-workbench-toolbar .page-controls,
.viewer-workbench-toolbar .viewer-zoom-strip {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  flex: 0 0 auto;
  border: 0;
  background: transparent;
}

.viewer-workbench-toolbar .viewer-nav-cluster[data-stitch-viewer-nav-cluster="true"] {
  gap: 0;
}

.viewer-workbench-toolbar .page-controls,
.viewer-workbench-toolbar .viewer-zoom-strip {
  overflow: hidden;
  border: 1px solid #cfd7e2;
  border-radius: 4px;
  background: #ffffff;
}

.viewer-workbench-toolbar .chrome-icon-button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border-right: 1px solid #e1e6ed;
  color: #152033;
  font-size: 17px;
}

.viewer-workbench-toolbar .chrome-icon-button:last-child {
  border-right: 0;
}

.viewer-workbench-toolbar .chrome-icon-button:disabled,
.target-document-shell .stage-nav-button:disabled {
  opacity: .35;
  cursor: default;
}

.viewer-workbench-toolbar .page-jump-label {
  min-height: 38px !important;
  padding: 0 5px !important;
  border: 0 !important;
  border-right: 1px solid #e1e6ed !important;
}

.viewer-workbench-toolbar .page-jump-label input {
  width: 42px !important;
  height: 28px !important;
  padding: 0 4px;
  border: 1px solid #cfd7e2;
  border-radius: 3px !important;
  color: #111827;
  font-size: 12px;
  font-weight: 700;
}

.viewer-workbench-toolbar .page-count,
.viewer-workbench-toolbar .zoom-chip {
  min-height: 38px !important;
  padding: 0 6px !important;
  border: 0 !important;
  border-right: 1px solid #e1e6ed !important;
  color: #374151;
  font-family: var(--stitch-ui) !important;
  font-size: 12px !important;
  white-space: nowrap;
}

.viewer-workbench-toolbar .toolbar[data-stitch-viewer-toolbar="compact"] {
  position: relative;
  display: inline-flex !important;
  min-width: max-content;
  min-height: 38px !important;
  align-items: center;
  justify-content: flex-end;
  gap: 3px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.viewer-workbench-toolbar .viewer-fit-controls,
.viewer-workbench-toolbar .viewer-annotation-tools,
.viewer-workbench-toolbar .viewer-ink-history {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 0;
  overflow: hidden;
  border: 1px solid #cfd7e2;
  border-radius: 4px;
  background: #ffffff;
}

.viewer-workbench-toolbar .tool-button {
  display: inline-grid !important;
  min-width: 38px;
  min-height: 38px !important;
  place-items: center;
  margin: 0;
  padding: 0 11px !important;
  border: 0 !important;
  border-right: 1px solid #e1e6ed !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #253149 !important;
  box-shadow: none !important;
  font-family: var(--stitch-ui);
  font-size: 12px !important;
  font-weight: 650;
  white-space: nowrap;
}

.viewer-workbench-toolbar .tool-button:last-child {
  border-right: 0 !important;
}

.viewer-workbench-toolbar .tool-button:hover,
.viewer-workbench-toolbar .tool-button:focus-visible,
.viewer-workbench-toolbar .tool-button.active {
  outline: 0;
  background: #e8f5f2 !important;
  color: #006b63 !important;
}

.viewer-workbench-toolbar [data-viewer-tool] {
  width: 40px;
  padding: 0 !important;
}

.viewer-workbench-toolbar [data-viewer-tool] .material-symbols-outlined,
.viewer-workbench-toolbar #undo-ink .material-symbols-outlined,
.viewer-workbench-toolbar #redo-ink .material-symbols-outlined,
.viewer-workbench-toolbar #discard-ink .material-symbols-outlined,
.viewer-workbench-toolbar #clear-ink .material-symbols-outlined,
.viewer-workbench-toolbar .viewer-ink-settings .material-symbols-outlined {
  width: 20px;
  font-size: 19px;
}

.viewer-workbench-toolbar .viewer-ink-history .tool-button {
  width: 40px;
  padding: 0 !important;
}

.viewer-workbench-toolbar .viewer-ink-history .tool-button:disabled {
  background: #f4f6f8 !important;
  color: #8b96a3 !important;
  cursor: not-allowed;
}

.viewer-workbench-toolbar .viewer-save-state {
  min-width: 74px;
  color: #52606d;
  font-size: 11px;
  text-align: right;
}

.viewer-ink-settings {
  position: relative;
  flex: 0 0 auto;
}

.viewer-ink-settings > summary {
  width: 40px;
  list-style: none;
  border: 1px solid #cfd7e2 !important;
  border-radius: 4px !important;
}

.viewer-ink-settings > summary::-webkit-details-marker {
  display: none;
}

.viewer-ink-settings .ink-controls {
  position: fixed;
  z-index: 80;
  top: 124px;
  right: 390px;
  display: grid !important;
  min-width: 240px;
  gap: 10px;
  padding: 12px !important;
  border: 1px solid #cfd7e2;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, .16);
}

.viewer-ink-settings:not([open]) .ink-controls {
  display: none !important;
}

.viewer-ink-settings .ink-history-actions {
  display: flex;
  gap: 8px;
  padding-top: 2px;
  border-top: 1px solid #e1e6ed;
}

.viewer-ink-settings .ink-history-actions .tool-button {
  display: inline-flex !important;
  min-width: 0;
  flex: 1 1 0;
  gap: 6px;
  padding: 0 9px !important;
  border: 1px solid #cfd7e2 !important;
  border-radius: 3px !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
  position: relative !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: start;
  grid-column: 1;
  grid-row: 2;
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 12px 13px 18px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  border: 0 !important;
  border-right: 1px solid #d8dee8 !important;
  border-radius: 0 !important;
  background: #f4f6f9 !important;
  box-shadow: none !important;
  scrollbar-width: thin;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-rail-heading {
  display: flex !important;
  min-height: 28px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
  color: #667085;
  font-size: 10px;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-rail-heading .panel-kicker {
  margin: 0;
  color: #667085 !important;
  font-family: var(--stitch-ui);
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 11px;
  min-height: 0;
  max-height: none !important;
  padding: 0 !important;
  overflow-x: hidden;
  overflow-y: auto;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-gap {
  display: grid;
  min-height: 32px;
  place-items: center;
  color: var(--stitch-muted);
  font-family: var(--stitch-mono);
  font-size: 16px;
  font-weight: 800;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button {
  display: grid;
  width: 120px !important;
  height: 112px !important;
  max-height: 112px !important;
  min-height: 112px !important;
  grid-template-rows: 78px 20px;
  align-content: start;
  gap: 5px;
  margin: 0;
  padding: 5px 5px 4px !important;
  border: 1px solid transparent !important;
  border-radius: 4px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button img {
  display: block !important;
  width: 108px !important;
  height: 78px !important;
  object-fit: contain;
  border: 1px solid #d8dee8;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button span {
  color: #667085;
  font-family: var(--stitch-ui);
  font-size: 11px;
  font-weight: 650;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button:hover,
.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button:focus-visible {
  outline: 0;
  border-color: #9aabbc !important;
  background: #ffffff !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button:focus-visible {
  border-color: #007b73 !important;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73 !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button.active {
  border-color: #007b73 !important;
  background: #ffffff !important;
  box-shadow: inset 3px 0 0 #007b73 !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button.active span {
  color: #006b63;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .document-canvas-pane[data-stitch-reader-document="true"] {
  grid-column: 2;
  grid-row: 2;
  display: block !important;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-right: 1px solid #d8dee8 !important;
  border-radius: 0 !important;
  background: #e9edf2 !important;
  box-shadow: none !important;
}

.target-document-shell .document-canvas-pane .page-stage-shell {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  grid-template-rows: minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-height: 0;
  background: #e9edf2 !important;
}

.target-document-shell .document-canvas-pane .page-stage {
  grid-column: 2;
  grid-row: 1;
  display: flex !important;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  align-items: flex-start;
  justify-content: center;
  padding: 26px 48px 54px !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #e9edf2 !important;
  box-shadow: none !important;
  overscroll-behavior: contain;
}

.target-document-shell .document-canvas-pane #page-image {
  border: 1px solid #d8dee8;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .13) !important;
}

.target-document-shell .stage-nav-button {
  position: static;
  align-self: center;
  justify-self: center;
  z-index: 26;
  width: 34px;
  height: 54px;
  border: 0;
  border-radius: 4px;
  background: #0b1c30;
  color: #ffffff;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .2);
  font-size: 26px;
}

.target-document-shell .stage-nav-button-left {
  grid-column: 1;
  grid-row: 1;
}

.target-document-shell .stage-nav-button-right {
  grid-column: 3;
  grid-row: 1;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] .document-comment-inspector[data-stitch-feedback-panel="true"] {
  position: relative !important;
  grid-column: 3;
  grid-row: 2;
  display: grid !important;
  grid-template-rows: 54px 44px minmax(0, 1fr) auto auto !important;
  width: 100%;
  height: 100% !important;
  min-height: 0;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.target-document-shell .comment-workbench-header[data-stitch-feedback-header="true"] {
  min-height: 54px;
  padding: 0 15px !important;
  border-bottom: 1px solid #e1e6ed;
}

.target-document-shell .comment-workbench-header h2 {
  font-size: 15px !important;
  font-weight: 750 !important;
}

.target-document-shell .feedback-panel-tabs[data-stitch-feedback-panel-tabs="true"] {
  min-height: 42px;
  padding: 0 15px;
}

.target-document-shell .feedback-panel-tabs[data-stitch-feedback-panel-tabs="true"] a {
  min-height: 42px;
  font-size: 12px;
}

.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  min-height: 44px !important;
  gap: 6px !important;
  padding: 7px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid #e1e6ed !important;
  background: #ffffff !important;
}

.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button {
  min-width: 0;
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid #cfd7e2;
  border-radius: 4px;
  background: #ffffff;
  color: #455468;
  cursor: pointer;
  font: 650 12px/1 var(--stitch-ui);
}

.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button:hover,
.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button:focus-visible {
  outline: 0;
  border-color: #7f96aa;
}

.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button[aria-selected="true"] {
  border-color: #8dcfc4;
  background: #e8f7f3;
  color: #005e57;
}

.document-comment-inspector .feedback-feed[data-stitch-feedback-feed="true"] {
  min-height: 0;
  padding: 12px 12px 18px !important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #ffffff !important;
  scrollbar-width: thin;
}

.document-comment-inspector [data-comment-scope-panel][hidden] {
  display: none !important;
}

.document-comment-inspector .comment-scope-panel {
  display: grid;
  gap: 10px;
}

.document-comment-inspector .comment-card,
.document-comment-inspector .feedback-feed > section,
.document-comment-inspector .comment-scope-panel > section {
  margin: 0 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

.document-comment-inspector .passage-comment-list,
.document-comment-inspector .page-feedback-panel,
.document-comment-inspector .page-comment-list,
.document-comment-inspector .document-comment-feed,
.document-comment-inspector .passage-comment-panel {
  padding: 12px !important;
  border: 1px solid #d8dee8 !important;
  background: #ffffff !important;
}

.document-comment-inspector .list-heading {
  min-height: 24px;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}

.document-comment-inspector .list-heading strong {
  color: #1f2937;
  font-family: var(--stitch-ui) !important;
  font-size: 12px;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.document-comment-inspector .list-heading > span {
  display: inline-grid;
  min-width: 22px;
  min-height: 22px;
  place-items: center;
  border-radius: 999px;
  background: #eef2f6;
  color: #475569;
  font-size: 10px;
}

.document-comment-inspector .comment-thread-item {
  grid-template-columns: 28px minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-top: 1px solid #e1e6ed !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}

.document-comment-inspector .comment-thread-item:first-child {
  border-top: 0 !important;
}

.document-comment-inspector .comment-thread-item .passage-comment-number {
  display: none;
}

.document-comment-inspector .comment-avatar {
  width: 28px;
  height: 28px;
  font-size: 9px;
}

.document-comment-inspector .comment-message-body {
  grid-column: 2;
}

.document-comment-inspector .comment-message-text,
.document-comment-inspector .comment-message-quote {
  font-size: 12px;
  line-height: 1.45;
}

.document-comment-inspector textarea,
.document-comment-inspector select,
.document-comment-inspector input {
  border-color: #cfd7e2 !important;
  border-radius: 4px !important;
  background: #ffffff !important;
  color: #172033 !important;
  font-size: 12px !important;
}

.document-comment-inspector textarea:focus,
.document-comment-inspector select:focus,
.document-comment-inspector input:focus {
  outline: 2px solid rgba(0, 123, 115, .16);
  border-color: #007b73 !important;
}

.document-comment-inspector .page-feedback-panel .comment-composer-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 7px;
}

.document-comment-inspector .page-feedback-panel .comment-composer-meta label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.document-comment-inspector .page-feedback-panel textarea {
  min-height: 82px;
}

.document-comment-inspector .button {
  min-height: 32px;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-size: 11px;
}

.document-comment-inspector .button-primary {
  background: #0b1c30 !important;
  color: #ffffff !important;
}

.document-comment-inspector .document-comment-panel[data-stitch-document-composer-persistent="true"] {
  position: sticky;
  bottom: 0;
  z-index: 4;
  display: grid;
  max-height: 244px;
  gap: 7px;
  margin: 0 !important;
  padding: 12px 14px 14px !important;
  overflow: auto;
  border: 0 !important;
  border-top: 1px solid #d8dee8 !important;
  border-radius: 0 !important;
  background: #f9fafb !important;
  box-shadow: 0 -8px 18px rgba(15, 23, 42, .04) !important;
}

.target-document-shell .document-comment-panel > .panel-kicker,
.target-document-shell .document-comment-panel > h3 {
  display: none;
}

.target-document-shell .document-composer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.target-document-shell .document-composer-header > strong {
  color: #1f2937;
  font-size: 12px;
}

.target-document-shell .document-composer-scope-strip {
  display: flex;
  gap: 4px;
}

.target-document-shell .document-composer-scope-strip span {
  padding: 3px 6px;
  border-radius: 999px;
  background: #e8eef8;
  color: #43536a;
  font-size: 9px;
  font-weight: 700;
}

.target-document-shell .document-comment-panel .comment-composer-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
}

.target-document-shell .document-comment-panel .comment-composer-meta label,
.target-document-shell .document-comment-panel .comment-composer-text label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.target-document-shell .comment-composer-input-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 7px;
  align-items: end;
}

.target-document-shell .document-comment-panel textarea {
  min-height: 54px !important;
  resize: vertical;
}

.target-document-shell .document-comment-panel .comment-actions {
  display: grid;
  gap: 5px;
  margin: 0;
}

.document-comment-inspector .reader-review-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 58px;
  padding: 9px 14px;
  border-top: 1px solid #cfd7e2;
  background: #eef6f4;
}

.document-comment-inspector .reader-review-status[data-reader-review-status="submitted"] {
  background: #e5f4ef;
}

.document-comment-inspector .reader-review-status-copy {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.document-comment-inspector .reader-review-status-copy .panel-kicker {
  color: #405163;
  font-size: 9px;
}

.document-comment-inspector .reader-review-status-copy strong {
  color: #172033;
  font-size: 12px;
}

.document-comment-inspector .reader-review-status-copy small {
  color: #4c5c6e;
  font-size: 10px;
}

.document-comment-inspector .reader-review-status form {
  flex: 0 0 auto;
  margin: 0;
}

.document-comment-inspector .reader-review-status .button {
  min-height: 36px;
  white-space: nowrap;
}

.target-document-shell .comment-composer-attach,
.target-document-shell .comment-composer-submit-icon {
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  padding: 0 !important;
  border-radius: 4px !important;
}

.target-document-shell .author-material-drawer {
  display: none !important;
}

@media (max-width: 1260px) {
  .target-document-shell.stitch-viewer-shell {
    --stitch-sidebar: 164px;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 124px minmax(560px, 1fr) 340px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    padding-inline: 9px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button {
    width: 104px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button img {
    width: 92px !important;
  }

  .target-document-shell .viewer-quick-actions [data-viewer-action="upload"] {
    display: none;
  }
}

@media (max-width: 1080px) {
  .target-document-shell.stitch-viewer-shell {
    height: auto;
    overflow: auto;
  }

  .target-document-shell > .review-header.stitch-topbar.viewer-topbar[data-stitch-viewer-chrome="single-row-toolbar"] {
    position: static !important;
    width: 100% !important;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(620px, 76vh) auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .viewer-workbench-toolbar[data-stitch-viewer-workbench-toolbar="true"] {
    grid-column: 1 / 3;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
    grid-column: 1;
    grid-row: 2;
    width: 104px !important;
    min-width: 104px !important;
    max-width: 104px !important;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] .document-canvas-pane[data-stitch-reader-document="true"] {
    grid-column: 2;
    grid-row: 2;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] .document-comment-inspector[data-stitch-feedback-panel="true"] {
    grid-column: 1 / 3;
    grid-row: 3;
    min-height: 680px;
  }
}

/* Readability gate: project-list metadata must not drop below the desktop minimum. */
.stitch-author-projects .stitch-section-head .muted,
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version small {
  font-size: 11px;
  line-height: 1.35;
  color: #33465a;
  text-transform: none;
}

/* Product-wide readability and interaction floor for desktop workbenches. */
.target-author-shell .author-workspace-main :where(p, label, strong, td, button, a, summary),
.target-document-shell :where(p, label, strong, td, button, a, summary) {
  font-size: max(12px, 1em) !important;
  line-height: 1.35;
}

.target-author-shell .author-workspace-main :where(small, th),
.target-document-shell :where(small, th) {
  font-size: max(11px, 1em) !important;
  line-height: 1.35;
}

.target-author-shell .author-workspace-main span:not(.material-symbols-outlined),
.target-document-shell span:not(.material-symbols-outlined):not(.text-word) {
  font-size: max(11px, 1em) !important;
  line-height: 1.35;
}

:where(
  .stitch-dashboard .dashboard-main,
  .project-command-shell .project-command-main,
  .target-review-shell,
  .project-import-shell
) :where(p, label, strong, td, button, a, summary) {
  font-size: max(12px, 1em) !important;
  line-height: 1.35;
}

:where(
  .stitch-dashboard .dashboard-main,
  .project-command-shell .project-command-main,
  .target-review-shell,
  .project-import-shell
) :where(small, th, span:not(.material-symbols-outlined)) {
  font-size: max(11px, 1em) !important;
  line-height: 1.35;
}

.target-author-shell .author-workspace-main :where(input, select, textarea),
.target-document-shell :where(input, select, textarea) {
  font-size: max(12px, 1em) !important;
}

.author-sidebar-account-copy strong {
  font-size: 12px;
  line-height: 1.3;
}

.author-sidebar-account-copy small {
  font-size: 11px;
  line-height: 1.3;
}

.stitch-topbar-menu,
.target-author-shell button,
.target-document-shell button {
  min-height: 36px !important;
}

.stitch-topbar-menu {
  width: 36px;
  min-width: 36px;
}

.author-sidebar-account button {
  width: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

[data-upload-cancel-selection] {
  width: 36px !important;
  min-width: 36px !important;
}

/* Project center: one bounded document workspace with a primary context rail. */
.project-command-grid {
  grid-template-columns: minmax(600px, 1fr) minmax(470px, 500px) !important;
  gap: 16px !important;
  padding: 16px 20px 28px !important;
}

.project-command-center-column {
  grid-column: 1 !important;
}

.project-command-context-column {
  grid-column: 2 !important;
}

.project-command-shell .project-preview-canvas {
  position: relative;
}

.project-command-shell .project-preview-canvas img {
  position: absolute;
  inset: 12px;
  width: calc(100% - 24px) !important;
  height: calc(100% - 24px) !important;
  max-width: none;
  max-height: none;
  object-fit: contain !important;
  object-position: center;
}

.project-material-file-picker {
  display: flex;
  min-width: 0;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  overflow: hidden;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: var(--stitch-surface);
  color: var(--stitch-text);
  cursor: pointer;
}

.project-material-file-picker .material-symbols-outlined {
  flex: 0 0 auto;
  color: var(--stitch-primary);
  font-size: 17px;
}

.project-material-file-picker [data-project-material-file-name] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-material-file:focus-within .project-material-file-picker {
  outline: 2px solid var(--stitch-primary);
  outline-offset: 2px;
}

@media (min-width: 1181px) {
  .project-command-shell,
  .project-command-shell .author-app-frame,
  .project-command-shell .project-command-main {
    height: 100vh;
    min-height: 0;
    overflow: hidden;
  }

  .project-command-grid {
    height: calc(100vh - var(--stitch-toolbar) - 137px);
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
  }

  .project-command-center-column,
  .project-command-context-column {
    min-height: 0;
    max-height: 100%;
    align-content: start;
    grid-auto-rows: max-content;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scroll-padding-block: 8px;
    scrollbar-width: thin;
  }

  .project-command-context-column {
    position: static;
  }
}

@media (min-width: 1121px) and (max-width: 1320px) {
  .project-command-grid {
    grid-template-columns: minmax(0, 1fr) minmax(420px, 460px) !important;
  }
}

.project-next-action h2,
.project-next-action strong,
.project-next-action span {
  min-width: 0;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

/* Project table: keep every status readable instead of clipping dense chips. */
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-meta,
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-metrics {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: center;
  overflow: visible !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-metric,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-type,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-access,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-document-visibility {
  font-size: 11px !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

.author-project-list-head span,
.author-project-shelf[data-stitch-author-project-shelf="table"] .document-icon {
  font-size: 11px !important;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  min-height: 100px;
}

.author-project-list-head,
.author-project-shelf[data-stitch-author-project-shelf="table"] .author-project-row {
  grid-template-columns: 44px minmax(180px, 1fr) minmax(190px, 1fr) 72px !important;
  grid-template-rows: auto auto;
  column-gap: 12px !important;
}

.author-project-list-head {
  grid-template-rows: auto;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-header {
  grid-column: 1;
  grid-row: 1 / 3;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-summary {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-meta {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-metrics {
  grid-column: 3;
  grid-row: 1 / 3;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-footer {
  grid-column: 4;
  grid-row: 1 / 3;
  align-self: center;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-owner {
  display: none !important;
}

/* Skills: the rule inspector is primary work, not a narrow utility strip. */
.quality-workbench[data-quality-viewport="fixed-workbench"] {
  grid-template-columns: minmax(210px, 220px) minmax(420px, 1fr) minmax(420px, 450px) !important;
}

.target-author-shell[data-author-page="quality-rules"] :where(td, td a) {
  font-size: 12px !important;
}

.target-author-shell[data-author-page="quality-rules"] :where(th, small) {
  font-size: 11px !important;
}

.target-author-shell[data-author-page="quality-rules"] :where(label, button, strong) {
  font-size: 12px !important;
}

.target-author-shell[data-author-page="quality-rules"] .quality-tool-list button,
.target-author-shell[data-author-page="quality-rules"] .author-page-actions .button {
  min-height: 36px !important;
}

/* Reader: comments and decisions receive enough horizontal room. */
.target-document-shell.stitch-viewer-shell {
  --stitch-sidebar: 158px;
  --reader-body-size: 13px;
  --reader-meta-size: 11px;
}

.document-workspace[data-stitch-viewer-layout="document-feedback"] {
  grid-template-columns: 132px minmax(540px, 1fr) minmax(440px, 470px) !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
  width: 132px !important;
  min-width: 132px !important;
  max-width: 132px !important;
  padding-inline: 11px !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button {
  width: 108px !important;
}

.page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button img {
  width: 96px !important;
}

.document-comment-inspector :where(p, label, button, select, input, textarea, summary, strong) {
  font-size: var(--reader-body-size) !important;
  line-height: 1.4;
}

.document-comment-inspector :where(small, .panel-kicker, .comment-message-meta, .comment-message-scope) {
  font-size: var(--reader-meta-size) !important;
  line-height: 1.35;
}

.target-document-shell .comment-workbench-header h2 {
  font-size: 16px !important;
}

.document-comment-inspector :where(button, select, input) {
  min-height: 36px;
}

.comment-anchor-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

.comment-anchor-actions button {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 9px;
  border: 1px solid #c4ceda;
  border-radius: 4px;
  background: #ffffff;
  color: #253149;
  cursor: pointer;
  font-weight: 700;
}

.comment-anchor-actions button:hover,
.comment-anchor-actions button:focus-visible,
.comment-anchor-actions button[aria-pressed="true"] {
  outline: 0;
  border-color: #69bdb1;
  background: #e8f7f3;
  color: #005e57;
}

.comment-anchor-actions button:focus-visible {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73;
}

.comment-anchor-actions .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 18px !important;
}

.document-comment-list-heading {
  align-items: center;
}

.document-comment-list-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.document-comment-list-actions #document-comment-count {
  display: inline-grid;
  min-width: 24px;
  min-height: 24px;
  place-items: center;
  border-radius: 999px;
  background: #eef2f6;
  color: #334155;
  font-size: var(--reader-meta-size) !important;
}

.document-comment-list-actions [data-open-document-comment="true"] {
  padding: 4px 9px;
  border: 1px solid #9fb0c2;
  border-radius: 4px;
  background: #ffffff;
  color: #172033;
  cursor: pointer;
  font-weight: 700;
}

.document-comment-list-actions [data-open-document-comment="true"]:hover,
.document-comment-list-actions [data-open-document-comment="true"]:focus-visible {
  outline: 0;
  border-color: #007b73;
  color: #006b63;
}

@media (max-width: 1260px) {
  .target-document-shell.stitch-viewer-shell {
    --stitch-sidebar: 150px;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 120px minmax(500px, 1fr) minmax(400px, 440px) !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    padding-inline: 8px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button {
    width: 102px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button img {
    width: 90px !important;
  }
}

@media (max-width: 1080px) {
  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    grid-template-rows: auto minmax(620px, 76vh) auto !important;
    height: auto !important;
    overflow: visible !important;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] .document-comment-inspector[data-stitch-feedback-panel="true"] {
    grid-column: 1 / 3;
    grid-row: 3;
    min-height: 680px;
  }
}

.passage-margin-marker,
.passage-margin-marker-pin {
  min-width: 32px !important;
  width: 32px !important;
  min-height: 32px !important;
  height: 32px !important;
}

.thread-action {
  min-height: 32px !important;
  padding: 5px 8px !important;
}

.viewer-workbench-toolbar .viewer-fit-controls button {
  min-width: 0 !important;
  padding-inline: 5px !important;
}

.viewer-workbench-toolbar[data-stitch-viewer-workbench-toolbar="true"] {
  gap: 2px !important;
}

.viewer-workbench-toolbar .page-controls .chrome-icon-button {
  width: 36px !important;
  min-width: 36px !important;
  padding-inline: 0 !important;
}

.viewer-workbench-toolbar #zoom-level {
  width: 60px !important;
  min-width: 60px !important;
}

.document-context-menu {
  position: absolute;
  z-index: 80;
  display: grid;
  width: 218px;
  padding: 4px;
  border: 1px solid #9baabc;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .2);
}

.document-context-menu[hidden] {
  display: none !important;
}

.document-context-menu button {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 7px 9px;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #172033;
  text-align: left;
  cursor: pointer;
  font-size: 13px;
  font-weight: 650;
}

.document-context-menu button[hidden] {
  display: none !important;
}

.document-context-menu button:hover,
.document-context-menu button:focus-visible {
  outline: 0;
  background: #e7f5f2;
  color: #005e57;
}

.document-context-menu .material-symbols-outlined {
  font-size: 19px !important;
}

.page-anchored-comment-popover {
  position: absolute;
  z-index: 70;
  display: grid;
  width: min(230px, 44%);
  max-height: 180px;
  gap: 7px;
  padding: 10px 11px;
  overflow: auto;
  border: 1px solid #76879a;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .24);
  pointer-events: auto;
  mix-blend-mode: normal;
}

.page-anchored-comment-popover-left {
  transform: translateX(-100%);
}

.page-anchored-comment-popover header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.page-anchored-comment-popover strong {
  overflow: hidden;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.page-anchored-comment-popover p {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.page-anchored-comment-popover small {
  color: #526174;
  font-size: 11px;
  line-height: 1.3;
}

.page-anchored-comment-close {
  display: grid;
  flex: 0 0 36px;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 2px;
  background: transparent;
  color: #172033;
  cursor: pointer;
}

.page-anchored-comment-close:hover,
.page-anchored-comment-close:focus-visible {
  outline: 2px solid #007b73;
  outline-offset: -2px;
  background: #e7f5f2;
}

.page-anchored-comment-close .material-symbols-outlined {
  font-size: 18px !important;
}

.target-document-shell .page-stage[data-mode="area"] {
  cursor: crosshair;
}

.target-document-shell .passage-highlight-area {
  border: 2px solid rgba(180, 126, 0, .82) !important;
  border-radius: 2px !important;
  background: rgba(250, 204, 21, .12) !important;
  outline: 0;
}

.target-document-shell .passage-highlight-area.passage-highlight-draft {
  border-color: #007b73 !important;
  border-style: dashed !important;
  background: rgba(0, 123, 115, .08) !important;
  outline: 0;
}

.target-document-shell .passage-highlight-area-preview {
  border-width: 2px !important;
}

.viewer-workbench-toolbar .viewer-zoom-strip .tool-button,
.viewer-workbench-toolbar .viewer-annotation-tools .tool-button,
.viewer-workbench-toolbar .viewer-ink-settings > summary {
  width: 36px !important;
  min-width: 36px !important;
  padding-inline: 0 !important;
}

.document-comment-inspector label,
.document-comment-inspector .comment-card label {
  min-width: 0;
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

.export-gate-stack strong {
  color: #115e48 !important;
}

.export-gate-details summary strong {
  color: #115e48 !important;
}

.reviewer-name {
  color: #1d4e65 !important;
}

.status-badge.status-new {
  color: #7c2d12 !important;
}

.diff-line-marker {
  color: #065f46 !important;
}

@media (max-width: 1120px) {
  .project-command-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .project-command-center-column,
  .project-command-context-column {
    grid-column: 1 !important;
  }
}

/* Candidate review: three bounded work zones instead of one very long page. */
@media (min-width: 1181px) {
  .candidate-review-shell {
    display: grid;
    height: 100vh;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: stretch;
    overflow: hidden;
  }

  .candidate-workbench-grid[data-stitch-candidate-diff-workbench="true"] {
    min-height: 0;
    height: 100%;
    grid-template-columns: minmax(210px, 230px) minmax(0, 1fr) minmax(250px, 280px);
    grid-template-rows: minmax(0, 1fr);
    align-items: stretch;
    overflow: hidden;
  }

  .candidate-context-rail,
  .candidate-diff-stage,
  .candidate-decision-panel {
    min-height: 0;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    align-self: stretch;
    scrollbar-width: thin;
  }

  .candidate-context-rail {
    grid-column: 1;
    grid-row: 1;
  }

  .candidate-diff-stage {
    grid-column: 2;
    grid-row: 1;
  }

  .candidate-decision-panel {
    grid-column: 3;
    grid-row: 1;
  }

  .candidate-page-preview pre {
    min-height: 300px;
    max-height: 40vh;
  }
}

/* Candidate review: comparison first, decisions always visible. */
.target-author-shell[data-author-page="candidate-detail"] .candidate-topbar {
  min-height: 58px;
  padding: 7px 14px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-topbar .section-heading {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 10px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-topbar h1 {
  margin: 0;
  font-size: 21px;
  line-height: 1.2;
  white-space: nowrap;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-file-context {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #526174;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-top-actions {
  flex-wrap: nowrap;
  gap: 6px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-top-actions .button {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
  white-space: nowrap;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-workbench-grid {
  grid-template-columns: minmax(190px, 205px) minmax(0, 1fr) minmax(310px, 330px);
  gap: 10px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-context-rail,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-panel {
  gap: 8px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-diff-stage {
  gap: 10px;
}

.target-author-shell[data-author-page="candidate-detail"] [data-candidate-comparison="diff"] {
  order: -1;
}

.target-author-shell[data-author-page="candidate-detail"] [data-candidate-comparison="versions"] {
  order: 1;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-trigger-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-status-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-stack,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-dock,
.target-author-shell[data-author-page="candidate-detail"] .candidate-inline-diff,
.target-author-shell[data-author-page="candidate-detail"] .candidate-page-preview {
  border-color: #c9d2dc;
  border-radius: 3px;
  box-shadow: none;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-trigger-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-status-card,
.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-stack,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-dock,
.target-author-shell[data-author-page="candidate-detail"] .candidate-inline-diff {
  padding: 11px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-trigger-card blockquote {
  font: 500 14px/1.45 var(--stitch-ui);
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-pages {
  gap: 10px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-page-preview pre {
  min-height: 180px;
  max-height: 28vh;
  padding: 16px;
  font: 500 14px/1.5 var(--stitch-ui);
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-page-preview header {
  padding: 9px 11px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item summary {
  min-height: 48px;
  padding: 8px 9px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item summary strong {
  color: #172033;
  font-size: 13px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-form textarea {
  min-height: 104px;
  font-size: 14px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-actions {
  display: grid;
  grid-template-columns: 1fr;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="candidate-detail"] .candidate-workbench-grid {
    grid-template-columns: minmax(190px, 220px) minmax(0, 1fr);
  }

  .target-author-shell[data-author-page="candidate-detail"] .candidate-decision-panel {
    grid-column: 1 / -1;
  }
}

/* Logged dashboards use the same compact navigation rail as all Author tools. */
.authenticated-dashboard {
  --stitch-sidebar: 180px;
}

.authenticated-dashboard .dashboard-main {
  margin-left: var(--stitch-sidebar) !important;
}

.authenticated-dashboard .stitch-topbar {
  left: var(--stitch-sidebar) !important;
  width: calc(100vw - var(--stitch-sidebar)) !important;
}

.authenticated-dashboard .author-workspace-sidebar {
  width: var(--stitch-sidebar) !important;
  min-width: var(--stitch-sidebar) !important;
}

/* AI settings: one bounded configuration surface and one status inspector. */
.target-author-shell[data-author-page="ai-settings"] {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="ai-settings"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="ai-settings"] .author-page-header {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.ai-settings-workbench[data-ai-settings-workbench="fixed"] {
  display: grid;
  grid-template-columns: minmax(560px, 1fr) minmax(380px, 430px);
  height: calc(100vh - 56px);
  min-height: 0;
  overflow: hidden;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.ai-settings-config-panel,
.ai-settings-status-panel {
  min-width: 0;
  min-height: 0;
  background: var(--stitch-surface);
}

.ai-settings-config-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  overflow: hidden;
  border-right: 1px solid var(--stitch-outline);
}

.ai-settings-status-panel {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto;
  overflow: hidden;
}

.ai-settings-panel-head {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 14px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.ai-settings-panel-head > div {
  display: grid;
  gap: 2px;
}

.ai-settings-panel-head span:not(.status-badge) {
  color: #526174;
  font-size: 11px;
}

.ai-settings-panel-head h2 {
  margin: 0;
  color: #172033;
  font-size: 17px;
  letter-spacing: 0;
}

.ai-settings-panel-head > strong {
  color: #005e57;
  font-size: 13px;
}

.ai-settings-form {
  display: grid;
  align-content: start;
  gap: 16px;
  min-height: 0;
  padding: 16px;
  overflow: auto;
}

.ai-provider-choice,
.ai-provider-fieldset label {
  display: grid;
  gap: 5px;
  color: #243246;
  font-size: 12px;
  font-weight: 700;
}

.ai-provider-choice select,
.ai-provider-fieldset input {
  width: 100%;
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #aeb9c6;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: 13px/1.4 var(--stitch-ui);
}

.ai-provider-config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.ai-provider-fieldset {
  display: grid;
  align-content: start;
  gap: 13px;
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #c9d2dc;
  border-radius: 3px;
  background: #f8fafc;
}

.ai-provider-fieldset legend {
  padding: 0 5px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.ai-provider-fieldset small {
  color: #526174;
  font-size: 11px;
  font-weight: 500;
}

.ai-key-clear-row,
.ai-settings-save-dock {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 14px;
  border-top: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.ai-settings-save-dock {
  justify-content: flex-end;
}

.ai-key-clear-row span {
  color: #475569;
  font-size: 12px;
}

.ai-settings-save-dock .button {
  min-width: 190px;
}

.ai-provider-message {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid var(--stitch-outline);
  color: #334155;
  font-size: 12px;
  line-height: 1.45;
}

.ai-provider-status-list {
  min-height: 0;
  overflow: auto;
}

.ai-provider-status-row {
  display: grid;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee8;
}

.ai-provider-status-row > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
}

.ai-provider-status-row > header > span:first-child {
  display: grid;
  gap: 1px;
}

.ai-provider-status-row strong {
  color: #172033;
  font-size: 13px;
}

.ai-provider-status-row small {
  color: #526174;
  font-size: 11px;
  line-height: 1.4;
}

.ai-settings-status-panel .status-badge.status-neutral {
  border-color: #cbd5e1;
  background: #f1f5f9 !important;
  color: #475569 !important;
}

.ai-provider-status-row .status-badge {
  min-width: 0;
  max-width: none;
  min-height: 28px;
  padding: 4px 7px;
  border-radius: 3px;
  font-size: 11px !important;
  white-space: nowrap;
}

.ai-provider-connection-details {
  display: grid;
  gap: 4px;
  margin: 0;
}

.ai-provider-connection-details > div {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 8px;
}

.ai-provider-connection-details dt,
.ai-provider-connection-details dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: #334155;
  font-size: 11px;
  line-height: 1.45;
}

.ai-provider-connection-details dt {
  color: #64748b;
  font-weight: 700;
}

.ai-environment-details {
  border-top: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.ai-environment-details summary {
  min-height: 48px;
  padding: 14px;
  color: #172033;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.ai-environment-details dl {
  display: grid;
  gap: 0;
  margin: 0;
  border-top: 1px solid #d8dee8;
}

.ai-environment-details dl > div {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 10px;
  padding: 9px 14px;
  border-bottom: 1px solid #e1e6ed;
}

.ai-environment-details dt {
  color: #526174;
  font-size: 11px;
  font-weight: 700;
}

.ai-environment-details dd {
  min-width: 0;
  margin: 0;
}

.ai-environment-details code {
  overflow-wrap: anywhere;
  color: #334155;
  font: 11px/1.45 var(--stitch-code);
}

@media (max-width: 1180px) {
  .authenticated-dashboard .dashboard-main {
    margin-left: 0 !important;
  }

  .authenticated-dashboard .stitch-topbar {
    left: auto !important;
    width: 100% !important;
  }

  .target-author-shell[data-author-page="ai-settings"],
  .target-author-shell[data-author-page="ai-settings"] .author-workspace-main {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  .target-author-shell[data-author-page="ai-settings"] .author-workspace-main {
    padding-top: 24px !important;
  }

  .ai-settings-workbench[data-ai-settings-workbench="fixed"] {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .ai-settings-config-panel,
  .ai-settings-status-panel {
    overflow: visible;
    border-right: 0;
  }

  .ai-provider-config-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Notification, Candidate, and archive transitions share one bounded Author workspace. */
.target-author-shell[data-author-page="notifications"],
.target-author-shell[data-author-page="candidates"],
.target-author-shell[data-author-page="change-archive"] {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="notifications"] .author-workspace-main,
.target-author-shell[data-author-page="candidates"] .author-workspace-main,
.target-author-shell[data-author-page="change-archive"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="notifications"] .author-page-header,
.target-author-shell[data-author-page="candidates"] .author-page-header,
.target-author-shell[data-author-page="change-archive"] .author-page-header {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.notifications-workbench[data-notifications-workbench="fixed"] {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  height: calc(100vh - 56px);
  min-height: 0;
  overflow: hidden;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.notifications-filter-rail {
  display: flex;
  min-height: 0;
  flex-direction: column;
  overflow: auto;
  border-right: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.notifications-filter-rail > header,
.notifications-filter-rail > a {
  display: flex;
  min-height: 48px;
  align-items: center;
  gap: 9px;
  padding: 9px 13px;
  border-bottom: 1px solid #d8dee8;
}

.notifications-filter-rail > header {
  justify-content: space-between;
}

.notifications-filter-rail h2 {
  margin: 0;
  color: #172033;
  font-size: 15px;
}

.notifications-filter-rail > header > span,
.notifications-filter-rail > a > strong {
  display: inline-grid;
  min-width: 24px;
  min-height: 24px;
  place-items: center;
  margin-left: auto;
  border: 1px solid #c9d2dc;
  border-radius: 50%;
  color: #334155;
  font-size: 11px;
}

.notifications-filter-rail > a {
  color: #334155;
  font-size: 12px;
  font-weight: 650;
  text-decoration: none;
}

.notifications-filter-rail > a:hover,
.notifications-filter-rail > a:focus-visible,
.notifications-filter-rail > a.active {
  background: #e8f4f1;
  color: #005e57;
  outline: 0;
}

.notifications-filter-rail .material-symbols-outlined {
  width: 20px;
  font-size: 18px;
}

.notifications-list-panel {
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.notifications-list-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px 260px;
  min-height: 42px;
  align-items: center;
  padding: 0 14px 0 34px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
  color: #526174;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.notifications-list {
  min-height: 0;
  max-height: calc(100vh - 98px);
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}

.notification-row {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr) 120px 260px;
  min-height: 78px;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid #d8dee8;
  background: #ffffff;
}

.notification-row[data-notification-state="unread"] {
  background: #f1fbf8;
}

.notification-state-marker {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #94a3b8;
}

.notification-row[data-notification-state="unread"] .notification-state-marker {
  background: #009879;
}

.notification-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.notification-copy strong {
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.notification-copy small {
  color: #526174;
  font-size: 11px;
}

.notification-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.notification-actions form {
  margin: 0;
}

.notification-actions .button {
  min-height: 34px !important;
  padding: 0 9px;
  font-size: 11px !important;
  white-space: nowrap;
}

.candidate-queue-workbench[data-candidate-queue-workbench="fixed"],
.change-archive-workbench[data-change-archive-workbench="fixed"] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: calc(100vh - 56px);
  min-height: 0;
  overflow: hidden;
  border-top: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
}

.candidate-queue-filter,
.change-archive-filter {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, .55fr) auto auto auto auto;
  min-height: 66px;
  align-items: end;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.change-archive-filter {
  grid-template-columns: minmax(260px, 1fr) auto auto;
}

.candidate-queue-filter label,
.change-archive-filter label {
  display: grid;
  gap: 3px;
  min-width: 0;
  color: #526174;
  font-size: 11px;
  font-weight: 700;
}

.candidate-queue-filter select,
.change-archive-filter select {
  width: 100%;
  min-height: 36px;
  border: 1px solid #aeb9c6;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font-size: 12px;
}

.candidate-archive-toggle {
  display: flex !important;
  min-height: 36px;
  align-items: center;
  gap: 7px !important;
  padding: 0 9px;
  border: 1px solid #c9d2dc;
  border-radius: 3px;
  background: #ffffff;
  color: #334155 !important;
  white-space: nowrap;
}

.candidate-archive-toggle input {
  width: 16px;
  height: 16px;
}

.candidate-queue-filter .button,
.change-archive-filter .button {
  min-height: 36px !important;
  padding: 0 10px;
  font-size: 11px !important;
  white-space: nowrap;
}

.candidate-queue-list {
  min-height: 0;
  overflow: hidden;
}

.candidate-queue-list[data-candidate-queue="true"] {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  align-content: start;
  gap: 0;
}

.candidate-queue-list-head {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) 210px minmax(260px, .9fr) 150px;
  min-height: 40px;
  align-items: center;
  gap: 12px;
  padding: 0 14px 0 56px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
  color: #526174;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.candidate-queue-rows {
  max-height: calc(100vh - 162px);
  overflow: auto;
}

.candidate-queue-row {
  display: grid;
  grid-template-columns: 30px minmax(250px, 1fr) 210px minmax(260px, .9fr) 150px;
  min-height: 132px;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee8;
  background: #ffffff;
}

.candidate-queue-row-candidate {
  border-left: 3px solid #009879;
}

.candidate-queue-row-accepted {
  border-left: 3px solid #16a34a;
}

.candidate-queue-row-rejected {
  border-left: 3px solid #dc2626;
}

.candidate-queue-number {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid #c9d2dc;
  border-radius: 3px;
  color: #334155;
  font: 11px/1 var(--stitch-code);
}

.candidate-queue-summary,
.candidate-queue-gates,
.candidate-queue-context,
.candidate-queue-actions {
  min-width: 0;
}

.candidate-queue-summary {
  display: grid;
  gap: 5px;
}

.candidate-queue-summary > strong {
  overflow: hidden;
  color: #172033;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.candidate-queue-summary > small,
.candidate-queue-state-line {
  color: #526174;
  font-size: 11px;
}

.candidate-queue-state-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.candidate-queue-gates {
  display: grid;
  gap: 5px;
}

.candidate-queue-gates > small {
  color: #526174;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.candidate-queue-gates > span {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  min-height: 25px;
  align-items: center;
  padding: 3px 7px;
  border: 1px solid #d8dee8;
  border-radius: 3px;
  color: #334155;
  font-size: 11px;
}

.candidate-queue-context {
  display: grid;
  gap: 6px;
}

.candidate-queue-context > span,
.candidate-queue-context > strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #475569;
  font-size: 11px;
  line-height: 1.4;
}

.candidate-queue-context > strong {
  color: #172033;
  font-weight: 650;
}

.candidate-queue-actions {
  display: grid;
  gap: 6px;
}

.candidate-queue-actions form {
  margin: 0;
}

.candidate-queue-actions .button {
  width: 100%;
  min-height: 34px !important;
  padding: 0 7px;
  font-size: 12px !important;
}

/* Candidate queue: product language and one clear decision. */
.candidate-queue-list-head {
  grid-template-columns: minmax(280px, .95fr) 210px minmax(300px, 1.05fr) 150px;
}

.candidate-queue-row {
  grid-template-columns: minmax(280px, .95fr) 210px minmax(300px, 1.05fr) 150px;
  min-height: 118px;
  padding: 10px 14px;
}

.candidate-queue-title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #172033;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.candidate-queue-title:hover,
.candidate-queue-title:focus-visible,
.candidate-work-link:hover,
.candidate-work-link:focus-visible {
  color: #005e57;
  text-decoration: underline;
}

.candidate-work-link {
  color: #31566e;
  font-size: 11px;
  font-weight: 700;
  text-underline-offset: 2px;
}

.candidate-queue-actions {
  align-content: center;
  padding-top: 0;
  border-top: 0;
}

.candidate-queue-actions .button {
  width: 100%;
}

.change-archive-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 0;
  overflow: hidden;
}

.change-archive-lane {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #ffffff;
}

.change-archive-lane + .change-archive-lane {
  border-left: 1px solid var(--stitch-outline);
}

.change-archive-lane > header {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 13px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #f8fafc;
}

.change-archive-lane > header > span {
  display: grid;
  gap: 2px;
}

.change-archive-lane > header strong {
  color: #172033;
  font-size: 14px;
}

.change-archive-lane > header small {
  color: #526174;
  font-size: 11px;
}

.change-archive-lane > header em {
  display: grid;
  min-width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #c9d2dc;
  border-radius: 50%;
  color: #334155;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.change-archive-list {
  min-height: 0;
  overflow: auto;
}

.change-archive-row {
  display: grid;
  gap: 7px;
  padding: 12px 13px;
  border-bottom: 1px solid #d8dee8;
  background: #ffffff;
}

.change-archive-row > header,
.change-archive-row > footer {
  display: flex;
  align-items: center;
  gap: 6px;
}

.change-archive-row > strong {
  color: #172033;
  font-size: 13px;
}

.change-archive-row > small {
  color: #526174;
  font-size: 11px;
}

.change-archive-row p,
.change-archive-row blockquote {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #334155;
  font-size: 11px;
  line-height: 1.4;
}

.change-archive-row blockquote {
  padding-left: 9px;
  border-left: 2px solid #94a3b8;
}

.change-archive-row > footer {
  justify-content: flex-end;
}

.change-archive-row > footer form {
  margin: 0;
}

.change-archive-row > footer .button {
  min-height: 34px !important;
  padding: 0 9px;
  font-size: 12px !important;
}

.workbench-empty-row {
  display: grid;
  min-height: 150px;
  place-content: center;
  justify-items: center;
  gap: 6px;
  padding: 24px;
  color: #526174;
  text-align: center;
}

.workbench-empty-row strong {
  color: #172033;
  font-size: 14px;
}

.workbench-empty-row span {
  font-size: 12px;
}

.workbench-empty-row .button {
  margin-top: 6px;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="notifications"],
  .target-author-shell[data-author-page="candidates"],
  .target-author-shell[data-author-page="change-archive"],
  .target-author-shell[data-author-page="notifications"] .author-workspace-main,
  .target-author-shell[data-author-page="candidates"] .author-workspace-main,
  .target-author-shell[data-author-page="change-archive"] .author-workspace-main {
    height: auto;
    min-height: 100vh;
    overflow: visible;
  }

  .target-author-shell[data-author-page="notifications"] .author-workspace-main,
  .target-author-shell[data-author-page="candidates"] .author-workspace-main,
  .target-author-shell[data-author-page="change-archive"] .author-workspace-main {
    padding-top: 24px !important;
  }

  .notifications-workbench[data-notifications-workbench="fixed"],
  .candidate-queue-workbench[data-candidate-queue-workbench="fixed"],
  .change-archive-workbench[data-change-archive-workbench="fixed"] {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }

  .notifications-list,
  .candidate-queue-rows,
  .change-archive-list {
    max-height: none;
    overflow: visible;
  }

  .candidate-queue-filter,
  .change-archive-filter,
  .candidate-queue-list-head,
  .candidate-queue-row,
  .change-archive-board {
    grid-template-columns: minmax(0, 1fr);
  }

  .candidate-queue-list-head,
  .notifications-list-head {
    display: none;
  }

  .notification-row {
    grid-template-columns: 8px minmax(0, 1fr);
  }

  .notification-row > .status-badge,
  .notification-actions {
    grid-column: 2;
    justify-self: start;
  }

  .change-archive-lane + .change-archive-lane {
    border-top: 1px solid var(--stitch-outline);
    border-left: 0;
  }
}

/* Import status is part of the document workspace, not a detached legacy card. */
.target-document-shell .processing-workbench[data-processing-workbench="fixed"] {
  position: fixed !important;
  z-index: 8;
  inset: var(--stitch-toolbar) 0 0 var(--stitch-sidebar);
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 370px);
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  align-content: stretch !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f4f6f9 !important;
  box-shadow: none !important;
}

.processing-workbench .processing-status-main {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 34px;
  padding: 52px clamp(34px, 6vw, 84px);
  overflow: auto;
  border-right: 1px solid #cfd7e2;
  background: #ffffff;
}

.processing-workbench .processing-heading {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  max-width: 760px;
}

.processing-workbench .processing-heading > .material-symbols-outlined {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 1px solid #8ccfc3;
  border-radius: 3px;
  background: #e9f7f3;
  color: #006b63;
  font-size: 25px;
}

.processing-workbench[data-processing-state="failed"] .processing-heading > .material-symbols-outlined {
  border-color: #f0a7ae;
  background: #fff1f2;
  color: #9f1239;
}

.processing-workbench .processing-heading h1 {
  margin: 0;
  color: #172033;
  font: 700 28px/1.18 "Hanken Grotesk", ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0;
}

.processing-workbench .processing-heading p {
  margin: 8px 0 0;
  color: #526174;
  font-size: 14px !important;
  overflow-wrap: anywhere;
}

.processing-workbench .processing-progress-block {
  display: grid;
  max-width: 760px;
  gap: 10px;
  padding-top: 22px;
  border-top: 1px solid #d8dee8;
}

.processing-workbench .processing-progress-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  color: #334155;
}

.processing-workbench .processing-progress-label span {
  font-size: 13px !important;
  font-weight: 650;
}

.processing-workbench .processing-progress-label strong {
  color: #172033;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 12px !important;
}

.processing-workbench .progress-track {
  height: 7px;
  border-radius: 1px;
  background: #dce3ea;
}

.processing-workbench .progress-track > span {
  border-radius: 1px;
  background: #008579;
}

.processing-workbench .processing-error {
  display: grid;
  max-width: 760px;
  gap: 5px;
  margin: 0;
  padding: 15px 16px;
  border: 1px solid #f0a7ae;
  border-radius: 3px;
  background: #fff1f2;
  color: #881337;
}

.processing-workbench .processing-error[hidden] {
  display: none;
}

.processing-workbench .processing-error strong {
  color: #881337;
  font-size: 12px !important;
}

.processing-workbench .processing-error span {
  color: #701a35;
  font-size: 13px !important;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.processing-workbench .processing-action-panel {
  display: grid;
  min-width: 0;
  align-content: start;
  gap: 13px;
  padding: 34px 28px;
  background: #f4f6f9;
}

.processing-workbench .processing-action-panel > strong {
  color: #172033;
  font-size: 14px !important;
  overflow-wrap: anywhere;
}

.processing-workbench .processing-state-label {
  width: max-content;
  margin-bottom: 12px;
  padding: 4px 7px;
  border: 1px solid #8ccfc3;
  border-radius: 2px;
  background: #e9f7f3;
  color: #005e57;
  font-size: 11px !important;
  font-weight: 700;
}

.processing-workbench[data-processing-state="failed"] .processing-state-label {
  border-color: #f0a7ae;
  background: #fff1f2;
  color: #881337;
}

.processing-workbench .processing-action-panel .button,
.processing-workbench .processing-retry-form .button {
  width: 100%;
  min-height: 40px !important;
  justify-content: center;
  border-radius: 3px !important;
  font-size: 13px !important;
}

.processing-workbench .processing-retry-form {
  margin: 0;
}

@media (max-width: 1180px) {
  .target-document-shell .processing-workbench[data-processing-workbench="fixed"] {
    position: relative !important;
    inset: auto;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 340px);
    min-height: 620px !important;
  }
}

@media (max-width: 760px) {
  .target-document-shell .processing-workbench[data-processing-workbench="fixed"] {
    grid-template-columns: minmax(0, 1fr);
    min-height: 0 !important;
    overflow: visible;
  }

  .processing-workbench .processing-status-main {
    padding: 30px 22px;
    border-right: 0;
    border-bottom: 1px solid #cfd7e2;
  }

  .processing-workbench .processing-heading {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
  }

  .processing-workbench .processing-heading > .material-symbols-outlined {
    width: 40px;
    height: 40px;
  }

  .processing-workbench .processing-heading h1 {
    font-size: 23px;
  }
}

/* Author Review: compact queue and decision-first inspector workbench. */
@media (min-width: 1121px) {
  .target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"] {
    grid-template-columns: clamp(340px, 27vw, 370px) minmax(0, 1fr) !important;
    gap: 8px !important;
  }
}

.target-review-shell .review-workspace-main[data-review-workspace-shell="true"],
.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"],
.target-review-shell [data-review-viewport="fixed-workbench"] > *,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-body > * {
  min-width: 0;
}

.target-review-shell .review-page-heading h1 {
  font-size: 18px !important;
}

.target-review-shell .review-heading-context,
.target-review-shell .review-version-switcher,
.target-review-shell .review-version-switcher label,
.target-review-shell .review-history-state {
  display: flex;
  align-items: center;
}

.target-review-shell .review-heading-context {
  flex: 1 1 auto;
  min-width: 0;
  gap: 10px;
}

.target-review-shell .review-version-switcher {
  gap: 4px;
  min-width: 0;
}

.target-review-shell .review-version-switcher label {
  min-width: 0;
  min-height: 32px;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid #c8d1dc;
  background: #f8fafc;
}

.target-review-shell .review-version-switcher select {
  width: clamp(190px, 20vw, 280px);
  min-width: 0;
  min-height: 30px;
  border: 0;
  background: transparent;
  color: #172033;
  font: 600 12px/1.2 var(--stitch-ui);
}

.target-review-shell .review-history-state {
  flex: 0 0 auto;
  gap: 5px;
  padding-left: 10px;
  border-left: 1px solid #c8d1dc;
  color: #526071;
  font-size: 12px;
  white-space: nowrap;
}

.target-review-shell .review-history-state strong {
  color: #172033;
}

.target-review-shell .review-heading-actions {
  flex-wrap: wrap;
}

.target-review-shell .review-heading-actions .button,
.target-review-shell .review-filter-bar label,
.target-review-shell .review-filter-bar select,
.target-review-shell .review-filter-bar input,
.target-review-shell .review-filter-bar button,
.target-review-shell .review-bulk-drawer-grid label,
.target-review-shell .review-bulk-drawer-grid select,
.target-review-shell .review-bulk-drawer-grid .button,
.target-review-shell .review-filter-drawer summary,
.target-review-shell .review-bulk-drawer summary {
  font-size: 13px !important;
}

.target-review-shell .review-heading-actions .button,
.target-review-shell .review-filter-bar select,
.target-review-shell .review-filter-bar input,
.target-review-shell .review-filter-bar button,
.target-review-shell .review-bulk-drawer-grid select,
.target-review-shell .review-bulk-drawer-grid .button {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-stitch-review-panel="queue"] {
  grid-template-rows: 42px auto auto auto minmax(0, 1fr);
  border-color: #c8d1dc;
}

.target-review-shell .review-queue-header {
  min-height: 42px;
  padding-inline: 11px;
  border-color: #c8d1dc;
}

.target-review-shell .review-queue-header h2 {
  color: #111827;
  font-size: 14px !important;
}

.target-review-shell .review-queue-header span {
  min-height: 24px;
  color: #ffffff;
  font-size: 11px !important;
}

.target-review-shell .review-class-summary {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 4px 10px;
  padding: 7px 10px;
  border-bottom: 1px solid #d7dde6;
  background: #ffffff;
}

.target-review-shell .review-class-summary > span {
  color: #526071;
  font-size: 11px !important;
  line-height: 1.35;
  white-space: nowrap;
}

.target-review-shell .review-class-summary strong {
  color: #111827;
}

.target-review-shell .review-bulk-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  padding: 7px 9px;
  border-bottom: 1px solid #c8d1dc;
  background: #f8fafc;
}

.target-review-shell .review-select-visible {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  min-width: 0;
  color: #1f2937;
  font-size: 12px;
  font-weight: 650;
}

.target-review-shell .review-select-visible input {
  width: 16px;
  height: 16px;
  accent-color: #007b73;
}

.target-review-shell .review-selected-count {
  color: #526071;
  font-size: 11px;
  white-space: nowrap;
}

.target-review-shell .review-bulk-toolbar .button {
  min-height: 32px;
  padding: 5px 8px;
  font-size: 11px !important;
  line-height: 1.2;
}

.target-review-shell .review-bulk-toolbar .button:disabled {
  opacity: .48;
  cursor: default;
}

.target-review-shell .review-card[data-review-card-actionable="false"]:not([data-review-card-selected="true"]) {
  background: #f7f8fa !important;
  border-color: #cbd5e1;
}

.target-review-shell .review-card[data-review-card-has-drawing="true"] {
  border-left-color: #9a3412 !important;
}

.target-review-shell .review-history-context,
.target-review-shell .review-history-decision {
  border: 1px solid #c8d1dc;
  background: #f8fafc;
}

.target-review-shell .review-history-context {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 10px 12px;
}

.target-review-shell .review-history-context > .material-symbols-outlined {
  color: #7c3f00;
}

.target-review-shell .review-history-context div,
.target-review-shell .review-history-context strong,
.target-review-shell .review-history-context span {
  display: block;
}

.target-review-shell .review-history-context strong {
  color: #172033;
  font-size: 13px;
}

.target-review-shell .review-history-context div > span {
  margin-top: 2px;
  color: #526071;
  font-size: 12px;
}

.target-review-shell .review-history-decision {
  display: grid;
  gap: 10px;
  padding: 12px 15px;
}

.target-review-shell .review-history-decision dl {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.target-review-shell .review-history-decision dl > div {
  min-width: 0;
}

.target-review-shell .review-history-decision dt {
  color: #526071;
  font-size: 11px;
}

.target-review-shell .review-history-decision dd {
  margin: 3px 0 0;
  color: #172033;
  font-size: 13px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.target-review-shell .review-history-author-note {
  padding-top: 10px;
  border-top: 1px solid #d7dde6;
}

.target-review-shell .review-history-author-note p {
  margin: 5px 0 0;
  color: #172033;
  font-size: 13px;
  line-height: 1.45;
}

.target-review-shell .review-guidance {
  display: grid;
  gap: 6px;
  padding: 9px 15px;
  border-top: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  background: #f8fafc;
  color: #172033;
}

.target-review-shell .review-guidance-heading,
.target-review-shell .review-guidance-signals,
.target-review-shell .review-guidance-toggle {
  display: flex;
  align-items: center;
}

.target-review-shell .review-guidance-heading {
  min-width: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}

.target-review-shell details.review-guidance > summary {
  cursor: pointer;
}

.target-review-shell details.review-guidance > summary::marker {
  color: #475569;
}

.target-review-shell .review-guidance-body {
  display: grid;
  gap: 6px;
  margin-top: 7px;
}

.target-review-shell .review-guidance-provider,
.target-review-shell .review-guidance-signals span {
  color: #334155;
  font-size: 12px;
  line-height: 1.25;
}

.target-review-shell .review-guidance-provider {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: right;
}

.target-review-shell .review-guidance-signals {
  flex-wrap: wrap;
  gap: 5px;
}

.target-review-shell .review-guidance-signals span {
  padding: 3px 7px;
  border: 1px solid #b8c3d1;
  background: #ffffff;
}

.target-review-shell .review-guidance p {
  margin: 0;
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
}

.target-review-shell .review-guidance .review-guidance-warning {
  padding-left: 9px;
  border-left: 3px solid #c2410c;
  color: #7c2d12;
}

.target-review-shell .review-guidance-analysis-state {
  font-style: italic;
}

.target-review-shell .review-guidance-rule {
  border-bottom: 0;
  background: #f8fafc;
}

.target-review-shell .review-ai-suggestion {
  display: grid;
  gap: 8px;
  padding: 11px 15px;
  border-top: 1px solid #cbd5e1;
  border-bottom: 1px solid #cbd5e1;
  background: #ffffff;
  color: #172033;
}

.target-review-shell .review-ai-suggestion p,
.target-review-shell .review-ai-suggestion strong {
  margin: 0;
  overflow-wrap: anywhere;
}

.target-review-shell .review-ai-suggestion p {
  color: #334155;
  font-size: 13px;
  line-height: 1.45;
}

.target-review-shell .review-ai-tags,
.target-review-shell .review-ai-recovery-actions,
.target-review-shell .review-ai-not-started,
.target-review-shell .review-ai-running {
  display: flex;
  align-items: center;
}

.target-review-shell .review-ai-tags {
  flex-wrap: wrap;
  gap: 5px;
}

.target-review-shell .review-ai-tags span {
  padding: 3px 7px;
  border: 1px solid #aeb9c7;
  color: #243247;
  font-size: 11px;
  line-height: 1.25;
}

.target-review-shell .review-ai-proposed-text {
  display: grid;
  gap: 4px;
  padding: 8px 10px;
  border-left: 3px solid #08766e;
  background: #edf9f6;
}

.target-review-shell .review-ai-running {
  gap: 10px;
  min-height: 48px;
}

.target-review-shell .review-ai-running-indicator {
  width: 14px;
  height: 14px;
  flex: 0 0 14px;
  border: 2px solid #b9c6d4;
  border-top-color: #08766e;
  border-radius: 50%;
}

.target-review-shell
  [data-feedback-ai-suggestion-active="true"]
  .review-ai-running-indicator {
  animation: scriptsaver-review-analysis-spin .9s linear infinite;
}

.target-review-shell .review-ai-activity {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px 14px;
  margin: 9px 0 0;
}

.target-review-shell .review-ai-activity > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.target-review-shell .review-ai-activity dt {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

.target-review-shell .review-ai-activity dd {
  margin: 0;
  color: #172033;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.target-review-shell .review-ai-running[data-feedback-ai-suggestion-terminal="succeeded"] {
  border-left: 3px solid #08766e;
  padding-left: 10px;
}

.target-review-shell .review-ai-running[data-feedback-ai-suggestion-terminal="failed"] {
  border-left: 3px solid #b42318;
  padding-left: 10px;
}

.target-review-shell .review-ai-failed {
  display: grid;
  gap: 7px;
  padding-left: 10px;
  border-left: 3px solid #b42318;
}

.target-review-shell .review-ai-cancelled {
  display: grid;
  gap: 7px;
  padding-left: 10px;
  border-left: 3px solid #64748b;
}

.target-review-shell .review-ai-cancel-form {
  display: flex;
  justify-content: flex-end;
  margin-top: 8px;
}

.target-review-shell .review-ai-recovery-actions {
  flex-wrap: wrap;
  gap: 8px;
}

.target-review-shell .review-ai-not-started {
  justify-content: space-between;
  gap: 12px;
}

.target-review-shell .review-ai-model-control {
  border-bottom: 1px solid #c8d1dc;
  background: #f8fafc;
}

.target-review-shell .review-ai-model-control > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 42px;
  padding: 7px 15px;
  color: #172033;
  cursor: pointer;
  list-style: none;
}

.target-review-shell .review-ai-model-control > summary::-webkit-details-marker {
  display: none;
}

.target-review-shell .review-ai-model-control > summary > span:first-child {
  display: flex;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
}

.target-review-shell .review-ai-model-control > summary strong {
  font-size: 12px;
}

.target-review-shell .review-ai-model-control > summary small {
  color: #526174;
  font-size: 11px;
}

.target-review-shell .review-ai-model-control > summary .material-symbols-outlined {
  color: #526174;
  font-size: 18px;
  transition: transform 160ms ease;
}

.target-review-shell .review-ai-model-control[open] > summary .material-symbols-outlined {
  transform: rotate(90deg);
}

.target-review-shell .review-ai-model-form {
  display: grid;
  gap: 8px;
  padding: 9px 15px;
  border-top: 1px solid #d9e0e7;
  background: #f8fafc;
}

.target-review-shell .review-ai-model-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.target-review-shell .review-ai-model-grid label,
.target-review-shell .review-ai-model-missing {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.target-review-shell .review-ai-model-grid [hidden] {
  display: none !important;
}

.target-review-shell .review-ai-model-grid label > span,
.target-review-shell .review-ai-model-missing > span {
  color: #475569;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.25;
}

.target-review-shell .review-ai-model-grid select {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 7px 30px 7px 9px;
  border: 1px solid #aeb9c7;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: inherit;
  font-size: 12px;
}

.target-review-shell .review-ai-model-missing {
  align-content: center;
  padding: 5px 0;
}

.target-review-shell .review-ai-model-missing a {
  color: #006b61;
  font-size: 12px;
  font-weight: 800;
}

.target-review-shell .review-ai-model-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.target-review-shell .review-ai-default-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.target-review-shell .review-ai-default-toggle input {
  width: 16px;
  height: 16px;
  margin: 0;
  flex: 0 0 16px;
}

.target-review-shell .review-ai-model-actions .button {
  min-height: 36px;
  flex: 0 0 auto;
}

@keyframes scriptsaver-review-analysis-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .target-review-shell
    [data-feedback-ai-suggestion-active="true"]
    .review-ai-running-indicator {
    animation: none;
    border-color: #08766e;
  }
}

.target-review-shell .review-guidance-toggle {
  gap: 8px;
  min-height: 30px;
  color: #172033;
  font-weight: 700;
}

.target-review-shell .review-guidance-toggle input {
  width: 17px;
  height: 17px;
  margin: 0;
}

.target-review-shell .review-filter-drawer summary,
.target-review-shell .review-bulk-drawer summary {
  min-height: 36px;
  color: #1f2937;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
  padding: 6px !important;
  background: #f3f5f8 !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-list {
  gap: 6px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-frame="standalone"] {
  min-height: 0 !important;
  border-color: #c8d1dc !important;
  color: #111827 !important;
  font-size: 13px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-frame="standalone"][data-review-card-selected="true"] {
  border-color: #64748b !important;
  background: #f7f9fc !important;
  box-shadow: inset 3px 0 0 #172033 !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-marker {
  top: 10px !important;
  left: 9px !important;
  width: 22px !important;
  height: 22px !important;
  border-color: #aeb9c7;
  color: #253247 !important;
  font-size: 11px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-main {
  padding: 10px 9px 9px 40px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(76px, max-content);
  gap: 7px;
  align-items: start;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-kind {
  color: #0f5f58;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-kind::before {
  content: "\00b7";
  margin: 0 5px;
  color: #94a3b8;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block h2 {
  display: block;
  max-width: 100%;
  margin: 2px 0 0 !important;
  overflow: visible;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: break-word;
  word-break: normal;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block > .review-card-document {
  display: block !important;
  max-width: 100%;
  margin: 3px 0 0;
  overflow: hidden;
  color: #475569 !important;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-annotation {
  margin-top: 5px;
  color: #243247 !important;
  font-size: 13px !important;
  line-height: 1.35;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-meta-strip {
  gap: 3px;
  margin-top: 5px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-meta-strip span {
  min-height: 20px;
  padding: 2px 5px;
  border-color: #c8d1dc;
  background: #f8fafc;
  color: #334155;
  font-size: 11px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-state {
  display: grid;
  justify-items: end;
  min-width: 0;
  gap: 4px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-focus-state,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-focus-link {
  min-height: 25px;
  padding: 3px 7px;
  border: 1px solid #64748b;
  border-radius: 3px;
  font-size: 11px !important;
  font-weight: 700;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-focus-state {
  background: #172033;
  color: #ffffff;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-focus-link {
  background: #ffffff;
  color: #172033;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card[data-review-card-selected="true"] .review-card-command-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
  margin-top: 6px;
  padding-top: 6px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-command-strip [data-review-card-primary-action="focus"],
.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-command-strip [data-review-card-primary-action="brief"] {
  display: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-command-strip .context-link {
  min-width: 0;
  min-height: 30px;
  padding: 4px 6px;
  color: #172033;
  font-size: 13px !important;
  line-height: 1.2;
  text-align: center;
  white-space: normal;
}

.target-review-shell .feedback-block-label,
.target-review-shell .review-card-queue,
.target-review-shell .reviewer-name,
.target-review-shell .status-badge,
.target-review-shell .review-inspection-meta span,
.target-review-shell .review-bundle-status-card .panel-kicker,
.target-review-shell .review-bundle-status-card p,
.target-review-shell .status-count-card {
  color: #475569;
  font-size: 11px !important;
}

.target-review-shell .status-badge {
  border-width: 1px;
  border-style: solid;
  font-weight: 700;
}

.target-review-shell .status-badge.status-new {
  border-color: #f59e0b;
  background: #fffbeb;
  color: #78350f;
}

.target-review-shell .status-badge.status-approved {
  border-color: #4ade80;
  background: #f0fdf4;
  color: #14532d;
}

.target-review-shell .status-badge.status-rejected {
  border-color: #f87171;
  background: #fef2f2;
  color: #7f1d1d;
}

.target-review-shell .status-badge.status-resolved {
  border-color: #60a5fa;
  background: #eff6ff;
  color: #1e3a8a;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-stack[data-stitch-review-panel="inspection"] {
  grid-template-rows: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-panel[data-stitch-review-inspection-card="true"] {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  min-height: 0;
  overflow: hidden;
  border-color: #c8d1dc;
  color: #111827;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 10px 13px;
  border-color: #c8d1dc;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-header strong {
  color: #172033;
  font-size: 13px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-meta {
  min-height: 0;
  padding: 3px 0 0;
  color: #334155;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-body {
  display: grid !important;
  grid-template-columns: minmax(300px, .9fr) minmax(360px, 1.1fr);
  min-height: 0;
  overflow: hidden;
  color: #111827;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage {
  padding: 15px 17px 12px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage blockquote {
  padding: 8px 0 8px 12px;
  color: #111827;
  font-size: 18px;
  line-height: 1.35;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview img {
  max-height: min(43vh, 420px);
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview {
  min-height: 240px;
  border-color: #c8d1dc;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options {
  gap: 0;
  padding: 8px 17px 12px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options label {
  min-height: 44px;
  gap: 7px;
  padding: 7px 2px;
  border: 0 !important;
  border-top: 1px solid #d5dce5 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options label:first-of-type {
  border-top: 0 !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options strong,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options small,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-block p {
  color: #1f2937;
  font-size: 13px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-solution-options small {
  color: #475569;
  line-height: 1.3;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-comment-context {
  padding: 13px !important;
  border-color: #c8d1dc;
  background: #f4f7fa;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-comment-context p {
  color: #111827;
  font-size: 14px !important;
  line-height: 1.45;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-decision {
  min-height: 40px;
  padding: 6px 13px !important;
  border-color: #b8c3d1;
  background: #ffffff;
  color: #172033;
  font-size: 13px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar {
  position: static !important;
  z-index: 4;
  grid-template-columns: repeat(3, minmax(105px, 1fr)) !important;
  gap: 6px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar form,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .button {
  min-width: 0;
  max-width: 100%;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .button {
  min-height: 40px;
  padding: 6px 7px;
  font-size: 13px !important;
  line-height: 1.2;
  white-space: normal;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .ai-guard-note {
  min-height: 44px;
  color: #475569;
  font-size: 13px !important;
  text-align: center;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card {
  min-width: 0;
  min-height: 78px;
  padding: 8px 10px;
  border-color: #c8d1dc;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card strong {
  color: #172033;
  font-size: 13px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-bundle-status-card p {
  line-height: 1.25;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-panel h2 {
  font-size: 18px !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-open {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-open:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 3px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block > .review-card-passage-preview {
  display: -webkit-box !important;
  margin: 7px 0 0;
  overflow: hidden;
  color: #475569 !important;
  font-size: 12px;
  line-height: 1.35;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-title-block > .review-card-annotation {
  display: -webkit-box !important;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-checkbox {
  min-width: 28px;
  min-height: 28px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-nav {
  display: grid;
  grid-template-columns: 34px auto 34px;
  gap: 7px;
  align-items: center;
  flex: 0 0 auto;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-nav > strong {
  color: #334155;
  font-size: 12px;
  white-space: nowrap;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-button {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #aeb9c7;
  border-radius: 4px;
  background: #ffffff;
  color: #172033;
  text-decoration: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-button:hover,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-button:focus-visible {
  border-color: #0f766e;
  color: #0f766e;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-sequence-button.disabled {
  border-color: #d8dee7;
  background: #f4f6f8;
  color: #9aa6b5;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-column,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-decision-column {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(240px, 1fr) auto auto;
  align-content: start;
  border-right: 1px solid #c8d1dc;
  background: #eef2f6;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid;
  position: relative;
  margin: 0;
  padding: 12px;
  place-items: center;
  border: 0;
  border-bottom: 1px solid #c8d1dc;
  background: #e8edf3;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-context-page-frame {
  position: absolute;
  inset: 12px;
  display: grid;
  min-width: 0;
  min-height: 0;
  place-items: center;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-document-preview img {
  width: auto;
  height: auto;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .14);
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-inspection-document-preview {
  min-height: 0;
  max-height: none;
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-inspection-document-preview img {
  position: absolute;
  inset: 12px;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
  max-width: none;
  max-height: none;
  object-fit: contain;
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-source-passage {
  max-height: none;
  padding: 8px 14px !important;
  overflow: hidden;
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-source-passage blockquote {
  display: -webkit-box;
  margin-top: 3px;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.target-review-shell [data-review-viewport="fixed-workbench"][data-review-queue-visible="false"] .review-open-document-link {
  min-height: 34px;
  padding-block: 7px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-document-scope-caption {
  position: absolute;
  right: 20px;
  bottom: 20px;
  padding: 5px 8px;
  border-radius: 3px;
  background: rgba(7, 19, 35, .92);
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage {
  grid-column: 1 !important;
  grid-row: 2 !important;
  border-bottom: 0;
  background: #ffffff;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-source-passage blockquote {
  margin: 6px 0 0;
  font-size: 15px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-open-document-link {
  grid-column: 1;
  grid-row: 3;
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 8px 17px 11px;
  background: #ffffff;
  color: #0f5f58;
  font-size: 13px;
  font-weight: 700;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-decision-column {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  align-content: start;
  overflow: hidden;
  background: #ffffff;
}

.target-review-shell
  [data-review-viewport="fixed-workbench"]
  .review-decision-column[data-review-ai-controls="true"] {
  grid-template-rows: auto auto minmax(0, 220px) auto minmax(0, 1fr);
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-decision-column > .review-ai-suggestion {
  min-height: 0;
  max-height: min(34vh, 300px);
  overflow-y: auto;
}

.target-review-shell
  [data-review-viewport="fixed-workbench"]
  .review-decision-column[data-review-ai-controls="true"]
  > .review-ai-suggestion {
  max-height: 220px;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-comment-context {
  border: 0;
  border-bottom: 1px solid #c8d1dc;
  background: #f5f7fa;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form {
  display: grid;
  min-height: 0;
  gap: 13px;
  align-content: start;
  padding: 15px;
  overflow-y: auto;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form label {
  display: grid;
  gap: 6px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form textarea,
.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form select {
  width: 100%;
  min-width: 0;
  border: 1px solid #aeb9c7;
  border-radius: 4px;
  background: #ffffff;
  color: #111827;
  font: 500 13px/1.4 var(--stitch-ui);
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form textarea {
  min-height: 72px;
  padding: 9px 10px;
  resize: vertical;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form select {
  min-height: 40px;
  padding: 7px 32px 7px 10px;
}

/* Agent profiles: bounded workbench and persistent actions. */
.target-author-shell[data-author-page="agents"] {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .author-page-header {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.target-author-shell[data-author-page="agents"] .quality-page-title {
  flex: 1 1 auto;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .author-page-actions {
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 6px;
}

.target-author-shell[data-author-page="agents"] .agent-profile-workbench {
  grid-template-columns: minmax(230px, 250px) minmax(0, 1fr);
  height: calc(100vh - 98px);
  min-height: 0;
  overflow: hidden;
}

/* Processing is a live project state, separate from the immutable version label. */
.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version {
  justify-content: center;
  align-items: flex-start;
}

.author-project-shelf[data-stitch-author-project-shelf="table"] .project-card-version strong {
  white-space: nowrap;
}

.project-row-processing,
.project-row-status {
  display: inline-flex;
  width: fit-content;
  min-height: 24px;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #b7c3cf;
  border-radius: 3px;
  background: #f7f9fb;
  color: #26384d;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.project-row-processing {
  border-color: #c9914b;
  background: #fff7e8;
  color: #71430d;
}

.project-row-status-ready {
  border-color: #8fc8b6;
  background: #effaf5;
  color: #075f49;
}

.project-row-status-failed {
  border-color: #d69a96;
  background: #fff3f2;
  color: #8d211c;
}

.project-inspector-preview-waiting,
.project-preview-state-button {
  width: 100%;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.project-inspector-preview-waiting:focus-visible,
.project-preview-state-button:focus-visible {
  outline: 3px solid rgba(0, 123, 115, .3);
  outline-offset: -3px;
}

.project-inspector-preview-waiting:hover,
.project-preview-state-button:hover {
  background: #f4f7fa;
}

.project-processing-message {
  margin: 3px 0 0;
  color: #71430d !important;
  font-size: 12px !important;
  font-weight: 700;
  line-height: 1.35;
}

.project-next-action-progress {
  display: grid;
  width: clamp(170px, 24vw, 300px);
  flex: 0 0 auto;
  gap: 5px;
  color: #59380f;
  font-size: 12px;
  font-weight: 700;
}

.project-next-action-progress progress,
.project-preview-state-button progress {
  display: block;
  width: 100%;
  height: 8px;
  accent-color: #007b73;
}

.project-preview-state-button progress {
  width: min(420px, 72%);
  margin-top: 5px;
}

[data-project-processing-surface="true"] .project-processing-icon {
  animation: project-processing-spin 1.4s linear infinite;
}

.project-processing-ring {
  display: inline-block;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border: 3px solid rgba(0, 123, 115, .24);
  border-top-color: #007b73;
  border-radius: 50%;
  animation: project-processing-spin .95s linear infinite;
}

.project-next-action-copy > .project-processing-ring {
  width: 30px;
  height: 30px;
  flex-basis: 30px;
}

@media (prefers-reduced-motion: reduce) {
  [data-project-processing-surface="true"] .project-processing-icon {
    animation: none;
  }

  .project-processing-ring {
    animation: none;
    border-top-color: rgba(0, 123, 115, .24);
  }
}

.target-author-shell[data-author-page="agents"] .agent-profile-list {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .agent-profile-list nav {
  align-content: start;
  grid-auto-rows: max-content;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.target-author-shell[data-author-page="agents"] .agent-profile-editor {
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .agent-profile-editor > form {
  grid-template-columns: minmax(340px, .82fr) minmax(460px, 1.18fr);
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="agents"] .agent-profile-fields {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.target-author-shell[data-author-page="agents"] .agent-profile-fields label {
  font-size: 13px;
}

.target-author-shell[data-author-page="agents"] .agent-skill-picker {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
}

.target-author-shell[data-author-page="agents"] .agent-skill-list {
  max-height: none;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

.target-author-shell[data-author-page="agents"] .agent-skill-list small {
  font-size: 12px;
}

.target-author-shell[data-author-page="agents"] .agent-profile-editor > footer {
  min-height: 64px;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="agents"] {
    height: auto;
    overflow: auto;
  }

  .target-author-shell[data-author-page="agents"] .author-workspace-main {
    height: auto;
    padding-top: 24px !important;
    overflow: visible;
  }

  .target-author-shell[data-author-page="agents"] .agent-profile-workbench,
  .target-author-shell[data-author-page="agents"] .agent-profile-editor > form {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspector-form > .button {
  justify-self: start;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-footer {
  display: block;
  align-items: center;
  padding: 9px 12px;
  border-top: 1px solid #aeb9c7;
  background: #f3f5f8;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar {
  grid-template-columns: repeat(auto-fit, minmax(116px, 1fr)) !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-actionbar .button:disabled {
  border-color: #aeb9c7;
  background: #dfe5ec;
  color: #526174;
  cursor: default;
  opacity: 1;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-candidate-follow-up {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid #c8d1dc;
  background: #ffffff;
}

@media (max-width: 1120px) {
  .target-review-shell .review-queue-toggle {
    display: none !important;
  }

  .target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-body {
    grid-template-columns: minmax(0, 1fr);
    overflow-y: auto;
  }

  .target-review-shell [data-review-viewport="fixed-workbench"] .review-source-column,
  .target-review-shell [data-review-viewport="fixed-workbench"] .review-decision-column {
    overflow: visible;
  }

  .target-review-shell [data-review-viewport="fixed-workbench"] .review-source-column {
    border-right: 0;
    border-bottom: 1px solid #c8d1dc;
  }

  .target-review-shell [data-review-viewport="fixed-workbench"] .review-inspection-footer {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Quality rules: readable library and primary inspector. */
.target-author-shell[data-author-page="quality-rules"] .quality-workbench {
  grid-template-columns: minmax(180px, 190px) minmax(390px, 410px) minmax(520px, 1fr) !important;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar {
  grid-template-columns: repeat(2, minmax(0, 1fr)) 38px;
  grid-auto-rows: minmax(38px, auto);
  min-height: 0;
  gap: 7px;
  padding: 10px 12px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-search-field {
  grid-column: 1 / 3;
  grid-row: 1;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-submit {
  grid-column: 3;
  grid-row: 1;
  width: 38px;
  height: 38px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar > label:nth-of-type(2) {
  grid-column: 1;
  grid-row: 2;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar > label:nth-of-type(3) {
  grid-column: 2;
  grid-row: 2;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar > label:nth-of-type(4) {
  grid-column: 1;
  grid-row: 3;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar > label:nth-of-type(5) {
  grid-column: 2;
  grid-row: 3;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar > label:not(.quality-search-field) {
  gap: 4px;
  font-size: 11px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-filter-bar :is(input, select) {
  min-height: 38px;
  font-size: 12px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-search-field .material-symbols-outlined {
  top: 10px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-suggestion-banner {
  min-height: 52px;
  margin: 10px 12px 0;
  padding: 7px 10px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-suggestion-banner strong,
.target-author-shell[data-author-page="quality-rules"] .quality-suggestion-banner .button {
  font-size: 12px !important;
}

.target-author-shell[data-author-page="quality-rules"] :is([data-quality-column="source"], [data-quality-column="usage"]) {
  display: none;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-table th[data-quality-column="status"] {
  width: 88px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-table th[data-quality-column="rule"] {
  width: auto;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-table th[data-quality-column="scope"] {
  width: 118px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-table :is(th, td, td a) {
  font-size: 12px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-table td {
  height: 46px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-rule-state {
  font-size: 11px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-library-footer {
  min-height: 40px;
  font-size: 11px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-header {
  flex-basis: 64px;
  padding: 10px 16px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-header span:not(.material-symbols-outlined) {
  font-size: 11px;
  text-transform: none;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-header h2 {
  font-size: 18px !important;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-form {
  gap: 14px;
  padding: 14px 16px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-form :is(label, legend) {
  font-size: 12px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-form :is(input, select, textarea) {
  font-size: 13px !important;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-form :is(input, select) {
  min-height: 40px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-form textarea {
  min-height: 160px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-scope-picker small,
.target-author-shell[data-author-page="quality-rules"] .quality-rule-metadata :is(dt, dd) {
  font-size: 11px !important;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-actions {
  min-height: 64px;
  padding: 10px 16px;
}

.target-author-shell[data-author-page="quality-rules"] .quality-inspector-actions .button {
  min-height: 40px;
  font-size: 12px;
}

@media (max-width: 1279px) and (min-width: 1181px) {
  .target-author-shell[data-author-page="quality-rules"] .quality-workbench {
    grid-template-columns: 180px minmax(360px, .9fr) minmax(460px, 1.1fr) !important;
  }
}

/* Empty Author workspace: the first real task replaces inactive administration. */
.author-empty-topbar-title {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 16px;
}

.author-management-board[hidden],
.course-dock[hidden],
.stitch-new-project-drawer[hidden] {
  display: none !important;
}

.author-first-project-workspace {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: calc(100vh - var(--stitch-toolbar) - 32px);
  margin: 16px 24px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-text);
  overflow: hidden;
}

.author-first-project-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 68px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--stitch-outline);
}

.author-first-project-header .panel-kicker {
  margin: 0 0 2px;
  color: #28645f;
  font-family: var(--stitch-mono);
  font-size: 10px;
  letter-spacing: .04em;
}

.author-first-project-header h1 {
  margin: 0;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.author-first-project-header .context-link {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  color: var(--stitch-text);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}

.author-first-project-header .context-link:hover,
.author-first-project-header .context-link:focus-visible {
  border-color: var(--stitch-green);
  outline: 2px solid rgba(0, 164, 114, .18);
  outline-offset: 2px;
}

.author-first-project-form {
  display: grid;
  grid-template-rows: auto minmax(300px, 1fr);
  min-height: 0;
  padding: 0;
}

.author-first-project-defaults {
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--stitch-outline);
  background: var(--stitch-surface-low);
}

.author-first-project-defaults > label {
  display: grid;
  gap: 5px;
  min-width: 190px;
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 12px;
  font-weight: 650;
}

.author-first-project-defaults select {
  min-height: 40px;
  padding: 0 34px 0 11px;
  border: 1px solid var(--stitch-outline);
  border-radius: var(--stitch-radius);
  background: var(--stitch-surface);
  color: var(--stitch-text);
  font-family: var(--stitch-ui);
  font-size: 14px;
}

.author-first-project-visibility {
  display: flex;
  align-items: end;
  gap: 0;
  min-width: 260px;
  margin: 0;
  padding: 0;
  border: 0;
}

.author-first-project-visibility legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.author-first-project-visibility label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 130px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--stitch-outline);
  background: var(--stitch-surface);
  color: var(--stitch-text);
  font-size: 13px;
  font-weight: 650;
  cursor: pointer;
}

.author-first-project-visibility label + label {
  border-left: 0;
}

.author-first-project-visibility label:first-of-type {
  border-radius: var(--stitch-radius) 0 0 var(--stitch-radius);
}

.author-first-project-visibility label:last-of-type {
  border-radius: 0 var(--stitch-radius) var(--stitch-radius) 0;
}

.author-first-project-visibility label:has(input:checked) {
  border-color: #16836d;
  background: #e7f7f0;
  color: #075c4c;
  box-shadow: inset 0 0 0 1px #16836d;
}

.author-first-project-visibility input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.author-first-project-dropzone {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 360px;
  margin: 18px;
  border: 1px dashed #4e8c83;
  border-radius: var(--stitch-radius);
  background: #f5fbf8;
  color: var(--stitch-text);
  text-align: center;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

.author-first-project-dropzone:hover,
.author-first-project-dropzone:focus-within,
.author-first-project-dropzone.drag-active {
  border-color: #007d67;
  background: #ebf8f2;
  box-shadow: inset 0 0 0 1px rgba(0, 125, 103, .25);
}

.author-first-project-dropzone input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}

.author-first-project-drop-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border: 1px solid #7dc6b1;
  border-radius: 50%;
  background: #ffffff;
  color: #007d67;
  font-size: 25px;
}

.author-first-project-dropzone strong {
  font-family: var(--stitch-ui);
  font-size: 18px;
  line-height: 1.25;
}

.author-first-project-dropzone > span:not(.material-symbols-outlined) {
  color: #394a5a;
  font-size: 14px;
}

.author-first-project-dropzone small {
  margin-top: 5px;
  color: #4d5f6f;
  font-family: var(--stitch-ui);
  font-size: 12px;
}

.author-first-project-progress {
  position: absolute;
  inset: var(--stitch-toolbar) 0 0 var(--stitch-sidebar);
  z-index: 20;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  background: rgba(248, 249, 255, .92);
  color: var(--stitch-text);
  font-size: 14px;
  font-weight: 700;
}

.author-first-project-progress[hidden] {
  display: none !important;
}

@media (max-width: 1180px) {
  .author-first-project-defaults {
    align-items: stretch;
    flex-wrap: wrap;
  }

  .author-first-project-workspace {
    margin: 14px;
  }

  .author-first-project-dropzone {
    margin: 14px;
  }
}

/* Final Viewer navigation contract: authenticated reading uses the same
   180 px rail, ordering and compact account footer as the other workbenches. */
.target-document-shell.stitch-viewer-shell {
  --stitch-sidebar: 180px;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-brand {
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  order: 0 !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-brand::before {
  width: 26px !important;
  height: 26px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar > .sidebar-new-project {
  order: 0 !important;
  margin: 0 0 12px !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-section-label,
.target-document-shell .document-sidebar.author-workspace-sidebar .sidebar-link {
  order: 0;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .author-sidebar-account-label {
  order: 1;
  margin-top: auto !important;
}

.target-document-shell .document-sidebar.author-workspace-sidebar .author-sidebar-account {
  order: 2;
  margin-top: 0;
}

.target-document-shell .viewer-workbench-toolbar[data-stitch-viewer-workbench-toolbar="true"] {
  padding-inline: 4px;
}

/* Change proposals final layout: this layer intentionally wins over legacy Candidate rules. */
.target-author-shell[data-author-page="candidate-detail"] .candidate-review-shell {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="candidate-detail"]
  .candidate-workbench-grid[data-stitch-candidate-diff-workbench="true"] {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 400px);
  grid-template-rows: minmax(0, 1fr);
  height: calc(100vh - 94px);
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-diff-stage {
  grid-column: 1;
  grid-row: 1;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-panel {
  grid-column: 2;
  grid-row: 1;
  position: sticky;
  top: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  overflow-y: auto;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-application-limit {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 9px;
  padding: 11px 13px;
  color: #5d4107;
  border: 1px solid #dfc27b;
  background: #fff9eb;
}

.target-author-shell[data-author-page="candidate-detail"]
  .candidate-application-limit > .material-symbols-outlined {
  font-size: 19px;
}

.target-author-shell[data-author-page="candidate-detail"]
  .candidate-application-limit :is(strong, span) {
  display: block;
}

.target-author-shell[data-author-page="candidate-detail"]
  .candidate-application-limit strong {
  color: #3f2d07;
  font-size: 13px;
}

.target-author-shell[data-author-page="candidate-detail"]
  .candidate-application-limit span {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.4;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-inline-diff {
  order: -1;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-context-canvas {
  min-height: 430px;
}

.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item summary,
.target-author-shell[data-author-page="candidate-detail"] .candidate-gate-item p,
.target-author-shell[data-author-page="candidate-detail"] .gate-context-preview,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-form label,
.target-author-shell[data-author-page="candidate-detail"] .candidate-decision-form textarea {
  font-size: 14px;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-list-head,
.target-author-shell[data-author-page="candidates"] .candidate-queue-row {
  grid-template-columns: minmax(420px, 1fr) minmax(220px, .42fr) minmax(170px, .28fr);
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row {
  min-height: 160px;
  padding: 12px 14px;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="candidate-detail"] .candidate-review-shell {
    height: auto;
    overflow: visible;
  }

  .target-author-shell[data-author-page="candidate-detail"]
    .candidate-workbench-grid[data-stitch-candidate-diff-workbench="true"] {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    height: auto;
    overflow: visible;
  }

  .target-author-shell[data-author-page="candidate-detail"] .candidate-diff-stage,
  .target-author-shell[data-author-page="candidate-detail"] .candidate-decision-panel {
    grid-column: 1;
    grid-row: auto;
    position: static;
    height: auto;
    max-height: none;
    overflow: visible;
  }

  .target-author-shell[data-author-page="candidates"] .candidate-queue-list-head,
  .target-author-shell[data-author-page="candidates"] .candidate-queue-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Change proposal intake: approved feedback becomes a distinct next-action card. */
.target-author-shell[data-author-page="candidates"] .candidate-queue-list {
  background: #eef2f6;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-list-head {
  min-height: 38px;
  padding: 0 14px;
  border-top: 0;
  background: #f8fafc;
  font-size: 10px;
  letter-spacing: .03em;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-rows {
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 8px 12px 14px;
  background: #eef2f6;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row {
  border: 1px solid #c9d2dc;
  border-left: 4px solid #6c7f93;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: 0 1px 1px rgba(15, 32, 51, .04);
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row-candidate .candidate-queue-feedback {
  -webkit-line-clamp: 1;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row-candidate .candidate-queue-proposal {
  -webkit-line-clamp: 2;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row-candidate {
  border-left-color: #008579;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row-accepted {
  border-left-color: #1b8f5a;
}

.target-author-shell[data-author-page="candidates"] .candidate-queue-row-rejected,
.target-author-shell[data-author-page="candidates"] .proposal-job-row-failed {
  border-left-color: #c73e45;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row {
  grid-template-columns: minmax(420px, 1fr) minmax(220px, .42fr) minmax(190px, .3fr);
  min-height: 142px;
  align-items: stretch;
  border: 1px solid #b9c8d5;
  border-left: 4px solid #087a70;
  border-radius: 4px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-has-author-note {
  min-height: 166px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-summary {
  align-content: start;
  gap: 4px;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-kind {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 22px;
  align-items: center;
  gap: 5px;
  color: #00645c;
  font-size: 11px;
  font-weight: 750;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-kind .material-symbols-outlined {
  font-size: 16px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-title {
  margin-top: 1px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-feedback {
  margin: 3px 0 0;
  padding-left: 9px;
  border-left: 2px solid #8fa4b7;
  color: #243448;
  font-size: 13px;
  font-style: normal;
  -webkit-line-clamp: 2;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-author-note {
  display: grid;
  gap: 2px;
  margin-top: 3px;
  color: #172033;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-author-note small {
  color: #526174;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-author-note strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 13px;
  line-height: 1.35;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-state {
  align-content: center;
  gap: 7px;
  padding: 4px 16px;
  border-left: 1px solid #d8dee8;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-state-label {
  display: none;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-state > strong {
  color: #172033;
  font-size: 14px;
  line-height: 1.35;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-learning {
  display: inline-flex !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
  color: #075c51 !important;
}

.target-author-shell[data-author-page="candidates"] .candidate-intake-learning .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 16px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-actions {
  align-content: center;
  gap: 8px;
  padding-left: 4px;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-actions .button {
  min-height: 38px !important;
  font-size: 12px !important;
}

.target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-work-link {
  justify-self: center;
  font-size: 12px;
}

@media (max-width: 1180px) {
  .target-author-shell[data-author-page="candidates"] .candidate-queue-rows {
    padding: 8px;
  }

  .target-author-shell[data-author-page="candidates"] .correction-intake-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .target-author-shell[data-author-page="candidates"] .correction-intake-state {
    padding: 10px 0;
    border-top: 1px solid #d8dee8;
    border-left: 0;
  }

  .target-author-shell[data-author-page="candidates"] .candidate-intake-state-label {
    display: block;
  }

  .target-author-shell[data-author-page="candidates"] .correction-intake-row .candidate-queue-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-left: 0;
  }
}

/* Shared authenticated navigation: readable labels without reducing the review inspector. */
.author-app-frame,
.authenticated-dashboard,
.target-review-shell.stitch-review-shell,
.target-document-shell.stitch-viewer-shell {
  --scriptsaver-workspace-sidebar: 256px;
  --stitch-sidebar: var(--scriptsaver-workspace-sidebar);
}

.author-workspace-sidebar .brand-wordmark {
  font-size: 18px !important;
}

.author-workspace-sidebar .sidebar-new-project {
  font-size: 13px !important;
}

.author-workspace-sidebar .sidebar-section-label {
  font-size: 10px !important;
}

.author-workspace-sidebar .sidebar-link,
:is(.target-author-shell, .target-review-shell, .target-document-shell, .authenticated-dashboard)
  .author-workspace-sidebar
  .sidebar-link
  > span:not(.material-symbols-outlined):not(.visually-hidden) {
  font-size: 14px !important;
}

.author-workspace-sidebar .sidebar-link > span:not(.material-symbols-outlined) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.author-workspace-sidebar .author-sidebar-account-copy strong {
  font-size: 12px;
}

.author-workspace-sidebar .author-sidebar-account-copy small {
  font-size: 11px;
}

.author-workspace-sidebar {
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  max-height: 100vh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

.author-sidebar-navigation {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding-right: 2px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-color: rgba(155, 177, 198, .55) transparent;
  scrollbar-width: thin;
}

.author-sidebar-primary-navigation {
  flex: 0 0 auto;
  overflow: visible;
}

.author-sidebar-tools-navigation {
  flex: 1 1 auto;
}

.author-workspace-sidebar .author-sidebar-navigation .sidebar-section-label {
  margin: 6px 8px 3px !important;
}

.author-workspace-sidebar .author-sidebar-navigation .sidebar-link {
  gap: 6px;
  min-height: 34px !important;
  margin-bottom: 1px !important;
  padding-inline: 4px !important;
}

.author-workspace-sidebar .author-sidebar-account-label {
  flex: 0 0 auto;
  margin: 8px 8px 4px !important;
}

.author-workspace-sidebar .author-sidebar-account {
  flex: 0 0 auto;
  margin-top: 0;
}

.author-workspace-sidebar .author-sidebar-account-settings {
  flex: 0 0 auto;
  margin-bottom: 4px !important;
}

.account-settings-page {
  min-width: 0;
  background: #f4f7fb;
}

.account-settings-workbench {
  display: grid;
  grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
  align-items: start;
  min-height: calc(100vh - 58px);
  border-top: 1px solid #c8d1dc;
  background: #ffffff;
}

.account-settings-message {
  grid-column: 1 / -1;
  display: flex;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 8px 20px;
  border-bottom: 1px solid #a9d7c8;
  background: #eaf8f2;
  color: #075c4d;
  font-weight: 700;
}

.account-settings-message .material-symbols-outlined {
  font-size: 20px;
}

.account-identity-panel {
  position: sticky;
  top: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 12px;
  min-height: calc(100vh - 58px);
  align-content: start;
  padding: 28px 24px;
  border-right: 1px solid #c8d1dc;
  background: #eef3f9;
}

.account-identity-avatar {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  border: 1px solid #0a655c;
  border-radius: 50%;
  background: #ffffff;
  color: #084e48;
  font-size: 22px;
  font-weight: 700;
}

.account-identity-copy {
  display: grid;
  min-width: 0;
  align-content: center;
  gap: 2px;
}

.account-identity-copy strong,
.account-identity-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-identity-copy strong {
  color: #111c2d;
  font-size: 18px;
}

.project-import-file-queue [data-upload-file-items] {
  display: grid;
}

.project-import-file-queue [data-upload-file-items] .project-import-file-row + .project-import-file-row {
  border-top: 1px solid var(--stitch-outline);
}

.project-import-clear-files {
  position: absolute;
  right: 10px;
  bottom: 8px;
  display: inline-grid;
  width: 30px;
  min-width: 30px;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 0;
  place-items: center;
  border: 1px solid var(--stitch-outline);
  border-radius: 4px;
  background: #ffffff;
  color: var(--stitch-text);
  font: inherit;
}

.project-import-clear-files .material-symbols-outlined {
  font-size: 18px;
}

.account-identity-copy span {
  color: #3f4f63;
  font-size: 14px;
}

.account-identity-facts {
  grid-column: 1 / -1;
  display: grid;
  gap: 0;
  margin: 24px 0 0;
  border-top: 1px solid #c8d1dc;
}

.account-identity-facts div {
  display: grid;
  gap: 4px;
  padding: 13px 0;
  border-bottom: 1px solid #c8d1dc;
}

.account-identity-facts dt {
  color: #59687b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.account-identity-facts dd {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #152235;
  font-size: 14px;
  font-weight: 600;
}

.account-verified-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #008d72;
}

.account-settings-sections {
  min-width: 0;
  padding: 0 28px 48px;
}

.account-settings-section {
  display: grid;
  grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
  gap: 28px;
  padding: 26px 0;
  border-bottom: 1px solid #c8d1dc;
}

.account-settings-section > header {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-content: start;
  gap: 10px;
}

.account-settings-section > header > .material-symbols-outlined {
  color: #08766e;
  font-size: 22px;
}

.account-settings-section h2 {
  margin: 0 0 4px;
  color: #111c2d;
  font-size: 18px;
  line-height: 1.2;
}

.account-settings-section header span {
  color: #536276;
  font-size: 13px;
}

.account-settings-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
}

.account-password-form {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.account-settings-form label {
  display: grid;
  align-content: start;
  gap: 6px;
  min-width: 0;
  color: #172438;
  font-size: 13px;
  font-weight: 700;
}

.account-settings-form input {
  width: 100%;
  min-width: 0;
  height: 42px;
  padding: 8px 10px;
  border: 1px solid #8d9caf;
  border-radius: 3px;
  background: #ffffff;
  color: #0e1a2b;
  font: inherit;
}

.account-settings-form input:focus {
  border-color: #08766e;
  outline: 2px solid rgba(8, 118, 110, .2);
  outline-offset: 1px;
}

.account-settings-form input:disabled {
  border-color: #c7d0dc;
  background: #edf1f6;
  color: #425166;
}

.account-settings-error {
  grid-column: 1 / -1;
  margin: 0;
  padding: 9px 11px;
  border-left: 3px solid #b52d2d;
  background: #fff1f1;
  color: #821c1c;
  font-size: 13px;
  font-weight: 700;
}

.account-settings-form-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-end;
}

.account-settings-form-actions .button,
.account-session-revoke-form .button {
  min-height: 38px;
}

.account-sessions-section {
  align-items: start;
}

.account-session-list {
  display: grid;
  border: 1px solid #c8d1dc;
}

.account-session-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 12px;
  border-bottom: 1px solid #d8dee8;
}

.account-session-row:last-child {
  border-bottom: 0;
}

.account-session-row > .material-symbols-outlined {
  color: #08766e;
  font-size: 21px;
}

.account-session-row div {
  display: grid;
  gap: 2px;
}

.account-session-row strong {
  color: #152235;
  font-size: 14px;
}

.account-session-row div span {
  color: #536276;
  font-size: 12px;
}

.account-session-revoke-form {
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
  margin: -12px 0 0;
}

.account-release-summary {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.account-release-summary > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.account-release-summary strong {
  color: #142135;
  font-size: 14px;
}

.account-release-summary span {
  color: #536276;
  font-size: 13px;
}

.account-release-summary .button {
  flex: 0 0 auto;
  min-height: 38px;
}

.release-notes-page {
  min-width: 0;
  background: #f4f7fb;
}

.release-notes-modal {
  width: min(720px, calc(100vw - 40px));
  max-width: none;
  max-height: min(820px, calc(100dvh - 40px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  color: #172033;
  background: #ffffff;
  border: 1px solid #9da7b7;
  border-radius: 6px;
  box-shadow: 0 28px 72px rgba(9, 17, 31, 0.34);
}

.release-notes-modal::backdrop {
  background: rgba(12, 19, 31, 0.72);
  backdrop-filter: blur(2px);
}

.release-notes-modal-surface {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: min(820px, calc(100dvh - 40px));
}

.release-notes-modal-header,
.release-notes-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  background: #f7f8fa;
}

.release-notes-modal-header {
  border-bottom: 1px solid #d6dbe3;
}

.release-notes-modal-header h2 {
  margin: 5px 0 0;
  color: #111827;
  font-size: 24px;
  line-height: 1.2;
}

.release-notes-modal-version {
  display: flex;
  gap: 10px;
  color: #526072;
  font-size: 12px;
  font-weight: 700;
}

.release-notes-modal-close {
  flex: 0 0 auto;
  color: #172033;
  background: #ffffff;
  border-color: #aeb7c4;
}

.release-notes-modal-content {
  overflow-y: auto;
  padding: 22px;
  overscroll-behavior: contain;
}

.release-notes-modal-greeting,
.release-notes-modal-content > p {
  margin: 0;
  color: #465366;
  font-size: 15px;
  line-height: 1.55;
}

.release-notes-modal-release-header h3 {
  margin: 6px 0;
  color: #111827;
  font-size: 20px;
  line-height: 1.3;
}

.release-notes-modal-releases {
  margin-top: 18px;
}

.release-notes-modal-release {
  border-top: 1px solid #c7cfda;
}

.release-notes-modal-release + .release-notes-modal-release {
  margin-top: 22px;
}

.release-notes-modal-release-header {
  padding: 16px 0 10px;
}

.release-notes-modal-release-header > div {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #526072;
  font-size: 12px;
  font-weight: 700;
}

.release-notes-modal-release-header p {
  margin: 0;
  color: #465366;
  font-size: 14px;
  line-height: 1.5;
}

.release-notes-modal-group > h4 {
  margin: 8px 0 0;
  padding: 8px 0;
  color: #314155;
  font-size: 14px;
  line-height: 1.35;
}

.release-notes-modal-items {
  border-top: 1px solid #d6dbe3;
}

.release-notes-modal-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  padding: 16px 0;
  border-bottom: 1px solid #d6dbe3;
}

.release-notes-modal-item > .material-symbols-outlined {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #1f5b53;
  background: #e8f2ef;
  border-radius: 4px;
}

.release-notes-modal-item h5,
.release-notes-modal-item p {
  margin: 0;
}

.release-notes-modal-item h5 {
  color: #172033;
  font-size: 15px;
  line-height: 1.35;
}

.release-notes-modal-item p {
  margin-top: 4px;
  color: #465366;
  font-size: 14px;
  line-height: 1.5;
}

.release-notes-modal-item div > span {
  display: block;
  margin-top: 7px;
  color: #314f69;
  font-size: 12px;
  font-weight: 700;
}

.release-notes-modal-group[data-release-group="fix"] .release-notes-modal-item > .material-symbols-outlined {
  color: #315f82;
  background: #e9f1f7;
}

.release-notes-modal-group[data-release-group="hotfix"] .release-notes-modal-item > .material-symbols-outlined {
  color: #7a4b0c;
  background: #fbf0dc;
}

.release-notes-modal-footer {
  border-top: 1px solid #d6dbe3;
}

.release-notes-modal-footer > a {
  color: #244e70;
  font-size: 14px;
  font-weight: 700;
}

.release-notes-modal-footer form,
.release-notes-modal-footer .button {
  flex: 0 0 auto;
}

@media (max-width: 640px) {
  .release-notes-modal {
    width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  .release-notes-modal-surface {
    max-height: calc(100dvh - 24px);
  }

  .release-notes-modal-header,
  .release-notes-modal-content,
  .release-notes-modal-footer {
    padding: 16px;
  }

  .release-notes-modal-footer {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  .release-notes-modal-footer .button {
    width: 100%;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .release-notes-modal[open] {
    animation: release-notes-modal-enter 160ms ease-out;
  }
}

@keyframes release-notes-modal-enter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.release-notes-close-form {
  margin: 0;
}

.release-notes-close {
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
}

.release-notes-workbench {
  min-height: calc(100vh - 58px);
  background: #ffffff;
  color: #142135;
}

.release-notes-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 24px;
  padding: 22px clamp(20px, 4vw, 54px);
  border-bottom: 1px solid #c8d1dc;
  background: #eef7f5;
}

.release-notes-intro p,
.release-notes-intro strong {
  grid-column: 1;
  margin: 0;
}

.release-notes-intro p {
  color: #075c54;
  font-size: 15px;
  font-weight: 700;
}

.release-notes-intro strong {
  max-width: 760px;
  color: #142135;
  font-size: 17px;
  line-height: 1.45;
}

.release-notes-intro > a {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #075f57;
  font-size: 13px;
  font-weight: 700;
  text-underline-offset: 3px;
}

.release-history {
  display: grid;
}

.release-entry {
  display: grid;
  grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
  gap: clamp(22px, 4vw, 54px);
  padding: 30px clamp(20px, 4vw, 54px);
  border-bottom: 1px solid #c8d1dc;
  background: #ffffff;
}

.release-entry-current {
  box-shadow: inset 4px 0 0 #008d72;
}

.release-entry-header {
  min-width: 0;
}

.release-entry-header > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 12px;
}

.release-version {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid #8fbeb5;
  border-radius: 3px;
  background: #edf8f5;
  color: #075c54;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 700;
}

.release-entry-header time {
  color: #5a6879;
  font-size: 12px;
}

.release-entry-header h2 {
  margin: 0 0 8px;
  color: #101d30;
  font-size: 22px;
  line-height: 1.2;
}

.release-entry-header p {
  margin: 0;
  color: #435268;
  font-size: 14px;
  line-height: 1.55;
}

.release-item-groups,
.release-item-list {
  min-width: 0;
}

.release-item-group > h3 {
  margin: 0;
  padding: 12px 0 9px;
  border-top: 1px solid #bfc8d4;
  color: #314155;
  font-size: 14px;
  line-height: 1.35;
}

.release-item-list {
  border-top: 1px solid #d5dce6;
}

.release-item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 18px 0;
  border-bottom: 1px solid #d5dce6;
}

.release-item-with-image {
  grid-template-columns: 34px minmax(0, 1fr) minmax(220px, 340px);
  gap: 12px 22px;
}

.release-item-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #9ab8b3;
  border-radius: 3px;
  background: #f1f8f6;
  color: #006f61;
  font-size: 19px;
}

.release-item-copy {
  min-width: 0;
}

.release-item-copy h4 {
  margin: 1px 0 5px;
  color: #142135;
  font-size: 16px;
  line-height: 1.25;
}

.release-item-group[data-release-group="fix"] .release-item-icon {
  color: #315f82;
  border-color: #a8bfd1;
  background: #edf4f8;
}

.release-item-group[data-release-group="hotfix"] .release-item-icon {
  color: #7a4b0c;
  border-color: #d2b47e;
  background: #fbf3e4;
}

.release-item-copy p {
  margin: 0 0 9px;
  color: #435268;
  font-size: 14px;
  line-height: 1.5;
}

.release-item-copy a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #006e61;
  font-size: 13px;
  font-weight: 700;
  text-underline-offset: 3px;
}

.release-item-copy a .material-symbols-outlined {
  font-size: 17px;
}

.release-item-figure {
  align-self: start;
  margin: 0;
  overflow: hidden;
  border: 1px solid #aeb9c7;
  border-radius: 3px;
  background: #e9eef4;
}

.release-item-figure img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: left top;
}

.release-notes-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 22px clamp(20px, 4vw, 54px) 34px;
}

.release-notes-footer > span {
  color: #4b5b70;
  font-size: 13px;
}

.release-notes-footer form {
  margin: 0;
}

.release-notes-footer .button {
  min-height: 40px;
}

@media (max-width: 1050px) {
  .account-settings-workbench {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .account-settings-section {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .account-password-form {
    grid-template-columns: 1fr;
  }

  .account-session-revoke-form {
    grid-column: 1;
    margin-top: 0;
  }

  .release-entry {
    grid-template-columns: 180px minmax(0, 1fr);
  }

  .release-item-with-image {
    grid-template-columns: 34px minmax(0, 1fr);
  }

  .release-item-figure {
    grid-column: 2;
    max-width: 420px;
  }
}

@media (max-width: 760px) {
  .account-settings-workbench {
    display: block;
  }

  .account-identity-panel {
    position: static;
    min-height: 0;
    border-right: 0;
    border-bottom: 1px solid #c8d1dc;
  }

  .account-settings-sections {
    padding: 0 18px 36px;
  }

  .account-settings-form {
    grid-template-columns: 1fr;
  }

  .account-release-summary,
  .release-notes-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .account-release-summary .button,
  .release-notes-footer .button {
    width: 100%;
  }

  .release-notes-intro {
    grid-template-columns: 1fr;
  }

  .release-notes-intro > a {
    grid-column: 1;
    grid-row: auto;
    margin-top: 8px;
  }

  .release-entry {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-block: 24px;
  }

  .release-entry-header h2 {
    font-size: 20px;
  }
}

.project-workspace-context {
  min-width: 0;
  border: 1px solid #c8d1dc;
  background: #ffffff;
  color: #172033;
}

.project-workspace-context-header {
  display: grid;
  grid-template-columns: 30px 30px minmax(0, 1fr);
  min-height: 38px;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border-bottom: 1px solid #d8dee8;
}

.project-workspace-context-back,
.project-workspace-context-icon {
  display: grid;
  width: 30px;
  height: 30px;
  place-items: center;
}

.project-workspace-context-back {
  border: 1px solid transparent;
  color: #172033;
  text-decoration: none;
}

.project-workspace-context-back:hover,
.project-workspace-context-back:focus-visible {
  border-color: #637083;
  outline: 0;
}

.project-workspace-context-icon {
  color: #08766e;
  font-size: 20px;
}

.project-workspace-context-copy {
  display: flex;
  min-width: 0;
  align-items: baseline;
  gap: 10px;
}

.project-workspace-context-copy strong {
  min-width: 0;
  overflow: hidden;
  color: #111827;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-workspace-context-copy > span {
  flex: 0 0 auto;
  color: #4b5563;
  font-size: 11px;
  white-space: nowrap;
}

.project-workspace-navigation {
  display: flex;
  min-width: 0;
  min-height: 34px;
  align-items: end;
  gap: 1px;
  overflow-x: auto;
  scrollbar-width: thin;
}

.project-workspace-navigation a {
  display: inline-flex;
  min-height: 34px;
  flex: 0 0 auto;
  align-items: center;
  gap: 5px;
  padding: 0 10px;
  border-bottom: 2px solid transparent;
  color: #445066;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.project-workspace-navigation a:hover,
.project-workspace-navigation a:focus-visible,
.project-workspace-navigation a.active {
  border-bottom-color: #08766e;
  color: #075e55;
  outline: 0;
}

.project-workspace-navigation a > span {
  display: inline-grid;
  min-width: 18px;
  min-height: 18px;
  place-items: center;
  padding-inline: 4px;
  border: 1px solid #b7c2cf;
  border-radius: 9px;
  color: #263247;
  font-size: 10px;
  font-variant-numeric: tabular-nums;
}

.target-review-shell .review-workspace-main.has-project-context {
  grid-template-rows: 74px 48px minmax(0, 1fr);
}

.target-review-shell .review-workspace-main.has-project-context
  .review-workspace-grid[data-review-viewport="fixed-workbench"] {
  height: 100%;
}

@media (max-width: 1320px) {
  .project-workspace-context-copy > span {
    display: none;
  }

  .project-workspace-navigation a {
    padding-inline: 8px;
  }
}

@media (min-width: 1181px) {
  .author-app-frame .author-workspace-sidebar,
  .authenticated-dashboard .author-workspace-sidebar,
  .target-review-shell .author-workspace-sidebar,
  .target-document-shell .author-workspace-sidebar {
    width: var(--scriptsaver-workspace-sidebar) !important;
    min-width: var(--scriptsaver-workspace-sidebar) !important;
  }

  .target-author-shell .author-workspace-main,
  .target-author-shell .candidate-layout,
  .project-command-shell .project-command-main {
    margin-left: var(--scriptsaver-workspace-sidebar) !important;
  }

  .target-author-shell .author-page-header {
    left: var(--scriptsaver-workspace-sidebar) !important;
    width: calc(100vw - var(--scriptsaver-workspace-sidebar)) !important;
  }

  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 132px minmax(540px, 1fr) minmax(440px, 470px) !important;
  }
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: 112px minmax(500px, 1fr) minmax(420px, 450px) !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    padding-inline: 8px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button {
    width: 96px !important;
  }

  .page-thumbnail-rail[data-stitch-page-rail="thumbnails"] .page-thumbnail-button img {
    width: 84px !important;
  }
}

/* A laptop viewport must use either the full project navigation or a deliberate
   compact pattern. The generic tablet reflow previously left only the account
   footer visible as an accidental dark strip. */
@media (min-width: 901px) and (max-width: 1180px) {
  .project-command-shell .author-workspace-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--scriptsaver-workspace-sidebar) !important;
    min-width: var(--scriptsaver-workspace-sidebar) !important;
    min-height: 100vh !important;
    height: 100vh !important;
    overflow-y: auto !important;
  }

  .project-command-shell .project-command-main {
    margin-left: var(--scriptsaver-workspace-sidebar) !important;
  }
}

.target-document-shell .viewer-workbench-toolbar .page-jump-label {
  padding-inline: 2px !important;
}

.target-document-shell .viewer-workbench-toolbar .page-jump-label input {
  width: 52px !important;
  padding-inline: 8px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.target-document-shell .viewer-workbench-toolbar .page-count {
  padding-inline: 2px !important;
}

.target-document-shell .viewer-workbench-toolbar #zoom-level {
  width: 60px !important;
  min-width: 60px !important;
}

.target-document-shell .viewer-workbench-toolbar .viewer-fit-controls button {
  padding-inline: 3px !important;
}

/* Review context: show the exact overlay used by export and offer a real inspection size. */
.target-review-shell .review-inspection-document-preview {
  isolation: isolate;
}

.target-review-shell .review-context-expand {
  position: absolute;
  z-index: 3;
  top: 16px;
  right: 16px;
  display: grid;
  width: 38px;
  min-width: 38px;
  height: 38px;
  min-height: 38px;
  padding: 0;
  place-items: center;
  border: 1px solid #9aa9ba;
  border-radius: 4px;
  background: rgba(255, 255, 255, .96);
  color: #102034;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .14);
}

.target-review-shell .review-context-expand:hover,
.target-review-shell .review-context-expand:focus-visible {
  outline: 0;
  border-color: #007b73;
  color: #006b63;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73;
}

.target-review-shell .review-context-expand .material-symbols-outlined {
  font-size: 20px !important;
}

.review-context-dialog {
  width: min(960px, calc(100vw - 64px));
  max-width: min(960px, calc(100vw - 64px));
  height: calc(100vh - 64px);
  max-height: calc(100vh - 64px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #8796a8;
  border-radius: 4px;
  background: #ffffff;
  color: #102034;
  box-shadow: 0 24px 72px rgba(7, 19, 35, .32);
}

.review-context-dialog[open] {
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
}

.review-context-dialog::backdrop {
  background: rgba(7, 19, 35, .72);
}

.review-context-dialog > header {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 10px 0 16px;
  border-bottom: 1px solid #c8d1dc;
  background: #ffffff;
}

.review-context-dialog > header strong {
  min-width: 0;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-context-dialog > header form,
.review-context-dialog > header button {
  margin: 0;
}

.review-context-dialog > header button {
  display: grid;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #102034;
  cursor: pointer;
}

.review-context-dialog > header button:hover,
.review-context-dialog > header button:focus-visible {
  outline: 0;
  border-color: #8796a8;
  background: #eef2f6;
}

.review-context-dialog-canvas {
  display: grid;
  min-width: 0;
  min-height: 0;
  padding: 16px;
  place-items: center;
  overflow: auto;
  background: #e8edf3;
}

.review-context-dialog-canvas img {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100vw - 112px);
  max-height: calc(100vh - 116px);
  object-fit: contain;
  box-shadow: 0 4px 20px rgba(15, 23, 42, .18);
}

/* Provider readiness is proven by a real request, not inferred from stored fields. */
.ai-provider-probe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  min-height: 58px;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-top: 1px solid #c8d1dc;
  border-bottom: 1px solid #c8d1dc;
}

.ai-provider-probe > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.ai-provider-probe strong,
.ai-provider-probe span[data-ai-provider-probe-message="true"] {
  overflow-wrap: anywhere;
}

.ai-provider-probe strong {
  font-size: 14px;
  color: #102034;
}

.ai-provider-probe span[data-ai-provider-probe-message="true"] {
  font-size: 13px;
  line-height: 1.35;
  color: #425269;
}

.ai-provider-probe .button {
  min-width: 166px;
  margin: 0;
  white-space: nowrap;
}

.ai-provider-probe[data-state="verified"] {
  border-left: 3px solid #008f78;
  padding-left: 10px;
}

.ai-provider-probe[data-state="failed"],
.ai-provider-probe[data-state="missing"] {
  border-left: 3px solid #b42318;
  padding-left: 10px;
}

.ai-provider-probe[data-state="running"] [data-ai-provider-probe-icon="true"] {
  animation: scriptsaver-provider-probe-spin .8s linear infinite;
}

@keyframes scriptsaver-provider-probe-spin {
  to { transform: rotate(360deg); }
}

/* Guided, account-owned AI setup. */
.ai-settings-workbench[data-ai-settings-workbench="fixed"] {
  grid-template-columns: 216px minmax(450px, 1fr) 360px;
}

.ai-provider-picker {
  min-width: 0;
  min-height: 0;
  overflow: auto;
  border-right: 1px solid var(--stitch-outline);
  background: #f5f7fa;
}

.ai-provider-picker > header {
  display: grid;
  gap: 2px;
  min-height: 58px;
  align-content: center;
  padding: 9px 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.ai-provider-picker > header span {
  color: #526174;
  font-size: 11px;
}

.ai-provider-picker > header strong {
  color: #172033;
  font-size: 14px;
}

.ai-provider-card-list {
  display: grid;
  gap: 4px;
  padding: 10px;
}

.ai-provider-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 20px;
  min-height: 50px;
  width: 100%;
  align-items: center;
  gap: 9px;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  background: transparent;
  color: #172033;
  font: 13px/1.25 var(--stitch-ui);
  text-align: left;
  cursor: pointer;
}

.ai-provider-card:hover {
  border-color: #b8c4d2;
  background: #ffffff;
}

.ai-provider-card:focus-visible {
  outline: 2px solid #0b6b64;
  outline-offset: 1px;
}

.ai-provider-card.is-selected {
  border-color: #5aa89f;
  background: #e8f5f2;
}

.ai-provider-card > span:nth-child(2) {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.ai-provider-card strong,
.ai-provider-card small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-provider-card small {
  color: #526174;
  font-size: 11px;
}

.ai-provider-monogram {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #c5cfda;
  border-radius: 3px;
  background: #ffffff;
  color: #17324d;
  font-weight: 750;
}

.ai-provider-selected-icon {
  color: #08766b;
  font-size: 18px !important;
  opacity: 0;
}

.ai-provider-card.is-selected .ai-provider-selected-icon {
  opacity: 1;
}

.ai-provider-advanced-picker {
  margin: 0 10px 10px;
  border-top: 1px solid #d2dae4;
}

.ai-provider-advanced-picker summary {
  padding: 12px 4px 8px;
  color: #344458;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.ai-settings-config-panel {
  grid-template-rows: auto minmax(0, 1fr) auto;
}

.ai-setup-guide {
  min-height: 0;
  padding: 16px 18px 20px;
  overflow: auto;
}

.ai-setup-instruction {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 12px;
  padding: 4px 0 18px;
}

.ai-setup-number {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #aeb9c6;
  border-radius: 50%;
  background: #ffffff;
  color: #213248;
  font: 700 12px/1 var(--stitch-ui);
}

.ai-setup-instruction > div,
.ai-setup-instruction > label {
  display: grid;
  gap: 9px;
  min-width: 0;
}

.ai-setup-instruction strong,
.ai-key-field > span:first-child {
  color: #172033;
  font-size: 14px;
  font-weight: 740;
}

.ai-setup-instruction ol {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 20px;
  color: #334155;
  font-size: 13px;
  line-height: 1.4;
}

.ai-provider-portal-link {
  justify-self: start;
}

.ai-subscription-note,
.ai-local-provider-note {
  margin: 0;
  padding: 9px 10px;
  border-left: 3px solid #c18b28;
  background: #fff8e8;
  color: #45381f;
  font-size: 12px;
  line-height: 1.4;
}

.ai-settings-form {
  gap: 0;
  padding: 0;
  overflow: visible;
}

.ai-secret-input-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  gap: 6px;
}

.ai-secret-input-row input,
.ai-provider-advanced-fields input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #9eacbc;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: 13px/1.4 var(--stitch-ui);
}

.ai-secret-input-row input {
  padding: 0 10px;
}

.ai-secret-input-row .icon-button {
  width: 42px;
  height: 42px;
  border-radius: 3px;
}

.ai-key-field small {
  color: #526174;
  font-size: 12px;
}

.ai-provider-advanced-fields {
  margin: 0 0 14px 42px;
  border-top: 1px solid #d4dce5;
}

.ai-provider-advanced-fields summary {
  padding: 12px 0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.ai-provider-advanced-fields > div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-bottom: 12px;
}

.ai-provider-advanced-fields label {
  display: grid;
  gap: 5px;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.ai-provider-advanced-fields input {
  padding: 0 9px;
}

.ai-feedback-suggestion-mode,
.ai-feedback-model-policy,
.ai-feedback-budget-policy {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin: 0 0 14px 42px;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid #d4dce5;
}

.ai-feedback-suggestion-mode legend,
.ai-feedback-model-policy legend,
.ai-feedback-budget-policy legend {
  grid-column: 1 / -1;
  padding: 0 0 7px;
  color: #172033;
  font-size: 13px;
  font-weight: 700;
}

.ai-feedback-suggestion-mode label,
.ai-feedback-model-policy label {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  min-width: 0;
  min-height: 58px;
  padding: 9px;
  border: 1px solid #b8c3d1;
  background: #ffffff;
  cursor: pointer;
}

.ai-feedback-suggestion-mode input,
.ai-feedback-model-policy input {
  margin: 3px 0 0;
}

.ai-feedback-suggestion-mode span,
.ai-feedback-model-policy span {
  display: grid;
  min-width: 0;
  gap: 2px;
  overflow-wrap: anywhere;
}

.ai-feedback-suggestion-mode small,
.ai-feedback-model-policy small {
  min-width: 0;
  color: #526174;
  font-size: 11px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ai-feedback-model-policy {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-feedback-model-policy .ai-feedback-default-model {
  grid-column: 1 / -1;
  grid-template-columns: minmax(130px, auto) minmax(0, 1fr);
  align-items: center;
  cursor: default;
}

.ai-feedback-default-model select {
  min-width: 0;
  height: 36px;
}

.ai-feedback-budget-policy {
  grid-template-columns: minmax(0, 1fr);
}

.ai-feedback-budget-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.ai-feedback-budget-grid label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #243246;
  font-size: 12px;
  font-weight: 700;
}

.ai-feedback-budget-grid input {
  width: 100%;
  min-height: 36px;
  padding: 0 9px;
  border: 1px solid #aeb9c6;
  border-radius: 3px;
  background: #ffffff;
  color: #172033;
  font: 13px/1.4 var(--stitch-ui);
}

.ai-feedback-budget-grid small {
  color: #526174;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.35;
}

.ai-settings-save-dock {
  justify-content: flex-start;
}

.ai-settings-save-dock .button {
  min-width: 132px;
}

.ai-key-clear-row {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.ai-settings-status-panel {
  grid-template-rows: auto minmax(0, 1fr) auto auto;
  border-left: 0;
}

.ai-setup-checklist {
  display: grid;
  align-content: start;
  gap: 0;
  min-height: 0;
  margin: 0;
  padding: 8px 14px;
  overflow: auto;
  list-style: none;
}

.ai-setup-checklist li {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  min-height: 58px;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid #d7dee7;
}

.ai-setup-checklist li > span:last-child {
  display: grid;
  gap: 2px;
}

.ai-setup-checklist .material-symbols-outlined {
  color: #78879a;
  font-size: 20px;
}

.ai-setup-checklist li.is-complete .material-symbols-outlined {
  color: #08766b;
}

.ai-setup-checklist strong {
  color: #172033;
  font-size: 13px;
}

.ai-setup-checklist small {
  color: #526174;
  font-size: 11px;
}

.ai-settings-status-panel .ai-provider-probe {
  margin: 0 14px;
  min-height: 78px;
  padding-block: 7px;
}

.ai-settings-status-panel .ai-provider-probe .button {
  width: 112px;
  min-width: 112px;
  max-width: 112px;
  padding-inline: 10px;
}

.ai-owner-provider-note {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  gap: 8px;
  margin: 0;
  padding: 12px 14px;
  border-top: 1px solid var(--stitch-outline);
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  line-height: 1.4;
}

.ai-owner-provider-note .material-symbols-outlined {
  color: #08766b;
  font-size: 19px;
}

@media (max-width: 1240px) {
  .ai-settings-workbench[data-ai-settings-workbench="fixed"] {
    grid-template-columns: 196px minmax(420px, 1fr) 330px;
  }
}

/* Feedback decisions: distinguish workflow state from a just-arrived live item. */
.review-queue-header .review-live-arrival-count {
  margin-left: auto;
  border: 1px solid #0f766e;
  border-radius: 3px;
  background: #dff7ef;
  color: #075f56;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

.review-queue-header .review-live-arrival-count[hidden] {
  display: none !important;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card.review-card-live-arrival {
  border-color: #0f766e !important;
  background: #effbf7 !important;
  box-shadow: inset 4px 0 0 #0f766e, 0 12px 26px rgba(15, 118, 110, .14) !important;
  animation: review-live-arrival-in 240ms ease-out both;
}

.review-feedback-column[data-stitch-review-panel="queue"] .review-card.review-card-live-arrival .review-card-marker {
  background: #dff7ef !important;
  color: #075f56 !important;
}

.review-card-live-arrival .review-card-queue {
  color: #075f56 !important;
  font-weight: 850 !important;
}

@keyframes review-live-arrival-in {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.correction-analysis-strip {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  min-height: 48px;
  align-items: center;
  gap: 9px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #eef6f4;
  padding: 9px 16px;
  color: #173a37;
  font-size: 12px;
}

.correction-analysis-strip .material-symbols-outlined {
  color: #08766b;
  font-size: 19px;
}

.correction-analysis-strip.status-queued .material-symbols-outlined,
.correction-analysis-strip.status-running .material-symbols-outlined {
  animation: scriptsaver-review-analysis-spin .9s linear infinite;
}

.correction-analysis-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.correction-analysis-copy small {
  color: inherit;
  font-size: 11px;
  line-height: 1.35;
  opacity: 0.78;
  overflow-wrap: anywhere;
  white-space: normal;
}

.correction-analysis-actions,
.correction-analysis-actions form {
  display: flex;
  align-items: center;
  margin: 0;
}

.correction-analysis-strip a {
  color: #075f56;
  font-weight: 800;
}

.correction-analysis-strip.status-failed {
  background: #fff1f2;
  color: #881337;
}

.correction-analysis-strip.status-failed .material-symbols-outlined {
  color: #be123c;
}

.correction-analysis-strip.status-cancelled {
  background: #f4f4f3;
  color: #44403c;
}

.target-review-shell .review-heading-actions .button.button-primary:disabled {
  border-color: #c8d1dc !important;
  background: #e6ebf1 !important;
  box-shadow: none !important;
  color: #526174 !important;
  cursor: not-allowed;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .correction-analysis-strip.status-queued .material-symbols-outlined,
  .correction-analysis-strip.status-running .material-symbols-outlined {
    animation: none;
  }
}

.status-badge.status-resolved,
.status-count-card.status-resolved {
  background: #e8eef6 !important;
  color: #243b53 !important;
}

.drawing-feedback-panel {
  border-left: 3px solid #08766b !important;
}

.drawing-feedback-panel textarea {
  min-height: 92px;
}

.viewer-ink-history #comment-ink:not(:disabled) {
  border-color: #08766b !important;
  background: #e7f5f2 !important;
  color: #075f56 !important;
}

@media (prefers-reduced-motion: reduce) {
  .review-feedback-column[data-stitch-review-panel="queue"] .review-card.review-card-live-arrival {
    animation: none;
  }
}

/* Keep all comment scopes and drawing states legible in the fixed Reader inspector. */
.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: visible !important;
}

.document-comment-inspector .comment-scope-tabs[data-comment-scope-tabs="true"] button {
  width: 100% !important;
  min-width: 0 !important;
  padding-inline: 8px !important;
}

.document-comment-inspector .comment-draft-toolbar {
  position: sticky;
  top: -12px;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin: -12px -12px 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #d8dee8;
  background: #ffffff;
}

.document-comment-inspector .comment-draft-toolbar .panel-kicker,
.document-comment-inspector .comment-draft-toolbar > strong {
  min-width: 0;
  overflow: hidden;
  color: #1f2937 !important;
  font-size: 12px !important;
  font-weight: 750;
  letter-spacing: 0 !important;
  text-overflow: ellipsis;
  text-transform: none !important;
  white-space: nowrap;
}

.document-comment-inspector .comment-draft-toolbar .panel-kicker {
  overflow: visible;
  line-height: 1.25;
  text-overflow: clip;
  white-space: normal;
}

.document-comment-inspector .comment-draft-toolbar .comment-actions {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
}

.document-comment-inspector .comment-draft-toolbar .button {
  min-height: 36px !important;
  padding: 6px 10px !important;
  font-size: 11px !important;
  line-height: 1.2;
  white-space: nowrap;
}

.document-comment-inspector #selected-passage-preview {
  max-height: 104px;
  overflow-y: auto;
  padding-right: 6px;
  overscroll-behavior: contain;
}

.document-comment-inspector .comment-draft-status {
  min-height: 0;
  color: #475569;
  font-size: 11px;
}

.document-comment-inspector .comment-draft-status:empty {
  display: none;
}

.viewer-workbench-toolbar .viewer-ink-history .tool-button:disabled {
  color: #475569 !important;
  background: #f1f5f9 !important;
  opacity: 1 !important;
}

.viewer-workbench-toolbar .viewer-save-state {
  color: #047857 !important;
  font-weight: 700 !important;
}

/* Long consequence labels must not squeeze the feedback itself into a narrow column. */
.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-header {
  grid-template-columns: minmax(0, 1fr) !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-state {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  width: 100%;
  margin-top: 8px;
  padding-top: 7px;
  border-top: 1px solid #d8e0e9;
  gap: 8px;
  align-items: center;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-state .status-badge {
  grid-column: 1;
  grid-row: 1;
  justify-self: start;
  max-width: 100%;
  white-space: normal;
  text-align: left;
  line-height: 1.25;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-card-state .review-card-checkbox {
  grid-column: 2;
  grid-row: 1;
}

/* Feedback has its own zero-data state instead of an empty queue and inspector. */
.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"][data-review-empty-state="true"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.target-review-shell .review-workspace-grid[data-review-viewport="fixed-workbench"][data-review-empty-state="arrival"] {
  grid-template-columns: minmax(0, 1fr) !important;
}

.target-review-shell [data-review-empty-workspace="true"],
.target-review-shell [data-review-empty-workspace="arrival"] {
  grid-template-rows: minmax(0, 1fr) !important;
}

.target-review-shell [data-review-empty-workspace="true"] .review-queue-header,
.target-review-shell [data-review-empty-workspace="true"] .correction-analysis-strip,
.target-review-shell [data-review-empty-workspace="true"] .review-class-summary,
.target-review-shell [data-review-empty-workspace="true"] .review-bulk-toolbar,
.target-review-shell [data-review-empty-workspace="true"] .review-workbench,
.target-review-shell [data-review-empty-workspace="arrival"] .review-queue-header,
.target-review-shell [data-review-empty-workspace="arrival"] .correction-analysis-strip,
.target-review-shell [data-review-empty-workspace="arrival"] .review-class-summary,
.target-review-shell [data-review-empty-workspace="arrival"] .review-bulk-toolbar,
.target-review-shell [data-review-empty-workspace="arrival"] .review-workbench {
  display: none !important;
}

.target-review-shell [data-review-empty-state="true"] > .review-inspection-stack,
.target-review-shell [data-review-empty-state="arrival"] > .review-inspection-stack {
  display: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-review-empty-workspace="true"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
  display: grid !important;
  grid-template-rows: auto !important;
  min-height: 0;
  align-content: start !important;
  align-items: start;
  justify-items: center;
  overflow: hidden !important;
  padding: clamp(72px, 12vh, 112px) 32px 40px !important;
  background: #ffffff !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-review-empty-workspace="true"] .review-card-list {
  display: none !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-review-empty-workspace="arrival"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
  display: block !important;
  overflow-y: auto !important;
  padding: 18px !important;
  background: #f7f9fc !important;
}

.target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-review-empty-workspace="arrival"] .review-card-list {
  width: min(100%, 760px);
  margin: 0 auto;
}

.review-empty-workspace {
  display: grid;
  width: min(100%, 500px);
  justify-items: center;
  gap: 12px;
  color: #17212d;
  text-align: center;
}

.review-empty-workspace[hidden] {
  display: none !important;
}

.review-empty-workspace .review-empty-icon {
  color: #08766b;
  font-size: 34px;
}

.review-empty-workspace h2 {
  max-width: 100%;
  margin: 2px 0 0;
  color: #17212d;
  font-family: var(--stitch-ui) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0;
  overflow-wrap: break-word;
}

.review-empty-workspace p {
  max-width: 42ch;
  margin: 0;
  color: #475569;
  font: 500 14px/1.5 var(--stitch-ui);
}

.review-empty-workspace .button {
  min-height: 38px;
  margin-top: 6px;
}

@media (max-width: 720px) {
  .target-review-shell [data-review-viewport="fixed-workbench"] .review-feedback-column[data-review-empty-workspace="true"] .review-card-board[data-stitch-review-queue-density="open-cards"] {
    padding: 48px 20px 32px !important;
  }
}
/* Project management: explicit selection, compact rename, reversible archive. */
.author-project-row[data-project-select-url] {
  cursor: pointer;
}

.project-trash-link {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  color: #263446;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.project-trash-link .material-symbols-outlined {
  font-size: 18px;
}

.project-command-title-row {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.project-command-title-row h1 {
  min-width: 0;
}

.project-rename-open {
  display: grid;
  width: 34px;
  min-width: 34px;
  min-height: 34px;
  place-items: center;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #ffffff;
  color: #263446;
  cursor: pointer;
}

.project-rename-open .material-symbols-outlined {
  font-size: 18px;
}

.project-rename-dialog,
.project-archive-dialog {
  width: min(520px, calc(100vw - 32px));
  padding: 0;
  border: 1px solid #aeb8c5;
  border-radius: 4px;
  background: #ffffff;
  color: #17212d;
  box-shadow: 0 20px 56px rgba(15, 23, 42, .28);
}

.project-rename-dialog::backdrop,
.project-archive-dialog::backdrop {
  background: rgba(15, 23, 42, .52);
}

.project-rename-dialog form,
.project-archive-dialog form {
  display: grid;
  gap: 16px;
}

.project-rename-dialog header,
.project-archive-dialog header {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-rename-dialog h2,
.project-archive-dialog h2,
.project-archive-dialog p {
  margin: 0;
}

.project-rename-dialog h2,
.project-archive-dialog h2 {
  font-size: 18px;
  line-height: 1.3;
}

.project-rename-dialog header > button,
.project-archive-dialog header > button {
  display: grid;
  width: 36px;
  min-width: 36px;
  min-height: 36px;
  place-items: center;
  border: 1px solid var(--stitch-outline);
  border-radius: 3px;
  background: #ffffff;
  color: #263446;
  cursor: pointer;
}

.project-rename-dialog label,
.project-archive-dialog > form > p,
.project-archive-dialog > form > label {
  margin-inline: 20px;
}

.project-rename-dialog label,
.project-archive-dialog label {
  display: grid;
  gap: 7px;
  color: #263446;
  font-size: 13px;
  font-weight: 600;
}

.project-rename-dialog input,
.project-archive-dialog input {
  min-height: 42px;
  padding: 8px 10px;
  border: 1px solid #8e9aaa;
  border-radius: 3px;
  background: #ffffff;
  color: #17212d;
  font: 600 14px/1.2 var(--stitch-code);
  letter-spacing: 0;
}

.project-rename-dialog-actions,
.project-archive-dialog-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 20px;
  border-top: 1px solid var(--stitch-outline);
  background: #f7f9fc;
}

.project-archive-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border-top: 1px solid var(--stitch-outline);
  background: #fffafa;
}

.project-archive-entry > span {
  display: grid;
  gap: 2px;
}

.project-archive-entry strong {
  color: #7f1d1d;
  font-size: 13px;
}

.project-archive-entry small {
  color: #5f6876;
  font-size: 11px;
}

.project-archive-entry .button {
  flex: 0 0 auto;
  color: #991b1b;
}

.project-archive-dialog > form > p {
  color: #475569;
  font-size: 14px;
  line-height: 1.5;
}

.project-archive-dialog .button-danger:not(:disabled) {
  border-color: #991b1b !important;
  background: #991b1b !important;
  color: #ffffff !important;
}

.project-archive-dialog .button-danger:disabled {
  border-color: #c7ced8 !important;
  background: #eef1f5 !important;
  color: #4b5563 !important;
}

.target-author-shell[data-author-page="project-trash"] .author-page-status-strip {
  overflow: visible;
}

.target-author-shell[data-author-page="project-trash"] .author-page-status-strip span {
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}

/* Project navigation: explicit commands, stable selection and a fixed work inspector. */
.author-management-board[data-project-command-center="true"] {
  --project-dashboard-inspector-width: 440px;
  --project-dashboard-inspector-height: min(760px, calc(100vh - 112px));
  grid-template-columns: minmax(0, 1fr) var(--project-dashboard-inspector-width) !important;
  height: var(--project-dashboard-inspector-height);
  min-height: var(--project-dashboard-inspector-height);
  max-height: var(--project-dashboard-inspector-height);
  align-items: start;
  gap: 14px !important;
}

.author-management-board[data-project-command-center="true"] .stitch-author-projects {
  align-self: stretch;
  height: 100%;
  min-width: 0;
  max-height: 100%;
}

.author-management-board[data-project-command-center="true"] .author-project-shelf {
  min-height: 0;
  flex: 1 1 auto;
  grid-auto-rows: max-content;
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.author-management-board[data-project-command-center="true"] .author-project-list-head,
.author-management-board[data-project-command-center="true"] .author-project-row {
  grid-template-columns: 44px minmax(180px, 1fr) minmax(140px, .72fr) 88px 84px !important;
  grid-template-rows: auto auto !important;
  gap: 6px 10px !important;
}

.author-management-board[data-project-command-center="true"] .author-project-list-head {
  grid-template-rows: auto !important;
}

.author-management-board[data-project-command-center="true"] .author-project-row {
  min-height: 92px;
  cursor: default;
}

.author-management-board[data-project-command-center="true"] .author-project-row:focus-visible {
  position: relative;
  z-index: 1;
  outline: 2px solid #007b73;
  outline-offset: -2px;
}

.author-management-board[data-project-command-center="true"] .author-project-row.selected {
  border-left-color: #008f83;
  background: #edf8f5;
}

.author-management-board[data-project-command-center="true"] .project-card-header {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
}

.author-management-board[data-project-command-center="true"] .project-card-summary {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: end;
}

.author-management-board[data-project-command-center="true"] .project-card-summary h3 {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.author-management-board[data-project-command-center="true"] .project-card-summary h3 a {
  width: 100%;
  max-width: 100%;
}

.author-management-board[data-project-command-center="true"] .project-card-meta {
  grid-column: 2 !important;
  grid-row: 2 !important;
  align-self: start;
}

.author-management-board[data-project-command-center="true"] .project-card-metrics {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
}

.author-management-board[data-project-command-center="true"] .project-card-footer {
  grid-column: 4 !important;
  grid-row: 1 / 3 !important;
}

.author-management-board[data-project-command-center="true"] .project-card-actions {
  display: grid !important;
  grid-column: 5 !important;
  grid-row: 1 / 3 !important;
  grid-template-columns: repeat(2, 34px);
  align-content: center;
  justify-content: end;
  gap: 6px;
}

.project-row-icon-action {
  display: grid;
  width: 34px;
  min-width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #aeb8c5;
  border-radius: 3px;
  background: #ffffff;
  color: #233249;
  text-decoration: none;
}

.project-row-icon-action:hover,
.project-row-icon-action:focus-visible {
  outline: 0;
  border-color: #007b73;
  background: #e8f7f3;
  color: #005e57;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73;
}

.project-row-icon-action .material-symbols-outlined {
  font-size: 18px;
}

.project-row-icon-action.project-row-icon-danger:hover,
.project-row-icon-action.project-row-icon-danger:focus-visible {
  border-color: #b42318;
  background: #fff1f0;
  color: #991b1b;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b42318;
}

.project-list-footer {
  display: flex;
  flex: 0 0 auto;
  min-height: 58px;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 12px;
  border-top: 1px solid var(--stitch-outline);
  background: #f7f9fc;
}

.project-list-footer .button {
  min-height: 38px;
}

.stitch-invite-management[data-project-inspector="true"] {
  width: var(--project-dashboard-inspector-width);
  min-width: var(--project-dashboard-inspector-width);
  max-width: var(--project-dashboard-inspector-width);
  height: var(--project-dashboard-inspector-height);
  min-height: var(--project-dashboard-inspector-height);
  max-height: var(--project-dashboard-inspector-height);
  align-content: start;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.stitch-invite-management[data-project-inspector="true"][aria-busy="true"] {
  cursor: progress;
}

.stitch-invite-management[data-project-inspector="true"][aria-busy="true"]::after {
  position: sticky;
  bottom: 0;
  display: block;
  height: 3px;
  background: linear-gradient(90deg, #007b73 0 45%, #b8e1dc 45% 100%);
  content: "";
  animation: project-inspector-loading 1.1s ease-in-out infinite alternate;
}

.project-inspector-load-error {
  position: sticky;
  top: 0;
  z-index: 5;
  margin: 0;
  padding: 10px 12px;
  border-bottom: 1px solid #c53a36;
  background: #fff4f3;
  color: #8f1f1b;
  font-size: 12px;
  font-weight: 700;
}

@keyframes project-inspector-loading {
  from {
    transform: translateX(-40%);
  }
  to {
    transform: translateX(40%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .stitch-invite-management[data-project-inspector="true"][aria-busy="true"]::after {
    animation: none;
  }
}

/* The account rail and an opened project remain separate, independently scannable groups. */
.author-workspace-sidebar:has([data-project-sidebar-context="true"]) {
  padding: 12px 10px 10px !important;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"]) .sidebar-brand {
  min-height: 36px;
  margin-bottom: 8px !important;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"]) .author-sidebar-tools-navigation {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"]) .author-sidebar-primary-navigation {
  flex: 0 0 auto;
  overflow: visible;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"])
  .author-sidebar-navigation
  .sidebar-section-label {
  margin: 2px 8px 1px !important;
  line-height: 1.1;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"])
  .author-sidebar-navigation
  .sidebar-link {
  min-height: 32px !important;
  margin-bottom: 0 !important;
}

.sidebar-project-context {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  min-height: 0;
  flex-direction: column;
  margin: 5px 0 2px;
  padding-top: 4px;
  overflow: visible;
  border-top: 1px solid rgba(173, 196, 216, .24);
}

.sidebar-project-context-heading {
  position: absolute;
  top: 9px;
  right: 4px;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  width: 28px;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #91a8bc;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: uppercase;
}

.sidebar-project-context-heading > span {
  display: none;
}

.sidebar-project-context-close {
  display: grid;
  width: 28px;
  min-width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid rgba(173, 196, 216, .3);
  border-radius: 3px;
  color: #d9e5ef;
  font-size: 16px;
  text-decoration: none;
}

.sidebar-project-context-close:hover,
.sidebar-project-context-close:focus-visible {
  outline: 0;
  border-color: #55d6c5;
  background: rgba(37, 190, 170, .13);
  color: #ffffff;
}

.sidebar-project-context-close .material-symbols-outlined {
  font-size: 17px;
}

.sidebar-project-context-details {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  min-height: 0;
  overflow: visible;
}

.target-author-shell[data-author-page="exports"]
  .author-workspace-main.has-project-context
  .export-workbench-shell[data-agent-export-workbench="true"] {
  height: 100%;
}

.sidebar-project-context-details > summary {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) 18px;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  padding: 4px 46px 4px 10px;
  color: #ffffff;
  cursor: pointer;
  list-style: none;
}

.sidebar-project-context-details > summary::-webkit-details-marker {
  display: none;
}

.sidebar-project-context-details > summary strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sidebar-project-context-details > summary .material-symbols-outlined {
  font-size: 18px;
}

.sidebar-project-context-chevron {
  transition: transform .16s ease;
}

.sidebar-project-context-details:not([open]) .sidebar-project-context-chevron {
  transform: rotate(-90deg);
}

.sidebar-project-context-details > nav {
  display: grid;
  flex: 0 0 auto;
  min-height: 0;
  max-height: none;
  gap: 1px;
  padding-right: 2px;
  overflow-x: hidden;
  overflow-y: visible;
}

.sidebar-project-context .sidebar-link {
  min-height: 32px !important;
  padding-block: 4px !important;
  padding-left: 14px !important;
  font-size: 13px !important;
}

.author-workspace-sidebar:has([data-project-sidebar-context="true"])
  .author-sidebar-account-label {
  display: none;
}

.sidebar-project-context .sidebar-link .material-symbols-outlined {
  font-size: 17px !important;
}

.sidebar-project-count {
  display: inline-grid;
  min-width: 20px !important;
  height: 20px;
  place-items: center;
  margin-left: auto;
  padding-inline: 5px;
  overflow: visible !important;
  border-radius: 10px;
  background: #45d6bd;
  color: #062820;
  font-size: 10px !important;
  text-overflow: clip !important;
}

/* Courses are account-wide administration, not an appendix to a project list. */
.author-courses-main {
  min-width: 0;
  min-height: 100vh;
  margin-left: var(--scriptsaver-workspace-sidebar);
  background: #f4f6fa;
}

.author-courses-main .author-page-toolbar {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 18px;
  border-bottom: 1px solid #c8d1dc;
  background: #ffffff;
}

.author-courses-main .author-page-toolbar > div:first-child {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.author-courses-main .author-page-toolbar h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}

.author-courses-main .author-page-toolbar > div:first-child > span {
  color: #536174;
  font-size: 12px;
}

.target-review-shell .review-ai-model-grid small {
  min-height: 14px;
  color: #5d6878;
  font-size: 10px;
  line-height: 1.35;
}

.target-review-shell .review-ai-model-grid select:disabled {
  background: #edf1f5;
  color: #596576;
  cursor: not-allowed;
}

.author-courses-workbench {
  display: grid;
  grid-template-columns: minmax(260px, 320px) minmax(520px, 1fr);
  align-items: start;
  gap: 14px;
  padding: 16px 18px 28px;
}

.course-create-panel,
.course-table-panel,
.course-shared-panel,
.course-copy-request-panel {
  border: 1px solid #c8d1dc;
  background: #ffffff;
}

.course-create-panel > header,
.course-table-panel > header,
.course-shared-panel > header,
.course-copy-request-panel > header {
  display: flex;
  min-height: 46px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px;
  border-bottom: 1px solid #c8d1dc;
}

.course-create-panel h2,
.course-table-panel h2,
.course-shared-panel h2,
.course-copy-request-panel h2 {
  margin: 0;
  font-size: 15px;
}

.course-create-form {
  display: grid;
  gap: 12px;
  padding: 14px;
}

.course-create-form label,
.course-workbench-editor label {
  display: grid;
  gap: 5px;
  color: #263446;
  font-size: 12px;
  font-weight: 700;
}

.course-create-form input,
.course-workbench-editor input {
  min-height: 38px;
  padding: 7px 9px;
  border: 1px solid #aeb8c5;
  border-radius: 3px;
  color: #17212d;
  font: 500 13px/1.3 var(--stitch-ui);
}

.course-table-panel {
  grid-column: 2;
  grid-row: 1 / span 3;
}

.course-workbench-table {
  display: grid;
}

.course-workbench-row {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 90px minmax(180px, .8fr);
  min-height: 62px;
  align-items: center;
  gap: 12px;
  padding: 9px 12px;
  border-bottom: 1px solid #d8dee8;
}

.course-workbench-row:last-child {
  border-bottom: 0;
}

.course-workbench-row.inactive {
  background: #f6f7f9;
  color: #5d6877;
}

.course-workbench-head {
  min-height: 36px;
  background: #eaf0f7;
  color: #435269;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.course-workbench-identity {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.course-workbench-identity strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.course-workbench-identity span {
  color: #536174;
  font-size: 12px;
}

.course-workbench-actions details > summary {
  min-height: 34px;
  padding: 7px 9px;
  border: 1px solid #aeb8c5;
  border-radius: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.course-workbench-editor {
  display: grid;
  gap: 10px;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid #c8d1dc;
  background: #f7f9fc;
}

.course-workbench-editor form {
  display: grid;
  gap: 8px;
}

.course-shared-panel,
.course-copy-request-panel {
  grid-column: 1;
}

.course-shared-panel .empty-note,
.course-copy-request-panel .empty-note {
  margin: 0;
  padding: 16px 14px;
}

.course-copy-request-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee8;
}

.course-copy-request-list article > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.course-shared-list article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border-bottom: 1px solid #d8dee8;
}

.course-shared-list article:last-child,
.course-copy-request-list article:last-child {
  border-bottom: 0;
}

.course-shared-list article > div {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.course-shared-list strong {
  overflow-wrap: anywhere;
  font-size: 13px;
}

.course-shared-list small {
  color: #536174;
  font-size: 11px;
}

.course-copy-state {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #aeb8c5;
  border-radius: 3px;
  color: #435269;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.course-copy-state.pending {
  border-color: #d2a13c;
  background: #fff8e7;
  color: #744d00;
}

.course-copy-state.complete {
  border-color: #78b9a8;
  background: #eaf8f3;
  color: #075f58;
}

@media (max-width: 1180px) {
  .author-management-board[data-project-command-center="true"] {
    --project-dashboard-inspector-width: 100%;
    --project-dashboard-inspector-height: 620px;
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto;
    min-height: 0;
    max-height: none;
  }

  .author-management-board[data-project-command-center="true"] .stitch-author-projects {
    align-self: auto;
    height: auto;
    max-height: none;
  }

  .stitch-invite-management[data-project-inspector="true"] {
    grid-column: 1;
  }

  .author-courses-workbench {
    grid-template-columns: minmax(0, 1fr);
  }

  .course-table-panel,
  .course-shared-panel,
  .course-copy-request-panel {
    grid-column: 1;
    grid-row: auto;
  }
}

.project-trash-page {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.project-trash-workbench {
  height: calc(100vh - var(--stitch-toolbar));
  min-height: 0;
  padding: 16px 18px;
  overflow: auto;
  background: #f4f6fa;
}

.project-trash-table {
  border: 1px solid var(--stitch-outline);
  background: #ffffff;
}

.project-trash-row {
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(280px, 1fr) minmax(180px, .7fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-trash-row:last-child {
  border-bottom: 0;
}

.project-trash-head {
  min-height: 38px;
  background: #eaf0f7;
  color: #3e4c5f;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.project-trash-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
}

.project-trash-identity > .material-symbols-outlined {
  color: #991b1b;
}

.project-trash-identity > span,
.project-trash-row > span[role="cell"] {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.project-trash-row strong,
.project-trash-row small,
.project-trash-data {
  overflow-wrap: anywhere;
}

.project-trash-row strong {
  color: #17212d;
  font-size: 14px;
}

.project-trash-row small,
.project-trash-data {
  color: #566478;
  font-size: 12px;
  line-height: 1.4;
}

.project-trash-row form {
  margin: 0;
}

.project-trash-row .button {
  white-space: nowrap;
}

.project-trash-empty {
  display: flex;
  min-height: 92px;
  align-items: center;
  gap: 10px;
  padding: 20px;
  border: 1px solid var(--stitch-outline);
  background: #ffffff;
  color: #263446;
}

.project-trash-empty a {
  margin-left: auto;
  color: #006c4d;
  font-weight: 700;
}

@media (max-width: 1100px) {
  .project-trash-row {
    grid-template-columns: minmax(240px, 1fr) minmax(210px, 1fr) auto;
  }

  .project-trash-row > :nth-child(2) {
    display: none;
  }
}
/* Recoverable browser errors stay inside the product journey instead of exposing API transport details. */
.operation-error-body {
  min-height: 100vh;
  margin: 0;
  background: #f3f6fa;
  color: #101c2d;
}

.operation-error-shell {
  min-height: 100vh;
}

.operation-error-main {
  min-width: 0;
  background: #f3f6fa;
}

.operation-error-topbar,
.operation-error-public-nav {
  min-height: 64px;
  padding: 0 28px;
  border-bottom: 1px solid #cbd4e0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.operation-error-topbar strong,
.operation-error-public-nav > a:first-child {
  color: #071323;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}

.operation-error-topbar span,
.operation-error-public-nav > a:last-child {
  color: #46566c;
  font-size: 14px;
  font-weight: 600;
}

.operation-error-stage,
.operation-error-public-stage {
  min-height: calc(100vh - 64px);
  padding: 40px 32px;
  display: grid;
  place-items: start center;
}

.operation-error-public-shell {
  min-height: 100vh;
}

.operation-error-public-nav > a:last-child {
  color: #0b6f5c;
}

.operation-error-panel {
  width: min(680px, 100%);
  padding: 28px;
  border: 1px solid #b9c5d3;
  border-top: 4px solid #d18b17;
  border-radius: 2px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(20, 38, 61, .08);
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 20px;
}

.operation-error-icon {
  width: 44px;
  height: 44px;
  border: 1px solid #d7a34b;
  background: #fff7e8;
  color: #8a5600;
  display: grid;
  place-items: center;
  font-size: 24px;
}

.operation-error-content {
  min-width: 0;
}

.operation-error-code {
  color: #5d6b7d;
  font-family: "JetBrains Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.operation-error-panel .operation-error-title {
  margin: 5px 0 8px;
  color: #071323;
  font-size: 24px;
  line-height: 1.2;
  letter-spacing: 0;
}

.operation-error-panel .operation-error-message {
  max-width: 58ch;
  margin: 0;
  color: #33445a;
  font-size: 16px !important;
  line-height: 1.55;
}

.operation-error-return {
  width: fit-content;
  margin-top: 22px;
}

@media (max-width: 720px) {
  .operation-error-topbar,
  .operation-error-public-nav {
    padding: 0 18px;
  }

  .operation-error-stage,
  .operation-error-public-stage {
    padding: 24px 16px;
  }

  .operation-error-panel {
    padding: 22px 18px;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 14px;
  }

  .operation-error-icon {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }
}

/* Review focus mode keeps navigation and decisions available while prioritizing the page. */
@media (min-width: 1121px) {
  .target-review-shell[data-review-focus-mode="true"] {
    --scriptsaver-workspace-sidebar: 64px;
    --stitch-sidebar: 64px;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-workspace-main.has-project-context {
    grid-template-rows: 40px 40px minmax(0, 1fr);
  }

  .target-review-shell[data-review-focus-mode="true"] .project-workspace-context {
    overflow: hidden;
  }

  .target-review-shell[data-review-focus-mode="true"] .project-workspace-context-header {
    min-height: 40px;
    border-bottom: 0;
  }

  .target-review-shell[data-review-focus-mode="true"] .project-workspace-navigation {
    display: none;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-page-heading {
    min-height: 40px;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .review-workspace-grid[data-review-viewport="fixed-workbench"] {
    grid-template-columns: 68px minmax(0, 1fr) !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .review-feedback-column[data-stitch-review-panel="queue"] {
    grid-template-rows: 44px minmax(0, 1fr) !important;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-queue-header {
    justify-content: center;
    padding: 0 6px;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-queue-header h2,
  .target-review-shell[data-review-focus-mode="true"] .review-live-arrival-count,
  .target-review-shell[data-review-focus-mode="true"] .correction-analysis-strip,
  .target-review-shell[data-review-focus-mode="true"] .review-class-summary,
  .target-review-shell[data-review-focus-mode="true"] .review-bulk-toolbar,
  .target-review-shell[data-review-focus-mode="true"] .review-workbench {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-card-board {
    padding: 6px !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"] {
    gap: 6px !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card {
    min-height: 50px !important;
    overflow: hidden;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-main,
  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-header,
  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-open {
    position: absolute;
    inset: 0;
    display: block;
    padding: 0 !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-open
    > * {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-state {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-focus-switcher="true"]
    .review-card-marker {
    top: 50% !important;
    left: 50% !important;
    z-index: 2;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-inspection-body {
    grid-template-columns: minmax(520px, 1fr) minmax(400px, 420px) !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-source-column {
    grid-template-rows: minmax(0, 1fr) 60px 34px;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-inspection-document-preview {
    min-height: 0;
    max-height: none;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-inspection-document-preview
    img {
    position: absolute;
    inset: 12px;
    width: calc(100% - 24px);
    height: calc(100% - 24px);
    max-width: none;
    max-height: none;
    object-fit: contain;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-source-passage {
    max-height: 60px;
    padding: 7px 13px !important;
    overflow: hidden;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-source-passage
    blockquote {
    display: -webkit-box;
    margin-top: 2px;
    overflow: hidden;
    font-size: 13px;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-open-document-link {
    min-height: 34px;
    padding-block: 7px;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-comment-context {
    max-height: 180px;
    overflow-y: auto;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-decision-column
    > .review-ai-suggestion {
    max-height: 220px;
  }

  .target-review-shell[data-review-focus-mode="true"]
    [data-review-viewport="fixed-workbench"]
    .review-inspector-form {
    gap: 9px;
    padding: 11px;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-heading-actions > :not(.review-queue-toggle) {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"] .review-sequence-nav {
    padding: 3px;
    border: 1px solid #c8d1dc;
    background: #f4f7fa;
  }
}

@media (min-width: 1181px) {
  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar {
    width: 64px !important;
    min-width: 64px !important;
    padding-inline: 7px !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .author-sidebar-navigation {
    display: none;
  }

  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .sidebar-brand {
    justify-content: center;
  }

  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .brand-wordmark,
  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .sidebar-section-label,
  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .author-sidebar-account-label,
  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .author-sidebar-account-copy,
  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .author-sidebar-account form,
  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-link
    > span:not(.material-symbols-outlined):not(.visually-hidden) {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .sidebar-new-project {
    justify-content: center;
    padding-inline: 0 !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-heading
    > span,
  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-details
    > summary
    strong,
  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-chevron {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-details
    > summary {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-heading {
    position: static;
    order: 2;
    justify-content: center;
    width: 100%;
    margin-top: 3px;
    padding-inline: 0;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-details {
    order: 1;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-project-context-details
    > summary {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: 0;
  }

  .target-review-shell[data-review-focus-mode="true"]
    .author-workspace-sidebar
    .sidebar-new-project-label {
    display: none !important;
  }

  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .sidebar-link {
    justify-content: center;
    padding-inline: 0 !important;
  }

  .target-review-shell[data-review-focus-mode="true"] .author-workspace-sidebar .author-sidebar-account {
    display: flex;
    justify-content: center;
    padding-inline: 0;
  }
}

.target-review-shell .review-correction-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 1px solid #aeb9c7;
}

.target-review-shell .review-correction-path legend {
  grid-column: 1 / -1;
  width: 100%;
  padding: 0 0 6px;
  color: #1f2937;
  font-size: 13px;
  font-weight: 700;
}

.target-review-shell .review-correction-path label {
  display: flex !important;
  min-height: 42px;
  align-items: center;
  gap: 7px !important;
  padding: 7px 9px;
  border-left: 1px solid #aeb9c7;
  background: #ffffff;
  cursor: pointer;
}

.target-review-shell .review-correction-path label:first-of-type {
  border-left: 0;
}

.target-review-shell .review-correction-path label:has(input:checked) {
  background: #e8f7f3;
  color: #075e55;
}

.target-review-shell .review-correction-path input,
.target-review-shell .review-learning-toggle input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 0;
}

.target-review-shell .review-learning-toggle {
  display: flex !important;
  min-height: 32px;
  grid-template-columns: 16px minmax(0, 1fr);
  align-items: center;
  gap: 8px !important;
  font-weight: 600 !important;
}

/* Reader tools: page controls stay global; every annotation mode lives in its inspector scope. */
.viewer-workbench-toolbar .viewer-tool-strip[data-stitch-viewer-tool-strip="true"] {
  margin-left: auto;
}

.document-comment-inspector .drawing-tool-workbench {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px 8px;
  margin: 0 0 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #d8dee8;
}

.document-comment-inspector .drawing-mode-actions {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

.document-comment-inspector .drawing-mode-actions button,
.document-comment-inspector .drawing-edit-actions button {
  display: inline-flex;
  min-width: 0;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid #b8c4d1;
  border-radius: 4px;
  background: #ffffff;
  color: #243247;
  cursor: pointer;
  font-family: var(--stitch-ui);
  font-size: 12px !important;
  font-weight: 700;
}

.document-comment-inspector .drawing-mode-actions button:hover,
.document-comment-inspector .drawing-mode-actions button:focus-visible,
.document-comment-inspector .drawing-mode-actions button.active,
.document-comment-inspector .drawing-mode-actions button[aria-pressed="true"],
.document-comment-inspector .drawing-edit-actions button:hover,
.document-comment-inspector .drawing-edit-actions button:focus-visible {
  outline: 0;
  border-color: #5aaea4;
  background: #e8f7f3;
  color: #005e57;
}

.document-comment-inspector .drawing-mode-actions button:focus-visible,
.document-comment-inspector .drawing-edit-actions button:focus-visible {
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #007b73;
}

.document-comment-inspector .drawing-mode-actions .material-symbols-outlined,
.document-comment-inspector .drawing-edit-actions .material-symbols-outlined {
  flex: 0 0 auto;
  font-size: 19px !important;
}

.document-comment-inspector .drawing-edit-actions {
  display: inline-grid;
  grid-template-columns: repeat(3, 40px);
  gap: 4px;
}

.document-comment-inspector .drawing-edit-actions button {
  width: 40px;
  padding: 0;
}

.document-comment-inspector .drawing-edit-actions button:disabled {
  border-color: #d5dce5 !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
  cursor: not-allowed;
  opacity: .62;
}

.document-comment-inspector .drawing-style-controls {
  display: grid;
  min-width: 0;
  grid-column: 1 / -1;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #d8dee8;
  background: #f7f9fb;
}

.document-comment-inspector .drawing-style-controls label {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  margin: 0;
  color: #334155;
  font-size: 11px !important;
  font-weight: 700;
}

.document-comment-inspector .drawing-style-controls .ink-color-control input {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 2px;
  border: 1px solid #aeb9c7;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

.document-comment-inspector .drawing-style-controls .ink-swatches {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.document-comment-inspector .drawing-style-controls .ink-swatch {
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: var(--swatch-color);
  box-shadow: 0 0 0 1px #8492a6;
  cursor: pointer;
}

.document-comment-inspector .drawing-style-controls .ink-swatch.active {
  box-shadow: 0 0 0 2px #006b63;
}

.document-comment-inspector .drawing-style-controls .ink-width-control {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: 88px minmax(72px, 1fr);
}

.document-comment-inspector .drawing-style-controls .ink-width-control input {
  width: calc(100% - 2px);
  max-width: calc(100% - 2px);
  min-width: 72px;
  justify-self: start;
}

.document-comment-inspector .drawing-save-state {
  min-height: 16px;
  grid-column: 1 / -1;
  color: #047857 !important;
  font-size: 11px;
  font-weight: 700;
}

.document-comment-inspector .drawing-save-state:empty {
  display: none;
}

@media (max-width: 1240px) {
  .document-comment-inspector .drawing-tool-workbench {
    grid-template-columns: minmax(0, 1fr);
  }

  .document-comment-inspector .drawing-edit-actions {
    justify-self: start;
  }

}

/* Quality procedures: method library and focused inspector. */
.target-author-shell[data-author-page="quality-procedures"] {
  height: 100vh;
  min-height: 0;
  overflow: hidden;
}

.target-author-shell[data-author-page="quality-procedures"] .author-workspace-main {
  display: block;
  height: 100vh;
  min-height: 0;
  padding: 56px 0 0 !important;
  overflow: hidden;
}

.target-author-shell[data-author-page="quality-procedures"] .author-page-header {
  min-height: 56px !important;
  max-height: 56px !important;
  padding: 6px 14px !important;
}

.target-author-shell[data-author-page="quality-procedures"] .quality-procedure-workbench {
  display: grid;
  grid-template-columns: minmax(300px, 380px) minmax(560px, 1fr);
  height: calc(100vh - 98px);
  min-height: 0;
  overflow: hidden;
  border-top: 1px solid #c5ced9;
  background: #ffffff;
}

.quality-procedure-library,
.quality-procedure-editor {
  min-width: 0;
  min-height: 0;
}

.quality-procedure-library {
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr);
  border-right: 1px solid #c5ced9;
  background: #f7f9fb;
}

.quality-procedure-library > header,
.quality-procedure-editor > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid #c5ced9;
}

.quality-procedure-library h2,
.quality-procedure-editor h2 {
  margin: 0;
  color: #111827;
  font-size: 16px;
  line-height: 1.2;
}

.quality-procedure-library > header > span {
  display: inline-grid;
  min-width: 26px;
  height: 26px;
  place-items: center;
  border: 1px solid #b7c2cf;
  background: #ffffff;
  color: #26384d;
  font-size: 12px;
  font-weight: 700;
}

.quality-procedure-library nav {
  min-height: 0;
  overflow-y: auto;
}

.quality-procedure-library nav > a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 9px 12px;
  border-bottom: 1px solid #d8dee8;
  border-left: 3px solid transparent;
  color: #172235;
  text-decoration: none;
}

.quality-procedure-library nav > a:hover,
.quality-procedure-library nav > a:focus-visible {
  background: #eef3f7;
}

.quality-procedure-library nav > a.active {
  border-left-color: #007b73;
  background: #e8f7f3;
}

.quality-procedure-library nav strong,
.quality-procedure-library nav small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.quality-procedure-library nav strong {
  font-size: 13px;
}

.quality-procedure-library nav small {
  margin-top: 3px;
  color: #526174;
  font-size: 11px;
}

.quality-procedure-icon {
  display: inline-grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid #9eb1c4;
  background: #e9f0f7;
  color: #174d73;
}

.quality-procedure-icon[data-procedure-category="challenge"] {
  border-color: #c1a572;
  background: #fff6df;
  color: #6f4e12;
}

.quality-procedure-icon[data-procedure-category="consistency"] {
  border-color: #8fb9ae;
  background: #e7f6f1;
  color: #075f49;
}

.quality-procedure-icon[data-procedure-category="visual"] {
  border-color: #b9a7cb;
  background: #f4eef9;
  color: #5f3b7c;
}

.quality-procedure-icon[data-procedure-category="accessibility"] {
  border-color: #a6b48c;
  background: #f0f5e8;
  color: #3f5e24;
}

.quality-procedure-state {
  color: #6b7280;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.quality-procedure-state.active {
  color: #006c4d;
}

.quality-procedure-editor {
  display: grid;
  grid-template-rows: 58px minmax(0, 1fr) 64px;
  overflow: hidden;
}

.quality-procedure-editor > header > div > span {
  display: block;
  margin-bottom: 3px;
  color: #59687a;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.quality-procedure-editor > form {
  min-height: 0;
  padding: 16px 18px 24px;
  overflow-y: auto;
}

.quality-procedure-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 16px;
}

.quality-procedure-title-field,
.quality-procedure-wide-field {
  grid-column: 1 / -1;
}

.target-author-shell[data-author-page="quality-procedures"] label > span,
.quality-procedure-scope-picker legend {
  display: block;
  margin-bottom: 5px;
  color: #243247;
  font-size: 12px;
  font-weight: 700;
}

.target-author-shell[data-author-page="quality-procedures"] :is(input, select, textarea) {
  width: 100%;
  min-height: 38px;
  border: 1px solid #aeb9c7;
  border-radius: 3px;
  background: #ffffff;
  color: #111827;
  font-size: 13px;
}

.target-author-shell[data-author-page="quality-procedures"] :is(input, select) {
  padding: 7px 9px;
}

.target-author-shell[data-author-page="quality-procedures"] textarea {
  padding: 9px;
  line-height: 1.45;
  resize: vertical;
}

.quality-procedure-scope-picker {
  margin: 16px 0;
  padding: 0;
  border: 0;
}

.quality-procedure-scope-picker > div {
  display: grid;
  grid-template-columns: 1fr 1fr 1.25fr .8fr 1fr;
  border: 1px solid #b8c4d1;
}

.quality-procedure-scope-picker label {
  display: flex;
  min-width: 0;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border-right: 1px solid #b8c4d1;
  background: #ffffff;
  cursor: pointer;
  text-align: center;
}

.quality-procedure-scope-picker label:last-child {
  border-right: 0;
}

.quality-procedure-scope-picker input {
  position: absolute;
  width: 1px !important;
  height: 1px;
  min-height: 1px !important;
  opacity: 0;
}

.quality-procedure-scope-picker label:has(input:checked) {
  background: #e8f7f3;
  box-shadow: inset 0 -3px #007b73;
}

.quality-procedure-scope-picker label:has(input:checked) span {
  color: #005e57;
}

.quality-procedure-editor > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 18px;
  border-top: 1px solid #c5ced9;
  background: #f7f9fb;
}

.quality-procedure-editor > footer > form {
  margin: 0;
}

.target-author-shell[data-author-page="agents"] .agent-profile-editor > form {
  grid-template-rows: minmax(180px, 1fr) minmax(150px, .8fr);
}

.target-author-shell[data-author-page="agents"] .agent-profile-fields {
  grid-row: 1 / 3;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-picker, .agent-procedure-picker) {
  display: grid;
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
  margin: 0;
  padding: 14px 18px;
  border: 0;
  border-left: 1px solid #c5ced9;
}

.target-author-shell[data-author-page="agents"] .agent-skill-picker {
  border-bottom: 1px solid #c5ced9;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-picker, .agent-procedure-picker) legend {
  padding: 0;
  color: #172235;
  font-size: 13px;
  font-weight: 700;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) {
  min-height: 0;
  overflow-y: auto;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #e0e5eb;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) strong,
.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) small {
  display: block;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) strong {
  color: #172235;
  font-size: 12px;
}

.target-author-shell[data-author-page="agents"] :is(.agent-skill-list, .agent-procedure-list) small {
  margin-top: 2px;
  color: #526174;
  font-size: 11px;
}

.agent-profile-editor > header nav {
  display: flex;
  gap: 14px;
}

.project-quality-procedure-list {
  max-height: 190px;
  overflow-y: auto;
  border-block: 1px solid #d8dee8;
}

.project-quality-procedure-list label {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: start;
  gap: 7px;
  padding: 8px 12px;
  border-bottom: 1px solid #e0e5eb;
  cursor: pointer;
}

.project-quality-procedure-list label:last-child {
  border-bottom: 0;
}

.project-quality-procedure-list :is(strong, small) {
  display: block;
}

.project-quality-procedure-list strong {
  color: #172235;
  font-size: 11px;
}

.project-quality-procedure-list small {
  margin-top: 2px;
  color: #526174;
  font-size: 10px;
}

.project-quality-procedures form > button {
  width: calc(100% - 24px);
  min-height: 34px;
  margin: 8px 12px;
  border: 1px solid #9aa8b8;
  background: #ffffff;
  color: #172235;
  font-weight: 700;
  cursor: pointer;
}

.correction-run-procedures {
  border-top: 1px solid #c5ced9;
  border-bottom: 1px solid #c5ced9;
}

.correction-run-procedures > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 42px;
  padding: 7px 16px;
  color: #172235;
  cursor: pointer;
  list-style: none;
}

.correction-run-procedures > summary::-webkit-details-marker {
  display: none;
}

.correction-run-procedures > summary > div {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.correction-run-procedures > summary strong {
  color: #172235;
  font-size: 13px;
}

.correction-run-procedures > summary span {
  color: #526174;
  font-size: 11px;
}

.correction-run-procedures > summary > .material-symbols-outlined {
  font-size: 18px;
  transition: transform 160ms ease;
}

.correction-run-procedures[open] > summary > .material-symbols-outlined {
  transform: rotate(180deg);
}

.correction-run-procedures ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #d8dee8;
}

.correction-run-procedures li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 8px 16px;
  border-right: 1px solid #d8dee8;
  border-bottom: 1px solid #d8dee8;
}

.correction-run-procedures li :is(strong, small) {
  display: block;
}

.correction-run-procedures li strong {
  color: #172235;
  font-size: 12px;
}

.correction-run-procedures li small {
  margin-top: 2px;
  color: #526174;
  font-size: 11px;
}

@media (min-width: 981px) and (max-width: 1180px) {
  .target-author-shell[data-author-page="quality-procedures"] .author-workspace-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    width: var(--scriptsaver-workspace-sidebar) !important;
    min-width: var(--scriptsaver-workspace-sidebar) !important;
  }

  .target-author-shell[data-author-page="quality-procedures"] .quality-procedure-workbench {
    height: calc(100vh - 112px);
  }
}

@media (max-width: 980px) {
  .target-author-shell[data-author-page="quality-procedures"] {
    height: auto;
    overflow: auto;
  }

  .target-author-shell[data-author-page="quality-procedures"] .author-workspace-main {
    height: auto;
    padding-top: 24px !important;
    overflow: visible;
  }

  .target-author-shell[data-author-page="quality-procedures"] .quality-procedure-workbench {
    grid-template-columns: minmax(0, 1fr);
    height: auto;
    overflow: visible;
  }

  .quality-procedure-library {
    max-height: 360px;
    border-right: 0;
    border-bottom: 1px solid #c5ced9;
  }

  .quality-procedure-editor {
    min-height: 720px;
  }

  .quality-procedure-scope-picker > div {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
  }

  .quality-procedure-scope-picker label {
    border-bottom: 1px solid #b8c4d1;
  }
}

/* Viewer page overview: reading and commenting own the width; thumbnails are optional. */
.page-thumbnail-rail[data-stitch-page-rail="thumbnails"][hidden] {
  display: none !important;
}

.viewer-workbench-toolbar #toggle-page-overview[aria-expanded="true"] {
  border-color: #69bdb1;
  background: #e8f7f3;
  color: #005e57;
}

.target-document-shell[data-page-rail-state="collapsed"]
  .document-workspace[data-stitch-viewer-layout="document-feedback"] {
  grid-template-columns: minmax(0, 1fr) var(--viewer-feedback-rail-width, 470px) !important;
}

.target-document-shell[data-page-rail-state="collapsed"]
  .document-workspace[data-stitch-viewer-layout="document-feedback"]
  .document-canvas-pane[data-stitch-reader-document="true"] {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

.target-document-shell[data-page-rail-state="collapsed"]
  .document-workspace[data-stitch-viewer-layout="document-feedback"]
  .document-comment-inspector[data-stitch-feedback-panel="true"] {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

@media (min-width: 1181px) and (max-width: 1320px) {
  .target-document-shell
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    --viewer-feedback-rail-width: clamp(
      420px,
      calc(100vw - var(--stitch-sidebar) - 612px),
      450px
    );
    grid-template-columns:
      112px minmax(500px, 1fr)
      var(--viewer-feedback-rail-width) !important;
  }

  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: minmax(0, 1fr) var(--viewer-feedback-rail-width) !important;
  }
}

@media (min-width: 1081px) and (max-width: 1180px) {
  .target-document-shell
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    --viewer-feedback-rail-width: clamp(
      400px,
      calc(100vw - var(--stitch-sidebar) - 620px),
      440px
    );
    grid-template-columns:
      120px minmax(500px, 1fr)
      var(--viewer-feedback-rail-width) !important;
  }

  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: minmax(0, 1fr) var(--viewer-feedback-rail-width) !important;
  }
}

@media (min-width: 1321px) {
  .target-document-shell
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    --viewer-feedback-rail-width: clamp(
      440px,
      calc(100vw - var(--stitch-sidebar) - 672px),
      470px
    );
    grid-template-columns:
      132px minmax(540px, 1fr)
      var(--viewer-feedback-rail-width) !important;
  }

  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: minmax(0, 1fr) var(--viewer-feedback-rail-width) !important;
  }
}

@media (max-width: 1080px) {
  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .target-document-shell[data-page-rail-state="collapsed"]
    .viewer-workbench-toolbar[data-stitch-viewer-workbench-toolbar="true"],
  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"]
    .document-canvas-pane[data-stitch-reader-document="true"],
  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"]
    .document-comment-inspector[data-stitch-feedback-panel="true"] {
    grid-column: 1 !important;
  }

  .target-document-shell[data-page-rail-state="collapsed"]
    .document-workspace[data-stitch-viewer-layout="document-feedback"]
    .document-comment-inspector[data-stitch-feedback-panel="true"] {
    grid-row: 3 !important;
  }
}

/* Project lifecycle: one immutable version ledger per readable main document. */
.project-version-panel > header > a {
  color: #006c4d;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.project-version-panel .project-version-row {
  grid-template-columns: 86px minmax(0, 1fr) 150px;
}

.project-version-panel .project-version-row > span:nth-child(2) {
  overflow: hidden;
  color: var(--stitch-text);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-version-workspace {
  width: min(100%, 1240px);
  min-height: 0;
  overflow: visible;
}

.project-version-groups {
  display: grid;
}

.project-version-group + .project-version-group {
  border-top: 8px solid #eef1f5;
}

.project-version-group-header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #fff;
}

.project-version-group-header > .material-symbols-outlined {
  display: grid;
  width: 32px;
  height: 36px;
  place-items: center;
  border: 1px solid #b8c5d2;
  border-radius: 3px;
  background: #f5f7fa;
  color: #17324d;
  font-size: 19px;
}

.project-version-group-header > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.project-version-group-header h3 {
  min-width: 0;
  margin: 0;
  overflow: hidden;
  color: #101c2b;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-version-group-header > div > span {
  color: #526174;
  font-size: 12px;
}

.project-version-upload,
.project-version-upload label {
  margin: 0;
}

.project-version-upload label {
  display: block;
  cursor: pointer;
}

.project-version-upload .button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 7px;
  border-color: #66778a;
  color: #172437;
}

.project-version-upload .material-symbols-outlined {
  font-size: 18px;
}

.project-version-ledger {
  display: grid;
}

.project-version-ledger-heading,
.project-version-ledger-row {
  display: grid;
  grid-template-columns:
    104px minmax(250px, 1fr) minmax(190px, .72fr)
    minmax(245px, auto);
  align-items: center;
}

.project-version-ledger-heading {
  min-height: 32px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #edf1f6;
  color: #435267;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

.project-version-ledger-heading > span,
.project-version-ledger-row > div {
  min-width: 0;
  padding: 8px 12px;
}

.project-version-ledger-heading > span:nth-child(n + 3),
.project-version-state,
.project-version-actions {
  border-left: 1px solid #d8e0e8;
}

.project-version-ledger-row {
  min-height: 74px;
  border-bottom: 1px solid var(--stitch-outline);
  background: #fff;
}

.project-version-ledger-row:last-child {
  border-bottom: 0;
}

.project-version-ledger-row.current {
  box-shadow: inset 3px 0 0 #008a68;
  background: #f1fbf7;
}

.project-version-ledger-row.highlighted {
  outline: 2px solid #1f6feb;
  outline-offset: -2px;
}

.project-version-number,
.project-version-file,
.project-version-state {
  display: grid;
  gap: 3px;
}

.project-version-number strong,
.project-version-file strong {
  overflow: hidden;
  color: #111c2b;
  font-size: 13px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-version-number > span,
.project-version-file > span,
.project-version-state small {
  color: #4b5b6e;
  font-size: 11px;
  line-height: 1.3;
}

.project-version-number > span {
  color: #006c4d;
  font-weight: 700;
}

.project-version-state-label {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #172437;
  font-size: 12px;
  font-weight: 700;
}

.project-version-live-indicator {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  border: 2px solid #008a68;
  border-top-color: transparent;
  border-radius: 50%;
  animation: project-version-working 900ms linear infinite;
}

@keyframes project-version-working {
  to {
    transform: rotate(360deg);
  }
}

.project-version-state progress {
  width: min(100%, 190px);
  height: 6px;
  accent-color: #008a68;
}

.project-version-state .project-version-error {
  overflow: hidden;
  color: #a1261d;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-version-actions {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
}

.project-version-actions form {
  margin: 0;
}

.project-version-actions .button {
  min-height: 36px;
  padding: 7px 10px;
  font-size: 11px;
  white-space: nowrap;
}

.project-version-actions .button:disabled {
  border-color: #c6ced8;
  background: #edf0f4;
  color: #667386;
  cursor: not-allowed;
  opacity: 1;
}

.project-version-icon-action {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border: 1px solid #9eabba;
  border-radius: 3px;
  background: #fff;
  color: #172437;
  text-decoration: none;
}

.project-version-icon-action:hover,
.project-version-icon-action:focus-visible {
  border-color: #007b73;
  color: #006c4d;
  outline: 2px solid rgba(0, 123, 115, .22);
}

.project-version-icon-action .material-symbols-outlined {
  font-size: 18px;
}

@media (max-width: 1120px) {
  .project-version-ledger-heading {
    display: none;
  }

  .project-version-ledger-row {
    grid-template-columns: 84px minmax(210px, 1fr) minmax(180px, .8fr);
  }

  .project-version-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
    border-top: 1px solid #d8e0e8;
    border-left: 0;
    padding-top: 0 !important;
  }
}

.project-material-upload {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px;
}

.project-material-upload .project-material-file {
  grid-column: 1 / 3;
}

.project-material-upload > button {
  grid-column: 3;
  grid-row: 2;
}

.project-material-asset-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.project-material-asset-actions form {
  margin: 0;
}

.project-material-asset-actions a,
.project-material-asset-actions button {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid #9eabba;
  border-radius: 3px;
  background: #fff;
  color: #172437;
  cursor: pointer;
  text-decoration: none;
}

.project-material-asset-actions a:hover,
.project-material-asset-actions a:focus-visible,
.project-material-asset-actions button:hover,
.project-material-asset-actions button:focus-visible {
  border-color: #007b73;
  color: #006c4d;
  outline: 2px solid rgba(0, 123, 115, .22);
}

.project-material-asset-actions .material-symbols-outlined {
  font-size: 17px;
}

.project-archived-assets {
  border-top: 1px solid var(--stitch-outline);
  background: #f5f7fa;
}

.project-archived-assets summary {
  padding: 10px 12px;
  color: #33445a;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.project-archived-assets ul {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--stitch-outline);
  list-style: none;
}

.project-archived-assets li {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 12px;
  border-bottom: 1px solid var(--stitch-outline);
}

.project-archived-assets li > span {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.project-archived-assets strong,
.project-archived-assets small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.project-archived-assets strong {
  color: #26364a;
  font-size: 12px;
}

.project-archived-assets small {
  color: #5c697a;
  font-size: 11px;
}

.project-archived-assets form {
  flex: 0 0 auto;
  margin: 0;
}

.project-archived-assets .button {
  min-height: 34px;
  padding: 6px 9px;
  font-size: 11px;
}
/* Version decisions stay separate from the read-only page inspection surface. */
.candidate-working-version-card {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #b8c4cf;
  border-left: 4px solid #087f6b;
  background: #f7fbfa;
}

.candidate-working-version-card h2,
.candidate-working-version-card p {
  margin: 0;
}

.candidate-working-version-card h2 {
  font-size: 17px;
}

.candidate-working-version-card > div > span {
  display: block;
  margin-top: 5px;
  color: #344454;
}

.candidate-working-version-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.project-version-preview-action {
  gap: 5px;
}

.version-preview-body {
  margin: 0;
  overflow: hidden;
  background: #e6ebf0;
  color: #101d2b;
}

.version-preview-shell {
  --version-preview-zoom: 100%;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr);
  width: 100%;
  height: 100dvh;
  min-height: 520px;
}

.version-preview-header,
.version-preview-toolbar {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  min-width: 0;
  border-bottom: 1px solid #b8c4cf;
  background: #ffffff;
}

.version-preview-header {
  min-height: 60px;
  gap: 12px;
  padding: 8px 16px;
}

.version-preview-back,
.version-preview-toolbar button {
  display: inline-grid;
  place-items: center;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #b8c4cf;
  border-radius: 4px;
  background: #ffffff;
  color: #10243a;
  cursor: pointer;
}

.version-preview-back:hover,
.version-preview-toolbar button:hover:not(:disabled) {
  border-color: #087f6b;
  background: #eef8f5;
}

.version-preview-toolbar button:disabled {
  color: #778593;
  cursor: default;
}

.version-preview-identity {
  display: grid;
  min-width: 0;
  gap: 1px;
}

.version-preview-identity strong,
.version-preview-identity span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.version-preview-identity strong {
  font-size: 16px;
}

.version-preview-identity span {
  color: #4c5c6c;
  font-size: 13px;
}

.version-preview-header-actions {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.version-preview-toolbar {
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 7px 16px;
}

.version-preview-page-controls,
.version-preview-fit-controls {
  display: flex;
  align-items: center;
  gap: 5px;
}

.version-preview-page-controls input {
  width: 62px;
  min-height: 40px;
  border: 1px solid #9eacb9;
  border-radius: 4px;
  text-align: center;
}

.version-preview-fit-controls output {
  min-width: 54px;
  text-align: center;
  font-weight: 700;
}

.version-preview-toolbar .segmented-control {
  display: flex;
}

.version-preview-toolbar .segmented-control button {
  width: auto;
  padding: 0 12px;
}

.version-preview-toolbar .segmented-control button[aria-pressed="true"] {
  border-color: #087f6b;
  background: #e2f3ee;
  color: #075f51;
}

.version-preview-stage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  min-height: 0;
  overflow: auto;
  padding: 24px;
  background: #dce3e9;
}

.version-preview-stage img {
  display: block;
  width: auto;
  height: auto;
  border: 1px solid #aebac5;
  background: #ffffff;
  box-shadow: 0 10px 26px rgb(24 41 58 / 16%);
}

.version-preview-shell[data-version-fit="page"] .version-preview-stage img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.version-preview-shell[data-version-fit="width"] .version-preview-stage img {
  width: 100%;
  max-width: none;
}

.version-preview-shell[data-version-fit="zoom"] .version-preview-stage img {
  width: var(--version-preview-zoom);
  max-width: none;
}

@media (max-width: 760px) {
  .version-preview-header {
    align-items: flex-start;
  }

  .version-preview-header-actions .button-secondary {
    display: none;
  }

  .version-preview-toolbar {
    align-items: stretch;
    flex-direction: column;
    gap: 6px;
  }

  .version-preview-page-controls,
  .version-preview-fit-controls {
    justify-content: center;
  }

  .version-preview-stage {
    padding: 12px;
  }
}

/* Keep local icon fallbacks authoritative over later screen-specific sizing. */
html:not(.material-symbols-ready)
  body
  .material-symbols-outlined.material-symbols-outlined.material-symbols-outlined[data-fallback-icon] {
  max-width: none;
  overflow: visible;
  opacity: 1 !important;
  color: currentColor !important;
  font-family: var(--stitch-ui) !important;
  font-feature-settings: normal !important;
  font-size: 0 !important;
}

html:not(.material-symbols-ready)
  body
  .material-symbols-outlined.material-symbols-outlined.material-symbols-outlined[data-fallback-icon]::before {
  content: attr(data-fallback-icon);
  font-family: var(--stitch-ui);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

/* Project next actions keep long commands fully readable. */
.project-next-action .button {
  flex: 0 1 auto;
  min-width: 118px;
  max-width: min(320px, 42%);
  white-space: normal;
  overflow-wrap: anywhere;
  text-wrap: balance;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 760px) {
  .project-next-action {
    align-items: stretch;
    flex-direction: column;
  }

  .project-next-action .button {
    width: 100%;
    max-width: none;
  }
}

/* Collapsible authenticated navigation keeps portrait workspaces usable. */
.author-app-frame,
.authenticated-dashboard,
.target-review-shell.stitch-review-shell,
.target-document-shell.stitch-viewer-shell {
  --scriptsaver-workspace-sidebar: 256px;
  --stitch-sidebar: var(--scriptsaver-workspace-sidebar);
}

html[data-workspace-sidebar-state="collapsed"] :is(
  .author-app-frame,
  .authenticated-dashboard,
  .target-review-shell.stitch-review-shell,
  .target-document-shell.stitch-viewer-shell
) {
  --scriptsaver-workspace-sidebar: 64px;
  --stitch-sidebar: var(--scriptsaver-workspace-sidebar);
}

:is(
  .author-app-frame,
  .authenticated-dashboard,
  .target-review-shell.stitch-review-shell,
  .target-document-shell.stitch-viewer-shell
) .author-workspace-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: var(--scriptsaver-workspace-sidebar) !important;
  min-width: var(--scriptsaver-workspace-sidebar) !important;
  max-width: var(--scriptsaver-workspace-sidebar) !important;
  padding-inline: 8px !important;
}

.sidebar-brand-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  flex: 0 0 auto;
  align-items: center;
  gap: 4px;
}

.sidebar-brand-row .sidebar-brand {
  min-width: 0;
  margin-right: 0 !important;
}

.workspace-sidebar-toggle {
  display: grid;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(155, 177, 198, .42);
  border-radius: 4px;
  background: transparent;
  color: var(--stitch-sidebar-text);
  cursor: pointer;
}

.workspace-sidebar-toggle:hover,
.workspace-sidebar-toggle:focus-visible {
  border-color: var(--stitch-sidebar-accent);
  outline: 2px solid rgba(82, 221, 164, .32);
  outline-offset: 1px;
  color: var(--stitch-sidebar-accent);
}

.workspace-sidebar-toggle .material-symbols-outlined {
  font-size: 20px !important;
}

.workspace-sidebar-edge-toggle,
.workspace-sidebar-backdrop {
  display: none;
}

.workspace-sidebar-edge-toggle[hidden],
.workspace-sidebar-backdrop[hidden] {
  display: none !important;
}

.authenticated-dashboard .dashboard-main,
.target-author-shell .author-workspace-main,
.target-author-shell .candidate-layout,
.target-review-shell .review-workspace-main,
.project-command-shell .project-command-main,
.target-document-shell .document-workspace {
  width: calc(100vw - var(--scriptsaver-workspace-sidebar)) !important;
  margin-left: var(--scriptsaver-workspace-sidebar) !important;
}

.authenticated-dashboard .stitch-topbar,
.target-author-shell .stitch-topbar,
.target-author-shell .author-page-header,
.target-review-shell .stitch-topbar,
.target-document-shell > .review-header.stitch-topbar {
  left: var(--scriptsaver-workspace-sidebar) !important;
  width: calc(100vw - var(--scriptsaver-workspace-sidebar)) !important;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar {
  padding-inline: 8px !important;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-brand-row {
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 4px;
  margin-bottom: 8px;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-brand {
  display: grid !important;
  width: 40px;
  min-width: 40px;
  min-height: 38px;
  grid-template-columns: 1fr !important;
  margin: 0 !important;
  place-items: center;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-brand::before {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar :is(
  .brand-wordmark,
  .sidebar-section-label,
  .sidebar-project-context-heading,
  .sidebar-project-context-details summary strong,
  .sidebar-project-context-chevron,
  .sidebar-project-count,
  .author-sidebar-account-copy,
  .sidebar-link > span:not(.material-symbols-outlined):not(.visually-hidden)
) {
  display: none !important;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar :is(
  .author-sidebar-navigation,
  .sidebar-project-context,
  .sidebar-project-context-details,
  .sidebar-project-context-details nav
) {
  width: 100%;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-link,
html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-project-context-details summary {
  display: grid !important;
  width: 44px;
  min-width: 44px;
  min-height: 40px !important;
  grid-template-columns: 1fr;
  margin: 1px auto !important;
  padding: 0 !important;
  place-items: center;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-link .material-symbols-outlined,
html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .sidebar-project-context-details summary > .material-symbols-outlined {
  width: 22px !important;
  max-width: 22px !important;
  margin: 0;
  overflow: hidden;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar
  .material-symbols-outlined[data-fallback-icon] {
  opacity: 1 !important;
  color: currentColor !important;
  font-family: var(--stitch-ui);
  font-size: 0 !important;
  font-feature-settings: normal;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar
  .material-symbols-outlined[data-fallback-icon]::before {
  content: attr(data-fallback-icon);
  font-family: var(--stitch-ui);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .author-sidebar-account {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 5px;
  width: 100%;
  padding-inline: 0;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .author-sidebar-account form {
  margin: 0;
}

html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .author-sidebar-avatar,
html[data-workspace-sidebar-state="collapsed"] .author-workspace-sidebar .author-sidebar-account button {
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
}

@media (max-width: 1180px) {
  :is(
    .author-app-frame,
    .authenticated-dashboard,
    .target-review-shell.stitch-review-shell,
    .target-document-shell.stitch-viewer-shell
  ) {
    --scriptsaver-workspace-sidebar: 0px;
    --stitch-sidebar: var(--scriptsaver-workspace-sidebar);
  }

  .authenticated-dashboard .dashboard-main,
  .target-author-shell .author-workspace-main,
  .target-author-shell .candidate-layout,
  .target-review-shell .review-workspace-main,
  .project-command-shell .project-command-main,
  .target-document-shell .document-workspace {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
  }

  :is(
    .author-app-frame,
    .authenticated-dashboard,
    .target-review-shell.stitch-review-shell,
    .target-document-shell.stitch-viewer-shell
  ) .author-workspace-sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 140 !important;
    width: min(320px, calc(100vw - 48px)) !important;
    min-width: min(320px, calc(100vw - 48px)) !important;
    max-width: min(320px, calc(100vw - 48px)) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
    transform: translateX(-100%);
    box-shadow: 12px 0 30px rgb(7 21 35 / 20%);
    transition: transform .18s ease;
  }

  html[data-workspace-sidebar-state="expanded"] :is(
    .author-app-frame,
    .authenticated-dashboard,
    .target-review-shell.stitch-review-shell,
    .target-document-shell.stitch-viewer-shell
  ) .author-workspace-sidebar {
    transform: translateX(0);
  }

  .workspace-sidebar-edge-toggle {
    position: fixed;
    top: 72px;
    left: 0;
    z-index: 120;
    display: grid;
    width: 38px;
    min-width: 38px;
    height: 48px;
    min-height: 48px;
    padding: 0;
    place-items: center;
    border: 1px solid #264158;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    background: #071523;
    color: #eef7ff;
    box-shadow: 3px 4px 12px rgb(7 21 35 / 18%);
    cursor: pointer;
  }

  .workspace-sidebar-edge-toggle:hover,
  .workspace-sidebar-edge-toggle:focus-visible {
    border-color: #45d6bd;
    outline: 2px solid #45d6bd;
    outline-offset: 2px;
    color: #45d6bd;
  }

  .workspace-sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 130;
    display: block;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgb(7 21 35 / 28%);
    cursor: default;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .authenticated-dashboard .dashboard-main,
  .target-author-shell .author-workspace-main,
  .target-author-shell .candidate-layout,
  .target-review-shell .review-workspace-main,
  .project-command-shell .project-command-main,
  .target-document-shell .document-workspace {
    padding-top: calc(var(--stitch-toolbar) + 12px) !important;
  }

  .authenticated-dashboard .stitch-topbar,
  .target-author-shell .stitch-topbar,
  .target-author-shell .author-page-header,
  .target-review-shell .stitch-topbar,
  .target-document-shell > .review-header.stitch-topbar {
    position: fixed !important;
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

@media (max-width: 760px) {
  .authenticated-dashboard .stitch-topbar,
  .target-author-shell .stitch-topbar,
  .target-author-shell .author-page-header,
  .target-review-shell .stitch-topbar,
  .target-document-shell > .review-header.stitch-topbar {
    position: static !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .author-workspace-sidebar {
    transition: none !important;
  }
}