:root {
  --app-bg: #050c12;
  --app-shell: #08141c;
  --app-surface: #0c1c25;
  --app-surface-raised: #102630;
  --app-surface-hover: #14313c;
  --app-stroke: #29424e;
  --app-stroke-soft: #1b313b;
  --app-blue: #59a8ff;
  --app-blue-strong: #2f7df4;
  --app-mint: #7bd5af;
  --app-orange: #f0a653;
  --app-paper: #f4f6f2;
  --app-paper-soft: #e9efea;
  --app-paper-line: #cad5ce;
  --app-shadow: 0 24px 70px rgba(0, 0, 0, .32);
  --app-shadow-soft: 0 12px 32px rgba(0, 0, 0, .22);
  --radius-shell: 18px;
  --radius-card: 13px;
  --radius-control: 9px;
}

html, body { background: var(--app-bg); }
body {
  background:
    radial-gradient(900px 520px at 18% 8%, rgba(39, 112, 107, .22), transparent 68%),
    radial-gradient(700px 520px at 88% 90%, rgba(47, 125, 244, .13), transparent 70%),
    var(--app-bg);
}
body::before { opacity: .025; }

.site-header {
  height: 58px;
  padding-inline: 20px;
  background: rgba(5, 12, 18, .86);
  border-bottom: 1px solid rgba(119, 162, 178, .14);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .18);
  backdrop-filter: blur(18px);
}
.identity { gap: 10px; }
.identity-mark {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(123, 213, 175, .45);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(123, 213, 175, .14), rgba(89, 168, 255, .07));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 22px rgba(0, 0, 0, .22);
  color: var(--app-mint);
}
.identity small { color: #718994; }
.workspace-crumb { color: #627983; }
.workspace-crumb b { color: #91a6af; }
.workspace-crumb strong { color: #edf4f5; }
.header-tools > span { color: #8ca3ab; }
.header-tools > span i { background: var(--app-mint); box-shadow: 0 0 0 4px rgba(123, 213, 175, .1), 0 0 16px rgba(123, 213, 175, .45); }
.header-tools button {
  min-height: 35px;
  border: 1px solid rgba(103, 177, 255, .8);
  border-radius: var(--radius-control);
  background: linear-gradient(135deg, #3489f8, #216de1);
  color: white;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 8px 24px rgba(47, 125, 244, .25);
}
.header-tools button:hover { background: linear-gradient(135deg, #4a9bff, #2877ed); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 11px 30px rgba(47, 125, 244, .36); }

main { height: calc(100svh - 58px); }
.command-center {
  height: calc(100svh - 58px);
  padding: 9px 10px 11px;
  background: transparent;
}
.command-center::after {
  background:
    radial-gradient(420px circle at var(--pointer-x) var(--pointer-y), rgba(70, 157, 144, .13), transparent 70%),
    radial-gradient(620px circle at 78% 35%, rgba(89, 168, 255, .07), transparent 68%);
}
.command-shell {
  height: 100%;
  grid-template-columns: 72px minmax(0, 3fr) minmax(440px, 2fr);
  gap: 10px;
  overflow: visible;
  background: transparent;
  animation: workspace-arrive 680ms cubic-bezier(.2, .8, .2, 1) both;
}
@keyframes workspace-arrive {
  from { opacity: 0; transform: translateY(8px) scale(.992); }
}

.crm-sidebar {
  padding: 12px 8px;
  border: 1px solid var(--app-stroke-soft);
  border-radius: var(--radius-shell);
  background:
    linear-gradient(180deg, rgba(16, 38, 48, .96), rgba(7, 23, 30, .98)),
    var(--app-shell);
  box-shadow: var(--app-shadow-soft), inset 0 1px 0 rgba(255, 255, 255, .035);
}
.crm-workspace-mark {
  width: 38px;
  height: 38px;
  margin-bottom: 17px;
  border: 1px solid rgba(89, 168, 255, .38);
  border-radius: 11px;
  background: linear-gradient(145deg, rgba(89, 168, 255, .13), rgba(123, 213, 175, .05));
  color: var(--app-blue);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.crm-sidebar nav { gap: 6px; }
.crm-sidebar nav span {
  min-height: 51px;
  border-radius: 11px;
  color: #68808a;
  transition: color 150ms ease-out, background 180ms ease-out, transform 150ms ease-out, box-shadow 180ms ease-out;
}
.crm-sidebar nav span:hover { color: #b8c9cf; background: rgba(255, 255, 255, .025); transform: translateY(-1px); }
.crm-sidebar nav span.is-active {
  border-color: rgba(89, 168, 255, .27);
  background: linear-gradient(145deg, rgba(89, 168, 255, .17), rgba(123, 213, 175, .07));
  color: #edf7fa;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 9px 22px rgba(0, 0, 0, .2);
}
.crm-sidebar nav span.is-active::before {
  left: -9px;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 0 4px 4px 0;
  background: linear-gradient(180deg, var(--app-blue), var(--app-mint));
  box-shadow: 0 0 14px rgba(89, 168, 255, .55);
}
.crm-sidebar nav span:nth-child(1) { animation: nav-enter 380ms 70ms ease-out both; }
.crm-sidebar nav span:nth-child(2) { animation: nav-enter 380ms 110ms ease-out both; }
.crm-sidebar nav span:nth-child(3) { animation: nav-enter 380ms 150ms ease-out both; }
.crm-sidebar nav span:nth-child(4) { animation: nav-enter 380ms 190ms ease-out both; }
.crm-sidebar nav span:nth-child(5) { animation: nav-enter 380ms 230ms ease-out both; }
@keyframes nav-enter { from { opacity: 0; transform: translateX(-5px); } }
.crm-profile {
  background: linear-gradient(145deg, var(--app-orange), #d97c32);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 9px 24px rgba(0, 0, 0, .28);
}

.command-main {
  padding: 15px 16px 16px;
  border: 1px solid var(--app-stroke-soft);
  border-radius: var(--radius-shell);
  background:
    radial-gradient(520px 340px at 30% 5%, rgba(47, 102, 103, .12), transparent 72%),
    linear-gradient(145deg, #091a22, #07151c 58%, #081921);
  box-shadow: var(--app-shadow), inset 0 1px 0 rgba(255, 255, 255, .035);
}
.command-header { min-height: 78px; }
.command-eyebrow { color: var(--app-blue) !important; }
.command-header h2 { color: #f5f8f6; text-shadow: 0 3px 24px rgba(0, 0, 0, .28); }
.command-header h2 + p { color: #849aa3; }
.report-filters { gap: 7px; }
.report-filters button {
  min-height: 33px;
  padding-inline: 11px;
  border: 1px solid rgba(101, 133, 146, .25);
  border-radius: 9px;
  background: linear-gradient(180deg, rgba(19, 43, 53, .9), rgba(10, 29, 38, .9));
  color: #b9c8cd;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 7px 18px rgba(0, 0, 0, .16);
}
.report-filters button span { color: var(--app-blue); }
.report-filters small { color: #536b75; }

.metric-grid { gap: 9px; }
.metric-grid-top { margin-top: 7px; }
.metric-grid-bottom { margin-top: 9px; }
.command-metric {
  min-height: 0;
  padding: 12px 13px;
  border: 1px solid rgba(91, 128, 141, .23);
  border-radius: var(--radius-card);
  background:
    radial-gradient(180px 100px at 100% 100%, rgba(89, 168, 255, .035), transparent 72%),
    linear-gradient(145deg, rgba(16, 39, 49, .96), rgba(9, 27, 35, .98));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 7px 20px rgba(0, 0, 0, .12);
  transition: transform 170ms cubic-bezier(.2, .8, .2, 1), border-color 180ms ease-out, background 220ms ease-out, box-shadow 220ms ease-out;
}
.command-metric::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(220px circle at 18% 12%, rgba(89, 168, 255, .1), transparent 68%);
  transition: opacity 200ms ease-out;
}
.command-metric:hover {
  z-index: 2;
  border-color: rgba(119, 173, 190, .5);
  background: linear-gradient(145deg, rgba(20, 49, 61, .98), rgba(11, 31, 40, .99));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 16px 34px rgba(0, 0, 0, .25);
  transform: translateY(-3px) scale(1.006);
}
.command-metric:hover::after { opacity: 1; }
.command-metric:active { transform: translateY(-1px) scale(.982); }
.command-metric.is-selected {
  border-color: rgba(89, 168, 255, .9);
  background:
    radial-gradient(240px 140px at 12% 4%, rgba(89, 168, 255, .15), transparent 72%),
    linear-gradient(145deg, #12313e, #0b222c);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .075), 0 0 0 1px rgba(89, 168, 255, .16), 0 17px 38px rgba(0, 0, 0, .3), 0 0 30px rgba(47, 125, 244, .1);
}
.command-metric.is-selected::before {
  left: 7px;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--app-blue), var(--app-mint));
  box-shadow: 0 0 15px rgba(89, 168, 255, .45);
}
.metric-card-top i {
  border-color: rgba(109, 151, 164, .35);
  border-radius: 7px;
  background: rgba(4, 16, 23, .38);
  color: #91adb6;
}
.metric-card-top span { color: #c8d5d9; }
.command-metric strong { color: #f6f8f6; text-shadow: 0 4px 20px rgba(0, 0, 0, .25); }
.command-metric small { color: var(--app-mint); }
.command-metric small.is-risk { color: var(--app-orange); }
.metric-trace { right: 13px; bottom: 11px; color: var(--app-blue); }
.metric-grid-top .command-metric:nth-child(1) { animation: card-enter 480ms 90ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-top .command-metric:nth-child(2) { animation: card-enter 480ms 130ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-top .command-metric:nth-child(3) { animation: card-enter 480ms 170ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-bottom .command-metric:nth-child(1) { animation: card-enter 480ms 210ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-bottom .command-metric:nth-child(2) { animation: card-enter 480ms 250ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-bottom .command-metric:nth-child(3) { animation: card-enter 480ms 290ms cubic-bezier(.2,.8,.2,1) both; }
.metric-grid-bottom .command-metric:nth-child(4) { animation: card-enter 480ms 330ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes card-enter { from { opacity: 0; transform: translateY(10px); } }
.metric-changed .command-metric.is-selected { animation: metric-focus 420ms cubic-bezier(.2, .9, .25, 1.15); }
@keyframes metric-focus {
  0% { transform: translateY(-1px) scale(.975); }
  58% { transform: translateY(-4px) scale(1.012); }
  100% { transform: translateY(-2px); }
}

.command-flow {
  min-height: 54px;
  height: 54px;
  margin-top: 2px;
}
.flow-line {
  left: 5.8%;
  right: 5.8%;
  top: 21px;
  height: 2px;
  border-radius: 3px;
  background: rgba(99, 133, 146, .24);
}
.flow-line::after {
  height: 2px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--app-mint), var(--app-blue));
  box-shadow: 0 0 16px rgba(89, 168, 255, .42);
}
.command-flow button i {
  width: 28px;
  height: 28px;
  border-color: rgba(91, 128, 141, .4);
  background: #081820;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .24);
}
.command-flow button.is-relevant i { border-color: rgba(123, 213, 175, .62); color: var(--app-mint); box-shadow: 0 0 0 5px rgba(123, 213, 175, .045), 0 5px 14px rgba(0, 0, 0, .24); }
.command-flow button.is-hot i { border-color: var(--app-blue); background: linear-gradient(145deg, #67b4ff, #2f7df4); color: white; box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 0 24px rgba(89, 168, 255, .44); }
.command-flow button span { color: #667f89; }
.command-flow button.is-relevant span { color: #a9bdc4; }

.funnel-band {
  min-height: 55px;
  height: 55px;
  margin-top: 8px !important;
  border: 1px solid rgba(91, 128, 141, .22);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(15, 37, 46, .9), rgba(8, 27, 35, .94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .028), 0 8px 20px rgba(0, 0, 0, .13);
}
.funnel-label { border-right-color: rgba(91, 128, 141, .2); }
.funnel-label span { color: var(--app-blue); }
.funnel-label small { color: #6d838c; }
.funnel-stage { border-radius: 8px; }
.funnel-stage strong { color: #f3f7f5; }
.funnel-stage span { color: #90aaa4; }
.funnel-stage.is-active { background: linear-gradient(145deg, rgba(240, 166, 83, .2), rgba(240, 166, 83, .07)); box-shadow: inset 0 0 0 1px rgba(240, 166, 83, .13); }
.funnel-stage.is-active strong, .funnel-stage.is-active span { color: var(--app-orange); }

.build-inspector {
  min-width: 440px;
  min-height: 0;
  height: 100%;
  border: 1px solid rgba(200, 214, 206, .72);
  border-radius: var(--radius-shell);
  background:
    radial-gradient(440px 260px at 100% 0%, rgba(123, 213, 175, .13), transparent 76%),
    linear-gradient(145deg, #f8f9f5, #edf2ed);
  box-shadow: 0 28px 72px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .85);
  overflow: hidden;
}
.build-inspector.is-refreshing .inspector-question,
.build-inspector.is-refreshing .tour-view,
.build-inspector.is-refreshing .automation-impact,
.build-inspector.is-refreshing .human-moment { animation: inspector-refresh 360ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes inspector-refresh {
  from { opacity: .2; transform: translateX(7px); }
}
.inspector-topline {
  min-height: 37px;
  padding-inline: 17px;
  border: 0;
  color: #324b42;
  background: rgba(255, 255, 255, .34);
}
.inspector-topline > span { letter-spacing: .08em; }
.tour-count {
  padding: 4px 8px;
  border: 1px solid rgba(74, 107, 94, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .55);
}
.tour-count.is-mode-label b, .tour-count.is-mode-label i, .tour-count.is-mode-label span { display: none; }
.tour-count.is-mode-label::after { content: attr(data-label); color: #2f6f55; font: 600 7px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.inspector-question {
  min-height: 102px;
  padding: 10px 17px 12px;
  border: 0;
  background: rgba(255, 255, 255, .2);
}
.inspector-question > span { color: #398264; }
.inspector-question h3 { margin: 6px 0 9px; font-size: clamp(20px, 1.6vw, 25px); color: #10231c; }
.inspector-question strong { color: #10231c; }
.inspector-question p { color: #2b8661; }
.inspector-tabs {
  margin: 0 13px;
  padding: 4px;
  gap: 4px;
  border: 1px solid rgba(67, 96, 84, .13);
  border-radius: 11px;
  background: rgba(216, 225, 218, .72);
  box-shadow: inset 0 1px 3px rgba(32, 58, 47, .08);
}
.inspector-tabs button {
  min-height: 31px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #697871;
  transition: color 140ms ease-out, background 170ms ease-out, box-shadow 170ms ease-out, transform 100ms ease-out;
}
.inspector-tabs button:hover { background: rgba(255, 255, 255, .58); color: #263c33; }
.inspector-tabs button.is-active,
.inspector-tabs button.is-active:hover {
  background: linear-gradient(145deg, #17352a, #0d261d);
  color: white;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 7px 16px rgba(16, 45, 33, .2);
}
.tour-view { min-height: 0; padding-top: 7px; }
.tour-canvas {
  flex: 1;
  min-height: 105px;
  margin: 0 13px;
  padding: 4px 10px 0;
  border: 1px solid rgba(85, 112, 100, .16);
  border-radius: 12px;
  background:
    radial-gradient(220px 130px at 82% 18%, rgba(89, 168, 255, .07), transparent 72%),
    rgba(255, 255, 255, .62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 9px 22px rgba(39, 62, 52, .08);
}
#build-tour-svg { min-height: 100px; max-height: 170px; filter: drop-shadow(0 5px 8px rgba(27, 47, 39, .08)); }
.tour-source {
  top: 9px;
  right: 10px;
  padding: 6px 9px;
  border: 1px solid rgba(47, 125, 95, .13);
  border-radius: 999px;
  background: rgba(220, 240, 228, .9);
  box-shadow: 0 5px 12px rgba(44, 83, 66, .07);
}
.tour-step-copy {
  min-height: 65px;
  margin: 7px 13px 0;
  padding: 9px 12px;
  border: 1px solid rgba(85, 112, 100, .14);
  border-radius: 10px;
  background: rgba(255, 255, 255, .48);
}
.tour-step-copy h4 { color: #13271f; }
.tour-step-copy p { color: #5b6962; }
.tour-stepper {
  margin: 7px 13px 0;
  gap: 5px;
  border: 0;
}
.tour-stepper button {
  height: 22px;
  border: 0;
  border-radius: 999px;
  background: rgba(197, 208, 201, .55);
  overflow: hidden;
}
.tour-stepper button::before {
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--app-mint), var(--app-blue));
  opacity: .22;
}
.tour-stepper button.is-active::before { opacity: .42; }
.tour-stepper button span { position: relative; z-index: 1; color: #4e6259; }
.tour-svg-card { fill: #ffffff; stroke: #9baca3; }
.tour-svg-soft { fill: #dfece4; stroke: #91ad9e; }
.tour-svg-dark { fill: #112e24; }
.tour-svg-accent { fill: #3387ef; }
.tour-svg-line { stroke: #338b68; stroke-width: 2.2; stroke-dasharray: 8 8; animation-duration: 1.45s; }
.tour-svg-enter { animation-duration: .58s; animation-timing-function: cubic-bezier(.2,.8,.2,1); }
.tour-svg-pulse { animation-duration: 1.8s; }
@keyframes svg-enter {
  from { opacity: .62; transform: translateY(4px) scale(.992); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.automation-impact {
  min-height: 49px;
  margin: 7px 13px 0;
  padding: 8px 11px;
  border: 1px solid rgba(56, 134, 98, .13);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(210, 238, 222, .95), rgba(226, 241, 232, .92));
  box-shadow: 0 8px 18px rgba(45, 99, 74, .07);
}
.automation-impact strong { color: #217452; }
.automation-impact p { color: #416152; }
.human-moment {
  min-height: 37px;
  margin: 7px 13px 0;
  padding: 7px 11px;
  border: 1px solid rgba(91, 112, 102, .13);
  border-radius: 10px;
  background: rgba(255, 255, 255, .5);
}
.inspector-actions {
  min-height: 41px;
  margin: 8px 13px 12px;
  gap: 7px;
  background: transparent;
}
.inspector-actions button {
  min-height: 41px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(145deg, #f3aa58, #dd8537);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 8px 18px rgba(183, 106, 42, .17);
}
.inspector-actions button:last-child {
  background: linear-gradient(145deg, #17352a, #0c251c);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 18px rgba(20, 53, 40, .18);
}
.inspector-actions button:hover { filter: brightness(1.06); transform: translateY(-1px); }
.inspector-actions button:active { transform: translateY(0) scale(.985); }

.definition-view, .records-view {
  margin: 8px 13px 0;
  border: 1px solid rgba(82, 107, 96, .14);
  border-radius: 12px;
  background: rgba(255, 255, 255, .48);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8), 0 8px 22px rgba(35, 57, 48, .06);
}
.implementation-plan { background: transparent; }
.implementation-plan > header {
  margin: 8px;
  padding: 13px 14px;
  border: 1px solid rgba(58, 129, 95, .13);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(213, 239, 224, .96), rgba(229, 243, 234, .94));
}
.implementation-plan > header h4 { color: #183327; }
.implementation-plan ol { padding: 0 8px; }
.implementation-plan li {
  min-height: 72px;
  margin-bottom: 7px;
  padding: 10px 11px;
  border: 1px solid rgba(88, 111, 101, .13);
  border-radius: 10px;
  background: rgba(255, 255, 255, .62);
  box-shadow: 0 6px 14px rgba(36, 58, 48, .045);
}
.implementation-plan li > i { border-radius: 7px; background: #edf3ee; }
.implementation-plan > section { margin: 0 8px 8px; padding: 13px; border-radius: 10px; background: rgba(255, 255, 255, .6); }
.implementation-plan > footer { margin: 0 8px 8px; border-radius: 10px; background: linear-gradient(145deg, #17352a, #0e281f); }
.records-table { border-collapse: separate; border-spacing: 0 6px; padding-inline: 8px; }
.records-table th { border: 0; }
.records-table td { border-top: 1px solid rgba(88, 111, 101, .12); border-bottom: 1px solid rgba(88, 111, 101, .12); background: rgba(255, 255, 255, .62); }
.records-table td:first-child { border-left: 1px solid rgba(88, 111, 101, .12); border-radius: 8px 0 0 8px; }
.records-table td:last-child { border-right: 1px solid rgba(88, 111, 101, .12); border-radius: 0 8px 8px 0; }
.record-note { border-radius: 8px; background: rgba(240, 166, 83, .1); }

.definition-view:not([hidden]), .records-view:not([hidden]) { animation: panel-mode-enter 300ms cubic-bezier(.2,.8,.2,1) both; }
@keyframes panel-mode-enter { from { opacity: 0; transform: translateY(6px); } }

@media (min-width: 1121px) and (max-height: 760px) {
  .command-center { padding: 8px 9px 9px; }
  .command-shell { gap: 9px; }
  .command-main { padding: 12px 14px 13px; }
  .command-header { min-height: 69px; }
  .command-header h2 { font-size: 30px; }
  .command-flow { min-height: 49px; height: 49px; }
  .flow-line { top: 19px; }
  .funnel-band { min-height: 50px; height: 50px; }
  .inspector-topline { min-height: 33px; }
  .inspector-question { min-height: 91px; padding-block: 8px; }
  .inspector-question h3 { font-size: 19px; }
  .inspector-tabs button { min-height: 28px; }
  .tour-canvas { min-height: 91px; }
  #build-tour-svg { min-height: 88px; max-height: 145px; }
  .tour-step-copy { min-height: 57px; padding-block: 7px; }
  .tour-step-copy h4 { font-size: 14px; }
  .tour-step-copy p { font-size: 8px; }
  .tour-stepper button { height: 19px; }
  .automation-impact { min-height: 45px; }
  .human-moment { min-height: 34px; }
  .inspector-actions { min-height: 38px; margin-bottom: 9px; }
  .inspector-actions button { min-height: 38px; }
}

@media (max-width: 1120px) {
  html, body { height: auto; overflow: auto; }
  main { height: auto; }
  .command-center { height: auto; padding: 8px; }
  .command-shell { height: auto; grid-template-columns: 66px minmax(0, 1fr); gap: 8px; }
  .command-main { min-height: 690px; }
  .build-inspector { grid-column: 1 / -1; min-width: 0; min-height: 760px; height: 760px; }
}

@media (max-width: 620px) {
  .site-header { height: 56px; }
  .command-center { padding: 7px; }
  .command-shell { display: block; }
  .crm-sidebar { height: 54px; margin-bottom: 8px; border-radius: 14px; }
  .command-main { min-height: 0; padding: 20px 14px; border-radius: 14px; }
  .command-header h2 { font-size: 36px; }
  .command-metric { flex-basis: 78vw; min-height: 148px; }
  .build-inspector { min-height: 790px; height: 790px; margin-top: 8px; border-radius: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .command-shell, .crm-sidebar nav span, .command-metric { animation: none !important; }
}