/*
 * Agenz Foundation V128
 * Final light-account layer. Loaded last on public, authentication, dashboard,
 * Academy, workspace, invoice, modal, and supporting routes.
 */

:root {
  color-scheme: light !important;
  --bg: #f7f9fc;
  --panel: #ffffff;
  --panel-2: #f2f6fc;
  --ink: #101735;
  --mist: #4f5d75;
  --muted: #66758c;
  --line: #dbe3ef;
  --cyan: #155fd1;
  --violet: #3978dc;
  --magenta: #155fd1;
  --success: #167a50;
  --warning: #9a6218;
  --danger: #b33b4a;
  --af-v128-white: #ffffff;
  --af-v128-canvas: #f7f9fc;
  --af-v128-soft: #edf4ff;
  --af-v128-blue: #155fd1;
  --af-v128-blue-deep: #0b4eae;
  --af-v128-ink: #101735;
  --af-v128-copy: #4f5d75;
  --af-v128-muted: #66758c;
  --af-v128-line: #dbe3ef;
  --af-v128-shadow: 0 22px 65px rgba(31, 57, 101, .10), 0 3px 12px rgba(31, 57, 101, .04);
}

html {
  color-scheme: light !important;
  background: var(--af-v128-white) !important;
}

html body {
  color: var(--af-v128-ink) !important;
  background-color: var(--af-v128-white) !important;
  color-scheme: light !important;
}

html body :where(input, textarea, select) {
  color: var(--af-v128-ink) !important;
  border-color: #cbd7e7 !important;
  background-color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(31, 57, 101, .05) !important;
  color-scheme: light !important;
  caret-color: var(--af-v128-blue) !important;
}

html body :where(input, textarea)::placeholder {
  color: #8290a5 !important;
  opacity: 1 !important;
}

html body select option {
  color: var(--af-v128-ink) !important;
  background: #ffffff !important;
}

html body :where(input, textarea, select):hover {
  border-color: #91add3 !important;
}

html body :where(input, textarea, select):focus,
html body :where(input, textarea, select):focus-visible {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-blue) !important;
  outline: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(21, 95, 209, .11), 0 10px 28px rgba(31, 57, 101, .08) !important;
}

html body :where(input, textarea, select):-webkit-autofill,
html body :where(input, textarea, select):-webkit-autofill:hover,
html body :where(input, textarea, select):-webkit-autofill:focus {
  -webkit-text-fill-color: var(--af-v128-ink) !important;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  color-scheme: light !important;
}

html body :where(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--af-v128-blue) !important;
  border-color: #afbed2 !important;
  background-color: #ffffff !important;
  color-scheme: light !important;
}

html body :where(button, [role="button"]):disabled,
html body :where(.button, a.button).is-disabled {
  color: #7f8b9e !important;
  border-color: #d8e0ea !important;
  background: #edf1f6 !important;
  box-shadow: none !important;
  opacity: .72 !important;
  cursor: not-allowed !important;
}

html body :focus-visible {
  outline: 3px solid rgba(21, 95, 209, .30) !important;
  outline-offset: 3px !important;
}

html body :where(.is-error, .error, [data-state="error"]) {
  color: #9d2639 !important;
}

html body :where(.is-success, .success, [data-state="success"]) {
  color: #12633f !important;
}

/* High-specificity reset for legacy V39/V40 route shells. */
html body.agenz-unified-v96,
html body.brief-page,
html body.order-page,
html body.checkout-page,
html body.account-page,
html body.legal-page,
html body.policy-page {
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 84% 4%, rgba(71, 139, 235, .10), transparent 31rem),
    var(--af-v128-canvas) !important;
}

html body .simple-header {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 8px 28px rgba(31, 57, 101, .08) !important;
}

html body .simple-header img {
  content: url("/agenz-logo-navy-transparent.png") !important;
  filter: none !important;
}

html body .simple-header > a:last-child {
  color: var(--af-v128-blue-deep) !important;
}

.simple-account-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}

html body :where(
  .trust-panel,
  .join-form,
  .project-brief-form,
  .about-story,
  .founder-card,
  .faq-item,
  .policy-item,
  .filter-bar,
  .match-shell,
  .match-form,
  .match-result,
  .ai-attention-card,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .dash-onboarding,
  .dash-roadmap article,
  .order-demo,
  .order-shell form,
  .recommendation-panel,
  .project-form-external,
  .privacy-notice,
  .form-truth
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 46px rgba(31, 57, 101, .08) !important;
}

html body :where(
  .trust-panel,
  .join-form,
  .project-brief-form,
  .about-story,
  .founder-card,
  .faq-item,
  .policy-item,
  .match-shell,
  .match-form,
  .match-result,
  .ai-attention-card,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .recommendation-panel,
  .project-form-external
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body :where(
  .trust-panel,
  .join-form,
  .project-brief-form,
  .about-story,
  .founder-card,
  .faq-item,
  .policy-item,
  .match-shell,
  .match-form,
  .match-result,
  .ai-attention-card,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .recommendation-panel,
  .project-form-external
) :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
  opacity: 1 !important;
}

html body.brief-page .brief-shell,
html body.order-page .order-shell {
  color: var(--af-v128-ink) !important;
  background: transparent !important;
}

html body.brief-page :where(.brief-intro h1, .brief-intro h2, .brief-intro h3),
html body.order-page :where(.order-shell h1, .order-shell h2, .order-shell h3) {
  color: var(--af-v128-ink) !important;
}

html body.brief-page .brief-intro > p:not(.eyebrow),
html body.order-page .order-intro {
  color: var(--af-v128-copy) !important;
}

html body.brief-page .project-brief-form,
html body.order-page .order-shell form {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: var(--af-v128-shadow) !important;
}

html body.brief-page .project-brief-form :where(input, textarea, select),
html body.order-page .order-shell :where(input, textarea, select),
html body .join-form :where(input, textarea, select),
html body .match-form :where(input, textarea, select),
html body .filter-bar :where(input, textarea, select),
html body .design-intake :where(input, textarea, select),
html body .dash-fields :where(input, textarea, select),
html body .v25-form :where(input, textarea, select) {
  color: var(--af-v128-ink) !important;
  border-color: #cbd7e7 !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(31, 57, 101, .05) !important;
  color-scheme: light !important;
  caret-color: var(--af-v128-blue) !important;
}

html body.brief-page .project-brief-form :where(input, textarea)::placeholder,
html body.order-page .order-shell :where(input, textarea)::placeholder,
html body .join-form :where(input, textarea)::placeholder,
html body .match-form :where(input, textarea)::placeholder,
html body .design-intake :where(input, textarea)::placeholder {
  color: #8290a5 !important;
  opacity: 1 !important;
}

html body.brief-page .project-brief-form label > span,
html body.order-page .order-shell label > span,
html body :where(.join-form, .match-form, .design-intake, .dash-fields) label > span {
  color: #43536b !important;
}

html body.brief-page :where(.brief-trust span, .consent-row span, .form-note),
html body.order-page :where(.order-demo p, .order-demo li, .form-note) {
  color: var(--af-v128-copy) !important;
}

html body :where(
  .template-toolbar,
  .selected-template-bar,
  .category-menu,
  .template-modal,
  .compare-drawer,
  .compare-modal article,
  .ai-chat,
  .companion-panel,
  .companion-bubble,
  .service-companion .companion-bubble
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .985) !important;
  box-shadow: 0 22px 65px rgba(31, 57, 101, .16) !important;
}

html body :where(.template-modal, .compare-drawer, .compare-modal article, .ai-chat, .companion-panel, .companion-bubble)
  :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body :where(.template-modal, .compare-drawer, .compare-modal article, .ai-chat, .companion-panel, .companion-bubble)
  :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
}

html body :where(.ai-chat-header, .companion-head, .ai-chat-form, .ai-input-shell) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #f5f8fd !important;
}

html body :where(.ai-message.assistant, .ai-message.user) {
  color: var(--af-v128-copy) !important;
  border-color: var(--af-v128-line) !important;
  background: #f2f6fc !important;
}

html body .ai-message.user {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c2d5ed !important;
  background: #edf5ff !important;
}

html body :where(
  .social-profile-card,
  .social-profile-content,
  .social-profile-sidebar > section,
  .social-work,
  .social-public-post,
  .legal-document,
  .policy-list,
  .order-card,
  .checkout-card,
  .account-card,
  .preview-wrap
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 16px 48px rgba(31, 57, 101, .08) !important;
}

html body :where(.social-profile-page, .legal-document, .policy-page) :where(h1, h2, h3, h4, strong) {
  color: var(--af-v128-ink) !important;
}

html body :where(.social-profile-page, .legal-document, .policy-page) :where(p, li, small, dd) {
  color: var(--af-v128-copy) !important;
}

html body table {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
}

html body th {
  color: #30415d !important;
  border-color: var(--af-v128-line) !important;
  background: #edf4fc !important;
}

html body td {
  color: var(--af-v128-copy) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
}

html body.agenz-unified-v96 :where(
  .page-hero,
  .visual-page-hero,
  .umkm-hero,
  .academy-hero,
  .design-hero,
  .library-hero
) {
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 82% 20%, rgba(70, 139, 238, .13), transparent 28rem),
    linear-gradient(145deg, #ffffff, #eef5ff) !important;
}

html body.agenz-unified-v96 .visual-page-hero::after {
  display: none !important;
  content: none !important;
  background: none !important;
  opacity: 0 !important;
}

html body.agenz-unified-v96 :where(.page-hero, .visual-page-hero, .umkm-hero, .academy-hero, .design-hero, .library-hero)
  :where(h1, h2, h3, h4, strong) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :where(.page-hero, .visual-page-hero, .umkm-hero, .academy-hero, .design-hero, .library-hero)
  :where(p, li, small) {
  color: var(--af-v128-copy) !important;
}

html body .companion-robot,
html body .service-companion.open .companion-robot {
  width: 62px !important;
  height: 62px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: #ffffff !important;
  border: 4px solid #ffffff !important;
  border-radius: 50% !important;
  background: linear-gradient(145deg, #0b4eae, #2f82f2) !important;
  box-shadow: 0 13px 32px rgba(21, 95, 209, .25) !important;
  animation: none !important;
}

html body .companion-robot img {
  display: none !important;
}

html body .companion-robot::after {
  content: "AI";
  color: #ffffff;
  font: 900 .82rem/1 Manrope, sans-serif;
  letter-spacing: .08em;
}

html body .companion-status,
html body .service-companion.open .companion-status {
  top: 4px !important;
  right: 4px !important;
  border-color: #ffffff !important;
  background: #41d59b !important;
  box-shadow: 0 0 0 4px rgba(65, 213, 155, .18) !important;
}

html body.agenz-unified-v96 main :where(
  .media-label,
  .academy-path-media > span,
  .featured-course-media > span,
  .library-card-badge,
  .vision-film-player > span
) {
  color: var(--af-v128-ink) !important;
  border-color: rgba(196, 211, 231, .92) !important;
  background: rgba(255, 255, 255, .91) !important;
  box-shadow: 0 9px 28px rgba(31, 57, 101, .12) !important;
  backdrop-filter: blur(14px) !important;
}

html body.agenz-unified-v96 main :where(
  .media-label,
  .academy-path-media > span,
  .featured-course-media > span,
  .library-card-badge,
  .vision-film-player > span
) :where(strong, span, small) {
  color: var(--af-v128-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.agenz-unified-v96 .motion-editorial-section .media-label {
  color: var(--af-v128-ink) !important;
  border-color: rgba(196, 211, 231, .92) !important;
  background: rgba(255, 255, 255, .91) !important;
  box-shadow: 0 9px 28px rgba(31, 57, 101, .12) !important;
}

html body.agenz-unified-v96 .motion-editorial-section .media-label :where(strong, span, small) {
  color: var(--af-v128-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.agenz-unified-v96 :is(
  .trust-panel,
  .join-form,
  .project-brief-form,
  .about-story,
  .founder-card,
  .faq-item,
  .policy-item,
  .filter-bar,
  .match-shell,
  .match-form,
  .match-result,
  .ai-attention-card,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .order-demo,
  .status-step,
  .recommendation-panel
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 15px 42px rgba(31, 57, 101, .07) !important;
}

html body.agenz-unified-v96 :is(.faq-item, .status-step, .policy-item, .about-story, .founder-card)
  :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :is(.faq-item, .status-step, .policy-item, .about-story, .founder-card)
  :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
}

html body.agenz-unified-v96 .course-gallery figure {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 40px rgba(31, 57, 101, .08) !important;
}

html body.agenz-unified-v96 .course-gallery figcaption {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .94) !important;
}

html body.agenz-unified-v96 .course-gallery figcaption :where(b, span) {
  color: var(--af-v128-ink) !important;
}

html body:is(
  .dashboard-body,
  .workspace-body,
  .invoice-body,
  .order-page,
  .brief-page,
  .social-profile-page,
  .workspace-page,
  .course-studio-page,
  .academy-classroom,
  .hub-page,
  .manage-page,
  .login-page
) :where(input, textarea, select) {
  color: var(--af-v128-ink) !important;
  border-color: #cbd7e7 !important;
  background: #ffffff !important;
  box-shadow: 0 6px 18px rgba(31, 57, 101, .05) !important;
  color-scheme: light !important;
  caret-color: var(--af-v128-blue) !important;
}

html body:is(
  .dashboard-body,
  .workspace-body,
  .invoice-body,
  .order-page,
  .brief-page,
  .social-profile-page,
  .workspace-page,
  .course-studio-page,
  .academy-classroom,
  .hub-page,
  .manage-page,
  .login-page
) :where(input, textarea)::placeholder {
  color: #8290a5 !important;
  opacity: 1 !important;
}

html body:is(
  .dashboard-body,
  .workspace-body,
  .invoice-body,
  .order-page,
  .brief-page,
  .social-profile-page,
  .workspace-page,
  .course-studio-page,
  .academy-classroom,
  .hub-page,
  .manage-page,
  .login-page
) select option {
  color: var(--af-v128-ink) !important;
  background: #ffffff !important;
}

html body:is(
  .dashboard-body,
  .workspace-body,
  .invoice-body,
  .order-page,
  .brief-page,
  .social-profile-page,
  .workspace-page,
  .course-studio-page,
  .academy-classroom,
  .hub-page,
  .manage-page,
  .login-page
) :where(input[type="checkbox"], input[type="radio"]) {
  border-color: #afbed2 !important;
  background: #ffffff !important;
  accent-color: var(--af-v128-blue) !important;
  color-scheme: light !important;
}

html body.dashboard-body :is(
  .dash-form,
  .social-upload-card,
  .social-stat-grid article,
  .social-dashboard-grid > section,
  .social-post-list,
  .social-message-list,
  .profile-privacy,
  .username-field,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .stack-item,
  .workspace-panel
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 13px 38px rgba(31, 57, 101, .07) !important;
}

html body.dashboard-body :is(
  .dash-form,
  .social-upload-card,
  .social-stat-grid article,
  .social-dashboard-grid > section,
  .profile-privacy,
  .username-field,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .stack-item,
  .workspace-panel
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body.dashboard-body :is(
  .dash-form,
  .social-upload-card,
  .social-stat-grid article,
  .social-dashboard-grid > section,
  .profile-privacy,
  .username-field,
  .v24-card,
  .v25-card,
  .v26-card,
  .v27-card,
  .stack-item,
  .workspace-panel
) :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
}

html body.dashboard-body .dash-panel {
  color: var(--af-v128-ink) !important;
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.dashboard-body .dash-heading {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 40px rgba(31, 57, 101, .07) !important;
}

html body.dashboard-body .dash-heading .gradient-word {
  color: var(--af-v128-blue) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 22px 65px rgba(31, 57, 101, .11) !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-copy {
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(48, 108, 235, .08), transparent 38%),
    rgba(255, 255, 255, .96) !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-meta,
html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-meta span:first-child {
  color: var(--af-v128-blue) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-meta span:last-child,
html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-copy p {
  color: var(--af-v128-copy) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-copy h3 {
  color: var(--af-v128-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-card[data-insight-series] .visual-insight-open {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.insights-page.agenz-unified-v96 .visual-insight-slide-count {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c9d8eb !important;
  background: rgba(255, 255, 255, .91) !important;
  box-shadow: 0 8px 24px rgba(31, 57, 101, .11) !important;
}

html body .insight-carousel-dialog[data-theme="light"],
html body .insight-carousel-dialog[data-theme="dark"] {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 34px 110px rgba(31, 57, 101, .23) !important;
}

html body .insight-carousel-dialog[data-theme="light"]::backdrop,
html body .insight-carousel-dialog[data-theme="dark"]::backdrop {
  background: rgba(231, 238, 248, .80) !important;
  backdrop-filter: blur(14px) !important;
}

html body .insight-carousel-dialog[data-theme] :where(.insight-dialog-head, .insight-dialog-foot) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
}

html body .insight-carousel-dialog[data-theme] :where(.insight-dialog-title strong, .insight-dialog-title small) {
  color: var(--af-v128-ink) !important;
}

html body .insight-carousel-dialog[data-theme] :where(.insight-dialog-close, .insight-dialog-arrow) {
  color: var(--af-v128-blue-deep) !important;
  border-color: #cbd8e9 !important;
  background: #f3f7fd !important;
  box-shadow: none !important;
}

html body .insight-carousel-dialog[data-theme] :where(.insight-dialog-close, .insight-dialog-arrow):hover {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
}

html body .insight-carousel-dialog[data-theme] .insight-dialog-image-wrap {
  border-color: #d6e0ed !important;
  background: #f7f9fc !important;
  box-shadow: 0 18px 48px rgba(31, 57, 101, .10) !important;
}

html body.agenz-unified-v96 :is(.template-modal, .compare-drawer, .compare-modal article, .selected-template-bar, .category-menu) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 22px 70px rgba(31, 57, 101, .17) !important;
}

html body.agenz-unified-v96 :is(.template-modal, .compare-drawer, .compare-modal article, .selected-template-bar, .category-menu)
  :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :is(.template-modal, .compare-drawer, .compare-modal article, .selected-template-bar, .category-menu)
  :where(p, li, small, span, em) {
  color: var(--af-v128-copy) !important;
}

html body.agenz-unified-v96 :where(.template-modal-close, .compare-modal > button, .save-compare) {
  color: var(--af-v128-blue-deep) !important;
  border-color: #cbd8e9 !important;
  background: #f3f7fd !important;
  box-shadow: none !important;
}

html body.agenz-unified-v96 .site-header,
html body.agenz-unified-v96 .site-header.scrolled,
html body.agenz-unified-v96.academy-page .site-header {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 8px 28px rgba(31, 57, 101, .08) !important;
}

html body.agenz-unified-v96 .site-header .brand-lockup img {
  content: url("/agenz-logo-navy-transparent.png") !important;
  filter: none !important;
}

html body.agenz-unified-v96 .site-header .desktop-nav a {
  color: #52617a !important;
}

html body.agenz-unified-v96 .site-header .desktop-nav a:hover,
html body.agenz-unified-v96 .site-header .desktop-nav a[aria-current="page"] {
  color: var(--af-v128-blue-deep) !important;
}

html body.agenz-unified-v96 :is(
  .curriculum-item,
  .academy-faq-list details,
  .responsibility-list,
  .practice-box,
  .lesson-chip-grid span,
  .hierarchy-stack span,
  .prompt-formula,
  .completion-card,
  .ebook-order-form
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 40px rgba(31, 57, 101, .07) !important;
}

html body.agenz-unified-v96 :is(.curriculum-item, .academy-faq-list details, .responsibility-list, .practice-box, .ebook-order-form)
  :where(h1, h2, h3, h4, strong, b, button) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :is(.curriculum-item, .academy-faq-list details, .responsibility-list, .practice-box, .ebook-order-form)
  :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
}

html body.agenz-unified-v96 :is(.cover-chip, .hero-status span, .beta-ribbon, .vision-film-player > span) {
  color: var(--af-v128-blue-deep) !important;
  border-color: #cad8ea !important;
  background: rgba(255, 255, 255, .91) !important;
  box-shadow: 0 8px 24px rgba(31, 57, 101, .10) !important;
  backdrop-filter: blur(12px) !important;
}

html body.agenz-unified-v96 :is(.ebook-jump, .module-nav) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 10px 28px rgba(31, 57, 101, .09) !important;
}

html body.agenz-unified-v96 :is(.ebook-jump, .module-nav) a {
  color: var(--af-v128-copy) !important;
  border-color: transparent !important;
  background: transparent !important;
}

html body.agenz-unified-v96 :is(.ebook-jump, .module-nav) a:hover,
html body.agenz-unified-v96 :is(.ebook-jump, .module-nav) a.active {
  color: var(--af-v128-blue-deep) !important;
  border-color: #cbd8e9 !important;
  background: #edf5ff !important;
}

html body.agenz-unified-v96 .ebook-order-form :where(input, textarea, select) {
  color: var(--af-v128-ink) !important;
  border-color: #cbd7e7 !important;
  background: #ffffff !important;
  color-scheme: light !important;
}

html body.agenz-unified-v96 :is(
  .project-type,
  .safety-card,
  .lab-card,
  .role-card,
  .service-card,
  .article-card,
  .value-card,
  .trend-card,
  .product-card,
  .market-card,
  .talent-card,
  .policy-list,
  .legal-document
) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 15px 44px rgba(31, 57, 101, .08) !important;
}

html body.agenz-unified-v96 :is(
  .project-type,
  .safety-card,
  .lab-card,
  .role-card,
  .service-card,
  .article-card,
  .value-card,
  .trend-card,
  .product-card,
  .market-card,
  .talent-card,
  .policy-list,
  .legal-document
) :where(h1, h2, h3, h4, strong, b) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :is(
  .project-type,
  .safety-card,
  .lab-card,
  .role-card,
  .service-card,
  .article-card,
  .value-card,
  .trend-card,
  .product-card,
  .market-card,
  .talent-card,
  .policy-list,
  .legal-document
) :where(p, li, small, dd) {
  color: var(--af-v128-copy) !important;
}

/* Retire the legacy dark opening films and keep the optional sound control light. */
.agenz-intro,
.cinematic-intro {
  display: none !important;
}

body.agenz-intro-open,
body.cinematic-playing {
  overflow: auto !important;
}

html body .agenz-sound-toggle {
  color: var(--af-v128-blue-deep) !important;
  border: 1px solid #cbd9eb !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 12px 32px rgba(31, 57, 101, .13) !important;
}

html body .agenz-sound-toggle:hover,
html body .agenz-sound-toggle:focus-visible,
html body .agenz-sound-toggle[aria-pressed="true"] {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
}

/* Public account state in the canonical navigation */
.account-shell {
  position: relative;
  z-index: 8;
  flex: 0 0 auto;
}

.header-actions > [data-account-legacy-login][hidden],
.mobile-menu [data-account-legacy-login][hidden] {
  display: none !important;
}

.account-entry,
.account-trigger {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 0 13px !important;
  color: var(--af-v128-blue-deep) !important;
  border: 1px solid #cfdaea !important;
  border-radius: 999px !important;
  background: #f7faff !important;
  box-shadow: none !important;
  font-size: .64rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.account-entry:hover,
.account-trigger:hover,
.account-shell.is-open .account-trigger {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
  box-shadow: 0 10px 24px rgba(21, 95, 209, .18) !important;
}

.account-entry-icon {
  font-size: .76rem;
}

.account-trigger {
  text-transform: none !important;
}

.account-avatar {
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  display: grid;
  place-items: center;
  overflow: hidden;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 50%;
  background: linear-gradient(145deg, #0b4eae, #2f82f2);
  box-shadow: 0 0 0 1px rgba(21, 95, 209, .24);
  font-size: .65rem;
  font-weight: 900;
  letter-spacing: 0;
}

.account-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.account-avatar-large {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
}

.account-greeting {
  min-width: 0;
  display: grid;
  gap: 2px;
  text-align: left;
}

.account-greeting small {
  color: #718198;
  font-size: .48rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .04em;
}

.account-trigger:hover .account-greeting small,
.account-shell.is-open .account-greeting small {
  color: rgba(255, 255, 255, .76);
}

.account-greeting strong {
  max-width: 88px;
  overflow: hidden;
  color: inherit !important;
  font-size: .68rem;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-chevron {
  font-size: .82rem;
  transition: transform .2s ease;
}

.account-shell.is-open .account-chevron {
  transform: rotate(180deg);
}

.account-menu {
  position: absolute;
  z-index: 400;
  top: calc(100% + 12px);
  right: 0;
  width: min(290px, calc(100vw - 28px));
  padding: 10px;
  overflow: hidden;
  color: var(--af-v128-ink);
  border: 1px solid #d3deec;
  border-radius: 19px;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 26px 70px rgba(31, 57, 101, .18);
  backdrop-filter: blur(18px);
}

.account-menu[hidden] {
  display: none !important;
}

.account-menu-head {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px 9px 15px;
  border-bottom: 1px solid var(--af-v128-line);
}

.account-menu-head > div {
  min-width: 0;
  display: grid;
}

.account-menu-head small {
  color: var(--af-v128-blue);
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .09em;
}

.account-menu-head strong {
  overflow: hidden;
  color: var(--af-v128-ink) !important;
  font-size: .82rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-menu-head > div > span {
  color: var(--af-v128-muted);
  font-size: .6rem;
  text-transform: capitalize;
}

.account-menu > a {
  min-height: 44px;
  padding: 0 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--af-v128-copy) !important;
  border-bottom: 1px solid #edf1f6;
  background: transparent !important;
  font-size: .7rem;
  font-weight: 750;
  text-decoration: none;
}

.account-menu > a:hover {
  color: var(--af-v128-blue-deep) !important;
  background: #f2f7ff !important;
}

.account-menu > a:last-child {
  border-bottom: 0;
}

.account-menu > a b {
  color: var(--af-v128-blue);
}

.account-menu > a.account-signout {
  color: #9d2639 !important;
}

.mobile-account-panel {
  margin-top: 18px;
  padding: 14px;
  border: 1px solid var(--af-v128-line);
  border-radius: 18px;
  background: #f7faff;
}

.mobile-menu .mobile-account-panel > a,
.mobile-account-login {
  min-height: 48px !important;
  color: var(--af-v128-ink) !important;
  border-bottom-color: #dce5f1 !important;
}

.mobile-menu .mobile-account-panel > a.account-signout {
  color: #9d2639 !important;
}

.mobile-account-identity {
  padding: 3px 3px 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  border-bottom: 1px solid #dce5f1;
}

.mobile-account-identity > div {
  min-width: 0;
  display: grid;
}

.mobile-account-identity small {
  color: var(--af-v128-blue);
  font-size: .48rem;
  font-weight: 900;
  letter-spacing: .08em;
}

.mobile-account-identity strong {
  overflow: hidden;
  color: var(--af-v128-ink) !important;
  font-size: .78rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Login and registration */
html body.login-page {
  min-height: 100vh;
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 78% 16%, rgba(79, 146, 240, .17), transparent 31rem),
    radial-gradient(circle at 20% 84%, rgba(143, 190, 255, .17), transparent 25rem),
    linear-gradient(145deg, #ffffff 0%, #f7faff 52%, #eef5ff 100%) !important;
}

body.login-page::before {
  opacity: .58 !important;
  background-image: linear-gradient(rgba(21, 95, 209, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 95, 209, .035) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, #000, transparent 92%) !important;
}

.login-aurora i {
  opacity: .13 !important;
  filter: blur(70px) !important;
}

.login-aurora i:nth-child(1),
.login-aurora i:nth-child(2),
.login-aurora i:nth-child(3) {
  background: #5f9ef3 !important;
}

.login-header,
.login-footer {
  color: var(--af-v128-muted) !important;
  border-color: var(--af-v128-line) !important;
}

.login-brand img {
  content: url("/agenz-logo-navy-transparent.png") !important;
  filter: none !important;
}

.login-back,
.login-back:hover {
  color: var(--af-v128-blue-deep) !important;
}

.login-kicker,
.login-card > p:first-of-type {
  color: var(--af-v128-blue) !important;
}

.login-intro h1,
.login-card h2,
.login-benefits strong {
  color: var(--af-v128-ink) !important;
}

.login-intro h1 span {
  color: var(--af-v128-blue) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.login-lead,
.login-copy,
.login-benefits span,
.login-privacy,
.login-privacy a {
  color: var(--af-v128-copy) !important;
}

.login-benefits {
  border-color: var(--af-v128-line) !important;
  background: var(--af-v128-line) !important;
  box-shadow: 0 18px 46px rgba(31, 57, 101, .07);
}

.login-benefits article {
  background: rgba(255, 255, 255, .96) !important;
}

.login-benefits i {
  color: var(--af-v128-blue) !important;
}

.login-card {
  border-color: #d1ddec !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: var(--af-v128-shadow) !important;
}

.login-card::before {
  background: linear-gradient(90deg, transparent, #155fd1, #64a8ff, transparent) !important;
}

.login-mark {
  border-color: #c7d8ee !important;
  background: #edf4ff !important;
  box-shadow: none !important;
}

.login-primary,
.login-primary:hover {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: linear-gradient(110deg, #0b4eae, #155fd1 60%, #2e7ce8) !important;
  box-shadow: 0 16px 38px rgba(21, 95, 209, .23) !important;
}

.login-trust {
  color: #5d6c82 !important;
}

.login-trust i {
  background: #16815a !important;
  box-shadow: 0 0 0 5px rgba(22, 129, 90, .10) !important;
}

.login-privacy {
  border-top-color: var(--af-v128-line) !important;
}

.login-status {
  margin: 16px 0 0;
  padding: 12px 14px;
  border: 1px solid #c8d8ec;
  border-radius: 12px;
  color: #35516f;
  background: #f2f7ff;
  font-size: .72rem;
  line-height: 1.55;
}

.login-status.is-error {
  color: #8e2c3d !important;
  border-color: #ecc6cd;
  background: #fff5f7;
}

/* Dashboard, profile, projects, admin, and account settings */
html body.dashboard-body,
html body.invoice-body,
html body.workspace-body,
html body.order-page,
html body.social-profile-page,
html body.manage-page,
html body.hub-page,
html body.course-studio-page {
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 84% 2%, rgba(67, 133, 230, .10), transparent 29rem),
    var(--af-v128-canvas) !important;
}

.dash-topbar,
.manage-topbar,
.hub-topbar,
.studio-header {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 9px 30px rgba(31, 57, 101, .08) !important;
  backdrop-filter: blur(18px) !important;
}

.dash-topbar img,
.manage-topbar img,
.hub-brand img,
.studio-brand img {
  content: url("/agenz-logo-navy-transparent.png") !important;
  filter: none !important;
}

.dash-topbar a,
.manage-topbar a,
.hub-topbar a,
.studio-header a,
.studio-header button {
  color: var(--af-v128-blue-deep) !important;
}

.dash-sync,
.dash-heading > p,
.dash-section-title > p:not(.eyebrow),
.dash-onboarding > p,
.dash-roadmap p,
.security-grid p,
.notification-item p,
.dash-card p,
.dash-stats small {
  color: var(--af-v128-copy) !important;
}

.dash-sync i {
  background: #16815a !important;
  box-shadow: 0 0 0 5px rgba(22, 129, 90, .10) !important;
}

.dash-sidebar,
.manage-sidebar,
.hub-sidebar,
.studio-sidebar {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #eef4fc !important;
  box-shadow: none !important;
}

.dash-identity,
.student-line,
.studio-sidebar-head,
.studio-sidebar-foot {
  border-color: #cfdaea !important;
}

.dash-avatar,
.student-line > span,
.studio-student span,
.hub-profile > span {
  color: #ffffff !important;
  background: linear-gradient(145deg, #0b4eae, #2f82f2) !important;
  box-shadow: 0 0 0 5px rgba(21, 95, 209, .08) !important;
}

.dash-identity strong,
.dash-heading h1,
.dash-section-title h2,
.dash-card h3,
.security-grid h3,
.notification-item strong,
.admin-review h3,
.manage-page :where(h1, h2, h3, strong),
.hub-page :where(h1, h2, h3, strong),
.course-studio-page :where(h1, h2, h3, h4, strong) {
  color: var(--af-v128-ink) !important;
}

.dash-identity small,
.dash-card span,
.dash-stats span,
.admin-stats span,
.dash-roadmap span,
.security-grid span,
.manage-page :where(.eyebrow, [class*="kicker"]),
.hub-page :where(.hub-kicker, .hub-section-head span),
.course-studio-page :where(.eyebrow, .studio-lesson-topline span) {
  color: var(--af-v128-blue) !important;
}

.dash-sidebar nav button,
.manage-sidebar nav button,
.hub-sidebar nav a,
.studio-sidebar nav button,
.studio-sidebar nav a {
  color: #52617a !important;
  border-color: transparent !important;
  background: transparent !important;
}

.dash-sidebar nav button:hover,
.dash-sidebar nav button.active,
.manage-sidebar nav button:hover,
.manage-sidebar nav button.is-active,
.hub-sidebar nav a:hover,
.hub-sidebar nav a.is-active,
.studio-sidebar nav button:hover,
.studio-sidebar nav button.is-active,
.studio-sidebar nav a:hover,
.studio-sidebar nav a.is-active {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c9d7e9 !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(31, 57, 101, .07) !important;
}

.dash-stats article,
.admin-stats article,
.dash-onboarding,
.dash-roadmap article,
.dash-form,
.dash-card,
.notification-item,
.security-grid article,
.admin-review,
.admin-table,
.manage-page :where(.manage-form, .manage-stats article, .manage-overview-grid article, .manage-list article, .manage-card),
.hub-page :where(.hub-stats article, .hub-continue-card, .hub-live-card, .hub-section, .hub-certificate, .hub-list article, .hub-resource-grid article, .hub-assignment-list article) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 38px rgba(31, 57, 101, .07) !important;
}

.dash-alert {
  color: #8b5712 !important;
  border-color: #ead3ad !important;
  background: #fff9ef !important;
}

.account-role-grid button,
.admin-review-actions button,
.notification-item button,
.v24-mini {
  color: var(--af-v128-blue-deep) !important;
  border-color: #cbd8e9 !important;
  background: #f7faff !important;
  box-shadow: none !important;
}

.account-role-grid button:hover,
.account-role-grid button.active,
.admin-review-actions button:hover,
.notification-item button:hover,
.v24-mini:hover {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
}

.dash-card small {
  color: #8b5712 !important;
  border-top-color: var(--af-v128-line) !important;
}

.notification-item.unread {
  border-color: #91b2de !important;
  background: #f7faff !important;
}

.dash-admin-link,
.dash-public-link {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c6d5e8 !important;
  background: #ffffff !important;
}

.dash-toast,
.hub-toast,
.studio-toast,
.workspace-toast {
  color: var(--af-v128-ink) !important;
  border-color: #c6d7ec !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 20px 55px rgba(31, 57, 101, .16) !important;
}

/* Academy student access, learning, loading, error, and mentor states */
body:has(.access-shell) {
  color: var(--af-v128-ink) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(76, 144, 239, .13), transparent 29rem),
    linear-gradient(145deg, #ffffff, #f1f7ff) !important;
}

body:has(.access-shell)::before {
  background-image: linear-gradient(rgba(21, 95, 209, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(21, 95, 209, .03) 1px, transparent 1px) !important;
  mask-image: linear-gradient(to bottom, #000, transparent 90%) !important;
}

.access-nav {
  border-color: var(--af-v128-line) !important;
}

.access-nav img {
  filter: none !important;
}

.access-nav a,
.access-copy h1,
.access-card h2,
.student-line b,
.price b {
  color: var(--af-v128-ink) !important;
}

.access-kicker,
.course-card > span,
.feature-list b {
  color: var(--af-v128-blue) !important;
}

.access-copy h1 em {
  color: var(--af-v128-blue) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.access-copy > p,
.feature-list span,
.student-line small,
.student-line p,
.course-card ul,
.price small,
.sandbox-note p,
.access-status,
.privacy-note {
  color: var(--af-v128-copy) !important;
}

.feature-list article,
.access-card,
.course-card {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 50px rgba(31, 57, 101, .08) !important;
}

.course-card {
  background: linear-gradient(145deg, #edf4ff, #ffffff) !important;
}

.sandbox-note {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c7d8ed !important;
  background: #f1f7ff !important;
}

.checkout-button {
  color: #ffffff !important;
  background: linear-gradient(110deg, #0b4eae, #155fd1, #2f82f2) !important;
  box-shadow: 0 14px 32px rgba(21, 95, 209, .20) !important;
}

.hub-loading,
.hub-error,
.manage-loading,
.studio-load-error,
.social-profile-loading,
.analysis-empty,
.v24-empty {
  color: var(--af-v128-copy) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 15px 38px rgba(31, 57, 101, .07) !important;
}

.hub-error h2,
.studio-load-error h2,
.analysis-empty h3,
.v24-empty h3 {
  color: var(--af-v128-ink) !important;
}

.studio-stage,
.hub-content,
.manage-content {
  color: var(--af-v128-ink) !important;
  background: var(--af-v128-canvas) !important;
}

.studio-lesson,
.studio-section,
.studio-practice,
.studio-quiz,
.studio-completion,
.studio-concept-grid article,
.studio-lesson-nav button {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 12px 34px rgba(31, 57, 101, .06) !important;
}

.course-studio-page :where(p, li, small),
.hub-page :where(p, li, small),
.manage-page :where(p, li, small) {
  color: var(--af-v128-copy) !important;
}

.studio-lesson-nav .studio-complete,
.manage-page button[type="submit"],
.hub-page :where(.hub-continue-card > a, .hub-live-actions a),
.studio-completion-actions :where(a, button) {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: linear-gradient(110deg, #0b4eae, #155fd1, #2f82f2) !important;
  box-shadow: 0 12px 28px rgba(21, 95, 209, .18) !important;
}

.mentor-launcher,
.mentor-panel,
.ai-chat,
.companion-panel {
  color: var(--af-v128-ink) !important;
  border-color: #cbd8e9 !important;
  background: rgba(255, 255, 255, .98) !important;
  box-shadow: 0 25px 80px rgba(31, 57, 101, .20) !important;
}

.mentor-launcher b,
.mentor-panel :where(h2, strong),
.mentor-panel header button,
.ai-chat :where(h2, h3, strong),
.companion-panel :where(h2, h3, strong) {
  color: var(--af-v128-ink) !important;
}

.mentor-panel > header,
.mentor-context,
.mentor-panel form {
  color: var(--af-v128-copy) !important;
  border-color: var(--af-v128-line) !important;
  background: #f7faff !important;
}

.mentor-message,
.mentor-message.user {
  color: var(--af-v128-copy) !important;
  border-color: var(--af-v128-line) !important;
  background: #f2f6fc !important;
}

.mentor-message.user {
  color: var(--af-v128-blue-deep) !important;
  border-color: #c2d5ed !important;
  background: #edf5ff !important;
}

.mentor-message.is-error {
  color: #9d2639 !important;
  border-color: #ecc6cd !important;
  background: #fff5f7 !important;
}

/* Commercial workspace, revisions, invoices, receipts, and dialogs */
body.workspace-body :where(.workspace-topbar, .workspace-sidebar, .workspace-panel, .workspace-card, .commercial-card, .message-item, .milestone-item, .deliverable-item, .revision-item, .agreement-card),
body.invoice-body :where(.invoice-card, .invoice-panel, .receipt-card, .agreement-card, section, article),
body.order-page :where(.order-card, .order-panel, section, article),
.social-dialog-card,
dialog,
.modal,
.popup,
.dropdown-menu {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(31, 57, 101, .10) !important;
}

body.workspace-body :where(h1, h2, h3, h4, strong),
body.invoice-body :where(h1, h2, h3, h4, strong),
body.order-page :where(h1, h2, h3, h4, strong),
.social-dialog-card :where(h1, h2, h3, strong) {
  color: var(--af-v128-ink) !important;
}

body.workspace-body :where(p, li, small, span),
body.invoice-body :where(p, li, small, span),
body.order-page :where(p, li, small, span),
.social-dialog-card :where(p, li, small, span) {
  color: var(--af-v128-copy) !important;
}

body.workspace-body :where(.workspace-topbar, .workspace-sidebar),
body.invoice-body :where(header, nav),
body.order-page :where(header, nav) {
  border-color: var(--af-v128-line) !important;
  background: rgba(255, 255, 255, .96) !important;
}

body.workspace-body :where(.button-primary, button[type="submit"]),
body.invoice-body :where(.button-primary, button[type="submit"]),
body.order-page :where(.button-primary, button[type="submit"]),
.social-dialog-card button[type="submit"] {
  color: #ffffff !important;
  border-color: var(--af-v128-blue) !important;
  background: var(--af-v128-blue) !important;
}

/* Universal dark-section, footer, hover, and overlay leakage safeguard */
html body.agenz-unified-v96 :where(.section-dark, .academy-dark, .payment-section, .cta-band, .site-footer) {
  color: var(--af-v128-ink) !important;
  border-color: var(--af-v128-line) !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body.agenz-unified-v96 :where(.section-dark, .academy-dark, .payment-section, .cta-band, .site-footer) :where(h1, h2, h3, h4, strong) {
  color: var(--af-v128-ink) !important;
}

html body.agenz-unified-v96 :where(.section-dark, .academy-dark, .payment-section, .cta-band, .site-footer) :where(p, li, small) {
  color: var(--af-v128-copy) !important;
}

@media (max-width: 1180px) {
  .account-greeting {
    display: none;
  }

  .account-trigger {
    padding-inline: 6px !important;
  }

  .account-chevron {
    display: none;
  }
}

@media (max-width: 980px) {
  html body .site-header {
    grid-template-columns: minmax(144px, 1fr) auto !important;
  }

  html body .site-header .desktop-nav {
    display: none !important;
  }

  html body .site-header .menu-toggle {
    display: grid !important;
  }

  html body .site-header .header-actions > .header-cta {
    display: none !important;
  }

  .account-trigger,
  .account-entry {
    min-width: 44px;
    padding-inline: 6px !important;
  }

  .account-entry > span:last-child {
    display: none;
  }

  .account-entry-icon {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
  }
}

@media (max-width: 760px) {
  .account-menu {
    position: fixed;
    top: 88px;
    right: 14px;
    left: 14px;
    width: auto;
  }

  .dash-content,
  .manage-content,
  .hub-content,
  .studio-stage-inner {
    padding-inline: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .account-chevron,
  .account-shell *,
  .login-aurora i,
  .login-card::before {
    animation: none !important;
    transition: none !important;
  }
}