/* BRIX Ferramentas v1.1 · Design system público modular
 * Fontes em assets/src/styles; gerado por scripts/build-public.mjs.
 * BRIX_ASSET_VERSION_MARKER: 1.1.0-operational-ui-20260828
 */
/* source: 00-tokens.css */
:host {
  --brix-font-ui: "Segoe UI Variable", "Segoe UI", Aptos, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --brix-ink: #17231e;
  --brix-ink-soft: #34443d;
  --brix-muted: #66746e;
  --brix-brand: #17694e;
  --brix-brand-strong: #0f513b;
  --brix-brand-soft: #eaf4ef;
  --brix-canvas: #f4f6f5;
  --brix-surface: #ffffff;
  --brix-surface-subtle: #fafbfa;
  --brix-line: #d7dfdb;
  --brix-line-strong: #aab9b2;
  --brix-focus: #1769aa;
  --brix-danger: #b42318;
  --brix-danger-soft: #fff2f0;
  --brix-warning: #8a5311;
  --brix-warning-soft: #fff8e8;
  --brix-success: #166534;
  --brix-success-soft: #edf7ef;
  --brix-shadow: 0 18px 46px rgba(23, 35, 30, .14);
  --brix-radius-xs: 4px;
  --brix-radius-sm: 6px;
  --brix-radius-md: 8px;
  --brix-radius-lg: 12px;
  --brix-max: 1240px;
  color-scheme: light;
}

brix-tools-app { display: block; }

.brix-tools,
.brix-tools *,
.brix-tools *::before,
.brix-tools *::after { box-sizing: border-box; }

.brix-tools {
  min-width: 0;
  container-name: brix-tools;
  container-type: inline-size;
  overflow: visible;
  color: var(--brix-ink);
  background: var(--brix-canvas);
  font-family: var(--brix-font-ui);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.brix-tools :where(h1, h2, h3, h4, p, ul, ol, dl, figure, fieldset) { margin-top: 0; }
.brix-tools :where(button, input, select, textarea) { font: inherit; }
.brix-tools :where(button, input, select, textarea, a) { -webkit-tap-highlight-color: transparent; }
.brix-tools :where(button, [href], input, select, textarea, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--brix-focus) 78%, white);
  outline-offset: 2px;
}
.brix-tools a { color: var(--brix-brand-strong); text-underline-offset: 3px; }
.brix-tools a:hover { text-decoration-thickness: 2px; }
.brix-tools img { display: block; max-width: 100%; }
.brix-tools [hidden] { display: none !important; }

.brix-tools .wrap {
  width: min(calc(100% - 40px), var(--brix-max));
  margin-inline: auto;
}

.brix-tools .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.brix-tools .kicker,
.brix-tools .brix-choice-preview-kicker,
.brix-tools .brix-reading-kicker,
.brix-tools .lead-capture-kicker {
  display: block;
  color: var(--brix-brand-strong);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: .075em;
  text-transform: uppercase;
}

.brix-tools .field-hint,
.brix-tools .brix-form-intro,
.brix-tools .lead-microcopy,
.brix-tools .field-optional {
  color: var(--brix-muted);
  font-size: 13px;
  line-height: 1.45;
}

.brix-tools ::selection { color: #fff; background: var(--brix-brand); }
body.brix-report-open { overflow: hidden; }

/* source: 10-shell.css */
.brix-tools .brix-appbar {
  color: var(--brix-surface);
  background: #26352f;
  border-bottom: 2px solid var(--brix-brand);
}
.brix-tools .brix-appbar-inner { min-height: 52px; display: flex; align-items: center; }
.brix-tools .brix-app-identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
.brix-tools .brix-app-identity img { width: 25px; height: 25px; object-fit: contain; }
.brix-tools .brix-app-identity div { display: grid; line-height: 1.15; }
.brix-tools .brix-app-identity strong { font-size: 14px; }
.brix-tools .brix-app-identity span { margin-top: 2px; color: #becbc5; font-size: 11px; }

.brix-tools .recovery-banner {
  width: min(calc(100% - 40px), var(--brix-max));
  margin: 12px auto 0;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--brix-ink-soft);
  background: var(--brix-warning-soft);
  border: 1px solid #e7cf9c;
  border-radius: var(--brix-radius-sm);
}
.brix-tools .recovery-banner > div { display: grid; margin-right: auto; }
.brix-tools .recovery-banner strong { color: #6f430d; font-size: 14px; }
.brix-tools .recovery-banner span { color: var(--brix-muted); font-size: 12px; }

.brix-tools .brix-choice-guide { padding-top: clamp(28px, 5vw, 52px); padding-bottom: 48px; }
.brix-tools .brix-choice-head { margin-bottom: 18px; }
.brix-tools .brix-choice-head h1 {
  margin: 0;
  color: var(--brix-ink);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 690;
  letter-spacing: -.03em;
  line-height: 1.12;
}
.brix-tools .brix-choice-head p { margin: 6px 0 0; color: var(--brix-muted); font-size: 15px; }
.brix-tools .brix-choice-panel {
  display: grid;
  grid-template-columns: minmax(320px, .95fr) minmax(360px, 1.05fr);
  overflow: hidden;
  background: var(--brix-surface);
  border: 1px solid var(--brix-line);
  border-radius: var(--brix-radius-md);
}
.brix-tools .brix-choice-list { padding: 8px; background: var(--brix-surface-subtle); border-right: 1px solid var(--brix-line); }
.brix-tools .brix-choice-option {
  width: 100%;
  min-height: 62px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 9px;
  padding: 9px 11px;
  color: var(--brix-ink);
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--brix-radius-sm);
  cursor: pointer;
}
.brix-tools .brix-choice-option + .brix-choice-option { margin-top: 2px; }
.brix-tools .brix-choice-option:hover { background: var(--brix-surface); border-color: var(--brix-line); }
.brix-tools .brix-choice-option.is-active { background: var(--brix-surface); border-color: #8eae9e; }
.brix-tools .brix-choice-index { color: var(--brix-muted); font-size: 11px; font-variant-numeric: tabular-nums; }
.brix-tools .brix-choice-option.is-active .brix-choice-index,
.brix-tools .brix-choice-option.is-active .brix-choice-arrow { color: var(--brix-brand); }
.brix-tools .brix-choice-option-copy { min-width: 0; }
.brix-tools .brix-choice-option-copy strong { display: block; font-size: 15px; line-height: 1.25; }
.brix-tools .brix-choice-option-copy small { display: block; margin-top: 2px; color: var(--brix-muted); font-size: 12px; line-height: 1.3; }
.brix-tools .brix-choice-arrow { justify-self: end; color: var(--brix-muted); font-size: 21px; font-weight: 300; }
.brix-tools .brix-choice-help { width: calc(100% - 8px); margin: 8px 4px 2px; padding: 10px; color: var(--brix-brand-strong); background: transparent; border: 0; text-align: left; cursor: pointer; }
.brix-tools .brix-choice-help strong { text-decoration: underline; text-underline-offset: 3px; }
.brix-tools .brix-choice-preview { display: grid; align-content: center; padding: clamp(30px, 5vw, 58px); background: var(--brix-surface); }
.brix-tools .brix-choice-preview h2 { max-width: 520px; margin: 0 0 9px; font-size: clamp(23px, 2.4vw, 30px); letter-spacing: -.02em; line-height: 1.18; }
.brix-tools .brix-choice-preview p { max-width: 560px; margin: 0; color: var(--brix-muted); font-size: 15px; line-height: 1.55; }
.brix-tools .brix-choice-preview-output { width: 100%; margin: 22px 0 20px; padding-top: 14px; border-top: 1px solid var(--brix-line); }
.brix-tools .brix-choice-preview-output span { display: block; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-choice-preview-output strong { display: block; margin-top: 5px; color: var(--brix-ink-soft); font-size: 14px; font-weight: 650; }

.brix-tools .brix-choice-compact {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(210px, 340px) minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 8px 0;
  border-bottom: 1px solid var(--brix-line);
}
.brix-tools .brix-back-decisions { padding: 8px 0; color: var(--brix-brand-strong); background: transparent; border: 0; font-weight: 670; cursor: pointer; }
.brix-tools .brix-workspace-picker { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 9px; }
.brix-tools .brix-workspace-picker > span { color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-workspace-picker select { min-height: 38px; padding-block: 5px; font-size: 14px; font-weight: 680; }
.brix-tools .brix-persistence-status { justify-self: end; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-persistence-status[data-state="error"],
.brix-tools .brix-persistence-status[data-state="offline"] { color: var(--brix-danger); }

.brix-tools.brix-tool-selected .brix-choice-head,
.brix-tools.brix-tool-selected .brix-choice-panel { display: none; }
.brix-tools.brix-tool-selected .brix-choice-guide { padding-top: 0; padding-bottom: 0; }
.brix-tools.brix-awaiting-choice .brix-session-strip,
.brix-tools.brix-awaiting-choice .brix-tool-stage { display: none; }

.brix-tools .brix-recent-decisions { padding: 0; }
.brix-tools .brix-recent-decisions:not([hidden]) { display: grid; }
.brix-tools .brix-recent-decisions > div > span { color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-recent-decisions strong { display: block; margin-top: 3px; font-size: 20px; }
.brix-tools .brix-recent-decisions p { margin: 4px 0 16px; color: var(--brix-muted); font-size: 14px; }
.brix-tools .brix-recent-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

.brix-tools .brix-memory-prompt {
  margin-top: 16px;
  padding: 14px 16px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  background: var(--brix-surface-subtle);
  border-top: 1px solid var(--brix-line);
}
.brix-tools .brix-memory-prompt:not([hidden]) { display: flex; }
.brix-tools .brix-memory-copy span { color: var(--brix-ink-soft); font-size: 13px; font-weight: 680; }
.brix-tools .brix-memory-copy p { margin: 2px 0 0; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-device-memory { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; }
.brix-tools .brix-device-memory span { display: grid; }
.brix-tools .brix-device-memory small { margin-top: 2px; color: var(--brix-muted); font-size: 11px; }

/* source: 20-controls.css */
.brix-tools button { color: inherit; }
.brix-tools .btn-primary,
.brix-tools .brix-choice-open,
.brix-tools .lead-submit-row button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 18px;
  color: #fff;
  background: var(--brix-brand-strong);
  border: 1px solid var(--brix-brand-strong);
  border-radius: var(--brix-radius-sm);
  font-weight: 720;
  line-height: 1.2;
  cursor: pointer;
}
.brix-tools .btn-primary:hover,
.brix-tools .brix-choice-open:hover,
.brix-tools .lead-submit-row button:hover { background: #0b4230; border-color: #0b4230; }
.brix-tools .btn-primary:disabled,
.brix-tools button:disabled { opacity: .58; cursor: not-allowed; }
.brix-tools .btn-secondary,
.brix-tools .secondary,
.brix-tools .btn-add-row,
.brix-tools .brix-report-button,
.brix-tools .brix-file-action,
.brix-tools [data-report-save] {
  min-height: 40px;
  padding: 0 14px;
  color: var(--brix-brand-strong);
  background: #fff;
  border: 1px solid var(--brix-line-strong);
  border-radius: var(--brix-radius-sm);
  font-weight: 680;
  cursor: pointer;
}
.brix-tools .brix-file-action {
  position: relative;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.brix-tools .brix-file-action input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.brix-tools .brix-file-action:focus-within { outline: 3px solid var(--brix-focus); outline-offset: 2px; }
.brix-tools .brix-import-box { min-width: 0; }
.brix-tools .brix-import-box input[type="file"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: block;
  overflow: hidden;
}
.brix-tools .btn-secondary:hover,
.brix-tools .secondary:hover,
.brix-tools .btn-add-row:hover,
.brix-tools .brix-report-button:hover,
.brix-tools .brix-file-action:hover,
.brix-tools [data-report-save]:hover { background: var(--brix-brand-soft); border-color: #8aab9b; }
.brix-tools .btn-text,
.brix-tools .btn-load-example,
.brix-tools .brix-report-close,
.brix-tools [data-clear-cmv-example] {
  min-height: 40px;
  padding: 0 10px;
  color: var(--brix-brand-strong);
  background: transparent;
  border: 0;
  border-radius: var(--brix-radius-xs);
  font-weight: 670;
  cursor: pointer;
}
.brix-tools .btn-text:hover,
.brix-tools .btn-load-example:hover,
.brix-tools .brix-report-close:hover,
.brix-tools [data-clear-cmv-example]:hover { background: var(--brix-brand-soft); }
.brix-tools .btn-clear-tool.is-confirming { color: #fff; background: var(--brix-danger); }

.brix-tools .field { min-width: 0; }
.brix-tools .field-label,
.brix-tools fieldset > legend {
  display: block;
  margin-bottom: 7px;
  color: var(--brix-ink-soft);
  font-size: 14px;
  font-weight: 680;
  line-height: 1.35;
}
.brix-tools input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.brix-tools select,
.brix-tools textarea {
  width: 100%;
  min-height: 44px;
  padding: 9px 11px;
  color: var(--brix-ink);
  background: #fff;
  border: 1px solid var(--brix-line-strong);
  border-radius: var(--brix-radius-sm);
  box-shadow: inset 0 1px 1px rgba(23,35,30,.025);
}
.brix-tools textarea { min-height: 104px; resize: vertical; }
.brix-tools input::placeholder,
.brix-tools textarea::placeholder { color: #8a9690; opacity: 1; }
.brix-tools input:hover,
.brix-tools select:hover,
.brix-tools textarea:hover { border-color: #83958c; }
.brix-tools input:focus,
.brix-tools select:focus,
.brix-tools textarea:focus { border-color: var(--brix-focus); box-shadow: 0 0 0 1px var(--brix-focus); outline: 0; }
.brix-tools input[aria-invalid="true"],
.brix-tools select[aria-invalid="true"],
.brix-tools textarea[aria-invalid="true"] { border-color: var(--brix-danger); box-shadow: 0 0 0 1px var(--brix-danger); }
.brix-tools input[type="radio"],
.brix-tools input[type="checkbox"] { width: 18px; height: 18px; margin: 2px 0 0; accent-color: var(--brix-brand); flex: 0 0 auto; }
.brix-tools .field-hint { margin-top: 6px; }
.brix-tools .field-error { margin-top: 6px; color: var(--brix-danger); font-size: 13px; font-weight: 650; }

.brix-tools .input-wrap { position: relative; display: flex; align-items: stretch; }
.brix-tools .input-wrap input { min-width: 0; }
.brix-tools .input-wrap.has-prefix input { padding-left: 43px; }
.brix-tools .input-wrap.has-suffix input { padding-right: 52px; }
.brix-tools .input-wrap.wide-suffix input { padding-right: 82px; }
.brix-tools .input-prefix,
.brix-tools .input-suffix-lbl {
  position: absolute;
  z-index: 1;
  inset-block: 1px;
  display: flex;
  align-items: center;
  color: var(--brix-muted);
  background: #f8faf9;
  pointer-events: none;
}
.brix-tools .input-prefix { left: 1px; padding: 0 10px; border-right: 1px solid var(--brix-line); border-radius: 6px 0 0 6px; }
.brix-tools .input-suffix-lbl { right: 1px; padding: 0 10px; border-left: 1px solid var(--brix-line); border-radius: 0 6px 6px 0; }

.brix-tools .fg2,
.brix-tools .fg3,
.brix-tools .fg4 { display: grid; gap: 18px; }
.brix-tools .fg2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.brix-tools .fg3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brix-tools .fg4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.brix-tools .form-card {
  margin-top: 16px;
  padding: 22px;
  background: var(--brix-surface);
  border: 1px solid var(--brix-line);
  border-radius: var(--brix-radius-md);
}
.brix-tools .brix-primary-card { border-color: var(--brix-line-strong); }
.brix-tools .form-card-title { margin-bottom: 17px; color: var(--brix-ink); font-size: 16px; font-weight: 750; }
.brix-tools .form-card-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 17px; }
.brix-tools .form-card-title-row .form-card-title { margin-bottom: 3px; }
.brix-tools .brix-form-intro { margin: 0; max-width: 650px; }
.brix-tools .brix-form-section-title { margin: 21px 0 12px; font-size: 14px; font-weight: 740; }

.brix-tools .brix-advanced-fields {
  margin-top: 16px;
  background: var(--brix-surface);
  border: 1px solid var(--brix-line);
  border-radius: var(--brix-radius-md);
}
.brix-tools .brix-advanced-fields > summary {
  min-height: 66px;
  display: grid;
  align-content: center;
  gap: 2px;
  padding: 13px 48px 13px 20px;
  border-radius: inherit;
  cursor: pointer;
  list-style-position: outside;
}
.brix-tools .brix-advanced-fields > summary:hover { background: var(--brix-surface-subtle); }
.brix-tools .brix-advanced-fields > summary span { font-weight: 720; }
.brix-tools .brix-advanced-fields > summary small { color: var(--brix-muted); font-size: 13px; }
.brix-tools .brix-advanced-content { padding: 20px; border-top: 1px solid var(--brix-line); }

.brix-tools .brix-method-group,
.brix-tools .diag-q { min-width: 0; margin: 18px 0 0; padding: 16px; border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-method-group > legend,
.brix-tools .diag-q > legend { padding: 0 5px; }
.brix-tools .brix-method-options { display: flex; flex-wrap: wrap; gap: 9px 18px; margin-bottom: 15px; }
.brix-tools .brix-method-options label,
.brix-tools .diag-opt {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--brix-ink-soft);
  font-size: 14px;
  cursor: pointer;
}
.brix-tools .brix-method-options-wrap { align-items: stretch; }
.brix-tools .brix-method-selected { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; padding: 10px 12px; background: var(--brix-surface-subtle); border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-method-selected strong { font-size: 14px; }
.brix-tools .brix-demand-method.is-method-committed .brix-method-options { display: none; }
.brix-tools .brix-optional-picker { margin: 0; padding: 0; border: 0; }
.brix-tools .brix-optional-options,
.brix-tools .brix-loss-events { display: flex; flex-wrap: wrap; gap: 9px 18px; }
.brix-tools .brix-optional-options label,
.brix-tools .brix-loss-events label { display: flex; align-items: flex-start; gap: 8px; color: var(--brix-ink-soft); font-size: 14px; cursor: pointer; }
.brix-tools .brix-optional-panel,
.brix-tools .brix-loss-panel { margin-top: 16px; }
.brix-tools .brix-stock-basis { margin-top: 22px; padding-top: 2px; border-top: 1px solid var(--brix-line); }

.brix-tools .ing-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.brix-tools .ing-table th { padding: 9px 8px; color: var(--brix-muted); font-size: 12px; font-weight: 700; text-align: left; border-bottom: 1px solid var(--brix-line); }
.brix-tools .ing-table td { padding: 9px 5px; vertical-align: top; border-bottom: 1px solid #edf1ef; }
.brix-tools .ing-table th:first-child { width: 25%; }
.brix-tools .ing-table th:last-child { width: 44px; }
.brix-tools .ing-table td input,
.brix-tools .ing-table td select { min-height: 40px; padding: 7px 8px; }
.brix-tools .ing-combo { display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 5px; }
.brix-tools .ing-row-summary { display: none; }
.brix-tools .ing-actions { margin-top: 14px; }
.brix-tools .ing-remove { min-width: 38px; min-height: 38px; padding: 0; color: var(--brix-danger); background: transparent; border: 0; border-radius: var(--brix-radius-xs); font-size: 25px; line-height: 1; cursor: pointer; }
.brix-tools .ing-remove:hover { background: var(--brix-danger-soft); }

.brix-tools .brix-example-notice,
.brix-tools .brix-import-result,
.brix-tools .brix-derived-value,
.brix-tools .prefill-notice,
.brix-tools .brix-external-context {
  margin: 12px 0;
  padding: 12px 14px;
  color: var(--brix-ink-soft);
  background: var(--brix-brand-soft);
  border-left: 3px solid var(--brix-brand);
  font-size: 13px;
}
.brix-tools .brix-example-notice { display: flex; align-items: center; gap: 10px; }
.brix-tools .brix-example-notice span { margin-right: auto; }
.brix-tools .brix-import-box,
.brix-tools .brix-barcode-panel { margin-top: 14px; padding: 16px; background: var(--brix-surface-subtle); border: 1px dashed var(--brix-line-strong); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-smart-input { margin-top: 14px; padding: 0; background: transparent; border: 1px solid var(--brix-line-strong); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-smart-input > summary { display: flex; align-items: center; min-height: 46px; padding: 9px 12px; gap: 12px; list-style: none; color: var(--brix-brand-strong); cursor: pointer; }
.brix-tools .brix-smart-input > summary::-webkit-details-marker { display: none; }
.brix-tools .brix-smart-input > summary span { font-size: 14px; font-weight: 720; }
.brix-tools .brix-smart-input > summary small { margin-left: auto; color: var(--brix-muted); font-size: 12px; font-weight: 500; }
.brix-tools .brix-smart-input > summary::after { content: "+"; color: var(--brix-brand); font-size: 20px; font-weight: 500; line-height: 1; }
.brix-tools .brix-smart-input[open] > summary::after { content: "−"; }
.brix-tools .brix-smart-input-content { padding: 13px 14px 14px; border-top: 1px solid var(--brix-line); }
.brix-tools .brix-smart-input-content > p { margin: 0 0 12px; color: var(--brix-muted); font-size: 13px; line-height: 1.5; }
.brix-tools .brix-quick-values { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.brix-tools .brix-quick-values button { min-height: 32px; padding: 0 9px; color: var(--brix-brand-strong); background: var(--brix-brand-soft); border: 1px solid #c4dbd0; border-radius: var(--brix-radius-xs); font-size: 12px; cursor: pointer; }

.brix-tools .brix-import-result:empty,
.brix-tools .brix-derived-value:empty,
.brix-tools .prefill-notice:empty,
.brix-tools .brix-external-context:empty { display: none; }

.brix-tools .form-actions { display: flex; align-items: center; gap: 10px; margin-top: 20px; padding: 18px 0 4px; border-top: 1px solid var(--brix-line); }
.brix-tools .brix-form-feedback { margin: 16px 0 0; }
.brix-tools .calc-error,
.brix-tools .lead-error-summary,
.brix-tools .diag-step-error,
.brix-tools .brix-stale-notice { padding: 12px 14px; color: #7a1f17; background: var(--brix-danger-soft); border: 1px solid #f0b5af; border-radius: var(--brix-radius-sm); font-size: 14px; }
.brix-tools .calc-ok { color: var(--brix-success); background: var(--brix-success-soft); border-color: #b8dbbf; }
.brix-tools .brix-stale-notice { display: grid; gap: 2px; margin-bottom: 14px; color: #6d450d; background: var(--brix-warning-soft); border-color: #ead09c; }

.brix-tools .diag-progress { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; }
.brix-tools .dp-dot { width: 30px; height: 4px; background: var(--brix-line); border-radius: 2px; }
.brix-tools .dp-dot.active { background: var(--brix-brand); }
.brix-tools .dp-label { margin-left: 7px; color: var(--brix-muted); font-size: 13px; }
.brix-tools .diag-step { display: none; }
.brix-tools .diag-step.visible { display: block; }
.brix-tools .diag-opts { display: grid; gap: 8px; }
.brix-tools .diag-opt { padding: 10px; background: #fff; border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .diag-opt:hover,
.brix-tools .diag-opt.selected { border-color: #80aa96; background: var(--brix-brand-soft); }
.brix-tools .diag-step-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 16px; }
.brix-tools .brix-loading { position: relative; }
.brix-tools .brix-loading::before { content: ""; width: 15px; height: 15px; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: brix-spin .7s linear infinite; }
@keyframes brix-spin { to { transform: rotate(360deg); } }

/* source: 30-workspaces.css */
.brix-tools .brix-session-strip {
  margin-top: 12px;
  display: none;
  grid-template-columns: 170px minmax(0, 1fr);
  align-items: stretch;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--brix-line);
  border-radius: var(--brix-radius-sm);
}
.brix-tools.has-brix-result .brix-session-strip { display: grid; }
.brix-tools .brix-session-strip-head { display: grid; align-content: center; padding: 12px 14px; color: var(--brix-surface); background: #31433b; }
.brix-tools .brix-session-strip-head span { font-size: 13px; font-weight: 720; }
.brix-tools .brix-session-strip-head small { margin-top: 2px; color: #c8d3ce; font-size: 11px; }
.brix-tools .brix-panel-body { min-width: 0; display: flex; align-items: stretch; overflow-x: auto; }
.brix-tools .bp-empty { padding: 16px; color: var(--brix-muted); font-size: 13px; }
.brix-tools .bp-focus,
.brix-tools .bp-row { min-width: 170px; display: grid; align-content: center; gap: 2px; padding: 12px 15px; border-right: 1px solid var(--brix-line); }
.brix-tools .bp-focus { min-width: 220px; background: var(--brix-brand-soft); }
.brix-tools .bp-focus span,
.brix-tools .bp-row span { color: var(--brix-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .045em; }
.brix-tools .bp-focus span { color: var(--brix-ink-soft); }
.brix-tools .bp-focus strong,
.brix-tools .bp-row strong { font-size: 13px; }
.brix-tools .bp-focus p { margin: 0; color: var(--brix-brand-strong); font-size: 14px; font-weight: 700; }
.brix-tools .bp-more { align-self: center; padding: 10px 14px; min-width: 160px; }
.brix-tools .bp-more summary { color: var(--brix-brand-strong); font-size: 12px; font-weight: 680; cursor: pointer; }
.brix-tools .bp-more .bp-row { min-width: 0; padding: 8px 0; border: 0; }

.brix-tools .brix-tool-stage { padding: 18px 0 70px; }
.brix-tools .tool { display: none; }
.brix-tools .tool.active {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(300px, .78fr);
  align-items: start;
  gap: 22px;
}
.brix-tools .tool.active:not(.brix-has-result) { grid-template-columns: minmax(0, 900px); }
.brix-tools .entry { min-width: 0; }
.brix-tools .tool-hd { padding: 5px 2px 13px; border-bottom: 1px solid var(--brix-line); }
.brix-tools .tool-hd h2 { margin: 0; color: var(--brix-ink); font-size: clamp(24px, 2.6vw, 31px); font-weight: 690; letter-spacing: -.025em; line-height: 1.14; }
.brix-tools .tool-hd h2:focus-visible { padding-left: 11px; outline: 0; box-shadow: inset 3px 0 0 var(--brix-focus); }
.brix-tools .tool-hd p { max-width: 780px; margin: 8px 0 0; color: var(--brix-muted); font-size: 15px; line-height: 1.55; }
.brix-tools .brix-tool-memory { margin: 12px 0 0; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--brix-surface-subtle); border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-tool-memory > div:first-child { display: grid; min-width: 0; }
.brix-tools .brix-tool-memory span,
.brix-tools .brix-tool-memory small { color: var(--brix-muted); font-size: 11px; }
.brix-tools .brix-tool-memory strong { margin: 2px 0; font-size: 14px; }
.brix-tools .brix-tool-memory > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.brix-tools .reading { min-width: 0; position: sticky; top: 18px; }
.brix-tools .tool:not(.brix-has-result) .reading { display: none; }
.brix-tools .results-panel { min-height: 0; }
.brix-tools .results-panel.visible { background: var(--brix-surface); border: 1px solid var(--brix-line); border-radius: var(--brix-radius-md); }
.brix-tools .results-panel.is-stale { box-shadow: none; }

.brix-tools .lead-capture-box {
  margin-top: 16px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--brix-line);
  border-top: 3px solid var(--brix-brand);
  border-radius: var(--brix-radius-md);
}
.brix-tools .lead-form-header h3 { margin: 6px 0 7px; font-size: 20px; line-height: 1.25; }
.brix-tools .lead-form-header p { margin: 0; color: var(--brix-muted); font-size: 14px; }
.brix-tools .lead-step-title { margin: 18px 0 12px; font-size: 14px; font-weight: 740; }
.brix-tools .lead-required { color: var(--brix-danger); }
.brix-tools .lead-more { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--brix-line); }
.brix-tools .lead-more summary { color: var(--brix-brand-strong); font-weight: 680; cursor: pointer; }
.brix-tools .lead-full-form { margin-top: 14px; }
.brix-tools .lead-consent { display: flex; align-items: flex-start; gap: 9px; margin-top: 15px; color: var(--brix-muted); font-size: 12px; }
.brix-tools .lead-submit-row { display: flex; align-items: center; gap: 12px; margin-top: 17px; }
.brix-tools .lead-submit-msg { color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-hp { position: absolute; left: -9999px; }

.brix-tools .brix-ecosystem-zone { margin-top: 18px; padding: 18px; border-top: 1px solid var(--brix-line); }
.brix-tools .brix-ecosystem-head h3 { margin: 4px 0; font-size: 17px; }
.brix-tools .brix-ecosystem-head p { margin: 0; color: var(--brix-muted); font-size: 13px; }
.brix-tools .brix-ecosystem-grid { display: grid; gap: 9px; margin-top: 13px; }
.brix-tools .brix-ecosystem-card { display: grid; gap: 2px; padding: 12px; color: inherit; text-decoration: none; background: var(--brix-surface-subtle); border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-ecosystem-card:hover { border-color: #91ae9f; background: var(--brix-brand-soft); }
.brix-tools .brix-ecosystem-card span { color: var(--brix-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.brix-tools .brix-ecosystem-card strong { font-size: 14px; }
.brix-tools .brix-ecosystem-card p { margin: 2px 0 0; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-ecosystem-card.is-commerce { border-left: 3px solid #bd7b2b; }

.brix-tools .brix-analytics-control { padding-bottom: 36px; }
.brix-tools .brix-analytics-control details { padding: 14px 16px; color: var(--brix-muted); background: #fff; border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); font-size: 13px; }
.brix-tools .brix-analytics-control summary { color: var(--brix-ink-soft); font-weight: 680; cursor: pointer; }
.brix-tools .brix-analytics-control label { display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; color: var(--brix-ink-soft); }
.brix-tools .brix-analytics-control p { margin: 9px 0 0; }

/* source: 40-results-report.css */
.brix-tools .brix-reading { overflow: hidden; }
.brix-tools .brix-reading-top { padding: 22px; background: #fff; border-bottom: 1px solid var(--brix-line); }
.brix-tools .brix-reading-top .brix-reading-kicker { margin-bottom: 7px; }
.brix-tools .brix-reading-number span { display: block; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-reading-number strong { display: block; margin-top: 3px; color: var(--brix-brand-strong); font-size: clamp(28px, 4vw, 42px); font-weight: 720; letter-spacing: -.035em; line-height: 1.08; overflow-wrap: anywhere; }
.brix-tools .brix-reading-meaning { margin: 12px 0 0; color: var(--brix-ink-soft); font-size: 14px; line-height: 1.55; }
.brix-tools .brix-reading-action { margin: 0; padding: 16px 22px; background: var(--brix-brand-soft); border-bottom: 1px solid #cadeD4; }
.brix-tools .brix-reading-action span { color: var(--brix-brand-strong); font-size: 11px; font-weight: 740; text-transform: uppercase; letter-spacing: .06em; }
.brix-tools .brix-reading-action p { margin: 4px 0 0; color: var(--brix-ink); font-size: 14px; font-weight: 620; }

.brix-tools .brix-decision-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid var(--brix-line); }
.brix-tools .brix-decision-card { min-width: 0; padding: 14px 18px; border-right: 1px solid var(--brix-line); border-top: 1px solid var(--brix-line); }
.brix-tools .brix-decision-card:nth-child(even) { border-right: 0; }
.brix-tools .brix-decision-card span { display: block; color: var(--brix-muted); font-size: 11px; }
.brix-tools .brix-decision-card strong { display: block; margin-top: 3px; color: var(--brix-ink-soft); font-size: 14px; overflow-wrap: anywhere; }
.brix-tools .brix-confidence-line,
.brix-tools .brix-learning-note,
.brix-tools .brix-market-reference { margin: 14px 18px 0; padding: 11px 12px; color: var(--brix-ink-soft); background: var(--brix-surface-subtle); border-left: 3px solid #91aa9e; font-size: 12px; }

.brix-tools .brix-smart-actions { display: flex; flex-wrap: wrap; gap: 8px; padding: 16px 18px; }
.brix-tools .brix-smart-actions button,
.brix-tools .brix-smart-actions a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 12px; color: var(--brix-brand-strong); background: #fff; border: 1px solid var(--brix-line-strong); border-radius: var(--brix-radius-sm); font-size: 13px; font-weight: 680; text-decoration: none; cursor: pointer; }
.brix-tools .brix-smart-actions button:hover,
.brix-tools .brix-smart-actions a:hover { background: var(--brix-brand-soft); border-color: #86a795; }

.brix-tools .brix-result-support { border-top: 1px solid var(--brix-line); }
.brix-tools .brix-result-support > summary { padding: 14px 18px; color: var(--brix-brand-strong); font-size: 13px; font-weight: 700; cursor: pointer; }
.brix-tools .brix-result-support-body { padding: 0 18px 18px; }
.brix-tools .brix-support-section { padding: 14px 0; border-top: 1px solid var(--brix-line); }
.brix-tools .brix-support-section:first-child { border-top: 0; }
.brix-tools .brix-support-section h3,
.brix-tools .brix-support-section h4 { margin: 0 0 6px; font-size: 14px; }
.brix-tools .brix-support-section p,
.brix-tools .brix-support-section li { color: var(--brix-muted); font-size: 12px; }
.brix-tools .brix-support-section ul { margin-bottom: 0; padding-left: 18px; }
.brix-tools .brix-detail-list { display: grid; gap: 0; }
.brix-tools .brix-detail-row { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-bottom: 1px solid #edf1ef; font-size: 12px; }
.brix-tools .brix-detail-row span { color: var(--brix-muted); }
.brix-tools .brix-detail-row strong { text-align: right; }
.brix-tools .brix-plan-content,
.brix-tools .brix-plan-line { color: var(--brix-ink-soft); font-size: 13px; }

.brix-tools .brix-history-comparison { margin: 16px 18px; padding: 13px; background: #f8faf9; border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
.brix-tools .brix-history-comparison > span { color: var(--brix-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.brix-tools .brix-history-comparison p { margin: 5px 0; font-size: 13px; }
.brix-tools .brix-history-comparison small { color: var(--brix-muted); font-size: 11px; }

.brix-tools .brix-report-actions { padding: 0 18px 18px; }
.brix-tools .brix-report-copy { margin: 0 0 10px; color: var(--brix-muted); font-size: 12px; }
.brix-tools .lead-saved-box { padding: 19px; color: var(--brix-ink-soft); background: var(--brix-success-soft); border-top: 1px solid #bddcc4; }
.brix-tools .brix-ticket-head { display: flex; justify-content: space-between; gap: 12px; }
.brix-tools .brix-ticket-code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.brix-tools .brix-ticket-line { display: flex; justify-content: space-between; gap: 14px; padding: 8px 0; border-top: 1px solid #d9e8dc; font-size: 12px; }
.brix-tools .brix-ticket-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.brix-tools .brix-report-modal[hidden] { display: none !important; }
.brix-tools .brix-report-modal {
  position: fixed;
  inset: 0;
  z-index: 999999;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  margin: 0;
  padding: 20px;
  place-items: center;
  color: var(--brix-ink);
  background: transparent;
  border: 0;
}
.brix-tools .brix-report-modal[open] { display: grid; }
.brix-tools .brix-report-modal::backdrop { background: rgba(17, 28, 23, .68); }
.brix-tools .brix-report-modal-card { width: min(1040px, 100%); max-height: calc(100vh - 40px); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden; background: #fff; border: 1px solid var(--brix-line); border-radius: var(--brix-radius-md); box-shadow: 0 26px 70px rgba(0,0,0,.22); }
.brix-tools .brix-report-modal-head { display: flex; justify-content: space-between; gap: 24px; padding: 18px 22px; border-bottom: 1px solid var(--brix-line); }
.brix-tools .brix-report-modal-head > div > span { color: var(--brix-brand-strong); font-size: 11px; font-weight: 750; text-transform: uppercase; letter-spacing: .06em; }
.brix-tools .brix-report-modal-head h2 { margin: 3px 0 4px; font-size: 23px; letter-spacing: -.02em; }
.brix-tools .brix-report-modal-head p { max-width: 720px; margin: 0; color: var(--brix-muted); font-size: 13px; }
.brix-tools .brix-report-close { min-width: 42px; align-self: start; font-size: 24px; }
.brix-tools .brix-report-preview { overflow: auto; padding: 24px; background: #eef2f0; }
.brix-tools .brix-report-modal-actions { display: flex; justify-content: flex-end; align-items: center; gap: 10px; padding: 13px 22px; border-top: 1px solid var(--brix-line); }

.brix-tools .brx-report-sheet { max-width: 760px; margin: 0 auto; padding: 44px; color: #25372f; background: #fff; box-shadow: 0 8px 28px rgba(23,35,30,.1); font-family: var(--brix-font-ui); }
.brix-tools .brx-report-sheet h1,
.brix-tools .brx-report-sheet h2,
.brix-tools .brx-report-sheet h3 { font-family: Georgia, "Times New Roman", serif; font-weight: 600; }
.brix-tools .brx-report-header { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 22px; border-bottom: 2px solid var(--brix-brand-strong); }
.brix-tools .brx-report-header > div { display: grid; }
.brix-tools .brx-report-header > div:last-child { color: var(--brix-muted); font-size: 11px; text-align: right; }
.brix-tools .brx-report-identity { padding: 28px 0 20px; }
.brix-tools .brx-report-identity > span,
.brix-tools .brx-report-section-head > span,
.brix-tools .brx-report-action > span,
.brix-tools .brx-report-decision > span,
.brix-tools .brx-report-why > div > span { color: var(--brix-brand-strong); font-size: 10px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; }
.brix-tools .brx-report-identity h1 { margin: 4px 0 5px; font-size: 29px; line-height: 1.12; }
.brix-tools .brx-report-identity p { margin: 0; color: var(--brix-muted); font-size: 12px; }
.brix-tools .brx-report-decision { padding: 22px 0; border-block: 1px solid var(--brix-line); }
.brix-tools .brx-report-decision strong { display: block; margin: 4px 0; color: var(--brix-brand-strong); font-size: 33px; line-height: 1.1; }
.brix-tools .brx-report-decision p { margin: 0; font-size: 13px; }
.brix-tools .brx-report-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--brix-line); }
.brix-tools .brx-report-metrics > div { padding: 14px 12px 14px 0; }
.brix-tools .brx-report-metrics span { display: block; color: var(--brix-muted); font-size: 10px; }
.brix-tools .brx-report-metrics strong { display: block; margin-top: 2px; font-size: 13px; }
.brix-tools .brx-report-action { margin: 22px 0; padding: 18px; background: var(--brix-brand-soft); border-left: 3px solid var(--brix-brand); }
.brix-tools .brx-report-action h2 { margin: 4px 0 0; font-size: 19px; line-height: 1.3; }
.brix-tools .brx-report-why { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; padding: 20px 0; border-top: 1px solid var(--brix-line); }
.brix-tools .brx-report-why h3 { margin: 4px 0 0; font-size: 17px; }
.brix-tools .brx-report-why ul { margin: 0; padding-left: 18px; font-size: 12px; }
.brix-tools .brx-report-section { padding: 20px 0; border-top: 1px solid var(--brix-line); }
.brix-tools .brx-report-section-head h3 { margin: 3px 0; font-size: 17px; }
.brix-tools .brx-report-section-head p,
.brix-tools .brx-report-section > p { margin: 0; color: var(--brix-muted); font-size: 11px; }
.brix-tools .brx-follow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.brix-tools .brx-follow-grid > div { min-height: 72px; padding: 11px; border: 1px solid var(--brix-line); }
.brix-tools .brx-follow-grid span { color: var(--brix-muted); font-size: 10px; }
.brix-tools .brx-follow-grid b { display: block; margin-top: 28px; border-bottom: 1px solid var(--brix-line-strong); }
.brix-tools .brx-report-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; margin: 12px 0 0; }
.brix-tools .brx-report-fields > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #edf1ef; font-size: 10px; }
.brix-tools .brx-report-fields dt { color: var(--brix-muted); text-transform: capitalize; }
.brix-tools .brx-report-fields dd { margin: 0; text-align: right; font-weight: 680; }
.brix-tools .brx-report-table { width: 100%; margin-top: 12px; border-collapse: collapse; font-size: 9px; }
.brix-tools .brx-report-table th,
.brix-tools .brx-report-table td { padding: 7px 5px; text-align: left; border-bottom: 1px solid #e4eae7; }
.brix-tools .brx-report-sheet footer { display: flex; justify-content: space-between; gap: 20px; margin-top: 28px; padding-top: 10px; color: var(--brix-muted); border-top: 1px solid var(--brix-brand-strong); font-size: 9px; }

/* source: 90-responsive.css */
@container brix-tools (max-width: 1080px) {
  .brix-tools .fg4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brix-tools .tool.active { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); }
  .brix-tools .tool.active:not(.brix-has-result) { grid-template-columns: minmax(0, 860px); }
  .brix-tools .brix-choice-preview { padding: 38px; }
}

@container brix-tools (max-width: 880px) {
  .brix-tools .brix-choice-panel { grid-template-columns: 1fr; }
  .brix-tools .brix-choice-list { border-right: 0; border-bottom: 1px solid var(--brix-line); }
  .brix-tools .brix-choice-preview { min-height: 0; padding: 30px; }
  .brix-tools .tool.active,
  .brix-tools .tool.active:not(.brix-has-result) { grid-template-columns: 1fr; }
  .brix-tools .reading { position: static; }
  .brix-tools .fg3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brix-tools .brix-session-strip { grid-template-columns: 150px minmax(0, 1fr); }
}

@container brix-tools (max-width: 700px) {
  .brix-tools .wrap { width: min(calc(100% - 24px), var(--brix-max)); }
  .brix-tools .recovery-banner { width: calc(100% - 24px); align-items: stretch; flex-wrap: wrap; }
  .brix-tools .recovery-banner > div { width: 100%; }
  .brix-tools .brix-appbar-inner { min-height: 52px; }
  .brix-tools .brix-choice-guide { padding-top: 26px; padding-bottom: 28px; }
  .brix-tools .brix-choice-head h1 { font-size: clamp(26px, 8vw, 32px); }
  .brix-tools .brix-choice-option { min-height: 58px; grid-template-columns: 27px minmax(0, 1fr) 18px; padding: 9px; }
  .brix-tools .brix-choice-option-copy small { display: none; }
  .brix-tools .brix-choice-preview { padding: 24px 18px; }
  .brix-tools .brix-choice-preview h2 { font-size: 24px; }
  .brix-tools .brix-choice-preview-output { margin: 18px 0; }
  .brix-tools .brix-choice-compact { grid-template-columns: 1fr; gap: 7px; padding: 10px 0; }
  .brix-tools .brix-back-decisions { justify-self: start; }
  .brix-tools .brix-workspace-picker { grid-template-columns: 72px minmax(0, 1fr); }
  .brix-tools .brix-persistence-status { justify-self: start; }

  .brix-tools .brix-session-strip { grid-template-columns: 1fr; }
  .brix-tools .brix-session-strip-head { display: flex; justify-content: space-between; padding: 10px 12px; }
  .brix-tools .brix-panel-body { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .brix-tools .bp-focus,
  .brix-tools .bp-row { min-width: 0; padding: 10px 12px; border-right: 0; border-bottom: 1px solid var(--brix-line); }
  .brix-tools .bp-more { min-width: 0; grid-column: 1 / -1; padding: 10px 12px; }

  .brix-tools .brix-tool-stage { padding-top: 12px; padding-bottom: 44px; }
  .brix-tools .tool-hd { padding-top: 3px; }
  .brix-tools .tool-hd h2 { font-size: 27px; }
  .brix-tools .fg2,
  .brix-tools .fg3,
  .brix-tools .fg4 { grid-template-columns: 1fr; }
  .brix-tools .form-card { padding: 17px 15px; }
  .brix-tools .form-card-title-row { display: block; }
  .brix-tools .form-card-title-row .btn-load-example { margin-top: 8px; }
  .brix-tools .brix-advanced-fields > summary { min-height: 60px; padding-inline: 14px 38px; }
  .brix-tools .brix-advanced-content { padding: 16px 14px; }
  .brix-tools .brix-method-options,
  .brix-tools .brix-optional-options,
  .brix-tools .brix-loss-events { display: grid; }
  .brix-tools .brix-method-options label,
  .brix-tools .brix-optional-options label,
  .brix-tools .brix-loss-events label,
  .brix-tools .diag-opt { align-items: center; min-height: 44px; padding-block: 5px; }
  .brix-tools input[type="radio"],
  .brix-tools input[type="checkbox"] { margin-top: 0; }
  .brix-tools .brix-tool-memory { align-items: stretch; flex-direction: column; }

  .brix-tools .ing-table,
  .brix-tools .ing-table tbody,
  .brix-tools .ing-table tr,
  .brix-tools .ing-table td { display: block; width: 100%; }
  .brix-tools .ing-table thead { display: none; }
  .brix-tools .ing-table tr { margin-bottom: 12px; padding: 10px; background: var(--brix-surface-subtle); border: 1px solid var(--brix-line); border-radius: var(--brix-radius-sm); }
  .brix-tools .ing-table td { display: grid; grid-template-columns: 1fr; align-items: start; gap: 5px; padding: 6px 0; border: 0; }
  .brix-tools .ing-table td::before { content: attr(data-label); color: var(--brix-muted); font-size: 11px; font-weight: 680; }
  .brix-tools .ing-table .ing-cell-remove { display: flex; justify-content: flex-end; }
  .brix-tools .ing-table .ing-cell-remove::before { display: none; }
  .brix-tools .ing-table tr.is-complete.is-collapsed { padding: 0; }
  .brix-tools .ing-table tr.is-complete.is-collapsed td { display: none; }
  .brix-tools .ing-table tr.is-complete.is-collapsed .ing-cell-name { display: block; padding: 0; }
  .brix-tools .ing-table tr.is-complete.is-collapsed .ing-cell-name::before,
  .brix-tools .ing-table tr.is-complete.is-collapsed .ing-cell-name > input { display: none; }
  .brix-tools .ing-table tr.is-complete.is-collapsed .ing-row-summary {
    width: 100%;
    min-height: 64px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    color: var(--brix-ink);
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
  }
  .brix-tools .ing-row-summary strong,
  .brix-tools .ing-row-summary span { display: block; }
  .brix-tools .ing-row-summary span { margin-top: 3px; color: var(--brix-muted); font-size: 12px; font-weight: 400; }
  .brix-tools .ing-row-summary em { grid-column: 2; grid-row: 1 / span 2; color: var(--brix-brand); font-size: 12px; font-style: normal; font-weight: 700; }

  .brix-tools .form-actions,
  .brix-tools .brix-memory-prompt,
  .brix-tools .lead-submit-row { align-items: stretch; flex-direction: column; }
  .brix-tools .form-actions .btn-primary,
  .brix-tools .lead-submit-row button { width: 100%; }
  .brix-tools :where(.btn-secondary, .btn-text, .btn-load-example, .btn-add-row, .brix-file-action, [data-report-save]) { min-height: 44px; }
  .brix-tools .brix-example-notice { align-items: flex-start; flex-direction: column; }
  .brix-tools .brix-recent-actions { align-items: stretch; flex-direction: column; }
  .brix-tools .brix-recent-actions button { width: 100%; }

  .brix-tools .brix-decision-cards { grid-template-columns: 1fr; }
  .brix-tools .brix-decision-card { border-right: 0; }
  .brix-tools .brix-report-modal { padding: 0; place-items: stretch; }
  .brix-tools .brix-report-modal-card { width: 100%; max-height: 100vh; border: 0; border-radius: 0; }
  .brix-tools .brix-report-modal-head { padding: 14px; gap: 10px; }
  .brix-tools .brix-report-modal-head h2 { font-size: 20px; }
  .brix-tools .brix-report-modal-head p { display: none; }
  .brix-tools .brix-report-preview { padding: 10px; }
  .brix-tools .brix-report-modal-actions { display: grid; grid-template-columns: .8fr 1.4fr; padding: 10px; }
  .brix-tools .brx-report-sheet { padding: 24px 18px; box-shadow: none; }
  .brix-tools .brx-report-metrics,
  .brix-tools .brx-follow-grid,
  .brix-tools .brx-report-fields,
  .brix-tools .brx-report-why { grid-template-columns: 1fr; }
}

@container brix-tools (max-width: 430px) {
  .brix-tools .brix-app-identity span { display: none; }
  .brix-tools .brix-panel-body { grid-template-columns: 1fr; }
  .brix-tools .brix-reading-number strong { font-size: 31px; }
  .brix-tools .brix-report-modal-actions { grid-template-columns: 1fr; }
  .brix-tools .brx-report-header,
  .brix-tools .brx-report-sheet footer { align-items: flex-start; flex-direction: column; }
  .brix-tools .brx-report-header > div:last-child { text-align: left; }
}

/* Fallback essencial para navegadores sem container queries. */
@media (max-width: 700px) {
  .brix-tools .brix-choice-panel,
  .brix-tools .tool.active,
  .brix-tools .tool.active:not(.brix-has-result) { grid-template-columns: 1fr; }
  .brix-tools .fg2,
  .brix-tools .fg3,
  .brix-tools .fg4 { grid-template-columns: 1fr; }
  .brix-tools .reading { position: static; }
}

@media (prefers-reduced-motion: reduce) {
  .brix-tools *,
  .brix-tools *::before,
  .brix-tools *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
  }
}

@media (forced-colors: active) {
  .brix-tools .dp-dot.active { forced-color-adjust: none; background: Highlight; }
  .brix-tools .brix-choice-option.is-active { outline: 2px solid Highlight; }
}
