/* EV-UI-20260911. A presentation layer only, after the existing feature styles.
   Native controls, all configured stages and all business states are retained. */
:root {
  color-scheme: light;
  --ink: #182c28;
  --muted: #576e65;
  --paper: #f5faf7;
  --ivory-deep: #edf6f1;
  --card: #fff;
  --forest: #008653;
  --forest-2: #073d27;
  --forest-soft: #008653;
  --mint: #e8f8ef;
  --sage: #aef2c7;
  --sage-soft: #d9f8e6;
  --line: #d6e7dc;
  --coral: #aef2c7;
  --bronze: #a26c11;
  --attention: #a26c11;
  --danger: #bd3346;
  --shadow: 0 4px 16px #153d2806;
  --shadow-raised: 0 12px 32px #153d2810;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
}
html, body { background: var(--paper); }
body { color: var(--ink); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { accent-color: var(--forest); }
h1, h2, h3, h4 { color: var(--ink); letter-spacing: -.025em; }
:is(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid #008653; outline-offset: 3px;
}
.site-header { background: #ffffffed; border-color: var(--line); box-shadow: 0 2px 12px #133e2905; }
.nav-link { color: var(--muted); font-weight: 600; }
.nav-link.is-active { color: var(--forest); background: var(--mint); border-color: transparent; box-shadow: none; }
.nav-link.is-active::after { background: var(--forest); }
.nav-link:hover { background: var(--mint); color: var(--forest-2); }
.nav-link b, .avatar { color: var(--forest-2); background: #c7f5de; box-shadow: none; }
.profile-summary { border-color: transparent; background: transparent; }
.header-search-control { border-color: var(--line); border-radius: 12px; background: #f5faf7; }
.header-search-control:focus-within { border-color: var(--forest); box-shadow: 0 0 0 3px #00865314; }
.header-search-popover { border-color: var(--line); border-radius: 14px; box-shadow: var(--shadow-raised); }
.call-button, .top-create, .comment-submit,
.qualification-comment-panel .call-button,
.qualification-comment-panel .comment-composer-actions .comment-submit,
.mobile-more-popover > .mobile-new-opportunity {
  border: 1px solid #9ae9b8; border-radius: 10px;
  color: var(--forest-2); background: #aef2c7; box-shadow: none;
  font-weight: 650; text-shadow: none;
}
.call-button:hover, .top-create:hover, .comment-submit:hover {
  background: #97edb7; border-color: #79d99c; color: var(--forest-2);
  box-shadow: 0 3px 10px #00865315; transform: none;
}
.quiet-button, .lookup-dialog-button, .language-toggle, .enerviva-mail-link {
  color: var(--forest-2); background: #fff; border-color: var(--line); border-radius: 10px;
}
.quiet-button:hover, .enerviva-mail-link:hover { background: var(--mint); border-color: #a2d5b9; }
.panel, .context-card, .lead-preview, .premium-opportunity-sheet,
.daily-metric, .dashboard-queue-panel, .dashboard-management-overview {
  border-color: var(--line); background: #fff; box-shadow: var(--shadow); border-radius: 16px;
}
.eyebrow { color: #546f60; letter-spacing: .08em; }
.filter-bar { background: #fff; border-color: var(--line); border-radius: 14px; box-shadow: none; }
.filter-bar :is(select,input), .saved-views button { border-color: var(--line); border-radius: 9px; background-color: #fff; color: var(--ink); }
.filter-bar label { font-size: 10px; }
.filter-bar :is(select,input) { font-size: 12px; }
.pipeline-heading h2 { font-size: 22px; letter-spacing: -.025em; }

/* Full pipeline, not a five-stage mockup. Only the dot and rail use stage colour. */
.kanban-column[data-stage-accent="#64748b"] { --stage-accent: #64748b; }
.kanban-column[data-stage-accent="#5265a8"] { --stage-accent: #5265a8; }
.kanban-column[data-stage-accent="#2563eb"] { --stage-accent: #2563eb; }
.kanban-column[data-stage-accent="#c48b13"] { --stage-accent: #c48b13; }
.kanban-column[data-stage-accent="#b87316"] { --stage-accent: #b87316; }
.kanban-column[data-stage-accent="#a8550e"] { --stage-accent: #a8550e; }
.kanban-column[data-stage-accent="#cb7c26"] { --stage-accent: #cb7c26; }
.kanban-column[data-stage-accent="#d79508"] { --stage-accent: #d79508; }
.kanban-column[data-stage-accent="#a86c38"] { --stage-accent: #a86c38; }
.kanban-column[data-stage-accent="#0284c7"] { --stage-accent: #0284c7; }
.kanban-column[data-stage-accent="#4f46e5"] { --stage-accent: #4f46e5; }
.kanban-column[data-stage-accent="#059669"] { --stage-accent: #059669; }
.kanban-column[data-stage-accent="#11855e"] { --stage-accent: #11855e; }
.kanban-column[data-stage-accent="#087f8c"] { --stage-accent: #087f8c; }
.kanban-column[data-stage-accent="#7c3aed"] { --stage-accent: #7c3aed; }
.kanban-column[data-stage-accent="#9561cf"] { --stage-accent: #9561cf; }
.kanban-column[data-stage-accent="#c26332"] { --stage-accent: #c26332; }
.kanban-column[data-stage-accent="#07816f"] { --stage-accent: #07816f; }
.kanban-column[data-stage-accent="#0891b2"] { --stage-accent: #0891b2; }
.kanban-column[data-stage-accent="#168aab"] { --stage-accent: #168aab; }
.kanban-column[data-stage-accent="#376ac5"] { --stage-accent: #376ac5; }
.kanban-column[data-stage-accent="#007c91"] { --stage-accent: #007c91; }
.kanban-column[data-stage-accent="#32886c"] { --stage-accent: #32886c; }
.kanban-column[data-stage-accent="#14734e"] { --stage-accent: #14734e; }
.kanban-column[data-stage-accent="#16a34a"] { --stage-accent: #16a34a; }
.kanban-column[data-stage-accent="#b18c16"] { --stage-accent: #b18c16; }
.kanban-column[data-stage-accent="#066342"] { --stage-accent: #066342; }
.kanban-column[data-stage-accent="#c34152"] { --stage-accent: #c34152; }
.kanban-column[data-stage-accent="#ad4961"] { --stage-accent: #ad4961; }
.kanban-column[data-stage-accent="#b9384b"] { --stage-accent: #b9384b; }
.kanban-column[data-stage-accent="#945263"] { --stage-accent: #945263; }
.kanban-column[data-stage-accent="#71717a"] { --stage-accent: #71717a; }
.kanban { grid-auto-columns: 280px; gap: 14px; padding: 4px 2px 18px; scrollbar-color: #9ec4af #eaf3ed; scrollbar-width: thin; }
.kanban-column:nth-child(n) {
  position: relative; min-height: 58vh; border: 1px solid #ccdfd3; border-radius: 14px;
  background: #ecf5ef; box-shadow: none; overflow: hidden;
}
.kanban-column::before { height: 5px; opacity: 1; background: var(--stage-accent); }
.kanban-column > header { min-height: 68px; padding: 16px 12px 12px; background: #ffffffc9; border-bottom: 1px solid var(--line); }
.kanban-column > header h3 { color: var(--ink); font-size: 15px; font-weight: 650; line-height: 1.35; letter-spacing: -.015em; }
.kanban-column > header > div { align-items: center; gap: 9px; }
.kanban-column > header .stage-index {
  width: 10px; height: 10px; min-width: 10px; flex: 0 0 10px; padding: 0;
  overflow: hidden; border: 0; border-radius: 50%; background: var(--stage-accent);
  color: transparent; font-size: 0; box-shadow: none;
}
.kanban-column > header > b { background: #d9f8e6; color: var(--forest-2); border: 0; min-width: 28px; padding: 5px 8px; border-radius: 999px; font-size: 13px; }
.column-total { color: var(--muted); background: transparent; border-color: var(--line); }
.column-total strong, .column-total small { color: var(--muted); }
.column-total, .column-total small { font-size: 11px; }
.kanban-cards { padding: 8px; gap: 10px; }
.kanban-card { padding: 13px; border: 1px solid #dce9e1; border-radius: 11px; background: #fff; box-shadow: 0 3px 8px #173d2806; }
.kanban-card:hover { border-color: #71c49b; box-shadow: 0 6px 16px #173d2810; transform: translateY(-1px); }
.kanban-card .card-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; color: #172f25; font-size: 15px; font-weight: 650; line-height: 1.35; }
.kanban-card .card-meta { color: var(--muted); font-size: 12px; line-height: 1.5; }
.kanban-card .card-action { grid-template-columns: 1fr; gap: 8px; padding-top: 8px; border-color: #e9f0ec; }
.kanban-card .card-action > span strong, .kanban-card .card-action > span small { font-size: 11px; }
.kanban-card .card-controls { justify-content: flex-end; }
.kanban-card .card-controls button, .kanban-card .card-action select { min-height: 32px; height: 32px; border-radius: 7px; font-size: 11px; font-weight: 550; }
.kanban-card .card-action select { width: 104px; max-width: 104px; }
.kanban-card .card-signals { min-height: 19px; font-size: 11px; }
.kanban-card .card-tags { grid-auto-rows: 20px; max-height: 43px; gap: 3px; }
.kanban-card .card-tags :is(span,small) { font-size: 11px; line-height: 17px; }
.card-tags span { border: 1px solid #dde9e1; border-radius: 6px; background: #f3f8f5; color: #426250; }
.stage-tools > summary { color: #567361; }
.stage-load-more { color: var(--forest-2); background: #ffffffb8; border-color: var(--line); }

/* Daily work: a clear heading and quiet white cards, not a decorative hero. */
.dashboard-command-header { min-height: 90px; padding: 14px 0 18px; background: transparent; border: 0; box-shadow: none; border-radius: 0; }
.dashboard-command-header::after { content: none; }
.dashboard-command-header h1 { color: #172a24; font-size: clamp(27px, 2.8vw, 38px); line-height: 1.16; }
.dashboard-guidance { border-color: var(--line); background: #e8f8ef; box-shadow: none; }
.dashboard-guidance > span { color: var(--forest); background: #c7f5de; box-shadow: none; }
.dashboard-primary-summary { gap: 16px; }
.dashboard-metric-button { min-height: 130px; border-color: var(--line); background: #fff; box-shadow: var(--shadow); border-radius: 14px; }
.dashboard-metric-button::after { opacity: .75; height: 2px; }
.dashboard-metric-button > strong { color: #152c22; font-size: 32px; font-variant-numeric: tabular-nums; }
.dashboard-metric-button .dashboard-kpi-label { color: #465f53; font-size: 14px; text-transform: none; letter-spacing: 0; font-weight: 550; }
.dashboard-kpi-icon, .dashboard-section-icon { color: var(--forest); background: var(--mint); border-color: transparent; box-shadow: none; border-radius: 12px; }
.dashboard-queue-panel .lead-row { border-color: #e3ece6; background: #fff; border-radius: 10px; }
.dashboard-queue-panel .lead-row:hover { background: #f1fbf5; border-color: #b5ddc5; }
.dashboard-work-queue .lead-preview { background: #fff; box-shadow: var(--shadow); }
.dashboard-management-overview { background: #fff; }
.dashboard-performance-details { background: #f5faf7; border-color: var(--line); }
.progress > span, progress { accent-color: var(--forest); }
.premium-opportunity-header { background: #fff; border-color: var(--line); }
.premium-opportunity-header h2 { color: #172a24; }
.opportunity-daily-actions { background: #fff; border-color: var(--line); box-shadow: none; }
.opportunity-daily-actions button { border-color: var(--line); border-radius: 10px; color: var(--forest-2); }
.opportunity-daily-actions button:hover { background: var(--mint); }
.auth-screen { background: #f5faf7; }
.auth-card { border-color: var(--line); background: #fff; box-shadow: 0 18px 65px #123e2810; }
.auth-card::before { background: #9cedba; }

/* Checklist: the existing continuous flow, with compact paired questions.
   Answered is a visual state, never a substitute for verification. */
body[data-qualification-layout="continuous"] { --checklist-top: 56px; }
body[data-qualification-layout="continuous"] .opportunity-detail-layout { gap: 20px; grid-template-columns: minmax(0,1fr) 330px; }
body[data-qualification-layout="continuous"] .qualification-main > .qualification-inline-form { max-width: none; }
body[data-qualification-layout="continuous"] .qualification-levels { gap: 16px; }
body[data-qualification-layout="continuous"] .qualification-journey {
  height: auto; min-height: 64px; padding: 8px 0; margin-bottom: 8px; gap: 4px;
  border-bottom: 1px solid var(--line); background: #f5faf7f5; overflow-y: hidden;
  box-shadow: 0 6px 10px #153d2805;
}
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button {
  flex: 1 0 auto; min-width: 85px; min-height: 44px; padding: 6px 9px; gap: 7px;
  border: 1px solid transparent; border-radius: 999px; color: #485e53;
  background: transparent; text-decoration: none;
}
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button > span {
  display: inline-grid; place-items: center; width: 27px; height: 27px;
  flex: 0 0 27px; font-size: 13px; font-weight: 650; border: 1px solid #d6e7dc;
  border-radius: 50%; background: #fff; color: #496451;
}
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button b { font-size: 13px; font-weight: 650; }
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button:has(.state-filled) { color: #07734b; }
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button:has(.state-filled) > span { background: #d9f8e6; border-color: #b9ebce; color: #07734b; }
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button[aria-current="step"] {
  color: #073d27; border: 1px solid #98e8b7; background: #aef2c7; box-shadow: none;
}
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button[aria-current="step"] > span { background: #fff; color: #008653; border-color: #fff; }
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button[aria-current="step"] small { color: #073d27; }
body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button:hover { background: #d9f8e6; }
body[data-qualification-layout="continuous"] .qualification-linear-section {
  border: 1px solid var(--line); border-radius: 16px; background: #fff;
  box-shadow: var(--shadow); scroll-margin-top: calc(var(--checklist-top) + 80px);
}
body[data-qualification-layout="continuous"] [data-qualification-section-heading] { scroll-margin-top: calc(var(--checklist-top) + 80px); }
body[data-qualification-layout="continuous"] .qualification-linear-section .qualification-section-heading {
  min-height: 54px; padding: 12px 18px; border-color: #e7f0eb; border-radius: 16px 16px 0 0;
  background: #fff;
}
body[data-qualification-layout="continuous"] .qualification-section-heading > span:first-child { gap: 9px; }
body[data-qualification-layout="continuous"] .qualification-section-heading > span:first-child > strong { font-size: 20px; font-weight: 650; color: var(--ink); letter-spacing: -.025em; }
body[data-qualification-layout="continuous"] .qualification-section-heading > span:first-child > b { display: inline-grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: var(--mint); color: var(--forest); font-size: 13px; }
body[data-qualification-layout="continuous"] .qualification-section-state,
body[data-qualification-layout="continuous"] .qualification-section-state small { font-size: 12px; color: var(--muted); }
body[data-qualification-layout="continuous"] .qualification-continuous-form .qualification-section {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px;
  padding: 16px 18px 20px; border-radius: 0 0 16px 16px;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-field-slot {
  min-width: 0; padding: 0; margin: 0; border: 0; background: transparent;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-field-slot,.property-context-fields) label.qualification-bubble-field,
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-field-slot label.qualification-select-question {
  display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start;
  min-height: 0; gap: 7px; padding: 0; border: 0; border-radius: 0; background: transparent;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-field-slot,.property-context-fields,.property-owner-row) .qualification-bubble-label,
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-select-label {
  position: static; width: auto; max-width: none; transform: none; padding: 0; margin: 0;
  font-size: 14px !important; font-weight: 550 !important; line-height: 1.4 !important;
  text-transform: none; letter-spacing: 0; color: #263f33; opacity: 1;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-field-slot,.property-context-fields,.property-owner-row) .qualification-bubble-field > :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-select-question > select {
  width: 100%; min-width: 0; min-height: 43px; height: 43px; margin: 0;
  border: 1px solid #cdded4; border-radius: 9px; padding: 9px 12px !important;
  background: #fbfdfc; color: #213e30; font-size: 15px; font-weight: 500; line-height: 1.4;
  box-shadow: none;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-select-question > select { padding-right: 30px !important; }
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-bubble-field > textarea { min-height: 90px; height: auto; }
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-field-slot,.property-context-fields,.property-owner-row) label.qualification-bubble-text-field:not(.is-bubble-empty) > :is(input,textarea):not(:disabled),
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-select-question,.qualification-bubble-field) > select:has(option:checked:not([value=""]):not([value="UNKNOWN"]):not([value="TO_CONFIRM"])) {
  color: #075237; background-color: #e8f8ef; border-color: #b2e7c9;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(input,select,textarea):focus {
  border-color: #008653 !important; background-color: #fff !important;
  box-shadow: 0 0 0 3px #00865316 !important; outline-offset: 2px;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(input,select,textarea)[aria-invalid="true"] {
  border-color: var(--danger) !important; box-shadow: 0 0 0 2px #bd334614 !important;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-field-slot:has(.qualification-collection),
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-field-slot:has(.qualification-multiselect),
body[data-qualification-layout="continuous"] .qualification-section > :is(.property-context-panel,.installer-handoff-panel,.installer-handoff-card,.qualification-final-summary,.unified-call-actions),
body[data-qualification-layout="continuous"] .qualification-field-slot[data-qualification-field-slot="contactDisplayName"] { grid-column: 1 / -1; }
body[data-qualification-layout="continuous"] #opportunity-qualification-form .contact-name-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; }
body[data-qualification-layout="continuous"] .property-context-panel { padding: 12px; border: 1px solid #e3efe8; border-radius: 12px; background: #f8fcfa; }
body[data-qualification-layout="continuous"] .property-context-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; }
body[data-qualification-layout="continuous"] .property-owner-row { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 20px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
body[data-qualification-layout="continuous"] .property-owner-row > .collection-remove { grid-column: 1 / -1; }
body[data-qualification-layout="continuous"] .property-context-panel > header { margin-bottom: 10px; }
body[data-qualification-layout="continuous"] .property-context-save { grid-column: 1 / -1; min-height: 36px; padding: 7px 12px; font-size: 12px; }
body[data-qualification-layout="continuous"] .qualification-multiselect { padding: 8px 0; }
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-multiselect label {
  border-radius: 8px; border: 1px solid #d8e8de; padding: 8px 10px;
  font-size: 14px !important; background: #fff;
}
body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-multiselect label:has(input:checked) { background: #e8f8ef; border-color: #9fd8b9; color: #075237; }
body[data-qualification-layout="continuous"] .qualification-collection-row { background: #f5faf7; border-color: var(--line); border-radius: 10px; }
body[data-qualification-layout="continuous"] .qualification-integrations { grid-template-columns: 1fr; padding: 16px; gap: 14px; }
body[data-qualification-layout="continuous"] .qualification-save-bar { border-color: var(--line); background: #ffffffed; border-radius: 10px; box-shadow: 0 -3px 15px #153d2808; }
body[data-qualification-layout="continuous"] .qualification-step-footer .call-button { padding: 10px 16px; }
.qualification-comments-rail { top: 72px; }
.qualification-comment-panel { border-color: var(--line); border-radius: 16px; box-shadow: var(--shadow); background: #fff; }
.qualification-comment-tabs { padding: 0; gap: 12px; background: #fff; border-radius: 0; border-bottom: 1px solid var(--line); }
.qualification-comment-tabs button { min-height: 46px; border-radius: 0; border-bottom: 3px solid transparent; background: transparent; font-size: 14px; color: var(--muted); }
.qualification-comment-tabs button[aria-selected="true"] { color: #008653; border-bottom-color: #008653; background: transparent; box-shadow: none; }
.qualification-comment-panel textarea, .qualification-comment-panel .comment-composer textarea { border-color: #cdded4; border-radius: 10px; background: #fff; }
.qualification-comment-panel .comment-composer-actions .comment-submit { min-height: 46px; line-height: 1.4; }
.qualification-comment-history { border-color: var(--line); color: #315c45; }
.qualification-comment-panel .comment-composer-heading small, .qualification-comment-hint { color: var(--muted); }

/* Retain all header actions; allow a second navigation row before squeezing. */
@media (min-width: 901px) {
  body:not([data-qualification-layout="continuous"]) .site-header { height: auto; min-height: 64px; flex-wrap: wrap; padding-block: 6px; }
  .site-header .nav-link { font-size: 13px; padding-inline: 9px; }
  .top-create { font-size: 13px; white-space: nowrap; }
  .filter-bar { flex-wrap: wrap; gap: 9px; }
  .filter-bar select { min-width: 0; max-width: 100%; }
  .filter-bar label { min-width: 0; }
}
@media (min-width: 901px) and (max-width: 1599px) {
  body:not([data-qualification-layout="continuous"]) .site-header { display: grid; grid-template-columns: auto minmax(160px,1fr) auto; gap: 6px 16px; }
  body:not([data-qualification-layout="continuous"]) .site-header .brand { grid-column: 1; grid-row: 1; }
  body:not([data-qualification-layout="continuous"]) .header-search { grid-column: 2; grid-row: 1; width: 100%; max-width: none; }
  body:not([data-qualification-layout="continuous"]) .topbar-actions { grid-column: 3; grid-row: 1; }
  body:not([data-qualification-layout="continuous"]) #workspace-navigation { grid-column: 1 / -1; grid-row: 2; justify-content: center; }
  body[data-qualification-layout="continuous"] .profile-summary { display: none; }
  body[data-qualification-layout="continuous"] .site-header { gap: 10px; padding-inline: 18px; }
  body[data-qualification-layout="continuous"] .site-header .brand { width: 175px; }
  body[data-qualification-layout="continuous"] .workspace-identity { flex-basis: 210px; }
}
@media (max-width: 1150px) and (min-width: 901px) {
  body[data-qualification-layout="continuous"] .opportunity-detail-layout { grid-template-columns: minmax(0,1fr) 290px; gap: 14px; }
  body[data-qualification-layout="continuous"] .qualification-continuous-form .qualification-section { gap: 12px; padding: 14px; }
}
@media (max-width: 900px) {
  body[data-qualification-layout="continuous"] { --checklist-top: 102px; }
  body[data-qualification-layout="continuous"] .opportunity-detail-layout { display: block; }
  body[data-qualification-layout="continuous"] .qualification-continuous-form .qualification-section { gap: 12px 16px; padding: 14px; }
  .qualification-comment-panel { bottom: calc(58px + env(safe-area-inset-bottom)); }
  .qualification-comments-mobile-bar { padding-bottom: env(safe-area-inset-bottom); border-color: var(--line); }
  .qualification-comments-mobile-bar button { background: #e8f8ef; color: #073d27; font-size: 13px; }
  .header-search-control input { font-size: 16px; }
}
@media (max-width: 600px) {
  body[data-qualification-layout="continuous"] .qualification-continuous-form .qualification-section,
  body[data-qualification-layout="continuous"] .property-context-fields,
  body[data-qualification-layout="continuous"] .property-owner-row,
  body[data-qualification-layout="continuous"] #opportunity-qualification-form .contact-name-pair { grid-template-columns: minmax(0,1fr); }
  body[data-qualification-layout="continuous"] #opportunity-qualification-form :is(.qualification-field-slot,.property-context-fields,.property-owner-row) .qualification-bubble-field > :is(input,select,textarea),
  body[data-qualification-layout="continuous"] #opportunity-qualification-form .qualification-select-question > select { font-size: 16px; min-height: 46px; height: auto; }
  body[data-qualification-layout="continuous"] .qualification-section-heading > span:first-child > strong { font-size: 18px; }
  body[data-qualification-layout="continuous"] .qualification-section-state { margin-left: 0; }
  body[data-qualification-layout="continuous"] .qualification-journey .qualification-step-button { min-width: 100px; }
  .dashboard-command-header { gap: 12px; }
  .dashboard-primary-summary { gap: 10px; }
  .dashboard-metric-button { min-height: 124px; padding: 14px; }
  .kanban-column { min-width: 278px; }
  .kanban { grid-auto-columns: max(278px,84vw); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  .kanban-card:hover, .dashboard-metric-button:hover { transform: none !important; }
}