/* Assistant overview only. The companion drawer and business state are not
 * part of this layer. Native hidden/disabled/details states remain untouched. */
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] {
  --coach-ink: var(--hw-ui-text);
  --coach-muted: var(--hw-ui-muted);
  --coach-line: var(--hw-ui-line);
  --coach-purple: var(--hw-ui-accent);
  --coach-blue: var(--hw-ui-accent);
  --coach-green: var(--hw-ui-accent);
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  height: auto !important;
  min-height: 0 !important;
  grid-template-rows: none !important;
  grid-auto-rows: max-content !important;
  align-content: start !important;
  gap: 20px !important;
  padding-bottom: 32px;
  color: var(--hw-ui-text) !important;
  background: transparent !important;
  font-size: 15px;
  line-height: 1.65;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(article, section, header, div, button, summary, h1, h2, p, strong, small, em, span):not(dialog *) {
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__hero, .xiaowen-final-coach__card) {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  background: var(--hw-ui-surface) !important;
  border: 1px solid var(--hw-ui-line) !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: none !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__hero, .xiaowen-final-coach__card)::before { background: transparent !important; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, .3fr) !important;
  align-items: start !important;
  gap: 24px !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__identity { align-items: flex-start; gap: 18px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__identity > div { gap: 12px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__mark {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 12px;
  border: 1px solid var(--hw-ui-line);
  background: var(--hw-ui-soft) !important;
  color: var(--hw-ui-accent) !important;
  font-size: 24px;
  box-shadow: none !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(h1, h2, h3, strong, b, dt, dd):not(dialog *) { color: var(--hw-ui-text) !important; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] h1 { font-size: clamp(24px, 2.2vw, 30px) !important; line-height: 1.4 !important; font-weight: 650; letter-spacing: -.02em; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] h2 { font-size: 19px !important; line-height: 1.45; font-weight: 650; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(p, small, em, .eyebrow, .xiaowen-final-coach__status > span):not(dialog *) {
  color: var(--hw-ui-muted) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  font-style: normal;
  letter-spacing: normal !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(button, summary):not(dialog *) {
  min-height: 46px !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  white-space: normal;
  padding: 11px 16px !important;
  border-radius: 9px !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(button, summary):not(dialog *):focus-visible {
  outline: 3px solid var(--hw-ui-focus) !important;
  outline-offset: 3px !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] [data-ui-open-assistant] {
  width: max-content !important;
  max-width: 100%;
  position: static !important;
  margin-top: 4px;
  color: var(--hw-ui-on-primary) !important;
  background: var(--hw-ui-primary) !important;
  border: 1px solid var(--hw-ui-primary) !important;
  box-shadow: none !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__status, .xiaowen-final-coach__scope) {
  background: var(--hw-ui-hover) !important;
  border: 1px solid var(--hw-ui-line) !important;
  color: var(--hw-ui-text) !important;
  border-radius: 10px;
  box-shadow: none !important;
  padding: 16px;
  min-width: 0;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__status > span i { background: var(--hw-ui-muted); box-shadow: none; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__scope span { color: var(--hw-ui-text) !important; font-size: 14px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__scope b, .xiaowen-final-coach__step) {
  background: var(--hw-ui-soft) !important;
  color: var(--hw-ui-accent) !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; align-items: stretch; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__card { gap: 18px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__card > header { grid-template-columns: auto minmax(0, 1fr); gap: 12px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__card > header em {
  grid-column: 1 / -1;
  justify-self: start;
  max-width: 100%;
  white-space: normal;
  background: var(--hw-ui-hover) !important;
  color: var(--hw-ui-text) !important;
  border: 1px solid var(--hw-ui-line);
  border-radius: 6px;
  padding: 5px 9px;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__finding, .xiaowen-final-coach__result, .xiaowen-final-coach__confirmed, .xiaowen-final-coach__warning, .xiaowen-final-coach__growth, .xiaowen-final-coach__summary-list) {
  background: var(--hw-ui-hover) !important;
  color: var(--hw-ui-text) !important;
  border: 1px solid var(--hw-ui-line) !important;
  border-radius: 9px;
  padding: 16px;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__card > .primary-btn {
  margin-top: auto;
  background: var(--hw-ui-surface) !important;
  color: var(--hw-ui-text) !important;
  border: 1px solid var(--hw-ui-line) !important;
  box-shadow: none !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview {
  padding: 16px 20px;
  background: var(--hw-ui-surface) !important;
  color: var(--hw-ui-text) !important;
  border: 1px solid var(--hw-ui-line) !important;
  border-radius: 10px;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview summary { color: var(--hw-ui-text) !important; cursor: pointer; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview .hw-feature-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview button:disabled {
  color: var(--hw-ui-muted) !important;
  background: var(--hw-ui-hover) !important;
  border: 1px dashed var(--hw-ui-line) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}
/* The existing training renderer owns this real control ID. The relational
 * scope also outranks legacy theme rules without affecting the global drawer. */
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"]:has(#xiaowenCoachPlanStart) :is(.xiaowen-final-coach__hero, .xiaowen-final-coach__card, .hw-feature-preview) {
  background: var(--hw-ui-surface) !important;
  border-color: var(--hw-ui-line) !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"]:has(#xiaowenCoachPlanStart) :is(.xiaowen-final-coach__identity, .xiaowen-final-coach__identity > div, .xiaowen-final-coach__card > header, .xiaowen-final-coach__card > header > div) { background: transparent !important; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"]:has(#xiaowenCoachPlanStart) :is(.xiaowen-final-coach__status, .xiaowen-final-coach__scope, .xiaowen-final-coach__finding, .xiaowen-final-coach__result, .xiaowen-final-coach__confirmed, .xiaowen-final-coach__warning, .xiaowen-final-coach__growth, .xiaowen-final-coach__summary-list) {
  background: var(--hw-ui-hover) !important;
  border-color: var(--hw-ui-line) !important;
}
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"]:has(#xiaowenCoachPlanStart) :is(h1, h2, h3, strong, dt, dd) { color: var(--hw-ui-text) !important; }
html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"]:has(#xiaowenCoachPlanStart) :is(p, small, em) { color: var(--hw-ui-muted) !important; }
@media (max-width: 1100px) {
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__hero { grid-template-columns: minmax(0, 1fr) !important; }
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview .hw-feature-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] :is(.xiaowen-final-coach__hero, .xiaowen-final-coach__card) { padding: 18px !important; }
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .xiaowen-final-coach__identity { flex-direction: column; gap: 14px; }
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] [data-ui-open-assistant] { width: 100% !important; }
  html:root[data-theme] body[data-active-panel="ai-coach"] .panel[data-panel="ai-coach"] .hw-feature-preview .hw-feature-actions { grid-template-columns: minmax(0, 1fr); }
}