/* The last three scenes share a restrained glass surface, not an app shell. */
.scene.insights-scene {
  --insight-ink: #f0f0ed;
  --insight-body: #b6b6bb;
  --insight-muted: #9598a5;
  --insight-line: #ffffff19;
  --insight-positive: #9fc8ae;
  --insight-exception: #cd9292;
  padding: 16px 0 !important;
  color: var(--insight-ink);
}
.insights-scene .morph-surface,
.scene-6 .slack-excerpt {
  width: 100%;
  height: auto;
  border: 1px solid #ffffff25;
  border-radius: 9px;
  background: linear-gradient(135deg, #272830b3, #17181dc9);
  backdrop-filter: blur(24px) saturate(115%);
  -webkit-backdrop-filter: blur(24px) saturate(115%);
  box-shadow: inset 0 1px 0 #ffffff09, 0 18px 50px #0002;
  overflow: hidden;
}
.insights-scene .insight-mono {
  font: 12px/1.45 var(--mono);
  letter-spacing: .01em;
  text-transform: uppercase;
}
.insights-scene p { font: 14px/1.5 var(--sans); }
.insight-report,
.insight-learning { padding: 25px 27px; }
.insight-report-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 23px;
  border-bottom: 1px solid var(--insight-line);
}
.insight-report-heading > div:first-child > .insight-mono { color: #a5a7ba; }
.insights-scene .insight-report-heading h3 {
  margin: 7px 0 0;
  font: 26px/1.15 var(--serif);
  letter-spacing: -.025em;
  color: var(--insight-ink);
}
.insight-average { display: grid; justify-items: end; gap: 7px; flex: none; }
.insight-average strong { font: 39px/1 var(--serif); letter-spacing: -.045em; color: #e2e3ee; }
.insight-average .insight-mono { color: var(--insight-muted); }
.insight-chart { display: grid; gap: 16px; padding: 26px 0 0; }
.insight-chart-row { display: grid; grid-template-columns: 78px minmax(0, 1fr) 18px; gap: 15px; align-items: center; color: #c5c7d1; font: 14px/1.5 var(--sans); }
.insight-chart-row > .insight-mono { text-align: right; }
.insight-bar-track { height: 12px; overflow: hidden; border-radius: 1px; background: #ffffff04; }
.insight-round-bar { display: block; width: calc(var(--bar-size) * 100%); height: 100%; transform: scaleX(0); transform-origin: left center; }
.insight-chart-ready .insight-round-bar { transform: scaleX(1); transition: transform 1s cubic-bezier(.2,.7,.3,1); transition-delay: var(--bar-delay); }
.bar-exception { background: linear-gradient(90deg, #9f7378, #cd9292); }
.bar-fallback { background: linear-gradient(90deg, #6e9a82, #9fc8ae); }
.insight-chart-key { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 21px; color: #a9acb8; font: 14px/1.4 var(--sans); }
.insight-chart-key > span { display: inline-flex; gap: 8px; align-items: center; }
.insight-chart-key i { width: 6px; height: 6px; border-radius: 1px; }
.key-exception { background: #cd9292; }
.key-fallback { background: #9fc8ae; }
.insights-scene .insight-takeaway { margin: 17px 0 23px; color: #d6c6ce; }
.insight-decision { border-top: 1px solid var(--insight-line); padding-top: 20px; }
.insight-decision-heading { display: flex; flex-wrap: wrap; gap: 8px 15px; align-items: baseline; justify-content: space-between; color: #aeb1c4; }
.insight-decision-status { color: #c3b7cc; }
.mirela-approved .insight-decision-status { color: #a7cbb3; }
.insight-decision-trail { display: grid; grid-template-columns: 1fr 15px 1.2fr 15px 1.25fr; align-items: center; gap: 12px; margin: 21px 0 15px; }
.insight-decision-trail > div { display: grid; gap: 5px; }
.insight-decision-trail .insight-mono { color: #9298aa; }
.insight-decision-trail strong { font: 14px/1.5 var(--sans); color: #dedee7; }
.insight-decision-trail > i { font: 18px/1 var(--sans); font-style: normal; color: #7c8198; }
.insight-decision-trail > .insight-record-arrow { width:15px;height:12px;display:block;align-self:end;margin-bottom:5px;fill:none;stroke:var(--muted);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;overflow:visible; }
.insight-decision-trail > div { min-width:0; }
.insights-scene .insight-decision > p { color: #a6aab8; }
.insights-scene footer.insight-source-note {
  display: block;
  padding: 14px 0 0;
  margin-top: 20px;
  border-top: 1px solid var(--insight-line);
  font: 12px/1.55 var(--sans);
  color: #969cab;
  letter-spacing: 0;
}

/* Recorded exceptions converge into one proposed, still unapproved change. */
.insight-logged-records > .insight-mono { color: #a5a9bb; }
.insight-exception-records { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 11px; margin-top: 15px; }
.insight-exception-record { padding: 15px 10px 13px; border: 1px solid #cd929232; border-radius: 5px; background: #cd929207; display: grid; gap: 8px; text-align: center; transition: opacity .5s, transform .5s, border-color .5s, background .5s; }
.insight-exception-record > span:first-child { font: 14px/1.4 var(--sans); color: #cccbd6; }
.insight-exception-record > strong { font: 29px/1 var(--serif); letter-spacing: -.035em; color: #dfbbc0; }
.insight-exception-record > .insight-mono { color: #bfa4b0; }
.insight-convergence { display: block; width: 100%; height: 44px; overflow: visible; }
.insight-convergence path { fill: none; stroke: #ad8f9f; stroke-width: 1.1; vector-effect: non-scaling-stroke; stroke-dasharray: none; opacity: 1; transition: opacity .7s ease-out; }
.insight-pattern { display: flex; align-items: center; gap: 15px; justify-content: center; padding: 12px; border: 1px solid #b8b9d52b; border-radius: 5px; background: #b8b9d508; transition: opacity .6s, transform .6s; }
.insight-pattern-mark { font: 29px/1 var(--serif); color: #c2bfd9; }
.insight-pattern strong { font: 15px/1.5 var(--sans); font-weight: 600; color: #d8d8e3; }
.insights-scene .insight-pattern p { color: #a6acbd; margin-top: 2px; }
.insight-proposal-connector { height: 30px; width: 1px; background: #70718480; position: relative; margin: 0 auto; }
.insight-proposal-connector i { width: 5px; height: 5px; background: #c1bfd7; border-radius: 1px; position: absolute; top: 0; left: -2px; opacity: 0; }
.insight-suggestion { border: 1px solid #b8b9d54a; border-radius: 5px; background: linear-gradient(120deg,#b8b9d50c,#b8b9d503); padding: 17px 18px; transition: opacity .7s, transform .7s; }
.insight-suggestion > header { display: flex; justify-content: space-between; color: #bbbad2; }
.insight-suggestion > header > span:last-child { color: #9195aa; }
.insight-proposed-change { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 17px 0 16px; }
.insights-scene .insight-proposed-change > p { color: #bec0ce; }
.insight-proposed-change > div { display: flex; align-items: center; gap: 13px; white-space: nowrap; }
.insight-proposed-change > div > span,
.insight-proposed-change strong { font: 34px/1 var(--serif); letter-spacing: -.04em; }
.insight-proposed-change > div > span { color: #868a9f; }
.insight-proposed-change strong { color: #e0deee; }
.insight-proposed-change i { font: 19px/1 var(--sans); font-style: normal; color: #9696ae; }
.insight-human-review { border-top: 1px solid #ffffff13; padding-top: 13px; display: flex; align-items: flex-start; gap: 10px; color: #a9adc1; }
.insight-review-icon { font: 18px/1.2 var(--sans); color: #bebad8; }
.insight-human-review strong { font-weight: 600; color: #d6d3e6; }
.insight-obligation { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #a9acbd; margin-top: 15px; font: 14px/1.5 var(--sans); }
.insight-obligation > .insight-mono { color: #989eb5; }
.insight-sequencing .insight-exception-record:not(.is-recorded) { opacity: 1; transform: none; }
.insight-sequencing .insight-exception-record.is-recorded { border-color: #cd929275; background: #cd92920d; }
.insight-sequencing .insight-convergence path:not(.is-connected) { opacity: 0; }
.insight-sequencing:not(.insight-pattern-ready) .insight-pattern { opacity: .25; transform: translateY(6px); }
.insight-sequencing:not(.insight-proposal-ready) .insight-suggestion { opacity: .18; transform: translateY(9px); }
.insight-sequencing.insight-pattern-ready .insight-proposal-connector i { animation: insight-send-proposal .85s ease-out both; }
@keyframes insight-send-proposal { 0% { opacity:0; transform:translateY(0); } 20% { opacity:1; } 85% { opacity:1; } 100% { opacity:0; transform:translateY(30px); } }

/* A recognisable Slack excerpt, with a real brand mark and one message. */
.scene-6 .slack-excerpt { margin: auto 0 !important; color: #e4e5e9; flex-shrink: 0; }
.slack-excerpt-channel { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #ffffff17; padding: 17px 23px; }
.slack-excerpt-channel > span { font: 16px/1.4 var(--sans); font-weight: 600; color: #e7e7eb; }
.slack-excerpt-channel b { font-weight: 400; color: #9496a2; margin-right: 5px; }
.slack-excerpt-channel > svg { width: 21px; height: 21px; }
.slack-excerpt-post { display: flex; align-items: flex-start; gap: 13px; padding: 25px 23px 29px; }
.slack-excerpt-avatar { width: 36px; height: 36px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: #dedbe7; color: #28252f; }
.slack-excerpt-avatar > svg { width: 22px; height: 28px; overflow: hidden; }
.slack-excerpt-content { min-width: 0; flex: 1; }
.slack-excerpt-author { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; margin: 0 0 6px; }
.slack-excerpt-author > strong { font: 16px/1.5 var(--sans); font-weight: 600; color: #ecebef; }
.slack-excerpt-author > span { font: 12px/1.2 var(--mono); text-transform: uppercase; background: #ffffff10; border-radius: 3px; padding: 2px 4px; color: #a7a8b4; }
.slack-excerpt-author > time { font: 12px/1.4 var(--sans); color: #9396a5; }
.scene-6 .slack-excerpt-content > p { font: 15px/1.55 var(--sans); color: #d1d1dc; }
.slack-excerpt-mention { background: #2b62704d; color: #8ed0df; border-radius: 3px; padding: 1px 3px; }
.slack-excerpt-attachment { margin-top: 16px; border-left: 3px solid #9e9cb8; padding: 1px 0 1px 14px; }
.slack-excerpt-attachment > strong { font: 16px/1.5 var(--sans); font-weight: 600; color: #e7e4ef; }
.scene-6 .slack-excerpt-attachment > p { font: 14px/1.55 var(--sans); color: #b9bac8; margin-top: 5px; }
.scene-6 .slack-excerpt-attachment > .slack-excerpt-open { color: #a09db1; }
.slack-excerpt-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.scene-6 .slack-excerpt-actions > button { border: 1px solid #686876; border-radius: 4px; background: #ffffff04; padding: 8px 10px; font: 12px/1.5 var(--mono); color: #dad8e5; text-transform: uppercase; transition: background .2s, border-color .2s; }
.scene-6 .slack-excerpt-actions > button:first-child { background: #32634850; border-color: #6a9d80; color: #bddec8; }
.scene-6 .slack-excerpt-actions > button:hover { background: #ffffff12; border-color: #a9a6bd; }
.scene-6 .slack-excerpt-actions > button:first-child:hover { background: #386c505e; }
.slack-excerpt-receipt { display: flex; gap: 9px; margin-top: 15px; align-items: center; color: #a7cbb5; }
.slack-excerpt-receipt[hidden] { display: none; }
.slack-excerpt-receipt > span { font: 17px/1 var(--sans); }
.scene-6 .slack-excerpt-receipt > p { font: 14px/1.5 var(--sans); }
.slack-excerpt-receipt p > span { display: block; color: #969eab; font-size: 12px; }
.slack-excerpt-receipt > button { margin-left: auto; padding: 7px; font: 21px/1 var(--sans); color: #a8afbe; }

@media(max-width:1000px) {
  .scene.insights-scene { padding: 22px 0 !important; }
  .insights-scene .morph-surface { max-width: 680px; margin: 0 auto; }
  .scene-6 .slack-excerpt { max-width: 680px; }
}
@media(max-width:600px) {
  .insight-report, .insight-learning { padding: 23px 19px; }
  .insight-report-heading { gap: 14px; padding-bottom: 20px; }
  .insights-scene .insight-report-heading h3 { font-size: 24px; max-width: 180px; }
  .insight-average strong { font-size: 35px; }
  .insight-chart { padding-top: 23px; gap: 15px; }
  .insight-chart-row { grid-template-columns: 66px minmax(0,1fr) 15px; gap: 10px; }
  .insight-chart-key { gap: 10px 18px; }
  .insight-decision-trail { grid-template-columns: minmax(0,.8fr) 16px minmax(0,1.2fr) 16px minmax(0,1.3fr); gap: 6px; }
  .insight-decision-trail > .insight-record-arrow { width:16px; }
  .insight-decision-trail .insight-mono { letter-spacing: -.03em; }
  .insight-exception-records { gap: 8px; }
  .insight-exception-record { padding: 13px 5px 11px; }
  .insight-exception-record > .insight-mono { max-width: 80px; justify-self: center; }
  .insight-pattern { gap: 12px; padding: 11px 10px; }
  .insight-pattern strong { font-size: 14px; }
  .insight-pattern-mark { font-size: 28px; }
  .insight-suggestion { padding: 16px 14px; }
  .insight-proposed-change { gap: 13px; }
  .insight-proposed-change > div { gap: 8px; }
  .insight-proposed-change > div > span, .insight-proposed-change strong { font-size: 30px; }
  .insight-obligation { gap: 8px; }
  .slack-excerpt-channel { padding: 16px 18px; }
  .slack-excerpt-post { padding: 22px 17px 25px; gap: 11px; }
  .slack-excerpt-avatar { width: 32px; height: 32px; }
  .slack-excerpt-avatar > svg { width: 19px; height: 25px; }
  .slack-excerpt-attachment { padding-left: 11px; }
}
@media(max-width:380px) {
  .insight-report, .insight-learning { padding: 21px 15px; }
  .insights-scene .insight-report-heading h3 { font-size: 23px; }
  .insight-average .insight-mono { max-width: 75px; text-align: right; }
  .insight-average strong { font-size: 34px; }
  .insight-chart-key { gap: 10px 14px; }
  .insight-decision-trail { gap: 5px; }
  .insight-decision-trail > div { grid-template-rows:34px auto; }
  .insight-decision-trail strong { font-size:13px; }
  .insight-decision-trail .insight-mono { align-self:end; }
  .insight-exception-records { gap: 6px; }
  .insight-suggestion { padding: 14px 12px; }
  .insight-proposed-change > div > span, .insight-proposed-change strong { font-size: 27px; }
  .insight-proposed-change > div { gap: 6px; }
  .insight-obligation { flex-wrap: wrap; }
  .slack-excerpt-post { padding-inline: 14px; gap: 9px; }
  .slack-excerpt-avatar { width: 28px; height: 28px; }
  .slack-excerpt-author { gap: 6px; }
  .slack-excerpt-author > strong { font-size: 15px; }
  .scene-6 .slack-excerpt-actions > button { padding-inline: 8px; }
}
@media(prefers-reduced-motion:reduce) {
  .insight-round-bar { transform: scaleX(1) !important; transition: none !important; }
  .insight-exception-record, .insight-pattern, .insight-suggestion { opacity: 1 !important; transform: none !important; transition: none !important; }
  .insight-convergence path { stroke-dashoffset: 0 !important; transition: none !important; }
  .insight-proposal-connector i { display: none; animation: none !important; }
}

/* The records are permanent; only their connecting paths and borders animate. */
.insights-learning-scene .insight-exception-record { opacity:1!important;transform:none!important; }
.insight-log-heading { display:flex;justify-content:space-between;gap:12px;align-items:baseline; }
.insight-log-heading>.insight-mono:first-child { color:#a5a9bb; }
.insight-log-heading>.insight-mono:last-child { color:#898fa1; }
.insight-next-request { padding-top:14px;margin-top:14px;border-top:1px solid #9fc8ae26; }
.insight-next-request>.insight-mono { color:#a0b6b0; }
.insights-scene .insight-next-request>p { color:#c2ccd0;margin-top:7px; }
.insight-next-request>strong { display:block;margin-top:4px;font:14px/1.5 var(--sans);font-weight:600;color:#afd0ba; }
.insights-learning-scene .insight-human-review .insight-review-icon { color:#a8cbb5; }
.insights-learning-scene .insight-suggestion { padding-block:15px; }
.insights-learning-scene .insight-proposed-change { padding-block:15px; }
.insights-learning-scene .insight-pattern { gap:12px; }
.insights-learning-scene .insight-pattern strong { font-size:14px; }

/* A focused approval in the surrounding Slack conversation. */
.scene-6 .slack-excerpt { height:100%;display:flex;flex-direction:column;min-height:560px; }
.slack-excerpt-channel { flex:none; }
.slack-excerpt-thread { flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:0; }
.slack-context-message { display:flex;gap:13px;padding:20px 23px;align-items:flex-start;opacity:.38; }
.slack-context-message>div { min-width:0; }
.slack-context-avatar { width:36px;height:36px;flex:none;background:#646978;color:#d7d8df;border-radius:6px;display:grid;place-items:center;font:12px/1 var(--mono);text-transform:uppercase; }
.slack-context-author { display:flex;gap:9px;align-items:baseline;margin-bottom:3px; }
.slack-context-author strong { font:14px/1.5 var(--sans);font-weight:600;color:#e4e4ec; }
.slack-context-author time { font:12px/1.4 var(--sans);color:#b5b8c7; }
.scene-6 .slack-context-message p { font:14px/1.5 var(--sans);color:#d1d2dd; }
.slack-context-before { border-bottom:1px solid #ffffff0b; }
.slack-context-after { border-top:1px solid #ffffff0b; }
.slack-excerpt-thread>.slack-excerpt-post { padding-block:22px; }
@media(max-width:600px) {
  .scene-6 .slack-excerpt { min-height:620px; }
  .slack-context-message { padding:18px 17px;gap:11px; }
  .slack-context-avatar { width:32px;height:32px; }
  .slack-excerpt-thread>.slack-excerpt-post { padding-block:20px; }
  .insights-learning-scene .insight-suggestion { padding-block:14px; }
  .insights-learning-scene .insight-proposed-change { padding-block:14px; }
  .insight-next-request { padding-top:12px;margin-top:12px; }
}
@media(max-width:380px) {
  .slack-context-message { padding-inline:14px;gap:9px; }
  .slack-context-avatar { width:28px;height:28px; }
  .scene-6 .slack-excerpt { min-height:650px; }
  .insights-learning-scene .insight-suggestion>header { gap:8px; }
  .insights-learning-scene .insight-suggestion>header>.insight-mono:first-child { max-width:170px; }
}

/* Eighth refinement: both hours use the same type, weight and line box. */
.scene.insights-learning-scene .insight-proposed-change {
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:center;
  gap:20px;
  padding-block:16px;
}
.scene.insights-learning-scene .insight-proposed-change>p {
  min-width:0;
  margin:0;
  font:400 15px/22px var(--sans);
  color:var(--body);
}
.scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison {
  display:grid;
  grid-template-columns:max-content 20px max-content;
  align-items:center;
  justify-content:end;
  gap:12px;
}
.scene.insights-learning-scene .insight-proposed-change .insight-hours {
  display:block;
  margin:0;
  font:400 28px/34px var(--sans);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;
}
.scene.insights-learning-scene .insight-proposed-change .insight-hours-before { color:var(--muted); }
.scene.insights-learning-scene .insight-proposed-change .insight-hours-after { color:var(--ink); }
.scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison>i {
  display:grid;
  place-items:center;
  height:34px;
  font:400 18px/34px var(--sans);
  color:var(--muted);
}
.scene.insights-learning-scene .insight-suggestion>header {
  align-items:center;
  gap:12px;
  min-height:18px;
}
.scene.insights-learning-scene .insight-suggestion>header .insight-mono { font:400 12px/18px var(--mono); }
.scene.insights-learning-scene .insight-human-review { align-items:flex-start;gap:10px; }
.scene.insights-learning-scene .insight-human-review .insight-review-icon {
  display:grid;
  place-items:center;
  flex:0 0 18px;
  height:22px;
  font:400 16px/22px var(--sans);
  color:var(--yes,#087a43);
}
.scene.insights-learning-scene .insight-exception-record>strong { font:400 24px/30px var(--sans); }
.scene.insights-learning-scene .insight-pattern-mark { font:400 24px/30px var(--sans); }
.scene.insights-report-scene .bar-exception,
.scene.insights-report-scene .key-exception { background:var(--no,#c3312f); }
.scene.insights-report-scene .bar-fallback,
.scene.insights-report-scene .key-fallback { background:var(--yes,#087a43); }
.scene.insights-report-scene .insight-decision-status { color:var(--no,#c3312f); }
.scene.insights-report-scene.mirela-approved .insight-decision-status,
.scene.insights-learning-scene .insight-next-request>.insight-mono,
.scene.insights-learning-scene .insight-next-request>strong { color:var(--yes,#087a43); }
.scene.insights-learning-scene .insight-exception-record>strong,
.scene.insights-learning-scene .insight-exception-record>.insight-mono { color:var(--no,#c3312f); }
.scene.insights-learning-scene .insight-exception-record.is-recorded { border-color:var(--no,#c3312f);background:rgba(255,255,255,.55); }
@media(max-width:600px) {
  .scene.insights-learning-scene .insight-proposed-change { gap:14px;padding-block:15px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison { grid-template-columns:max-content 18px max-content;gap:8px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours { font-size:26px;line-height:32px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison>i { height:32px;line-height:32px; }
}
@media(max-width:380px) {
  .scene.insights-learning-scene .insight-proposed-change { gap:12px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison { grid-template-columns:max-content 16px max-content;gap:6px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours { font-size:24px;line-height:30px; }
  .scene.insights-learning-scene .insight-proposed-change .insight-hours-comparison>i { height:30px;line-height:30px;font-size:17px; }
}

/* Focused reports: the same five negotiations, shown as counts and workload. */
.scene.insights-report-scene .insight-two-charts {
  display:grid;
  grid-template-rows:minmax(0,1fr) minmax(0,1fr);
  gap:26px;
  color:var(--ink,#171715);
}
.scene.insights-report-scene .insight-two-charts > figure {
  min-width:0;
  min-height:0;
  margin:0;
  display:flex;
  flex-direction:column;
}
.scene.insights-report-scene .insight-chart-heading {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:6px 16px;
  flex:none;
  margin:0 0 20px;
}
.scene.insights-report-scene .insight-chart-heading h3 {
  margin:0;
  font:500 16px/22px var(--sans);
  letter-spacing:-.012em;
  color:var(--ink,#171715);
}
.scene.insights-report-scene .insight-chart-heading .insight-mono {
  font:400 12px/18px var(--mono);
  color:var(--muted,#98948c);
}
.scene.insights-report-scene .insight-chart {
  display:grid;
  flex:1;
  align-content:space-evenly;
  gap:12px;
  padding:0;
}
.scene.insights-report-scene .insight-chart-row {
  grid-template-columns:72px minmax(0,1fr) 22px;
  gap:14px;
  color:var(--body,#615d57);
  font:400 14px/20px var(--sans);
}
.scene.insights-report-scene .insight-chart-row > .insight-mono { color:var(--ink,#171715); }
.scene.insights-report-scene .insight-bar-track { height:12px;background:rgb(var(--brand-burgundy-rgb) / .055);border-radius:2px; }
.scene.insights-report-scene .insight-round-bar { background:var(--brand-burgundy);border-radius:2px; }
.scene.insights-report-scene .insight-total-figure { border-top:1px solid var(--line,#ddd8d1);padding-top:23px; }
.scene.insights-report-scene .insight-total-chart { display:flex;flex-direction:column;flex:1;min-height:0;padding-left:26px; }
.scene.insights-report-scene .insight-total-plot { position:relative;flex:1;min-height:105px;margin:10px 0 12px; }
.scene.insights-report-scene .insight-total-grid { position:absolute;left:0;right:0;height:0;border-top:1px solid rgb(var(--brand-burgundy-rgb) / .10); }
.scene.insights-report-scene .insight-total-grid > span { position:absolute;right:calc(100% + 9px);top:0;transform:translateY(-50%);color:var(--muted,#98948c);font:400 12px/18px var(--mono); }
.scene.insights-report-scene .insight-total-lines { position:absolute;inset:0;width:100%;height:100%;overflow:visible;clip-path:inset(-5px 100% -5px -5px); }
.scene.insights-report-scene .insight-total-area { fill:rgb(var(--brand-burgundy-rgb) / .045);stroke:none;opacity:0; }
.scene.insights-report-scene .insight-total-line { fill:none;stroke:var(--brand-burgundy);stroke-width:1.7;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0; }
.scene.insights-report-scene.insight-chart-ready .insight-total-lines { clip-path:inset(-5px -5px -5px -5px);transition:clip-path .9s cubic-bezier(.2,.7,.3,1) .2s; }
.scene.insights-report-scene.insight-chart-ready .insight-total-area { opacity:1;transition:opacity .65s ease .25s; }
.scene.insights-report-scene .insight-total-point { position:absolute;opacity:0; }
.scene.insights-report-scene.insight-chart-ready .insight-total-point { opacity:1;transition:opacity .25s ease var(--point-delay); }
.scene.insights-report-scene .insight-total-point > i { display:block;position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:var(--brand-burgundy);box-shadow:0 0 0 2px var(--paper,#f5f3f0); }
.scene.insights-report-scene .insight-total-point > span { position:absolute;left:0;bottom:9px;transform:translateX(-50%);font:400 12px/18px var(--mono);color:var(--ink,#171715); }
.scene.insights-report-scene .insight-total-customers { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;font:400 12px/18px var(--sans);color:var(--body,#615d57);text-align:center; }
.scene.insights-report-scene .insight-order-label { display:block;margin-top:10px;font:400 12px/18px var(--mono);color:var(--muted,#98948c);text-align:center; }

/* Keep the connected learning flow compact within the shared visual frame. */
.scene.insights-learning-scene .insight-learning {
  display:grid;
  grid-template-rows:auto 40px auto 28px auto;
  align-content:center;
  gap:0;
}
.scene.insights-learning-scene .insight-logged-records { min-height:0; }
.scene.insights-learning-scene .insight-exception-records { height:100%;margin-top:0; }
.scene.insights-learning-scene .insight-exception-record { align-content:center;gap:10px;padding:16px 10px; }
.scene.insights-learning-scene .insight-convergence { height:40px; }
.scene.insights-learning-scene .insight-pattern { text-align:center;padding:15px 18px; }
.scene.insights-learning-scene .insight-pattern p { margin:3px 0 0; }
.scene.insights-learning-scene .insight-proposal-connector { height:28px; }
.scene.insights-learning-scene .insight-suggestion { display:flex;flex-direction:column;align-self:start;min-height:0;padding:20px; }
.scene.insights-learning-scene .insight-suggestion > header { justify-content:flex-end;flex:none; }
.scene.insights-learning-scene .insight-proposed-change { flex:0 0 auto;padding-block:16px; }
.scene.insights-learning-scene .insight-human-review { flex:none;padding-top:16px; }
@media(max-width:600px) {
  .scene.insights-report-scene .insight-two-charts { gap:22px; }
  .scene.insights-report-scene .insight-chart-heading { margin-bottom:16px;gap:4px 12px; }
  .scene.insights-report-scene .insight-chart-heading h3 { font-size:15px;line-height:21px; }
  .scene.insights-report-scene .insight-chart-row { grid-template-columns:62px minmax(0,1fr) 18px;gap:10px; }
  .scene.insights-report-scene .insight-total-figure { padding-top:20px; }
  .scene.insights-report-scene .insight-total-chart { padding-left:23px; }
  .scene.insights-report-scene .insight-total-customers { font-size:12px; }
  .scene.insights-report-scene .insight-order-label { max-width:230px;align-self:center; }
  .scene.insights-learning-scene .insight-learning { grid-template-rows:auto 36px auto 24px auto; }
  .scene.insights-learning-scene .insight-convergence { height:36px; }
  .scene.insights-learning-scene .insight-proposal-connector { height:24px; }
  .scene.insights-learning-scene .insight-exception-record { padding:14px 5px; }
  .scene.insights-learning-scene .insight-suggestion { padding:17px 15px; }
}
@media(prefers-reduced-motion:reduce) {
  .scene.insights-report-scene .insight-total-lines { clip-path:none!important;transition:none!important; }
  .scene.insights-report-scene .insight-total-area,.scene.insights-report-scene .insight-total-point { opacity:1!important;transition:none!important; }
}