/* 75-academy-legacy-theme.css
   The current TeamON One structure stays canonical; Academy alone recovers the
   calmer visual language children already liked in the original Family
   Academy. Tokens below are copied from kids-academy/frontend/src/style.css:
   cool canvas, navy ink, violet navigation and teal completion. */

.workbench.academy-active {
  --academy-canvas: #f6f7fb;
  --academy-card: #ffffff;
  --academy-ink: #1a1d2e;
  --academy-copy: #555b70;
  --academy-muted: #7a7f93;
  --academy-line: #e9ebf3;
  --academy-track: #eef0f8;
  --academy-primary: #5b5bd6;
  --academy-primary-hover: #4f4fc4;
  --academy-primary-soft: #eeeefc;
  --academy-teal: #12a594;
  --academy-teal-hover: #0e8d80;
  --academy-teal-soft: #e6f7f4;
  --academy-gold: #f5a623;
  --academy-shadow: 0 1px 2px rgba(20, 20, 43, .04), 0 12px 34px rgba(20, 20, 43, .07);
  --academy-shadow-raised: 0 20px 52px rgba(39, 42, 83, .11);
  --academy-shadow-float: 0 24px 64px rgba(39, 42, 83, .14);
  --academy-focus-ring: 0 0 0 4px rgba(91, 91, 214, .16);
  --academy-ease-out: cubic-bezier(.2, .8, .2, 1);

  /* Rebind Foundation aliases only inside Academy. */
  --paper: var(--academy-card);
  --ink: var(--academy-ink);
  --ink-soft: var(--academy-copy);
  --muted: var(--academy-muted);
  --muted-2: var(--academy-muted);
  --surface: var(--academy-card);
  --surface-soft: var(--academy-primary-soft);
  --line: var(--academy-line);
  --line-strong: #d8dbe8;
  --accent: var(--academy-primary);
  --accent-rgb: 91, 91, 214;
  --success: var(--academy-teal-hover);
  --green: var(--academy-teal);
  --green-dark: #13795b;
  --green-soft: var(--academy-teal-soft);
  --violet: var(--academy-primary);
  --rc-paper: var(--academy-card);
  --rc-milk: var(--academy-canvas);
  --rc-sunken: var(--academy-track);
  --rc-hairline: var(--academy-line);
  --rc-hairline-strong: #d8dbe8;
  --rc-ink: var(--academy-ink);
  --rc-ink-soft: var(--academy-copy);
  --rc-ink-muted: var(--academy-muted);
  --rc-green: var(--academy-teal);
  --rc-green-hover: #32b8a8;
  --rc-green-deep: #13795b;
  --rc-mint: var(--academy-teal-soft);
  --rc-violet: var(--academy-primary);
  --rc-violet-ink: #4f4fc4;
  --rc-lilac: var(--academy-primary-soft);
  --rc-mist: #f0f3fb;
  --rc-cream: #fff6de;
  --rc-shadow: var(--academy-shadow);
  --rc-shadow-tight: 0 6px 18px rgba(20, 20, 43, .06);
  --text-soft: var(--academy-muted);
  --font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", Inter, system-ui, sans-serif;

  color: var(--academy-ink);
  background:
    radial-gradient(circle at 52% -12%, rgba(91, 91, 214, .105), transparent 38rem),
    var(--academy-canvas);
  font-family: var(--font-text);
}

.workbench.academy-active button,
.workbench.academy-active input,
.workbench.academy-active select,
.workbench.academy-active textarea {
  font-family: inherit;
}

.workbench.academy-active button,
.workbench.academy-active [role="button"],
.app-shell:has(> .workbench.academy-active) > .team-rail button {
  -webkit-tap-highlight-color: transparent;
}

.workbench.academy-active button:focus-visible,
.workbench.academy-active [role="button"]:focus-visible,
.workbench.academy-active input:focus-visible,
.workbench.academy-active select:focus-visible,
.workbench.academy-active textarea:focus-visible,
.app-shell:has(> .workbench.academy-active) > .team-rail button:focus-visible {
  outline: 2px solid var(--academy-primary);
  outline-offset: 3px;
  box-shadow: var(--academy-focus-ring);
}

.workbench.academy-active .work-surface,
.workbench.academy-active .academy-space-view,
.workbench.academy-active .academy-shell,
.workbench.academy-active .academy-stage {
  background: transparent;
}

.workbench.academy-active .academy-stage {
  scrollbar-color: rgba(91, 91, 214, .26) transparent;
}

.workbench.academy-active .academy-stage-header {
  width: min(100%, 920px);
  margin-inline: auto;
}

.workbench.academy-active .academy-stage-header h3 {
  font-weight: 820;
  letter-spacing: -.052em;
  line-height: 1.02;
}

.workbench.academy-active .academy-stage h3,
.workbench.academy-active .academy-stage h4,
.workbench.academy-active .academy-stage h5,
.workbench.academy-active .academy-today-card-copy strong,
.workbench.academy-active .academy-blitz-entry h4 {
  color: var(--academy-ink);
  font-family: var(--font-display);
  font-weight: 800;
}

.workbench.academy-active .eyebrow,
.workbench.academy-active .academy-today-card-copy small,
.workbench.academy-active .academy-card-kicker,
.workbench.academy-active .academy-prompt-label {
  color: var(--academy-primary);
}

/* Today: preserve the new three-step hierarchy, change only its mood. */
.workbench.academy-active .academy-today-board.mission-deck,
.workbench.academy-active .academy-today-board.daniel-focused {
  background: transparent;
}

.workbench.academy-active .academy-today-progress,
.workbench.academy-active .academy-today-signals {
  border-color: var(--academy-line);
  background: rgba(255, 255, 255, .9);
  color: var(--academy-muted);
  box-shadow: var(--academy-shadow);
}

.workbench.academy-active .academy-blitz-entry,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-blitz-entry {
  border-color: #dfdff8;
  background:
    radial-gradient(circle at 4% 0%, rgba(139, 132, 237, .22), transparent 40%),
    linear-gradient(135deg, #ffffff 0%, #f4f3ff 66%, #ecebff 100%);
  box-shadow: var(--academy-shadow-raised);
}

.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-blitz-entry .eyebrow {
  color: var(--academy-primary);
}

.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-blitz-entry > button {
  background: var(--academy-primary);
  color: #fff;
  box-shadow: 0 12px 28px rgba(91, 91, 214, .22);
}

.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-blitz-entry > button:hover {
  background: var(--academy-primary-hover);
}

.workbench.academy-active .academy-today-card,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.has-art,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.mission-primary.has-art,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.mission-next.has-art {
  border-color: var(--academy-line);
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--academy-shadow);
  transition:
    transform .22s var(--academy-ease-out),
    border-color .22s ease,
    box-shadow .22s var(--academy-ease-out),
    background-color .22s ease;
}

.workbench.academy-active .academy-today-card:first-child,
.workbench.academy-active .academy-today-card.recommended {
  border-color: #d9d9f6;
  background:
    radial-gradient(circle at 92% 8%, rgba(91, 91, 214, .11), transparent 38%),
    rgba(255, 255, 255, .98);
}

.workbench.academy-active .academy-today-number,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.has-art .academy-today-number {
  background: var(--academy-primary-soft);
  color: var(--academy-primary);
}

.workbench.academy-active .academy-today-card-copy > span,
.workbench.academy-active .academy-today-note,
.workbench.academy-active .academy-blitz-entry p:not(.eyebrow) {
  color: var(--academy-muted);
}

.workbench.academy-active .academy-today-action,
.workbench.academy-active .academy-today-card.has-art .academy-today-action,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.has-art .academy-today-action,
.workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-today-card.mission-next.has-art .academy-today-action {
  background: var(--academy-teal-soft);
  color: #13795b;
}

.workbench.academy-active .academy-today-card.mission-primary .academy-today-action,
.workbench.academy-active .academy-today-card.recommended .academy-today-action {
  background: var(--academy-teal);
  color: #fff;
  box-shadow: 0 10px 24px rgba(18, 165, 148, .19);
}

.workbench.academy-active .academy-today-action,
.workbench.academy-active .academy-blitz-entry > button,
.workbench.academy-active .academy-primary-action,
.workbench.academy-active .academy-blitz-start,
.workbench.academy-active .academy-choice-option,
.workbench.academy-active .academy-order-token {
  transition:
    transform .16s var(--academy-ease-out),
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .2s var(--academy-ease-out);
}

.workbench.academy-active .academy-today-action:active,
.workbench.academy-active .academy-blitz-entry > button:active,
.workbench.academy-active .academy-primary-action:active,
.workbench.academy-active .academy-blitz-start:active,
.workbench.academy-active .academy-choice-option:active,
.workbench.academy-active .academy-order-token:active {
  transform: translateY(1px) scale(.985);
}

@media (hover: hover) and (pointer: fine) {
  .workbench.academy-active .academy-today-card:hover {
    transform: translateY(-3px);
    border-color: rgba(91, 91, 214, .28);
    box-shadow: var(--academy-shadow-float);
  }

  .workbench.academy-active .academy-today-action:hover,
  .workbench.academy-active .academy-primary-action:hover,
  .workbench.academy-active .academy-blitz-start:hover {
    transform: translateY(-1px);
  }
}

/* First result is an invitation, not a diagram. Keep the later learning path
   intact; only the truly empty first-run state becomes a cinematic mission. */
.workbench.academy-active .academy-path.first-result {
  position: relative;
  isolation: isolate;
  width: min(100%, 920px);
  min-height: 0;
  gap: 22px;
  padding: clamp(26px, 3.2vw, 38px) clamp(24px, 4.5vw, 52px) 104px;
  overflow: hidden;
  border: 1px solid #dddff5;
  border-radius: 38px;
  background:
    radial-gradient(circle at 10% 8%, rgba(91, 91, 214, .15), transparent 34%),
    radial-gradient(circle at 92% 92%, rgba(18, 165, 148, .16), transparent 38%),
    linear-gradient(145deg, #ffffff 0%, #f7f6ff 56%, #edfaf7 100%);
  box-shadow: var(--academy-shadow-raised);
  animation: academy-first-result-in .48s cubic-bezier(.2, .8, .2, 1) both;
}

.workbench.academy-active .academy-path.first-result::before,
.workbench.academy-active .academy-path.first-result::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  pointer-events: none;
}

.workbench.academy-active .academy-path.first-result::before {
  width: 290px;
  height: 290px;
  top: -168px;
  right: 23%;
  border: 1px solid rgba(91, 91, 214, .12);
  box-shadow: 0 0 0 34px rgba(91, 91, 214, .035), 0 0 0 76px rgba(91, 91, 214, .025);
}

.workbench.academy-active .academy-path.first-result::after {
  width: 14px;
  height: 14px;
  top: 42px;
  left: 46%;
  background: var(--academy-gold);
  box-shadow: 46px 72px 0 -4px rgba(91, 91, 214, .55), -34px 122px 0 -5px rgba(18, 165, 148, .65);
}

.workbench.academy-active .academy-path.first-result .academy-onboarding {
  width: 100%;
  max-width: none;
  grid-template-columns: minmax(0, 1fr) minmax(250px, 38%);
  grid-template-rows: auto auto 1fr;
  align-items: center;
  gap: 8px clamp(28px, 5vw, 66px);
  padding: 0;
  text-align: left;
}

.workbench.academy-active .academy-path.first-result .academy-onboarding > .eyebrow,
.workbench.academy-active .academy-path.first-result .academy-onboarding > h4,
.workbench.academy-active .academy-path.first-result .academy-onboarding > p {
  grid-column: 1;
}

.workbench.academy-active .academy-path.first-result .academy-onboarding > .eyebrow {
  align-self: end;
  display: block;
  margin: 0;
  color: var(--academy-primary);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.workbench.academy-active .academy-path.first-result .academy-onboarding > h4 {
  max-width: 540px;
  margin: 0;
  font-size: clamp(38px, 5vw, 64px);
  line-height: .98;
  letter-spacing: -.065em;
  text-wrap: balance;
}

.workbench.academy-active .academy-path.first-result .academy-onboarding > p:last-of-type {
  max-width: 520px;
  align-self: start;
  color: var(--academy-copy);
  font-size: clamp(16px, 1.7vw, 20px);
  line-height: 1.48;
}

.workbench.academy-active .academy-onboarding-art {
  position: relative;
  grid-column: 2;
  grid-row: 1 / 4;
  width: 100%;
  height: 238px;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border: 8px solid rgba(255, 255, 255, .76);
  border-radius: 30px;
  background: var(--academy-primary-soft);
  box-shadow: 0 24px 48px rgba(36, 38, 79, .16), 0 0 0 1px rgba(91, 91, 214, .09);
  transform: rotate(1.2deg);
}

.workbench.academy-active .academy-onboarding-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 46%, rgba(18, 20, 38, .6));
  pointer-events: none;
}

.workbench.academy-active .academy-onboarding-art img {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2, .8, .2, 1);
}

.workbench.academy-active .academy-path.first-result:hover .academy-onboarding-art img {
  transform: scale(1.035);
}

.workbench.academy-active .academy-onboarding-art-badge {
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 15px;
  left: 16px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  padding: 11px 13px;
  border: 1px solid rgba(255, 255, 255, .5);
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
  color: var(--academy-ink);
  box-shadow: 0 10px 24px rgba(15, 18, 38, .18);
  backdrop-filter: blur(12px);
}

.workbench.academy-active .academy-onboarding-art-badge > b {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: var(--academy-primary-soft);
  font-size: 23px;
}

.workbench.academy-active .academy-onboarding-art-badge > span {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.workbench.academy-active .academy-onboarding-art-badge strong {
  overflow: hidden;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workbench.academy-active .academy-onboarding-art-badge small {
  color: var(--academy-muted);
  font-size: 11px;
}

.workbench.academy-active .academy-path.first-result .academy-path-list {
  width: min(100%, 600px);
  justify-self: start;
  margin-top: -8px;
}

.workbench.academy-active .academy-path.first-result .academy-path-list::before {
  display: none;
}

.workbench.academy-active .academy-path.first-result .academy-path-step {
  min-height: 92px;
  grid-template-columns: 66px minmax(0, 1fr);
  padding: 10px 12px;
  border: 1px solid rgba(91, 91, 214, .15);
  border-radius: 24px;
  background: rgba(255, 255, 255, .88);
  box-shadow: 0 12px 30px rgba(38, 41, 82, .07);
}

.workbench.academy-active .academy-path.first-result .academy-path-node {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 15px;
  background: linear-gradient(145deg, var(--academy-primary), #8b84ed);
  box-shadow: 0 10px 22px rgba(91, 91, 214, .22);
}

.workbench.academy-active .academy-path.first-result .academy-path-node > span {
  width: 17px;
  height: 17px;
  border: 4px solid #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, .18);
}

.workbench.academy-active .academy-path.first-result .academy-path-step-copy {
  gap: 5px;
  padding: 8px 10px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.workbench.academy-active .academy-path.first-result .academy-path-step-copy small {
  color: var(--academy-teal-hover);
}

.workbench.academy-active .academy-path.first-result .academy-path-step-copy h4 {
  font-size: clamp(22px, 2.7vw, 30px);
}

.workbench.academy-active .academy-path.first-result .academy-path-horizon {
  min-height: 38px;
  grid-template-columns: 66px minmax(0, 1fr);
}

.workbench.academy-active .academy-path.first-result .academy-path-node.muted {
  width: 28px;
  height: 28px;
  border: 1px dashed rgba(91, 91, 214, .25);
  background: rgba(255, 255, 255, .62);
}

.workbench.academy-active .academy-space-view[data-academy-focus="path"] .academy-section:has(.academy-path.first-result) .academy-primary-dock {
  position: relative;
  z-index: 2;
  width: min(100%, 920px);
  justify-content: flex-start;
  margin-top: -102px;
  padding: 0 clamp(36px, 5vw, 64px) 30px;
}

.workbench.academy-active .academy-space-view[data-academy-focus="path"] .academy-section:has(.academy-path.first-result) .academy-primary-action {
  width: min(100%, 280px);
  min-height: 58px;
  border-radius: 18px;
  font-size: 16px;
}

@keyframes academy-first-result-in {
  from { opacity: 0; transform: translateY(12px) scale(.99); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

.workbench.academy-active .academy-space-view:has(.academy-path.first-result) .academy-stage-header {
  min-height: 64px;
  align-items: center;
}

.workbench.academy-active .academy-space-view:has(.academy-path.first-result) .academy-stage-header > div > p:last-child {
  display: none;
}

.workbench.academy-active .academy-space-view:has(.academy-path.first-result) #academy-section-now {
  margin-top: 4px;
}

/* Lesson and result keep the same cool paper hierarchy after the card opens. */
.workbench.academy-active .academy-activity,
.workbench.academy-active .academy-prompt-card,
.workbench.academy-active .academy-practice-card,
.workbench.academy-active .academy-answer-field,
.workbench.academy-active .academy-feedback-summary,
.workbench.academy-active .academy-current-evidence,
.workbench.academy-active .academy-judgment-fields,
.workbench.academy-active .academy-learning-summary,
.workbench.academy-active .academy-card-list > article {
  border-color: var(--academy-line);
  background: var(--academy-card);
  box-shadow: var(--academy-shadow);
}

.workbench.academy-active .academy-prompt-card,
.workbench.academy-active .academy-answer-field,
.workbench.academy-active .academy-practice-card {
  background: #fafbfe;
}

.workbench.academy-active .academy-activity {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.workbench.academy-active .academy-activity::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 280px;
  height: 280px;
  top: -190px;
  right: -85px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(91, 91, 214, .12), transparent 68%);
  pointer-events: none;
}

.workbench.academy-active .academy-activity h4 {
  font-weight: 830;
  letter-spacing: -.055em;
  text-wrap: balance;
}

.workbench.academy-active .academy-lesson-progress {
  border-color: rgba(91, 91, 214, .13);
  background: linear-gradient(180deg, rgba(246, 247, 251, .92), rgba(255, 255, 255, .9));
  box-shadow: inset 0 1px rgba(255, 255, 255, .9);
}

.workbench.academy-active .academy-lesson-stage.state-current {
  box-shadow: 0 8px 22px rgba(39, 42, 83, .08);
}

.workbench.academy-active .academy-prompt-card,
.workbench.academy-active .academy-answer-field,
.workbench.academy-active .academy-practice-card {
  border-radius: 26px;
  box-shadow: 0 10px 30px rgba(39, 42, 83, .06);
}

.workbench.academy-active .academy-passage {
  border: 0;
  border-left: 4px solid var(--academy-primary);
  border-radius: 0 18px 18px 0;
  background: linear-gradient(135deg, #fff 0%, #f7f7fe 100%);
}

.workbench.academy-active .academy-activity-art {
  background-image:
    linear-gradient(180deg, rgba(26, 29, 46, .02), rgba(26, 29, 46, .18)),
    var(--academy-activity-art-image, url('/assets/academy-learning-constellation-v1.png?v=2'));
  background-size: cover, cover;
  background-position: center;
}

.workbench.academy-active .academy-passage,
.workbench.academy-active .academy-answer-field textarea,
.workbench.academy-active .academy-choice-option,
.workbench.academy-active .academy-order-token,
.workbench.academy-active .academy-judgment-fields select,
.workbench.academy-active .academy-judgment-fields textarea {
  border-color: var(--academy-line);
  background: var(--academy-card);
  color: var(--academy-ink);
}

.workbench.academy-active .academy-answer-field textarea,
.workbench.academy-active .academy-judgment-fields select,
.workbench.academy-active .academy-judgment-fields textarea {
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.workbench.academy-active .academy-answer-field textarea:hover,
.workbench.academy-active .academy-judgment-fields select:hover,
.workbench.academy-active .academy-judgment-fields textarea:hover {
  border-color: #d6d8ea;
}

.workbench.academy-active .academy-answer-field textarea:focus,
.workbench.academy-active .academy-judgment-fields select:focus,
.workbench.academy-active .academy-judgment-fields textarea:focus {
  border-color: var(--academy-primary);
  background: #fff;
  box-shadow: var(--academy-focus-ring);
}

.workbench.academy-active .academy-primary-action,
.workbench.academy-active .academy-blitz-start,
.workbench.academy-active .academy-blitz-result-actions .primary {
  border-color: var(--academy-primary);
  background: var(--academy-primary);
  color: #fff;
  box-shadow: 0 12px 28px rgba(91, 91, 214, .2);
}

.workbench.academy-active .academy-primary-action:hover,
.workbench.academy-active .academy-blitz-start:hover,
.workbench.academy-active .academy-blitz-result-actions .primary:hover {
  background: var(--academy-primary-hover);
}

.workbench.academy-active .academy-primary-action:disabled,
.workbench.academy-active .academy-blitz-start:disabled {
  border-color: #e1e3ed;
  background: #eceef5;
  color: #9a9eb0;
  box-shadow: none;
  cursor: not-allowed;
}

.workbench.academy-active .academy-feedback-summary {
  border-color: rgba(18, 165, 148, .22);
  background:
    radial-gradient(circle at 92% 8%, rgba(18, 165, 148, .16), transparent 32%),
    linear-gradient(145deg, #fff 0%, #effbf8 100%);
}

.workbench.academy-active .academy-feedback-mark {
  background: var(--academy-teal);
  box-shadow: 0 12px 28px rgba(18, 165, 148, .22);
}

.workbench.academy-active .academy-feedback-grid article {
  border: 1px solid rgba(18, 165, 148, .1);
  background: rgba(255, 255, 255, .82);
}

@media (min-width: 821px) {
  .workbench.academy-active .academy-space-view[data-academy-focus="activity"] .academy-activity {
    padding-bottom: 96px;
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="activity"] .academy-primary-dock,
  .workbench.academy-active .academy-space-view[data-academy-focus="feedback"] .academy-primary-dock {
    width: min(100%, 1040px);
    justify-content: flex-end;
    margin-top: -88px;
    padding: 0 30px 24px;
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="activity"] .academy-primary-action,
  .workbench.academy-active .academy-space-view[data-academy-focus="feedback"] .academy-primary-action {
    min-width: 280px;
  }
}

.workbench.academy-active .academy-agent-orb {
  background: linear-gradient(145deg, var(--academy-primary), var(--academy-teal));
  box-shadow: 0 10px 25px rgba(91, 91, 214, .24);
}

.app-shell:has(> .workbench.academy-active) .studio-dialogue-toggle {
  border-color: rgba(255, 255, 255, .72);
  background:
    radial-gradient(circle at 30% 24%, rgba(255, 255, 255, .42), transparent 24%),
    linear-gradient(145deg, var(--academy-primary) 10%, var(--academy-teal) 92%);
  box-shadow: 0 14px 34px rgba(67, 65, 150, .24);
}

/* The Navigator becomes the deep indigo frame from the accepted Academy,
   without changing its TeamON One semantics or collapse behaviour. */
.app-shell:has(> .workbench.academy-active) > .team-rail {
  --ink: #f8f8ff;
  --muted: #aeb1c9;
  --line: rgba(255, 255, 255, .09);
  --mist: rgba(255, 255, 255, .07);
  --mist-strong: rgba(91, 91, 214, .25);
  --accent: #7772e8;
  --accent-rgb: 119, 114, 232;
  border-right-color: rgba(255, 255, 255, .08);
  background:
    radial-gradient(circle at 18% 2%, rgba(104, 96, 220, .32), transparent 32%),
    linear-gradient(180deg, #25214d 0%, #17172f 58%, #111426 100%);
  color: #f8f8ff;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, system-ui, sans-serif;
}

.app-shell:has(> .workbench.academy-active) > .team-rail #team-brand > .team-brand-copy > strong {
  filter: brightness(0) invert(1);
  opacity: .96;
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-rail-space-trigger {
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .07);
  color: #f8f8ff;
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-project-monogram,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-rail-toggle,
.app-shell:has(> .workbench.academy-active) > .team-rail .account-menu-toggle {
  color: #f8f8ff;
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project small,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-project-part small,
.app-shell:has(> .workbench.academy-active) > .team-rail .session-copy small {
  color: #aeb1c9;
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project:hover,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-rail-toggle:hover,
.app-shell:has(> .workbench.academy-active) > .team-rail .account-menu-toggle:hover {
  background: rgba(255, 255, 255, .075);
  transform: translateX(2px);
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project.active,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-project[aria-current="page"] {
  background: linear-gradient(135deg, rgba(119, 114, 232, .34), rgba(18, 165, 148, .13));
  box-shadow: inset 3px 0 #8f8af0, 0 10px 24px rgba(6, 7, 20, .14);
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project,
.app-shell:has(> .workbench.academy-active) > .team-rail .team-rail-toggle,
.app-shell:has(> .workbench.academy-active) > .team-rail .account-menu-toggle {
  transition: transform .18s var(--academy-ease-out), background-color .18s ease, box-shadow .2s ease;
}

@media (prefers-reduced-motion: no-preference) {
  .workbench.academy-active .academy-today-card,
  .workbench.academy-active .academy-blitz-entry,
  .workbench.academy-active .academy-activity {
    animation: academy-surface-arrive .42s var(--academy-ease-out) both;
  }

  .workbench.academy-active .academy-today-card:nth-child(2) { animation-delay: 55ms; }
  .workbench.academy-active .academy-today-card:nth-child(3) { animation-delay: 105ms; }
  .workbench.academy-active .academy-today-card:nth-child(4) { animation-delay: 155ms; }

  .workbench.academy-active .academy-feedback-mark {
    animation: academy-success-pop .46s var(--academy-ease-out) both;
  }
}

@keyframes academy-surface-arrive {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes academy-success-pop {
  0% { opacity: 0; transform: scale(.72) rotate(-8deg); }
  68% { opacity: 1; transform: scale(1.08) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0); }
}

.app-shell:has(> .workbench.academy-active) > .team-rail .team-project-monogram,
.app-shell.team-rail-collapsed:has(> .workbench.academy-active) > .team-rail .team-project-monogram {
  border-color: rgba(255, 255, 255, .1);
  background: rgba(255, 255, 255, .08);
}

.app-shell:has(> .workbench.academy-active) > .team-rail .session-account {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(255, 255, 255, .06);
}

@media (max-width: 760px) {
  .workbench.academy-active {
    background:
      radial-gradient(circle at 48% -8%, rgba(91, 91, 214, .11), transparent 28rem),
      var(--academy-canvas);
  }

  /* The old mobile shell reserved 174px for navigation that no longer exists.
     Keep room for the compact menu, then let the child reach the mission. */
  .app-shell .workbench.canvas-full.academy-active .academy-stage {
    padding: 78px 16px 118px;
  }

  .app-shell .workbench.canvas-full.academy-active.academy-focus-active .academy-stage {
    padding-top: 68px;
  }

  .workbench.academy-active .academy-path.first-result {
    min-height: 0;
    gap: 18px;
    padding: 22px 18px 104px;
    border-radius: 28px;
  }

  .workbench.academy-active .academy-path.first-result::before {
    right: -150px;
  }

  .workbench.academy-active .academy-path.first-result::after {
    top: 26px;
    left: auto;
    right: 34px;
  }

  .workbench.academy-active .academy-path.first-result .academy-onboarding {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 7px;
  }

  .workbench.academy-active .academy-path.first-result .academy-onboarding > .eyebrow,
  .workbench.academy-active .academy-path.first-result .academy-onboarding > h4,
  .workbench.academy-active .academy-path.first-result .academy-onboarding > p,
  .workbench.academy-active .academy-onboarding-art {
    grid-column: 1;
    grid-row: auto;
  }

  .workbench.academy-active .academy-path.first-result .academy-onboarding > h4 {
    font-size: clamp(34px, 11.5vw, 48px);
  }

  .workbench.academy-active .academy-path.first-result .academy-onboarding > p:last-of-type {
    font-size: 15px;
  }

  .workbench.academy-active .academy-onboarding-art {
    height: 170px;
    min-height: 170px;
    margin-top: 10px;
    border-width: 6px;
    border-radius: 23px;
    transform: none;
  }

  .workbench.academy-active .academy-onboarding-art img {
    min-height: 170px;
  }

  .workbench.academy-active .academy-onboarding-art-badge {
    right: 10px;
    bottom: 10px;
    left: 10px;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-list {
    width: 100%;
    margin-top: 0;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-step {
    min-height: 96px;
    grid-template-columns: 54px minmax(0, 1fr);
    padding: 8px;
    border-radius: 20px;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-step-copy {
    padding: 8px 6px;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-step-copy h4 {
    font-size: 21px;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-step-copy p {
    font-size: 12px;
  }

  .workbench.academy-active .academy-path.first-result .academy-path-horizon {
    grid-template-columns: 54px minmax(0, 1fr);
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="path"] .academy-section:has(.academy-path.first-result) .academy-primary-dock {
    margin-top: -94px;
    padding: 0 70px 24px 34px;
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="path"] .academy-section:has(.academy-path.first-result) .academy-primary-action {
    width: 100%;
  }

  .workbench.academy-active .academy-space-view[data-academy-daily="daniel-focused"] .academy-blitz-entry {
    background: linear-gradient(155deg, #fff 0%, #f3f1ff 100%);
  }

  .workbench.academy-active .academy-primary-action,
  .workbench.academy-active .academy-blitz-start,
  .workbench.academy-active .academy-today-action,
  .workbench.academy-active .academy-choice-option,
  .workbench.academy-active .academy-order-token {
    min-height: 52px;
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="activity"] .academy-primary-dock,
  .workbench.academy-active .academy-space-view[data-academy-focus="feedback"] .academy-primary-dock {
    padding-right: 72px;
  }

  .workbench.academy-active .academy-space-view[data-academy-focus="activity"] .academy-primary-action,
  .workbench.academy-active .academy-space-view[data-academy-focus="feedback"] .academy-primary-action {
    width: 100%;
    min-height: 56px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workbench.academy-active *,
  .workbench.academy-active *::before,
  .workbench.academy-active *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto;
  }

  .workbench.academy-active .academy-onboarding-art img {
    transition: none;
  }

  .workbench.academy-active .academy-today-card,
  .workbench.academy-active .academy-blitz-entry,
  .workbench.academy-active .academy-activity,
  .workbench.academy-active .academy-feedback-mark {
    animation: none;
  }
}