/* SteelBox Guided F1: additive visual theme. Layout and viewer geometry stay in their source styles. */
:root {
  --guided-app-bg: #f3f6fa;
  --guided-surface: #ffffff;
  --guided-surface-muted: #f8fafc;
  --guided-header-navy: #102a43;
  --guided-primary-blue: #1769aa;
  --guided-primary-hover: #0f568e;
  --guided-success: #24845b;
  --guided-success-bg: #e9f7ef;
  --guided-review: #b7791f;
  --guided-review-bg: #fff7e6;
  --guided-ai: #7357b8;
  --guided-danger: #c9483f;
  --guided-text: #162433;
  --guided-text-secondary: #526273;
  --guided-text-muted: #7b8896;
  --guided-border: #d8e0e8;
  --guided-shadow-sm: 0 2px 8px rgba(16,42,67,.08);
  --guided-shadow: 0 8px 24px rgba(16,42,67,.10);
  --guided-radius-sm: 6px;
  --guided-radius: 10px;
  --guided-radius-lg: 14px;

  /* Existing structural tokens remain separate; these aliases only theme UI chrome. */
  --bg: var(--guided-app-bg);
  --panel: var(--guided-surface);
  --panel-2: var(--guided-surface-muted);
  --line: var(--guided-border);
  --text: var(--guided-text);
  --muted: var(--guided-text-secondary);
}

html,
body {
  background-color: var(--guided-app-bg);
  background-image: none;
  color: var(--guided-text);
}

button,
select,
input,
textarea {
  border-radius: var(--guided-radius-sm);
}

button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
a:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(23,105,170,.24);
  outline-offset: 2px;
}

.nav {
  background: linear-gradient(110deg, #0d2947 0%, #0b3b70 58%, #0b315a 100%);
  border-bottom-color: rgba(255,255,255,.18);
  box-shadow: 0 3px 12px rgba(9,35,62,.22);
}
.guided-product-header {
  min-height: 58px;
  gap: clamp(18px, 2.2vw, 38px);
  padding: 6px clamp(16px, 1.8vw, 30px);
}
.guided-brand-cluster {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 0 1 auto;
  min-width: 0;
}
.logo {
  color: #fff;
  gap: 10px;
  padding: 0;
  text-align: left;
  letter-spacing: normal;
  min-width: 0;
}
.guided-logo-mark {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 9px;
  color: #fff;
  background: linear-gradient(145deg, #2999ff, #0873d1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 3px 10px rgba(0,0,0,.18);
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
}
.guided-brand-copy {
  display: grid;
  gap: 1px;
  line-height: 1.08;
}
.guided-brand-copy strong {
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -.02em;
}
.guided-brand-copy small {
  color: #c4d8eb;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .01em;
  white-space: nowrap;
}
.guided-brand-cluster .nav-links {
  flex: 0 0 auto;
  gap: 2px;
}
.nav-link {
  color: #c3d4e4;
  border-radius: var(--guided-radius-sm);
  padding: 7px 8px;
}
.nav-link.on,
.nav-link:hover { color: #fff; background: rgba(255,255,255,.10); }
.nav-link:disabled { color: #7890a5; }
.guided-workflow-identity {
  display: grid;
  justify-items: center;
  gap: 2px;
  flex: 1 1 340px;
  min-width: 220px;
  color: #fff;
  text-align: center;
  line-height: 1.18;
}
.guided-workflow-identity strong {
  font-size: clamp(20px, 1.65vw, 28px);
  font-weight: 700;
  letter-spacing: -.025em;
}
.guided-workflow-identity span {
  color: #c8d9e9;
  font-size: clamp(10px, .82vw, 12px);
  white-space: nowrap;
}
.guided-header-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(12px, 1.5vw, 24px);
  flex: 0 1 auto;
  min-width: 0;
}
.guided-process-summary {
  margin: 0;
  padding: 7px 11px;
  border: 1px solid rgba(207,229,248,.68);
  border-radius: 8px;
  color: #e6f1fb;
  font-size: 9px;
  font-weight: 500;
  line-height: 1.55;
  white-space: nowrap;
}
.guided-product-header .nav-actions { margin-left: 0; flex: 0 0 auto; }
.guided-product-header .file {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  white-space: nowrap;
  background: #1688e7;
  box-shadow: 0 2px 7px rgba(0,0,0,.18);
}
.guided-product-header .file:hover { background: #2b9af1; }
.dot { background: #55b7e9; border-radius: 2px; }
.btn-primary,
.file,
.primary {
  background: var(--guided-primary-blue);
  color: #fff;
  border-radius: var(--guided-radius-sm);
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
.btn-primary:hover,
.file:hover,
.primary:hover { background: var(--guided-primary-hover); }

.sheet-tag,
.eyebrow { color: var(--guided-primary-blue); }
.projects-head h1 { color: var(--guided-header-navy); }
.lede,
.muted { color: var(--guided-text-secondary); }
.drop {
  color: var(--guided-text-secondary);
  border-color: #9fb5c8;
  background: #f6fbff;
  border-radius: var(--guided-radius-lg);
}
.drop strong { color: var(--guided-primary-blue); }
.drop.over { color: var(--guided-primary-blue); border-color: var(--guided-primary-blue); background: #edf7ff; }
.card {
  background: var(--guided-surface);
  border-color: var(--guided-border);
  border-radius: var(--guided-radius);
  box-shadow: var(--guided-shadow-sm);
}
.card:hover { border-color: var(--guided-primary-blue); box-shadow: var(--guided-shadow); }

.ghost,
.board-bar button,
.intelligence-tools button,
.member-final-actions button,
.manual-row-edit,
.view-tabs button {
  color: var(--guided-text);
  background: var(--guided-surface);
  border-color: var(--guided-border);
  border-radius: var(--guided-radius-sm);
}
.ghost:hover,
.board-bar button:hover,
.intelligence-tools button:hover,
.member-final-actions button:hover,
.manual-row-edit:hover {
  color: var(--guided-primary-blue);
  border-color: var(--guided-primary-blue);
  background: #f3f8fc;
}
button:disabled,
.board-bar button:disabled { color: var(--guided-text-muted); background: #eef2f6; }
.board-bar button.on,
.view-tabs button.on,
.intelligence-tabs button.on {
  color: #fff;
  background: var(--guided-primary-blue);
  border-color: var(--guided-primary-blue);
}

.work-bar,
.workflow-panel,
.kpis,
.board-bar,
.side,
.intelligence-panel,
.group-h,
.final-takeoff-editor,
.member-section-picker,
.drawing-context-menu,
.busy-card {
  background: var(--guided-surface);
  border-color: var(--guided-border);
}
.work-bar { box-shadow: var(--guided-shadow-sm); }
.workflow-panel { box-shadow: var(--guided-shadow-sm); }
.workflow-panel.current { border-left-color: var(--guided-primary-blue); }
.workflow-panel.blocked { border-left-color: var(--guided-review); }
.workflow-panel.complete { border-left-color: var(--guided-success); }
.workflow-panel h3,
.workflow-metrics b,
.kpis b { color: var(--guided-header-navy); }
.kpis { border-color: var(--guided-border); }
.steps li { border-radius: var(--guided-radius-sm); }
.steps li.current { color: #fff; background: var(--guided-primary-blue); border-color: var(--guided-primary-blue); }
.steps li.available { color: var(--guided-text-secondary); }
.steps li.blocked { color: var(--guided-text-muted); background: #edf1f5; }

.work-bar select,
.board-bar select,
.filters select,
.filters input,
.editor input,
.editor select,
.unit-settings,
.intelligence-tools input,
.final-takeoff-head-actions select,
.final-takeoff-tools input,
.final-takeoff-tools select,
.final-takeoff-editor input,
.final-takeoff-editor select,
.member-section-picker input,
.member-mark-tools select {
  color: var(--guided-text);
  background: var(--guided-surface);
  border-color: var(--guided-border);
}
.unit-settings:hover { color: var(--guided-primary-blue); border-color: var(--guided-primary-blue); }
.unit-modal { background: rgba(16,42,67,.42); }
.unit-modal-card { background: var(--guided-surface); border-color: var(--guided-border); box-shadow: var(--guided-shadow); }
.unit-option { background: var(--guided-surface-muted); border-color: var(--guided-border); }
.unit-option:has(input:checked) { background: #edf7ff; border-color: var(--guided-primary-blue); }

.workspace { background: var(--guided-border); }
.board { background: var(--guided-surface-muted); }
.board-bar { border-bottom-color: var(--guided-border); }
.thumbs { background: #eef3f7; border-color: var(--guided-border); }
.thumbs button { background: var(--guided-surface); border-color: transparent; border-radius: var(--guided-radius-sm); }
.thumbs button.on { border-color: var(--guided-primary-blue); }
/* Deliberately no rules for #wrap, canvas geometry, transforms, or engineering overlay colors. */
.legend { background: var(--guided-surface); color: var(--guided-text-secondary); border-color: var(--guided-border); }

.side { box-shadow: -2px 0 10px rgba(16,42,67,.06); }
.tabs { border-color: var(--guided-border); }
.tabs button { color: var(--guided-text-secondary); }
.tabs button.on { color: var(--guided-primary-blue); border-bottom-color: var(--guided-primary-blue); }
.bom-head,
.bom-row,
.det-row,
.member-mark-tools,
.member-finalization-head { border-color: var(--guided-border); }
.bom-row:hover,
.det-row:hover,
.intelligence-row:hover,
.final-takeoff-row:hover { background: #f1f6fa; }
.bom-row.sel,
.det-row.sel,
.intelligence-row.sel { background: #e8f2fa; outline-color: var(--guided-primary-blue); }
.member-finalization-row .member-no { color: var(--guided-primary-blue); }
.member-drawing-mark { color: var(--guided-text-secondary); }
.member-measurement-group { color: #405f78; background: #edf4f9; border-left-color: #6d95b5; }
.member-confirm-toggle.confirmed { color: var(--guided-success); background: var(--guided-success-bg); }
.member-confirm-toggle.needs-review { color: var(--guided-review); background: var(--guided-review-bg); }
.member-row-menu summary { color: var(--guided-text-secondary); }
.member-row-menu summary:hover { color: var(--guided-primary-blue); border-color: var(--guided-primary-blue); }
.member-row-menu-options { background: var(--guided-surface); border-color: var(--guided-border); box-shadow: var(--guided-shadow); }
.member-row-menu-options button { color: var(--guided-text); }
.member-row-menu-options button:hover { color: var(--guided-primary-blue); background: #eef5fa; }
.member-row-menu-options button.danger { color: var(--guided-danger); }
.member-section-option { color: var(--guided-text); }
.member-section-select,
.member-confirm-toggle,
.member-row-menu summary {
  color: var(--guided-text);
  background: var(--guided-surface-muted);
  border-color: var(--guided-border);
}
.member-section-select:hover,
.member-section-select:focus { color: var(--guided-primary-blue); border-color: var(--guided-primary-blue); }
.member-section-option:hover,
.member-section-option.current { background: #edf5fb; }

#connection-panel,
#misc-panel { background: var(--guided-surface); border-color: var(--guided-border); }
#connection-panel summary,
#misc-panel summary { color: var(--guided-header-navy); }
#connection-list button,
#misc-list button { color: var(--guided-text); background: var(--guided-surface-muted); border-color: var(--guided-border); }
#connection-list button:hover,
#misc-list button:hover { background: #edf5fb; border-color: var(--guided-primary-blue); }
#connection-list button[aria-current="true"] { color: var(--guided-primary-blue); background: #e8f2fa; border-color: var(--guided-primary-blue); }
#connection-editor fieldset,
.connection-ai { border-color: var(--guided-border); background: var(--guided-surface-muted); }
#connection-source,
.connection-empty { color: var(--guided-text-muted); }
.connection-candidate-note { color: var(--guided-review); }
#misc-editor .misc-missing { border-color: var(--guided-review); background: var(--guided-review-bg); }
.misc-field-source { color: var(--guided-text-secondary); }
.guided-calibration { border-left-color: var(--guided-primary-blue); background: var(--guided-surface); }
.guided-candidates button { color: var(--guided-primary-blue); background: #edf5fb; border-color: #a9c6dc; }

.intelligence-toggle { color: var(--guided-text-secondary); background: var(--guided-surface-muted); }
.intelligence-panel:not(.collapsed) .intelligence-toggle { color: var(--guided-primary-blue); }
.intelligence-tabs button { color: var(--guided-text-secondary); background: var(--guided-surface-muted); border-color: var(--guided-border); }
.intelligence-row strong,
.final-editor-title strong { color: var(--guided-text); }
.st.trusted,
.st.confirmed,
.st.manual_confirmed,
.st.finalized { color: var(--guided-success); }
.st.needs_review,
.st.calculated { color: var(--guided-review); }
.st.rejected,
.takeoff-error { color: var(--guided-danger); }
.st.user_verified,
.st.ready { color: var(--guided-primary-blue); }

.member-chip {
  color: var(--guided-text);
  background: rgba(255,255,255,.96);
  border-color: var(--guided-border);
  box-shadow: var(--guided-shadow);
}
.member-chip .chip-section { color: var(--guided-header-navy); }
.member-chip .chip-badge.conf,
.member-chip .chip-badge.st-trusted { color: var(--guided-success); background: var(--guided-success-bg); }
.member-chip .chip-badge.kind { color: var(--guided-primary-blue); background: #e8f2fa; }
.member-chip .chip-badge.st-needs_review { color: var(--guided-review); background: var(--guided-review-bg); }
.member-chip .chip-meta { color: var(--guided-text-secondary); }

.busy { background: rgba(16,42,67,.42); }
.progress-wrap { background: #e3eaf0; }
.progress-bar { background: var(--guided-primary-blue); }

/* Final Takeoff reuses the same tokens without changing its dense table geometry. */
.takeoff-header { background: var(--guided-header-navy); border-color: rgba(255,255,255,.16); box-shadow: var(--guided-shadow-sm); }
.takeoff-header h1 { color: #fff; }
.takeoff-header .muted { color: #c1d0dd; }
.takeoff-header .eyebrow { color: #75c4ed; }
.takeoff-header .ghost { color: #eef6fc; background: transparent; border-color: #668198; }
.takeoff-header .ghost:hover { color: #fff; border-color: #fff; background: rgba(255,255,255,.08); }
.takeoff-shell { color: var(--guided-text); }
.summary-grid article,
.meta-grid article,
.notice,
.table-card,
.pending-card,
.category-grid article,
.bom-drilldown {
  background: var(--guided-surface);
  border-color: var(--guided-border);
  border-radius: var(--guided-radius);
  box-shadow: var(--guided-shadow-sm);
}
.summary-grid strong,
.meta-grid strong,
.category-grid strong,
.table-head h2,
.pending-card h2,
.bom-toolbar h2 { color: var(--guided-header-navy); }
.notice.warning { color: var(--guided-review); border-color: #e7c77d; background: var(--guided-review-bg); }
.notice.error { color: var(--guided-danger); border-color: #e7aaa6; background: #fff1f0; }
.view-tabs button.on { color: #fff; }
.takeoff-row-item,
.pending-list div,
th,
td { border-color: var(--guided-border); }
.takeoff-row-item input,
td input {
  color: var(--guided-text);
  background: var(--guided-surface);
  border-color: #b9c7d4;
}
.takeoff-row-item output,
.pending-list strong,
.pending-list em,
.pending-card summary { color: var(--guided-text); }
td code { color: #46647d; }
.bom-row:hover,
.bom-row:focus { background: #edf5fb; outline-color: var(--guided-primary-blue); }
.drilldown-close { color: var(--guided-text); }
.row-status { color: var(--guided-success); }
.row-status.incomplete { color: var(--guided-review); }
.row-status.edited { color: var(--guided-ai); }

/* Status semantics and secondary editors use readable tints on light surfaces. */
.pill.ready { color: var(--guided-success); background: var(--guided-success-bg); border-color: #a2ccb6; }
.pill.processing { color: var(--guided-review); background: var(--guided-review-bg); border-color: #e7c77d; }
.pill.error { color: var(--guided-danger); background: #fff1f0; border-color: #e7aaa6; }
.steps li.complete { color: var(--guided-success); }
.workflow-panel button,
#connection-panel button,
#misc-panel button,
.manual-card-actions button,
.auto-measure-actions button {
  color: var(--guided-primary-blue);
  background: var(--guided-surface-muted);
  border-color: var(--guided-border);
}
.workflow-panel .btn-primary { color: #fff; background: var(--guided-primary-blue); }
.workflow-panel button:hover,
#connection-panel button:hover,
#misc-panel button:hover { background: #e8f2fa; border-color: var(--guided-primary-blue); }
.workflow-panel .btn-primary:hover { background: var(--guided-primary-hover); }
.board-bar #proceed-takeoff:not(:disabled),
#connection-confirm,
#misc-confirm,
#finalize { color: #fff; background: var(--guided-success); border-color: var(--guided-success); }
.board-bar #proceed-takeoff:not(:disabled):hover,
#finalize:hover { background: #1b6947; }
button.danger,
.manual-card-actions button.danger,
.auto-measure-actions button.danger { color: var(--guided-danger); background: #fff1f0; border-color: #e7aaa6; }
button.danger:hover { color: #fff; background: var(--guided-danger); }
.manual-member-card,
.auto-measure-card,
.repeat-indicator {
  color: var(--guided-text);
  background: rgba(255,255,255,.97);
  border-color: var(--guided-border);
  box-shadow: var(--guided-shadow);
}
.manual-member-card input,
.manual-member-card select,
.manual-measure-calibration select,
.auto-measure-card select,
.auto-measure-card input,
#connection-editor input,
#connection-editor select,
#connection-editor textarea,
#misc-editor input,
#misc-editor select { color: var(--guided-text); background: var(--guided-surface); border-color: var(--guided-border); }
.manual-card-head strong,
.auto-measure-card-head strong,
.repeat-indicator strong { color: var(--guided-text); }
.manual-ocr-meta,
.manual-ocr-raw,
.manual-measure-member,
.manual-measure-calibration,
.auto-measure-meta,
.auto-measure-source { color: var(--guided-text-secondary); }
.member-chip .chip-badge.st-unmeasured { color: var(--guided-text-secondary); background: #edf1f5; }
.connection-ai-badge { color: var(--guided-ai); background: #f2eefb; }
.status,
.notice strong { color: var(--guided-success); }
.status.needs-input { color: var(--guided-review); }
.export { background: var(--guided-surface); border-color: var(--guided-border); }
.export a { color: var(--guided-primary-blue); }
#member-final-takeoff { color: #fff; background: var(--guided-primary-blue); border-color: var(--guided-primary-blue); }
#member-final-takeoff:hover { background: var(--guided-primary-hover); }

/* G2 left workflow navigation. The shell stays outside the existing workspace geometry. */
.guided-shell-body {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  flex: 1;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}
body.guided-nav-collapsed .guided-shell-body,
body.guided-focus-mode .guided-shell-body {
  grid-template-columns: 58px minmax(0, 1fr);
}
.guided-shell-main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.guided-shell-main > .screen { flex: 1; min-width: 0; min-height: 0; }
.guided-workflow-nav {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  color: #dbe9f5;
  background: linear-gradient(180deg, #102a43 0%, #0b2236 100%);
  border-right: 1px solid rgba(255,255,255,.08);
  box-shadow: 3px 0 12px rgba(16,42,67,.12);
  overflow: hidden;
  z-index: 3;
}
.guided-workflow-nav-head {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.guided-panel-toggle,
.guided-side-toggle,
.guided-progress-toggle {
  display: inline-grid;
  place-items: center;
  border: 1px solid rgba(139, 170, 198, .55);
  border-radius: 5px;
  background: rgba(255,255,255,.08);
  color: inherit;
  cursor: pointer;
}
.guided-panel-toggle {
  width: 25px;
  height: 25px;
  margin-left: auto;
  color: #dbe9f5;
}
body.guided-nav-collapsed .guided-workflow-nav-head {
  justify-content: center;
  padding-inline: 7px;
}
body.guided-nav-collapsed .guided-workflow-nav-head strong,
body.guided-nav-collapsed .guided-workflow-nav-label {
  display: none;
}
body.guided-nav-collapsed .guided-panel-toggle {
  position: absolute;
  top: 9px;
  right: 5px;
  width: 18px;
  height: 24px;
  margin-left: 0;
  font-size: 14px;
}
.guided-workflow-nav-mark {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 6px;
  color: #fff;
  background: #1688e7;
  font-weight: 800;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.guided-workflow-nav-head strong { color: #fff; font-size: 15px; }
.guided-workflow-nav-items {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 9px 14px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #49657e transparent;
}
.guided-workflow-nav-item {
  display: flex;
  align-items: center;
  gap: 11px;
  width: 100%;
  min-height: 39px;
  padding: 7px 10px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #d5e3ef;
  background: transparent;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}
.guided-workflow-nav-item:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
}
.guided-workflow-nav-item[aria-current="page"] {
  color: #fff;
  background: linear-gradient(90deg, #0878e5, #1d8cf0);
  border-color: rgba(123,194,255,.52);
  box-shadow: 0 3px 10px rgba(1,104,206,.3);
}
.guided-workflow-nav-item:disabled {
  color: #71879a;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  cursor: not-allowed;
  opacity: .68;
}
.guided-workflow-nav-icon {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  border: 1px solid rgba(207,228,245,.44);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
body.guided-nav-collapsed .guided-workflow-nav-items {
  padding-inline: 6px;
}
body.guided-nav-collapsed .guided-workflow-nav-item {
  justify-content: center;
  padding-inline: 5px;
}
body.guided-nav-collapsed .guided-workflow-nav-icon {
  width: 28px;
  height: 28px;
  flex-basis: 28px;
}
.guided-workflow-nav-item[aria-current="page"] .guided-workflow-nav-icon { border-color: rgba(255,255,255,.78); }
.guided-workflow-nav-divider {
  height: 1px;
  margin: 5px 7px;
  background: rgba(255,255,255,.09);
}
.guided-nav-target {
  animation: guided-nav-target 1.15s ease-out;
}
@keyframes guided-nav-target {
  0%, 40% { box-shadow: 0 0 0 3px rgba(23,105,170,.25); }
  100% { box-shadow: none; }
}

/* G1 product-shell breakpoints keep the operational workspace height and controls usable. */
@media (max-width: 1500px) {
  .guided-product-header { gap: 18px; }
  .guided-brand-cluster { gap: 8px; }
  .guided-brand-copy small { display: none; }
  .guided-workflow-identity span { display: none; }
  .guided-process-summary { font-size: 8px; padding-inline: 8px; }
  .guided-shell-body { grid-template-columns: 68px minmax(0, 1fr); }
  .guided-workflow-nav-head { justify-content: center; padding-inline: 8px; }
  .guided-workflow-nav-head strong,
  .guided-workflow-nav-label { display: none; }
  .guided-workflow-nav-items { padding-inline: 7px; }
  .guided-workflow-nav-item { justify-content: center; padding-inline: 6px; }
  .guided-workflow-nav-icon { width: 28px; height: 28px; flex-basis: 28px; }
}

@media (max-width: 1180px) {
  .guided-process-summary { display: none; }
  .guided-workflow-identity { justify-items: start; text-align: left; }
}

@media (max-width: 820px) {
  .guided-product-header { min-height: 56px; padding-block: 5px; }
  .guided-logo-mark { width: 34px; height: 34px; flex-basis: 34px; font-size: 19px; }
  .guided-brand-copy strong { font-size: 19px; }
  .guided-workflow-identity { display: none; }
  .guided-brand-cluster { flex: 1 1 auto; }
}

@media (max-width: 560px) {
  .guided-brand-copy { display: none; }
  .guided-product-header .nav-link { padding-inline: 6px; }
  .guided-product-header .file { padding: 9px 10px; font-size: 10px; }
  .guided-shell-body { grid-template-columns: 56px minmax(0, 1fr); }
  .guided-workflow-nav-head { min-height: 46px; }
  .guided-workflow-nav-mark { width: 26px; height: 26px; flex-basis: 26px; }
  .guided-workflow-nav-items { padding-inline: 5px; }
  .guided-workflow-nav-item { min-height: 36px; }
}

/* G3 center drawing shell: presentation only; viewer transforms remain in app.js. */
#screen-workspace .work-bar {
  gap: 8px;
  padding: 6px 10px;
  background: #f5f9fd;
  box-shadow: none;
}
.guided-document-tab {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 1 280px;
  min-width: 0;
  max-width: 460px;
  min-height: 34px;
  padding: 0 8px;
  border: 1px solid #cbdff1;
  border-radius: 7px 7px 3px 3px;
  background: var(--guided-surface);
  box-shadow: 0 2px 4px rgba(16,42,67,.04);
}
.guided-document-icon {
  width: 17px;
  height: 21px;
  flex: 0 0 17px;
  fill: none;
  stroke: var(--guided-primary-blue);
  stroke-width: 1.5;
  stroke-linejoin: round;
  stroke-linecap: round;
}
#screen-workspace .guided-document-tab #job {
  width: 100%;
  min-width: 0;
  padding: 7px 2px;
  border: 0;
  border-radius: 0;
  color: var(--guided-header-navy);
  background: transparent;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
}
.guided-document-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex-wrap: wrap;
}
#screen-workspace .work-bar #back { padding: 6px 8px; font-size: 11px; }
#screen-workspace .work-bar .pill { font-size: 9px; }
#screen-workspace .unit-settings { font-size: 10px; padding: 5px 7px; }
#screen-workspace .workflow-steps { margin-left: auto; gap: 4px; }
#screen-workspace .workflow-steps li { font-size: 9px; padding: 4px 6px; }
#screen-workspace .workflow-panel {
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 6px 10px;
  padding: 6px 10px;
  box-shadow: none;
}
#screen-workspace .workflow-panel > div:first-child {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 10px;
  min-width: 0;
}
#screen-workspace .workflow-panel h3 { margin: 0; font-size: 12px; }
#screen-workspace .workflow-panel p { margin: 0; font-size: 11px; line-height: 1.45; }
#screen-workspace .workflow-panel p:not(.sheet-tag) { flex: 1 1 350px; }
#screen-workspace .workflow-panel .sheet-tag { font-size: 9px; }
#screen-workspace .workflow-panel .workflow-error { flex-basis: 100%; }
#screen-workspace .workflow-panel button { padding: 5px 8px; font-size: 10px; }
#screen-workspace .workflow-metrics span { padding: 3px 5px; font-size: 10px; }
#screen-workspace .kpis { gap: 5px; padding: 4px 10px; flex-wrap: wrap; }
#screen-workspace .kpis span { padding: 3px 7px; font-size: 10px; border-radius: 4px; }
#screen-workspace .kpis b { font-size: 13px; margin-right: 4px; }
#screen-workspace .board {
  margin: 8px 8px 8px 10px;
  border: 1px solid #cbddeb;
  border-radius: 9px;
  background: #eef4f9;
  box-shadow: 0 3px 12px rgba(16,42,67,.07);
  overflow: hidden;
}
#screen-workspace .board-bar {
  position: sticky;
  top: 0;
  z-index: 16;
  flex: 0 0 auto;
  gap: 6px 10px;
  padding: 7px 8px 5px;
  background: var(--guided-surface);
  box-shadow: 0 3px 10px rgba(16,42,67,.08);
}
.guided-tool-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}
.guided-tool-group + .guided-tool-group { border-left: 1px solid var(--guided-border); padding-left: 10px; }
#screen-workspace .board-bar button { padding: 5px 7px; font-size: 11px; white-space: nowrap; }
#screen-workspace .board-bar .page-label { display: flex; align-items: center; gap: 5px; font-size: 11px; }
#screen-workspace .board-bar select { padding: 4px 5px; font-size: 11px; }
#screen-workspace .board-bar #zoom-in,
#screen-workspace .board-bar #zoom-out { min-width: 27px; font-size: 14px; padding: 3px 5px; }
.guided-focus-toggle {
  color: #fff !important;
  background: #0b71d9 !important;
  border-color: #0b71d9 !important;
  font-weight: 800;
  box-shadow: 0 2px 6px rgba(11,113,217,.22);
}
body.guided-focus-mode .guided-focus-toggle {
  background: #103b67 !important;
  border-color: #103b67 !important;
}
.guided-grouping-btn {
  color: #075fc7 !important;
  border-color: #b7d5f0 !important;
  background: #eef7ff !important;
}
.guided-visibility-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 12px;
  flex: 1 0 100%;
  min-width: 0;
  padding-top: 4px;
  border-top: 1px solid #edf2f7;
}
#screen-workspace .guided-visibility-tools .check,
#screen-workspace .guided-visibility-tools .muted { font-size: 10px; }
#screen-workspace #coord { margin-left: auto; font-variant-numeric: tabular-nums; }
#screen-workspace #drawing-group-actions:not(.hidden) { flex-basis: 100%; font-size: 11px; }
#screen-workspace .thumbs { gap: 5px; padding: 4px 8px; border-bottom: 1px solid var(--guided-border); }
#screen-workspace .thumbs button { border: 1px solid #d0dce7; border-radius: 4px; overflow: hidden; opacity: .75; }
#screen-workspace .thumbs button:hover { opacity: 1; }
#screen-workspace .thumbs button.on { opacity: 1; border-color: var(--guided-primary-blue); box-shadow: 0 0 0 1px var(--guided-primary-blue); }
#screen-workspace .thumbs img { height: 36px; }
#screen-workspace .legend { gap: 4px 10px; padding: 5px 8px; font-size: 10px; line-height: 1.4; }
#screen-workspace .legend > span { white-space: nowrap; }
.guided-current-target {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  width: min(280px, calc(100% - 32px));
  padding: 10px 12px;
  border: 1px solid #b4d4f4;
  border-radius: 8px;
  color: var(--guided-header-navy);
  background: rgba(255,255,255,.97);
  box-shadow: 0 5px 16px rgba(16,42,67,.14);
  pointer-events: none;
}
@media (max-width: 1500px) {
  #screen-workspace .guided-document-tab { max-width: 360px; }
  #screen-workspace .board-bar { gap: 5px 7px; }
  #screen-workspace .board-bar button { font-size: 10px; padding-inline: 6px; }
  .guided-tool-group + .guided-tool-group { padding-left: 7px; }
}
@media (max-width: 980px) {
  #screen-workspace .workflow-panel { grid-template-columns: minmax(0, 1fr); }
  #screen-workspace .workflow-steps { flex-wrap: wrap; }
  #screen-workspace .board { margin-inline: 6px; }
}

/* G4: read-only guided decision shell. Engineering actions remain owned by existing controls. */
.guided-review-panel {
  flex: 0 0 auto;
  margin: 0 0 8px;
  border: 1px solid #c9dced;
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(16,42,67,.07);
  overflow: hidden;
}
.guided-review-panel > summary {
  list-style: none;
  position: relative;
  padding: 11px 34px 11px 16px;
  color: var(--guided-header-navy);
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  border-left: 4px solid var(--guided-primary-blue);
}
.guided-review-panel > summary::-webkit-details-marker { display: none; }
.guided-review-panel > summary::after {
  content: "⌃";
  position: absolute;
  right: 13px;
  color: #5c7690;
}
.guided-review-panel:not([open]) > summary::after { content: "⌄"; }
.guided-review-body {
  max-height: min(42vh, 410px);
  overflow: auto;
  padding: 0 10px 10px;
  border-top: 1px solid #e5edf4;
}
.guided-review-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 0;
  color: #506a83;
  font-size: 10px;
}
.guided-review-context button { padding: 4px 7px; color: #075fc7; background: #eef7ff; border-color: #bcd9f4; font-size: 10px; }
.guided-review-card { display: grid; grid-template-columns: auto 1fr; gap: 3px 8px; }
.guided-review-kind {
  align-self: center;
  padding: 3px 6px;
  color: #075fc7;
  background: #eaf4ff;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .05em;
}
.guided-review-card h3 { margin: 2px 0; color: #102f59; font-size: 15px; }
.guided-review-card > p { grid-column: 1 / -1; margin: 0; color: #47627d; font-size: 11px; line-height: 1.35; }
.guided-review-card > p strong { display: inline-block; min-width: 74px; color: #163a65; }
.guided-review-evidence,
.guided-review-next-step {
  grid-column: 1 / -1;
  margin-top: 6px;
  padding: 8px 9px;
  border: 1px solid #cfe2f4;
  border-radius: 7px;
  background: #f0f7ff;
}
.guided-review-evidence h4 { margin: 0 0 4px; color: #075fc7; font-size: 11px; }
.guided-review-evidence ul { margin: 0; padding-left: 17px; color: #294e74; font-size: 10px; line-height: 1.45; }
.guided-review-next-step p { margin: 0; color: #3a526c; font-size: 10px; line-height: 1.45; }
.guided-review-next-step strong { display: block; color: #153b68; }
.guided-review-progress { padding: 5px 7px; border-radius: 5px; background: #eef8f1; color: #167541 !important; }
.guided-review-card details { grid-column: 1 / -1; border-top: 1px solid #e4edf5; padding-top: 5px; }
.guided-review-card details summary { color: #23517e; font-size: 10px; font-weight: 700; cursor: pointer; }
.guided-review-card details p { margin: 5px 0 0; color: #526b83; font-size: 10px; line-height: 1.4; }
.guided-review-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
.guided-review-actions button { min-width: 0; padding: 6px 5px; color: #214c78; background: #f8fbfe; border-color: #cbdbea; font-size: 10px; }
.guided-review-actions #guided-review-confirm { color: #fff; background: #0a9b56; border-color: #0a9b56; }
.guided-review-actions #guided-review-edit { color: #075fc7; border-color: #1680ef; }
.guided-review-actions button:disabled { color: #92a3b3 !important; background: #edf1f4 !important; border-color: #dce4eb !important; opacity: .75; }
.guided-review-message { min-height: 14px; margin: 6px 0 0; color: #60778d; font-size: 9px; line-height: 1.35; }
.guided-review-empty { padding: 18px 10px; color: #647b91; text-align: center; font-size: 11px; }
.guided-status-stack { display: grid; gap: 6px; margin-top: 6px; }
.guided-status-card {
  border: 1px solid;
  border-radius: 7px;
  overflow: hidden;
}
.guided-status-card > summary {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 7px 8px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.guided-status-card > summary::-webkit-details-marker { display: none; }
.guided-status-card > summary > span:first-child {
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
}
.guided-status-count { margin-left: auto; min-width: 18px; padding: 1px 5px; border-radius: 999px; text-align: center; }
.guided-status-card ul { margin: 0; padding: 0 10px 8px 29px; font-size: 10px; line-height: 1.45; }
.guided-status-success { border-color: #b8dfc9; background: #f3fbf6; color: #176a3d; }
.guided-status-success > summary > span:first-child { background: #14a15c; }
.guided-status-success .guided-status-count { background: #d9f2e3; }
.guided-status-input { border-color: #f0d49b; background: #fff9ed; color: #8a5908; }
.guided-status-input > summary > span:first-child { background: #e69a16; }
.guided-status-input .guided-status-count { background: #fce9bf; }
.guided-progress { flex: 0 0 104px; min-width: 0; padding: 5px 10px 7px; border-top: 1px solid #d4e3ef; background: #f4f9fd; overflow: hidden; }
.guided-progress-context { margin: 0 0 4px; color: #59738a; font-size: 9px; line-height: 12px; }
.guided-progress-stages { display: flex; gap: 7px; height: 76px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding-right: 180px; }
.guided-stage { display: flex; align-items: flex-start; gap: 7px; flex: 1 0 150px; min-width: 0; padding: 7px; text-align: left; border: 1px solid #d5e3ef; border-radius: 7px; background: #fff; color: #173c62; }
.guided-stage-number { display: inline-grid; place-items: center; flex: 0 0 23px; height: 23px; border-radius: 50%; background: #e7eef5; font-size: 12px; font-weight: 800; }
.guided-stage-copy { display: grid; gap: 2px; min-width: 0; }
.guided-stage-copy strong { font-size: 10px; white-space: nowrap; }
.guided-stage-status { font-size: 10px; }
.guided-stage-counts { color: #61788f; font-size: 9px; line-height: 1.2; }
.guided-stage[data-status="Complete"] { border-color: #bde0cd; background: #f2fbf6; }
.guided-stage[data-status="Complete"] .guided-stage-number { background: #d4f0e2; color: #14834a; }
.guided-stage[data-status="Blocked"], .guided-stage[data-status="Needs Review"] { background: #fffaf0; border-color: #ecd6ae; }
.guided-stage.active { border-color: #1685f6; box-shadow: inset 0 0 0 1px #1685f6; background: #f0f8ff; }
.guided-stage.active .guided-stage-number { background: #d5eaff; color: #0769d3; }
.guided-stage:disabled { opacity: .8; cursor: default; }
@media (max-width: 1500px) { .guided-stage { flex-basis: 145px; padding: 5px 6px; } }
@media (max-width: 1500px) {
  .guided-review-body { max-height: min(33vh, 285px); }
  .guided-review-panel > summary { padding-block: 8px; font-size: 13px; }
  .guided-review-evidence, .guided-review-next-step { padding: 6px 7px; }
  .guided-status-card > summary { padding-block: 6px; }
}
@media (max-height: 800px) {
  .guided-review-body { max-height: 245px; }
}

/* G8 navigation targets reuse the existing image transform. */
#guided-member-tools {border-bottom:1px solid #dbe7f1;padding:6px 0;font-size:11px}
#guided-member-tools[hidden], #guided-member-target[hidden] {display:none}
#guided-member-position {margin:4px 0;color:#385575}
#guided-member-upcoming {display:flex;gap:4px;overflow-x:auto;max-width:100%}
#guided-member-upcoming button {flex:0 0 auto;font-size:10px;padding:4px 6px;max-width:190px;white-space:normal}
#guided-member-target {position:absolute;pointer-events:none;z-index:14;border:3px solid #065f36;border-radius:8px;background:#1096500c;box-sizing:border-box;box-shadow:0 0 0 1px #fff9 inset}
#guided-member-target span {position:absolute;bottom:calc(100% + 4px);left:0;background:#065f36;color:white;border-radius:6px;padding:4px 7px;font-size:10px;width:max-content;max-width:min(210px,60vw);box-shadow:0 3px 10px #064e3b30}
#guided-member-target.pulse {animation:guided-member-pulse .65s ease-in-out 4}
@keyframes guided-member-pulse {50% {box-shadow:0 0 0 10px #10965035}}
@media (prefers-reduced-motion:reduce) {#guided-member-target.pulse {animation:none;box-shadow:0 0 0 6px #10965035}}

/* G9 member queue: compact, state-derived, and independent of viewer coordinates. */
#screen-workspace .workspace {
  grid-template-columns: minmax(250px, 310px) minmax(430px, 1.6fr) auto minmax(330px, 390px);
  gap: 0;
  overflow: hidden;
}
body.guided-queue-collapsed #screen-workspace .workspace {
  grid-template-columns: 52px minmax(560px, 1fr) auto minmax(330px, 390px);
}
body.guided-decision-collapsed #screen-workspace .workspace {
  grid-template-columns: minmax(250px, 310px) minmax(560px, 1fr) auto 54px;
}
body.guided-queue-collapsed.guided-decision-collapsed #screen-workspace .workspace {
  grid-template-columns: 52px minmax(620px, 1fr) auto 54px;
}
body.guided-focus-mode #screen-workspace .workspace {
  grid-template-columns: 44px minmax(0, 1fr) 0 50px;
}
.guided-work-queue {
  display: flex; flex-direction: column; min-width: 0; min-height: 0;
  margin: 8px 0 8px 8px; border: 1px solid #c9dced; border-radius: 9px;
  background: #fff; color: #173c62; overflow: hidden;
}
.guided-work-queue > header {display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-bottom:1px solid #dce8f2}
.guided-work-queue h2 {margin:1px 0 0;font-size:14px;color:#102f59}
.guided-work-queue > header button {padding:4px 7px;font-size:10px}
.guided-panel-collapse {
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#174b78;
  background:#eef7ff;
  border-color:#b8d4ec;
  font-weight:800;
}
.guided-toggle-icon {font-size:14px;line-height:1}
.guided-toggle-label {font-size:9px;line-height:1}
.guided-queue-compact {
  display: none;
  margin: 0;
  color: #285273;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}
.guided-queue-filters {display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px 7px;background:#f6faff;border-bottom:1px solid #dce8f2}
.guided-queue-filters label {display:grid;gap:2px;font-size:8px;font-weight:800;text-transform:uppercase;color:#60788e}
.guided-queue-filters select {min-width:0;padding:4px;border:1px solid #c8d9e8;border-radius:4px;background:#fff;color:#173c62;font-size:10px}
.guided-queue-head,.guided-queue-row {display:grid;grid-template-columns:minmax(48px,.7fr) minmax(76px,1.3fr) minmax(68px,.95fr) 38px minmax(70px,.9fr);gap:4px;align-items:center}
.guided-queue-head {padding:5px 7px;color:#60788e;background:#edf5fb;border-bottom:1px solid #d5e4ef;font-size:7px;font-weight:800}
.guided-queue-list {flex:1;min-height:100px;overflow:auto;scrollbar-width:thin}
.guided-queue-list details {border-bottom:1px solid #e3ecf3}
.guided-queue-list summary {padding:6px 8px;background:#f5f9fc;color:#204b77;font-size:10px;font-weight:800;cursor:pointer}
.guided-queue-row {min-height:37px;padding:4px 7px;border-top:1px solid #edf2f6;font-size:9px;cursor:pointer}
.guided-queue-row:hover {background:#f1f8ff}.guided-queue-row.active {background:#e8f3ff;box-shadow:inset 3px 0 #087aff}
.guided-queue-number {display:flex;align-items:center;gap:4px;font-weight:800}.guided-queue-number input{margin:0;width:12px;height:12px}
.guided-queue-row span {min-width:0;overflow:hidden;text-overflow:ellipsis}.guided-queue-row strong,.guided-queue-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.guided-queue-row small{color:#6b8094;font-size:8px}.guided-queue-measure{min-width:0;padding:3px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#0768cf;background:#eff7ff;border-color:#bcd9f4}
.guided-queue-status {padding:2px 4px;border-radius:999px;text-align:center;font-size:7px;font-weight:800;line-height:1.25}
.status-manual_confirmed,.status-group_inherited{color:#087146;background:#dcf4e7}.status-needs_review,.status-conflict{color:#8d5700;background:#fff0c9}.status-unmeasured{color:#526c84;background:#eaf0f5}.status-excluded{color:#8a4350;background:#f7e7ea}
.guided-queue-actions,.guided-group-review {padding:7px;border-top:1px solid #dce8f2;background:#f8fbfe}
.guided-queue-actions p,.guided-group-review p {margin:0 0 5px;font-size:9px;line-height:1.35}.guided-queue-actions>div,.guided-group-actions{display:flex;flex-wrap:wrap;gap:4px}
.guided-queue-actions button,.guided-group-actions button {padding:4px 6px;font-size:8px}.guided-queue-message{min-height:12px;margin-top:5px!important;color:#32638e}.guided-queue-message.error{color:#a23b2e}
.guided-group-review h3 {margin:0 0 5px;font-size:11px}.guided-group-conflict{padding:5px;color:#8d5700;background:#fff3d5;border-radius:4px}.guided-queue-empty{padding:14px;text-align:center;color:#687f94;font-size:10px}
.guided-work-queue.collapsed {
  flex-basis: 52px;
  width: 52px;
  min-width: 52px;
  cursor: pointer;
}
.guided-work-queue.collapsed > :not(header) { display: none; }
.guided-work-queue.collapsed header {
  height: 100%;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 5px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.guided-work-queue.collapsed header div { display: none; }
.guided-work-queue.collapsed .guided-queue-compact {
  display: block;
  max-height: calc(100vh - 210px);
  overflow: hidden;
}
.guided-work-queue.collapsed #guided-queue-toggle {
  writing-mode: horizontal-tb;
  width: 28px;
  height: 28px;
  padding: 0;
}
.guided-work-queue.collapsed #guided-queue-toggle .guided-toggle-label {display:none}
.guided-decision-compact {
  display: none;
}
.side {
  position: relative;
}
.guided-side-toggle {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 18;
  width: auto;
  min-width: 72px;
  height: 32px;
  color: #245277;
  background: #fff;
  border-color: #c8dcec;
  box-shadow: 0 2px 8px rgba(16,42,67,.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-weight: 800;
}
.side.collapsed {
  overflow: hidden;
}
.side.collapsed > :not(.guided-side-toggle):not(.guided-decision-compact) {
  display: none !important;
}
.side.collapsed .guided-decision-compact {
  display: block;
  height: 100%;
  padding: 12px 7px;
  color: #163f68;
  background: #f3f8fd;
  border-left: 1px solid #c9dced;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.side.collapsed .guided-side-toggle {
  right: 9px;
  min-width: 34px;
  width: 34px;
  padding: 0;
}
.side.collapsed .guided-side-toggle .guided-toggle-label {display:none}
.guided-progress {
  position: relative;
}
.guided-progress-toggle {
  position: absolute;
  right: 10px;
  top: 6px;
  z-index: 3;
  width: 26px;
  height: 24px;
  color: #245277;
  background: #fff;
  border-color: #c8dcec;
}
.guided-progress-compact {
  display: none;
}
.guided-progress.collapsed {
  flex-basis: 34px;
  padding: 7px 44px 6px 10px;
}
.guided-progress.collapsed .guided-progress-context,
.guided-progress.collapsed .guided-progress-stages {
  display: none;
}
.guided-progress.collapsed .guided-progress-compact {
  display: block;
  margin: 0;
  color: #234c74;
  font-size: 10px;
  font-weight: 700;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.guided-focus-mode #screen-workspace .workflow-panel,
body.guided-focus-mode #screen-workspace .kpis,
body.guided-focus-mode #screen-workspace .workflow-steps {
  display: none;
}
body.guided-focus-mode #screen-workspace .work-bar {
  min-height: 42px;
}
body.guided-focus-mode #screen-workspace .board {
  margin: 6px;
}
body.guided-focus-mode #screen-workspace .intelligence-panel {
  display: none;
}
@media (max-width:1600px){#screen-workspace .workspace{grid-template-columns:minmax(220px,250px) minmax(390px,1fr) auto minmax(290px,320px)}body.guided-queue-collapsed #screen-workspace .workspace{grid-template-columns:52px minmax(500px,1fr) auto minmax(290px,320px)}body.guided-decision-collapsed #screen-workspace .workspace{grid-template-columns:minmax(220px,250px) minmax(500px,1fr) auto 54px}}
@media (max-width:1400px){#screen-workspace .workspace{grid-template-columns:minmax(190px,210px) minmax(360px,1fr) auto minmax(270px,290px)}.guided-queue-head,.guided-queue-row{grid-template-columns:40px minmax(56px,1.2fr) minmax(52px,.8fr) 25px minmax(54px,.8fr)}.guided-review-body{max-height:230px}body.guided-queue-collapsed #screen-workspace .workspace{grid-template-columns:52px minmax(0,1fr) auto minmax(270px,290px)}body.guided-decision-collapsed #screen-workspace .workspace{grid-template-columns:minmax(190px,210px) minmax(0,1fr) auto 54px}body.guided-queue-collapsed.guided-decision-collapsed #screen-workspace .workspace{grid-template-columns:52px minmax(0,1fr) auto 54px}#screen-workspace .board-bar{gap:4px 6px;padding:6px}#screen-workspace .board-bar button{font-size:9px;padding:5px}.guided-tool-group + .guided-tool-group{padding-left:5px}}
@media (max-width:1100px){#screen-workspace .workspace{grid-template-columns:42px minmax(0,1fr) 0 48px}#screen-workspace .intelligence-panel{display:none}.side{display:flex}.guided-work-queue{margin-left:4px}.guided-product-header .nav-actions{display:none}}

/* Member overlay legend follows the green rendering palette. */
.legend .swatch.member {background:#16834b}
.legend .swatch.sel {background:#065f36}

/* R3 minimal Auto Measurement testing panel */
.r3-auto-measure { margin: 8px 10px; padding: 8px; border: 1px solid #cbd5e1; border-radius: 8px; background: #f8fafc; font-size: 12px; }
.r3-am-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; }
.r3-am-head strong { white-space: nowrap; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #1e293b; }
.r3-am-head button { background: #2563eb; color: #fff; border: 0; border-radius: 6px; padding: 5px 9px; font-weight: 600; cursor: pointer; }
.r3-am-head button:disabled { opacity: .6; cursor: progress; }
.r3-am-status { margin: 6px 0; color: #475569; }
.r3-am-counts { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 6px; }
.r3-am-chip, .r3-am-badge { border-radius: 999px; padding: 1px 7px; font-weight: 700; font-size: 11px; color: #fff; }
.r3-am-chip.r3-am-high, .r3-am-badge.r3-am-high { background: #15803d; }
.r3-am-chip.r3-am-review, .r3-am-badge.r3-am-review { background: #b45309; }
.r3-am-chip.r3-am-no_proposal, .r3-am-badge.r3-am-no_proposal { background: #6b7280; }
.r3-am-chip.r3-am-done { background: #e2e8f0; color: #334155; }
.r3-am-filter { display: flex; align-items: center; gap: 6px; margin-bottom: 6px; color: #475569; }
.r3-am-list { max-height: 280px; overflow-y: auto; display: grid; gap: 4px; }
.r3-am-row { border: 1px solid #e2e8f0; border-left: 4px solid #6b7280; border-radius: 6px; padding: 5px 7px; background: #fff; cursor: pointer; }
.r3-am-row.r3-am-high { border-left-color: #15803d; }
.r3-am-row.r3-am-review { border-left-color: #b45309; }
.r3-am-row.selected { outline: 2px solid #2563eb; }
.r3-am-row.done { opacity: .6; }
.r3-am-row.r3-am-no_proposal p { color: #b91c1c; }
.r3-am-row-head { display: flex; justify-content: space-between; gap: 6px; }
.r3-am-row p { margin: 2px 0 4px; color: #475569; }
.r3-am-actions { display: flex; gap: 4px; flex-wrap: wrap; }
.r3-am-actions button { border: 1px solid #cbd5e1; background: #fff; border-radius: 5px; padding: 2px 6px; font-size: 11px; cursor: pointer; }
.r3-am-empty { color: #64748b; margin: 4px 0; }

/* M1 unified member measurement state tags (compact, never styled as confirmed when a proposal) */
.member-measure-tag { display: inline-block; margin-left: 4px; padding: 0 5px; border-radius: 999px; font-size: 9.5px; font-weight: 700; line-height: 15px; letter-spacing: .02em; white-space: nowrap; vertical-align: middle; }
.member-measure-tag.mm-confirmed { background: #dcfce7; color: #166534; }
.member-measure-tag.mm-inherited { background: #e0e7ff; color: #3730a3; }
.member-measure-tag.mm-conflict { background: #fee2e2; color: #991b1b; }
.member-measure-tag.mm-proposal-high, .member-measure-tag.mm-proposal-review, .member-measure-tag.mm-proposal-no_proposal { background: #fff; border: 1px dashed #2563eb; color: #1e40af; font-weight: 600; }
.member-measure-tag.mm-proposal-review { border-color: #b45309; color: #92400e; }
.member-measure-tag.mm-proposal-no_proposal { border-color: #9ca3af; color: #4b5563; }
.guided-queue-measure.proposal-high, .guided-queue-measure.proposal-review, .guided-queue-measure.proposal-no_proposal { border-style: dashed; font-style: italic; }
.member-measure-tag.mm-alias { background: #f1f5f9; color: #475569; border: 1px solid #cbd5e1; }
.guided-queue-status.status-duplicate { color: #64748b; }