/* One shared profile surface keeps scope, fields and save action together.
   Text-entry shells use the same material as AI behavior settings. */
#page-settings :is(#bpCard, .question-settings-card) {
  --bp-surface: var(--ds-surface, #fff);
  --bp-line: var(--ws-line, #e7e7ed);
  --bp-radius: 24px;
  padding: 0;
  border: 1px solid var(--bp-line);
  background: var(--bp-surface);
  box-shadow: var(--mk-shadow-card);
  overflow: hidden;
  font-family: var(--font-ui);
}
:is(#bpCard, .question-settings-card) :is(.bp-overview, .bp-section, .bp-advanced, .bp-savebar) {
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
#page-settings :is(#bpCard, .question-settings-card) .bp-toggle-head {
  padding: 24px;
  border-radius: var(--bp-radius);
  background: transparent;
}
:is(#bpCard, .question-settings-card) .bp-toggle-head:hover { background: #fafafd; }
#page-settings :is(#bpCard, .question-settings-card) .bp-head-title { font: 700 20px/1.3 var(--font-ui); letter-spacing: -.02em; }
#page-settings :is(#bpCard, .question-settings-card) .bp-head-sub { font: 400 14px/1.5 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-scopebar { display: none; }
:is(#bpCard, .question-settings-card).open .bp-scopebar {
  display: grid;
  padding: 24px;
  border-top: 1px solid var(--bp-line);
  background: transparent;
}
:is(#bpCard, .question-settings-card) .bp-scope-icon { background: var(--accent-soft); }
:is(#bpCard, .question-settings-card) .bp-scope-title { font: 600 15px/1.4 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-scope-desc { font: 400 14px/1.55 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-scope-status { font: 400 13px/1.4 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-body { border-top: 1px solid var(--bp-line); }
:is(#bpCard, .question-settings-card).open .bp-body { display: grid; gap: 0; padding-top: 0; animation: none; }
:is(#bpCard, .question-settings-card) :is(#bpBaseEditor, .bp-brand-card) { display: grid; gap: 0; }
:is(#bpCard, .question-settings-card) :is(#bpBaseEditor, #bpBrandEditor)[hidden] { display: none; }
#page-settings :is(#bpCard, .question-settings-card) .bp-section { padding: 28px; border-bottom: 1px solid var(--bp-line); }
:is(#bpCard, .question-settings-card) .bp-section-heading { margin-bottom: 24px; }
:is(#bpCard, .question-settings-card) .bp-section-title { font: 700 20px/1.3 var(--font-ui); letter-spacing: -.02em; }
:is(#bpCard, .question-settings-card) :is(.bp-section-desc, .bp-label-hint, .bp-option-desc, .bp-word-desc) {
  font: 400 14px/1.5 var(--font-ui);
  color: var(--t2);
}
:is(#bpCard, .question-settings-card) .bp-section-desc { margin-top: 6px; }
:is(#bpCard, .question-settings-card) .bp-grid { gap: 24px; }
:is(#bpCard, .question-settings-card) .bp-field { gap: 10px; }
:is(#bpCard, .question-settings-card) :is(.bp-label, .bp-tone-label) { font: 600 14px/1.45 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-label-hint { margin-top: 4px; }
:is(#bpCard, .question-settings-card) :is(.bp-select, .ds-select-trigger) {
  min-height: 48px;
  height: auto;
  border-radius: var(--ws-control-radius);
  border-color: var(--ws-line);
  box-shadow: var(--ws-shadow);
  font: 400 15px/1.5 var(--font-ui);
}
:is(#bpCard, .question-settings-card) .bp-select { height: 48px; }

/* The shell carries focus, so global textarea resets cannot erase the field. */
:is(#bpCard, .question-settings-card) .bp-text-composer {
  min-width: 0;
  border: 1px solid var(--bp-line);
  border-radius: 20px;
  background: #f6f6f9;
  overflow: hidden;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
:is(#bpCard, .question-settings-card) .bp-text-composer:hover { background: #f2f2f6; border-color: #dddfe5; }
:is(#bpCard, .question-settings-card) .bp-text-composer:focus-within {
  background: var(--bp-surface);
  border-color: #c9ccd3;
  box-shadow: 0 6px 22px rgba(24,24,27,.07);
}
:is(#bpCard, .question-settings-card) .bp-text-composer:has(:focus-visible) { outline: 2px solid var(--a); outline-offset: 3px; }
:is(#bpCard, .question-settings-card) .bp-text-composer :is(.bp-input, .bp-textarea) {
  display: block;
  width: 100%;
  margin: 0;
  padding: 16px 18px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--t);
  font: 400 15px/1.6 var(--font-ui);
  outline: 0;
  box-shadow: none;
}
:is(#bpCard, .question-settings-card) .bp-text-composer .bp-input { height: 52px; }
:is(#bpCard, .question-settings-card) .bp-text-composer .bp-textarea { min-height: 120px; resize: vertical; }
:is(#bpCard, .question-settings-card) .bp-text-composer .bp-context { min-height: 148px; }
:is(#bpCard, .question-settings-card) .bp-text-composer :is(input, textarea)::placeholder { color: var(--t2); opacity: 1; }

:is(#bpCard, .question-settings-card) .bp-advanced > summary {
  min-height: 88px;
  padding: 22px 28px;
  border-radius: 0;
}
:is(#bpCard, .question-settings-card) .bp-advanced > summary:hover { background: #fafafd; }
:is(#bpCard, .question-settings-card) .bp-advanced > summary b { font: 700 18px/1.4 var(--font-ui); letter-spacing: -.015em; }
:is(#bpCard, .question-settings-card) .bp-advanced > summary small { font: 400 14px/1.5 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-advanced > summary svg { flex-shrink: 0; }
:is(#bpCard, .question-settings-card) :is(.bp-advanced > summary, .bp-toggle-head):focus:not(:focus-visible) { outline: none; }
:is(#bpCard, .question-settings-card) :is(.bp-advanced > summary, .bp-toggle-head):focus-visible { outline: 2px solid var(--a); outline-offset: -5px; }
:is(#bpCard, .question-settings-card) .bp-advanced[open] > summary { border-radius: 0; }
:is(#bpCard, .question-settings-card) .bp-advanced-body { gap: 24px; padding: 8px 28px 28px; }
:is(#bpCard, .question-settings-card) .bp-option-head { padding: 20px 0; }
:is(#bpCard, .question-settings-card) .bp-option-title { font: 600 15px/1.45 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-tone-grid { gap: 16px; }
:is(#bpCard, .question-settings-card) .bp-word-grid { padding-top: 20px; border-top: 1px solid var(--bp-line); }
:is(#bpCard, .question-settings-card) .bp-word-field { padding: 0; border-radius: 0; background: transparent; }
:is(#bpCard, .question-settings-card) .bp-word-label { min-height: 64px; margin-bottom: 14px; }
:is(#bpCard, .question-settings-card) .bp-word-title { font: 600 15px/1.45 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-word-dot { margin-top: 7px; }
:is(#bpCard, .question-settings-card) .bp-brand-card { padding: 0; background: transparent; border: 0; }
:is(#bpCard, .question-settings-card) .bp-brand-card-head h3 { font: 700 22px/1.3 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-brand-card-head p { font: 400 14px/1.5 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-brand-mode { font: 500 13px/1.4 var(--font-ui); padding: 5px 12px; }
:is(#bpCard, .question-settings-card) .bp-brand-core { margin: 0; }
:is(#bpCard, .question-settings-card) .bp-brand-advanced { margin: 0; }
:is(#bpCard, .question-settings-card) .bp-brand-advanced .bp-advanced-body { display: grid; }
:is(#bpCard, .question-settings-card) .bp-brand-reset { font: 500 14px/1.4 var(--font-ui); min-height: 44px; margin-top: 20px; }
:is(#bpCard, .question-settings-card) .bp-savebar { padding: 22px 28px; gap: 20px; border-top: 1px solid var(--bp-line); }
:is(#bpCard, .question-settings-card) .bp-savebar-copy { font: 400 14px/1.5 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-savebar-copy b { font-weight: 600; }
:is(#bpCard, .question-settings-card) .bp-status { font: 500 14px/1.4 var(--font-ui); }
:is(#bpCard, .question-settings-card) .bp-save-btn { height: 48px; border-radius: 999px; font: 500 15px/1.4 var(--font-ui); }
@media (max-width: 760px) {
  #page-settings :is(#bpCard, .question-settings-card) .bp-toggle-head { padding: 20px; }
  :is(#bpCard, .question-settings-card).open .bp-scopebar { grid-template-columns: minmax(0,1fr); gap: 20px; padding: 20px; }
  #page-settings :is(#bpCard, .question-settings-card) .bp-section { padding: 24px 20px; }
  :is(#bpCard, .question-settings-card) .bp-grid, :is(#bpCard, .question-settings-card) .bp-tone-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  :is(#bpCard, .question-settings-card) .bp-advanced > summary { padding: 20px; }
  :is(#bpCard, .question-settings-card) .bp-advanced-body { padding: 8px 20px 24px; }
  :is(#bpCard, .question-settings-card) :is(.bp-select, .ds-select-trigger),
  :is(#bpCard, .question-settings-card) .bp-text-composer :is(.bp-input, .bp-textarea) { font-size: 16px; }
  :is(#bpCard, .question-settings-card) .bp-brand-card-head { flex-wrap: wrap; }
  :is(#bpCard, .question-settings-card) .bp-word-label { min-height: 0; }
  :is(#bpCard, .question-settings-card) .bp-savebar { padding: 20px; }
  :is(#bpCard, .question-settings-card) .bp-savebar-copy { display: block; }
  :is(#bpCard, .question-settings-card) .bp-status { position: static; width: auto; height: auto; overflow: visible; clip-path: none; }
  :is(#bpCard, .question-settings-card) .bp-status:empty { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #page-settings :is(#bpCard, .question-settings-card) *, #page-settings :is(#bpCard, .question-settings-card) *::before, #page-settings :is(#bpCard, .question-settings-card) *::after { animation: none; transition: none; }
}
@media (forced-colors: active) {
  :is(#bpCard, .question-settings-card) .bp-text-composer { border-color: CanvasText; }
  :is(#bpCard, .question-settings-card) .bp-text-composer:has(:focus-visible) { outline-color: Highlight; }
}