/* Shared dashboard surfaces: quiet charcoal, restrained purple, readable actions. */
body.dashboard-page {
  --dash-charcoal: #202020;
  --dash-charcoal-raised: #262626;
  --dash-charcoal-input: #171717;
  --dash-charcoal-line: #393939;
  --dash-purple: #a987ef;
  --dash-purple-soft: #30283b;
}
body.dashboard-page .view:not(#overview):not(#billing):not(#notifications-center) > .section-header,
body.dashboard-page #tickets-center .ticket-hero,
body.dashboard-page #create .creation-hub-intro,
body.dashboard-page #branding .brand-profiles-head {
  border: 1px solid var(--dash-charcoal-line);
  border-radius: 17px;
  background: var(--dash-charcoal);
  box-shadow: none;
  padding: 22px 25px;
}
body.dashboard-page .view > .section-header h1,
body.dashboard-page #tickets-center .ticket-hero h1,
body.dashboard-page #create .creation-hub-intro h1,
body.dashboard-page #branding .brand-profiles-head h2 { color: #f7f5f9; }
body.dashboard-page .view .eyebrow,
body.dashboard-page #branding .brand-profiles-head > div > span { color: var(--dash-purple); }
body.dashboard-page .view:not(#overview):not(#billing) .panel,
body.dashboard-page #projects .library-shell,
body.dashboard-page #tickets-center .ticket-workspace {
  border-color: var(--dash-charcoal-line);
  background: var(--dash-charcoal);
  box-shadow: none;
}
body.dashboard-page .view :is(input:not([type=checkbox]):not([type=radio]),select,textarea):focus-visible,
body.dashboard-page .view button:focus-visible {
  outline: 2px solid var(--dash-purple);
  outline-offset: 2px;
}
body.dashboard-page .view :is(input[type=checkbox],input[type=radio]) { accent-color: var(--dash-purple); }
body.dashboard-page .view:not(#billing) :is(.primary-btn,.primary-button,button[type=submit]):not(:disabled) {
  background: var(--dash-purple-soft);
  border: 1px solid #665188;
  color: #f4edff;
  box-shadow: none;
  border-radius: 10px;
}
body.dashboard-page .view:not(#billing) :is(.primary-btn,.primary-button,button[type=submit]):not(:disabled):hover {
  background: #403351;
  border-color: var(--dash-purple);
  transform: none;
}
body.dashboard-page .view:not(#billing) :is(.secondary-btn,.text-btn):hover { color: #d8c4ff; }

/* Studio choice and form surfaces. */
body.dashboard-page #create .creation-hub-intro { margin-bottom: 14px; }
body.dashboard-page #create .creation-hub-spark,
body.dashboard-page #create .creation-choice .choice-icon {
  border: 0;
  background: transparent;
  color: var(--dash-purple);
  box-shadow: none;
}
body.dashboard-page #create .creation-hub-spark { font-size: 23px; }
body.dashboard-page #create .creation-choice,
body.dashboard-page #create .creation-choice[data-studio-service],
body.dashboard-page #create .creation-hub-soon,
body.dashboard-page #create .creation-hub-selection,
body.dashboard-page #create .creation-hub-soon-grid button {
  border-color: var(--dash-charcoal-line);
  background: var(--dash-charcoal);
  box-shadow: none;
}
body.dashboard-page #create .creation-choice:not(:disabled):hover,
body.dashboard-page #create .creation-choice:focus-visible { border-color: var(--dash-purple); background: var(--dash-charcoal-raised); }
body.dashboard-page #create .creation-choice em { color: #cbb2fb; }
body.dashboard-page #create .creation-hub-selection button { border: 1px solid #665188; background: var(--dash-purple-soft); }
body.dashboard-page #create .studio-panel :is(.form-panel,.tts-form,.dialogue-form,.advertising-form),
body.dashboard-page #tts .tts-form,
body.dashboard-page #dialogue .dialogue-form,
body.dashboard-page #advertisement .advertising-form {
  border-color: var(--dash-charcoal-line);
  background: var(--dash-charcoal);
  box-shadow: none;
}
body.dashboard-page #create .studio-panel :is(input:not([type=checkbox]),select,textarea),
body.dashboard-page #tts :is(input:not([type=checkbox]),select,textarea),
body.dashboard-page #dialogue :is(input:not([type=checkbox]),select,textarea),
body.dashboard-page #advertisement :is(input:not([type=checkbox]),select,textarea) {
  border-color: var(--dash-charcoal-line);
  background: var(--dash-charcoal-input);
}
body.dashboard-page #create .brand-profile-picker,
body.dashboard-page #dialogue .brand-profile-picker { border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-raised); }

/* Projects, library and support headings/controls. */
body.dashboard-page #projects :is(.library-heading,.library-toolbar,.library-controlbar,.library-summary,.library-search,.library-select),
body.dashboard-page #tickets-center :is(.ticket-summary,.ticket-workspace,.ticket-list-toolbar,.ticket-list),
body.dashboard-page #library .empty-library {
  border-color: var(--dash-charcoal-line);
  background: var(--dash-charcoal);
  box-shadow: none;
}
body.dashboard-page #projects :is(.library-heading-icon,.library-summary-icon),
body.dashboard-page #library .empty-icon { background: transparent; border: 0; color: var(--dash-purple); box-shadow: none; }
body.dashboard-page #projects :is(.library-new-project,.library-more),
body.dashboard-page #tickets-center [data-new-ticket] { min-width: 0; min-height: 38px; padding: 8px 13px; }
body.dashboard-page #projects .library-shell::before { content: none; }
body.dashboard-page #projects .library-modern { --library-surface: var(--dash-charcoal); --library-line: var(--dash-charcoal-line); }
body.dashboard-page #projects .library-summary > button,
body.dashboard-page #projects .library-empty-state,
body.dashboard-page #projects .library-detail,
body.dashboard-page #projects .library-search,
body.dashboard-page #projects .library-select { border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-raised); box-shadow: none; }
body.dashboard-page #projects .library-summary > button.active { border-color: #78609c; background: var(--dash-purple-soft); }
body.dashboard-page #tickets-center { --ticket-line: var(--dash-charcoal-line); --ticket-muted: #aaa7ae; --ticket-purple: var(--dash-purple); }
body.dashboard-page #tickets-center .summary-card,
body.dashboard-page #tickets-center .ticket-list-panel,
body.dashboard-page #tickets-center .ticket-detail-panel,
body.dashboard-page #tickets-center .detail-header,
body.dashboard-page #tickets-center .reply-box { border-color: var(--dash-charcoal-line); background: var(--dash-charcoal); box-shadow: none; }
body.dashboard-page #tickets-center .summary-card::after { content: none; }
body.dashboard-page #tickets-center .summary-card.active { border-color: #78609c; box-shadow: inset -3px 0 var(--dash-purple); }
body.dashboard-page #tickets-center .ticket-item { border-color: var(--dash-charcoal-line); }
body.dashboard-page #tickets-center .ticket-item:is(:hover,.active) { background: var(--dash-charcoal-raised); }
body.dashboard-page #tickets-center :is(.ticket-search,.ticket-filter-row select,.reply-box textarea,.list-toolbar > button,.secondary-button) {
  border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-input); color: #e5e2e8;
}
body.dashboard-page #advertisement { --ad-surface: var(--dash-charcoal); --ad-border: var(--dash-charcoal-line); --ad-cyan: var(--dash-purple); }
body.dashboard-page #advertisement :is(.ad-process-card,.advertising-form) {
  border-color: var(--dash-charcoal-line)!important;
  background: var(--dash-charcoal)!important;
  box-shadow: none!important;
}
body.dashboard-page #advertisement .ad-process-card::before { content: none; }
body.dashboard-page #advertisement :is(.ad-estimate,.ad-review-option,.ad-process-card > p) {
  border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-raised);
}
body.dashboard-page #advertisement .ad-process-card li > b { border: 0; background: transparent; color: var(--dash-purple); }
body.dashboard-page #tts :is(.tts-result-panel,.tts-estimate),
body.dashboard-page #dialogue :is(.dialogue-preview,.dialogue-warning),
body.dashboard-page #create .studio-panel :is(.tts-result-panel,.tts-estimate,.dialogue-preview) {
  border-color: var(--dash-charcoal-line); background: var(--dash-charcoal); box-shadow: none;
}

/* Settings retains its list navigation, with the brand accent throughout. */
body.dashboard-page #settings .settings-content-head,
body.dashboard-page #settings .settings-card { background: var(--dash-charcoal); border-color: var(--dash-charcoal-line); }
body.dashboard-page #settings .settings-card :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
body.dashboard-page #settings .settings-meta-row > div,
body.dashboard-page #settings .settings-switch,
body.dashboard-page #settings .settings-duration-options label > span { background: var(--dash-charcoal-input); border-color: var(--dash-charcoal-line); }

/* Brand profile: flat cards, clear editing form, one accent. */
body.dashboard-page #branding .brand-profiles-head { margin-bottom: 16px; }
body.dashboard-page #branding .brand-profiles-head p { color: #aaa7ae; }
body.dashboard-page #branding .brand-profiles-layout { gap: 18px; margin-top: 0; }
body.dashboard-page #branding .brand-profile-list { gap: 12px; }
body.dashboard-page #branding .brand-profile-item,
body.dashboard-page #branding .brand-profile-item.active {
  min-height: 210px;
  border: 1px solid var(--dash-charcoal-line);
  border-radius: 16px;
  background: var(--dash-charcoal);
  box-shadow: none;
}
body.dashboard-page #branding .brand-profile-item:hover { transform: translateY(-2px); border-color: #78609c; box-shadow: none; }
body.dashboard-page #branding .brand-profile-item.active { border-color: #78609c; box-shadow: inset -3px 0 var(--dash-purple); }
body.dashboard-page #branding .brand-profile-item::before,
body.dashboard-page #branding .brand-profile-main > div:first-child::before { content: none; }
body.dashboard-page #branding .brand-profile-main { padding: 20px; gap: 15px; }
body.dashboard-page #branding .brand-profile-state,
body.dashboard-page #branding .brand-profile-item.active .brand-profile-state { color: var(--dash-purple); }
body.dashboard-page #branding .brand-profile-item h3 { font-size: 16px; }
body.dashboard-page #branding .brand-profile-item p { color: #aaa7ae; font-size: 11px; }
body.dashboard-page #branding .brand-profile-toggle { border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-raised); color: #dad7df; }
body.dashboard-page #branding .brand-profile-toggle input,
body.dashboard-page #branding .brand-profile-enable input { accent-color: var(--dash-purple); }
body.dashboard-page #branding .brand-profile-actions { border-color: var(--dash-charcoal-line); background: transparent; }
body.dashboard-page #branding .brand-profile-actions button,
body.dashboard-page #branding .brand-profile-editor header > button,
body.dashboard-page #branding .brand-logo-file,
body.dashboard-page #branding .brand-visual-identity button {
  border: 1px solid var(--dash-charcoal-line)!important;
  border-radius: 8px!important;
  background: var(--dash-charcoal-raised)!important;
  color: #e8e5ec!important;
  box-shadow: none;
  font-size: 11px!important;
}
body.dashboard-page #branding .brand-profile-actions .danger,
body.dashboard-page #branding .brand-visual-identity button { color: #e6a1b2!important; }
body.dashboard-page #branding .brand-profile-editor,
body.dashboard-page #branding .brand-profiles-empty,
body.dashboard-page #branding .brand-profiles-locked { border: 1px solid var(--dash-charcoal-line); background: var(--dash-charcoal); box-shadow: none; }
body.dashboard-page #branding .brand-profiles-locked span { color: var(--dash-purple); }
body.dashboard-page #branding .brand-profile-editor > header,
body.dashboard-page #branding .brand-profile-editor > footer { border-color: var(--dash-charcoal-line); background: transparent; }
body.dashboard-page #branding .brand-profile-editor header span { color: var(--dash-purple); }
body.dashboard-page #branding .brand-profile-fields > label,
body.dashboard-page #branding .brand-profile-grid > label,
body.dashboard-page #branding .brand-color-grid > label { color: #d7d3dc; font-size: 11px; }
body.dashboard-page #branding .brand-profile-enable { color: #d7d3dc; }
body.dashboard-page #branding .brand-profile-enable small,
body.dashboard-page #branding .brand-visual-identity small { color: #a9a5ae; font-size: 10px; }
body.dashboard-page #branding .brand-profile-fields :is(input:not([type=checkbox]):not([type=file]),select,textarea) {
  border-color: var(--dash-charcoal-line)!important;
  background: var(--dash-charcoal-input)!important;
  color: #f5f2f8!important;
}
body.dashboard-page #branding .brand-profile-fields :is(input:not([type=checkbox]):not([type=file]),select,textarea):focus {
  border-color: var(--dash-purple)!important;
  background: #1d1b20!important;
  box-shadow: 0 0 0 3px #a987ef24;
}
body.dashboard-page #branding .brand-profile-enable,
body.dashboard-page #branding .brand-visual-identity,
body.dashboard-page #branding .brand-color-grid label > span { border-color: var(--dash-charcoal-line); background: var(--dash-charcoal-raised); }
body.dashboard-page #branding .brand-logo-preview { border-color: #665188; border-radius: 12px; background: var(--dash-charcoal-input); }
body.dashboard-page #branding .brand-profile-editor footer button,
body.dashboard-page #branding .brand-profiles-head button,
body.dashboard-page #branding .brand-profiles-locked button { min-width: 100px; background: var(--dash-purple-soft); border-color: #665188; color: #f4edff; }
body.dashboard-page #branding .brand-profile-editor footer button:hover:not(:disabled),
body.dashboard-page #branding .brand-profiles-head button:hover:not(:disabled) { background: #403351; border-color: var(--dash-purple); box-shadow: none; }
@media (max-width: 760px) {
  body.dashboard-page .view:not(#overview):not(#billing):not(#notifications-center) > .section-header,
  body.dashboard-page #tickets-center .ticket-hero,
  body.dashboard-page #create .creation-hub-intro,
  body.dashboard-page #branding .brand-profiles-head { padding: 17px; }
}