/* Admin visual tokens aligned with Intranet10. Functional modules remain local. */
html[data-theme="dark"] body.admin-page {
    --admin-bg: #0b1120;
    --admin-card: #121a2a;
    --admin-secondary: #0f172a;
    --admin-elevated: #172033;
    --admin-hover: #1e293b;
    --admin-text: #f8fafc;
    --admin-secondary-text: #cbd5e1;
    --admin-muted: #94a3b8;
    --admin-border: rgba(148, 163, 184, .22);
    --admin-primary: #14b8a6;
    --admin-primary-hover: #0d9488;
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .hi-main-content,
html[data-theme="dark"] body.admin-page main[role="main"] {
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-home,
html[data-theme="dark"] body.admin-page .menu-admin-shell {
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-home-toolbar,
html[data-theme="dark"] body.admin-page .admin-group,
html[data-theme="dark"] body.admin-page .menu-admin-bar,
html[data-theme="dark"] body.admin-page .menu-admin-row,
html[data-theme="dark"] body.admin-page .menu-admin-modal,
html[data-theme="dark"] body.admin-page .modal-content {
    border-color: var(--admin-border) !important;
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] body.admin-page .admin-group-header,
html[data-theme="dark"] body.admin-page .menu-admin-bar-title,
html[data-theme="dark"] body.admin-page .menu-admin-name,
html[data-theme="dark"] body.admin-page .admin-home-toolbar h1,
html[data-theme="dark"] body.admin-page .admin-group-header h2,
html[data-theme="dark"] body.admin-page .modal-title {
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-option-card {
    border-color: var(--admin-border) !important;
    background: var(--admin-secondary) !important;
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-option-card:hover,
html[data-theme="dark"] body.admin-page .admin-option-card:focus-visible,
html[data-theme="dark"] body.admin-page .menu-admin-row:hover {
    border-color: var(--admin-primary) !important;
    background: var(--admin-hover) !important;
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-option-icon,
html[data-theme="dark"] body.admin-page .menu-admin-bar-pill {
    background: rgba(20, 184, 166, .16) !important;
    color: var(--admin-primary) !important;
}

html[data-theme="dark"] body.admin-page .admin-option-name,
html[data-theme="dark"] body.admin-page .admin-home-search input,
html[data-theme="dark"] body.admin-page .menu-admin-filter,
html[data-theme="dark"] body.admin-page .menu-admin-modal .form-control,
html[data-theme="dark"] body.admin-page .menu-admin-modal .form-select {
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .admin-home-search input,
html[data-theme="dark"] body.admin-page .menu-admin-filter,
html[data-theme="dark"] body.admin-page .menu-admin-modal .form-control,
html[data-theme="dark"] body.admin-page .menu-admin-modal .form-select {
    border-color: var(--admin-border) !important;
    background: #020617 !important;
}

html[data-theme="dark"] body.admin-page .admin-home-search button,
html[data-theme="dark"] body.admin-page .btn-form-submit,
html[data-theme="dark"] body.admin-page .btn-primary {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
    color: #042f2e !important;
}

html[data-theme="dark"] body.admin-page .admin-home-search button:hover,
html[data-theme="dark"] body.admin-page .btn-form-submit:hover,
html[data-theme="dark"] body.admin-page .btn-primary:hover {
    border-color: var(--admin-primary-hover) !important;
    background: var(--admin-primary-hover) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] body.admin-page .admin-home-empty {
    border-color: var(--admin-border) !important;
    background: var(--admin-card) !important;
    color: var(--admin-muted) !important;
}

html[data-theme="dark"] body.admin-page .content-editor-page,
html[data-theme="dark"] body.admin-page .channel-admin-page,
html[data-theme="dark"] body.admin-page .multimedia-page,
html[data-theme="dark"] body.admin-page .artist-manager-page {
    color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .content-editor-card,
html[data-theme="dark"] body.admin-page .channel-admin-card,
html[data-theme="dark"] body.admin-page .channel-form,
html[data-theme="dark"] body.admin-page .artist-manager-panel,
html[data-theme="dark"] body.admin-page .artist-manager-sidebar {
    border-color: var(--admin-border) !important;
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.admin-page .content-editor-header h1,
html[data-theme="dark"] body.admin-page .content-card-heading h2,
html[data-theme="dark"] body.admin-page .channel-admin-head h1,
html[data-theme="dark"] body.admin-page .artist-manager-panel h2,
html[data-theme="dark"] body.admin-page .artist-manager-identity h2 {
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .content-editor-kicker,
html[data-theme="dark"] body.admin-page .content-card-kicker,
html[data-theme="dark"] body.admin-page .channel-admin-kicker,
html[data-theme="dark"] body.admin-page .artist-manager-panel header span {
    color: var(--admin-primary) !important;
    -webkit-text-fill-color: var(--admin-primary) !important;
}

html[data-theme="dark"] body.admin-page .form-field-control,
html[data-theme="dark"] body.admin-page .project-index-search-input,
html[data-theme="dark"] body.admin-page .project-index-select,
html[data-theme="dark"] body.admin-page .form-control,
html[data-theme="dark"] body.admin-page .form-select,
html[data-theme="dark"] body.admin-page textarea {
    border-color: var(--admin-border) !important;
    background: var(--admin-secondary) !important;
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

html[data-theme="dark"] body.admin-page .form-field-group label,
html[data-theme="dark"] body.admin-page .content-editor-page label,
html[data-theme="dark"] body.admin-page .channel-form-grid label,
html[data-theme="dark"] body.admin-page .artist-manager-form-grid label {
    color: var(--admin-secondary-text) !important;
}

html[data-theme="dark"] body.admin-page .btn-outline-light,
html[data-theme="dark"] body.admin-page .btn-outline-secondary,
html[data-theme="dark"] body.admin-page .btn-outline-primary {
    border-color: var(--admin-border) !important;
    color: var(--admin-secondary-text) !important;
}

html[data-theme="dark"] body.admin-page .btn-outline-light:hover,
html[data-theme="dark"] body.admin-page .btn-outline-secondary:hover,
html[data-theme="dark"] body.admin-page .btn-outline-primary:hover {
    border-color: var(--admin-primary) !important;
    background: rgba(20, 184, 166, .12) !important;
    color: var(--admin-primary) !important;
}

html[data-theme="dark"] body.admin-page .hi-theme-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 78px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    border-radius: 8px !important;
    background: #172033 !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] body.admin-page .hi-theme-toggle:hover,
html[data-theme="dark"] body.admin-page .hi-theme-toggle:focus-visible {
    border-color: #14b8a6 !important;
    background: #1e293b !important;
    color: #99f6e4 !important;
}

html[data-theme="light"] body.admin-page {
    --admin-bg: #f6f8fb;
    --admin-card: #ffffff;
    --admin-secondary: #f1f5f9;
    --admin-elevated: #ffffff;
    --admin-hover: #eef4ff;
    --admin-text: #0f172a;
    --admin-secondary-text: #64748b;
    --admin-muted: #94a3b8;
    --admin-border: #dbe4f0;
    --admin-primary: #01a982;
    --admin-primary-hover: #007f63;
    background: var(--admin-bg) !important;
    color: var(--admin-text) !important;
}

html[data-theme="light"] body.admin-page .hi-theme-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 78px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid #dbe4f0 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi-theme-toggle:hover,
html[data-theme="light"] body.admin-page .hi-theme-toggle:focus-visible {
    border-color: #01a982 !important;
    background: #e6fff8 !important;
    color: #007f63 !important;
}

html[data-theme="light"] body.admin-page .admin-home-toolbar,
html[data-theme="light"] body.admin-page .admin-group,
html[data-theme="light"] body.admin-page .menu-admin-bar,
html[data-theme="light"] body.admin-page .content-editor-card,
html[data-theme="light"] body.admin-page .channel-admin-card,
html[data-theme="light"] body.admin-page .channel-form,
html[data-theme="light"] body.admin-page .artist-manager-panel,
html[data-theme="light"] body.admin-page .artist-manager-sidebar {
    border-color: #dbe4f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
}

html[data-theme="light"] body.admin-page .admin-option-card {
    border-color: #e5eaf2 !important;
    background: #f8fafc !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .admin-option-card:hover,
html[data-theme="light"] body.admin-page .admin-option-card:focus-visible {
    border-color: #01a982 !important;
    background: #e6fff8 !important;
}

html[data-theme="light"] body.admin-page .admin-option-name,
html[data-theme="light"] body.admin-page .admin-home-toolbar h1,
html[data-theme="light"] body.admin-page .admin-group-header h2,
html[data-theme="light"] body.admin-page .content-editor-header h1,
html[data-theme="light"] body.admin-page .content-card-heading h2,
html[data-theme="light"] body.admin-page .artist-manager-panel h2,
html[data-theme="light"] body.admin-page .artist-manager-identity h2 {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .form-field-control,
html[data-theme="light"] body.admin-page .form-control,
html[data-theme="light"] body.admin-page .form-select,
html[data-theme="light"] body.admin-page textarea {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

/* The global header remains dark in both themes; only the admin workspace changes. */
body.admin-page .hi-header,
body.admin-page .hi-sticky-wrap,
body.admin-page .hi-header .container-xl,
body.admin-page .hi-menuv-nav,
body.admin-page .hi-menuv-container {
    background: #050b18 !important;
    color: #f8fafc !important;
}

body.admin-page .hi-secnav-link,
body.admin-page .hi-menuv-link,
body.admin-page .hi-menuv-text,
body.admin-page .hi-secnav-link span,
body.admin-page .hi-radio-btn,
body.admin-page .hi-icon-btn,
body.admin-page .hi809-lang-btn {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

body.admin-page .hi-secnav-link:hover,
body.admin-page .hi-secnav-link.hi-active,
body.admin-page .hi-menuv-link:hover,
body.admin-page .hi-menuv-link.active,
body.admin-page .hi-radio-btn:hover,
body.admin-page .hi-icon-btn:hover,
body.admin-page .hi809-lang-btn:hover {
    background: #1e293b !important;
    color: #14b8a6 !important;
    -webkit-text-fill-color: #14b8a6 !important;
}

body.admin-page .hi809-lang-menu,
body.admin-page .hi-more-menu {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, .22) !important;
}

body.admin-page .hi809-lang-menu .dropdown-item,
body.admin-page .hi-more-menu .dropdown-item {
    color: #f8fafc !important;
}

body.admin-page .hi809-lang-menu .dropdown-item:hover,
body.admin-page .hi-more-menu .dropdown-item:hover {
    background: #1e293b !important;
    color: #14b8a6 !important;
}

html[data-theme="light"] body.admin-page .hi-header,
html[data-theme="light"] body.admin-page .hi-sticky-wrap,
html[data-theme="light"] body.admin-page .hi-header .container-xl,
html[data-theme="light"] body.admin-page .hi-menuv-nav,
html[data-theme="light"] body.admin-page .hi-menuv-container {
    background: #050b18 !important;
    color: #f8fafc !important;
}

html[data-theme="light"] body.admin-page .hi-secnav-link,
html[data-theme="light"] body.admin-page .hi-menuv-link,
html[data-theme="light"] body.admin-page .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-secnav-link span,
html[data-theme="light"] body.admin-page .hi-radio-btn,
html[data-theme="light"] body.admin-page .hi-icon-btn,
html[data-theme="light"] body.admin-page .hi809-lang-btn {
    background: transparent !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme="light"] body.admin-page .hi-secnav-link:hover,
html[data-theme="light"] body.admin-page .hi-secnav-link.hi-active,
html[data-theme="light"] body.admin-page .hi-menuv-link:hover,
html[data-theme="light"] body.admin-page .hi-menuv-link.active,
html[data-theme="light"] body.admin-page .hi-radio-btn:hover,
html[data-theme="light"] body.admin-page .hi-icon-btn:hover,
html[data-theme="light"] body.admin-page .hi809-lang-btn:hover {
    background: #1e293b !important;
    color: #14b8a6 !important;
    -webkit-text-fill-color: #14b8a6 !important;
}

/* Intranet10 header and contextual navigation in light mode. */
html[data-theme="light"] body.admin-page .hi-header,
html[data-theme="light"] body.admin-page .hi-sticky-wrap,
html[data-theme="light"] body.admin-page .hi-main-content {
    background: #f6f8fb !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi-secnav-link,
html[data-theme="light"] body.admin-page .hi-menuv-link,
html[data-theme="light"] body.admin-page .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-secnav-link span {
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi-secnav-link:hover,
html[data-theme="light"] body.admin-page .hi-secnav-link.hi-active,
html[data-theme="light"] body.admin-page .hi-menuv-link:hover,
html[data-theme="light"] body.admin-page .hi-menuv-link.active {
    background: #e6fff8 !important;
    color: #007f63 !important;
    -webkit-text-fill-color: #007f63 !important;
}

html[data-theme="light"] body.admin-page .hi-menuv-nav,
html[data-theme="light"] body.admin-page .hi-menuv-container {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
}

html[data-theme="light"] body.admin-page .hi-radio-btn,
html[data-theme="light"] body.admin-page .hi-icon-btn,
html[data-theme="light"] body.admin-page .hi809-lang-btn {
    background: #ffffff !important;
    border-color: #dbe4f0 !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi-radio-btn:hover,
html[data-theme="light"] body.admin-page .hi-icon-btn:hover,
html[data-theme="light"] body.admin-page .hi809-lang-btn:hover {
    background: #e6fff8 !important;
    border-color: #01a982 !important;
    color: #007f63 !important;
}

html[data-theme="light"] body.admin-page .hi809-lang-menu,
html[data-theme="light"] body.admin-page .dropdown-menu {
    border-color: #dbe4f0 !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi809-lang-menu .dropdown-item,
html[data-theme="light"] body.admin-page .dropdown-menu .dropdown-item {
    color: #0f172a !important;
}

html[data-theme="light"] body.admin-page .hi809-lang-menu .dropdown-item:hover,
html[data-theme="light"] body.admin-page .dropdown-menu .dropdown-item:hover {
    background: #e6fff8 !important;
    color: #007f63 !important;
}

/* Final light-mode matrix for the admin layout. */
html[data-theme="light"] body.admin-page,
html[data-theme="light"] body.admin-page .hi-main-content,
html[data-theme="light"] body.admin-page main[role="main"] {
    background: #f6f8fb !important;
    color: #172033 !important;
}

/* The primary header remains dark; only the contextual bar changes with the theme. */
html[data-theme="light"] body.admin-page .hi-sticky-wrap,
html[data-theme="light"] body.admin-page .hi-header,
html[data-theme="light"] body.admin-page .hi-header .container-xl {
    background: #050b18 !important;
    color: #f6f7f8 !important;
}

html[data-theme="light"] body.admin-page .hi-header .hi-secnav-link,
html[data-theme="light"] body.admin-page .hi-header .hi-secnav-link span {
    background: transparent !important;
    color: #f6f7f8 !important;
    -webkit-text-fill-color: #f6f7f8 !important;
}

html[data-theme="light"] body.admin-page .hi-header .hi-radio-btn,
html[data-theme="light"] body.admin-page .hi-header .hi-icon-btn,
html[data-theme="light"] body.admin-page .hi-header .hi809-lang-btn,
html[data-theme="light"] body.admin-page .hi-header .hi-theme-toggle {
    border-color: #425563 !important;
    background: #111827 !important;
    color: #f6f7f8 !important;
    -webkit-text-fill-color: #f6f7f8 !important;
}

html[data-theme="light"] body.admin-page .hi-header .hi-secnav-link:hover,
html[data-theme="light"] body.admin-page .hi-header .hi-secnav-link.hi-active,
html[data-theme="light"] body.admin-page .hi-header .hi-radio-btn:hover,
html[data-theme="light"] body.admin-page .hi-header .hi-icon-btn:hover,
html[data-theme="light"] body.admin-page .hi-header .hi809-lang-btn:hover,
html[data-theme="light"] body.admin-page .hi-header .hi-theme-toggle:hover {
    border-color: #01a982 !important;
    background: #1e293b !important;
    color: #2ad2c9 !important;
    -webkit-text-fill-color: #2ad2c9 !important;
}

html[data-theme="light"] body.admin-page .hi-menuv-nav,
html[data-theme="light"] body.admin-page .hi-menuv-container {
    border-color: #c6c9ca !important;
    background: #ffffff !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .hi-menuv-link,
html[data-theme="light"] body.admin-page .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-menuv-icon,
html[data-theme="light"] body.admin-page .hi-menuv-icon i {
    background: transparent !important;
    color: #425563 !important;
    -webkit-text-fill-color: #425563 !important;
}

html[data-theme="light"] body.admin-page .hi-menuv-link:hover,
html[data-theme="light"] body.admin-page .hi-menuv-link:focus-visible,
html[data-theme="light"] body.admin-page .hi-menuv-link.active {
    background: rgba(1, 169, 130, .10) !important;
    color: #008567 !important;
    -webkit-text-fill-color: #008567 !important;
}

html[data-theme="light"] body.admin-page .hi-menuv-link:hover .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-menuv-link:hover .hi-menuv-icon,
html[data-theme="light"] body.admin-page .hi-menuv-link:hover .hi-menuv-icon i,
html[data-theme="light"] body.admin-page .hi-menuv-link:focus-visible .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-menuv-link:focus-visible .hi-menuv-icon,
html[data-theme="light"] body.admin-page .hi-menuv-link:focus-visible .hi-menuv-icon i,
html[data-theme="light"] body.admin-page .hi-menuv-link.active .hi-menuv-text,
html[data-theme="light"] body.admin-page .hi-menuv-link.active .hi-menuv-icon,
html[data-theme="light"] body.admin-page .hi-menuv-link.active .hi-menuv-icon i {
    color: #008567 !important;
    -webkit-text-fill-color: #008567 !important;
}

html[data-theme="light"] body.admin-page .admin-group-header,
html[data-theme="light"] body.admin-page .admin-panel-header,
html[data-theme="light"] body.admin-page .fmmodhead,
html[data-theme="light"] body.admin-page .card-header {
    border-color: #c6c9ca !important;
    background: #e7ecef !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .admin-group-header h2,
html[data-theme="light"] body.admin-page .admin-panel-header h1,
html[data-theme="light"] body.admin-page .admin-panel-header h2,
html[data-theme="light"] body.admin-page .fmmodhead,
html[data-theme="light"] body.admin-page .card-header {
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] body.admin-page .card,
html[data-theme="light"] body.admin-page .card-body,
html[data-theme="light"] body.admin-page .fmform,
html[data-theme="light"] body.admin-page .fmformwhite,
html[data-theme="light"] body.admin-page .fmcool,
html[data-theme="light"] body.admin-page .panelmsg,
html[data-theme="light"] body.admin-page .admin-panel,
html[data-theme="light"] body.admin-page .admin-card,
html[data-theme="light"] body.admin-page .modal-content,
html[data-theme="light"] body.admin-page .list-group-item {
    border-color: #c6c9ca !important;
    background: #ffffff !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .admin-home-search input,
html[data-theme="light"] body.admin-page input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
html[data-theme="light"] body.admin-page textarea,
html[data-theme="light"] body.admin-page select,
html[data-theme="light"] body.admin-page .tbhe,
html[data-theme="light"] body.admin-page .selectop {
    border-color: #c6c9ca !important;
    background: #ffffff !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] body.admin-page input::placeholder,
html[data-theme="light"] body.admin-page textarea::placeholder {
    color: #80746e !important;
    -webkit-text-fill-color: #80746e !important;
}

html[data-theme="light"] body.admin-page .table,
html[data-theme="light"] body.admin-page table,
html[data-theme="light"] body.admin-page .tabla,
html[data-theme="light"] body.admin-page .table > :not(caption) > * > *,
html[data-theme="light"] body.admin-page table td,
html[data-theme="light"] body.admin-page table th {
    border-color: #c6c9ca !important;
    background: #ffffff !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .table thead,
html[data-theme="light"] body.admin-page table thead,
html[data-theme="light"] body.admin-page .tabla thead,
html[data-theme="light"] body.admin-page .table thead th,
html[data-theme="light"] body.admin-page table thead th {
    background: #e7ecef !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .hi-main-content label,
html[data-theme="light"] body.admin-page .hi-main-content .form-label,
html[data-theme="light"] body.admin-page .hi-main-content h1,
html[data-theme="light"] body.admin-page .hi-main-content h2,
html[data-theme="light"] body.admin-page .hi-main-content h3,
html[data-theme="light"] body.admin-page .hi-main-content h4,
html[data-theme="light"] body.admin-page .hi-main-content strong {
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .hi-main-content .text-muted,
html[data-theme="light"] body.admin-page .hi-main-content small {
    color: #5f7a76 !important;
}

html[data-theme="light"] body.admin-page .hi-footer {
    border-color: #172033 !important;
    background: #050b18 !important;
    color: #c6c9ca !important;
}

html[data-theme="light"] body.admin-page .hi-footer a,
html[data-theme="light"] body.admin-page .hi-footer .hi-footer-heading {
    color: #e1e1e1 !important;
    -webkit-text-fill-color: #e1e1e1 !important;
}

html[data-theme="dark"] body .hi-footer {
    border-color: #1e293b !important;
    background: #050b18 !important;
    color: #e1e1e1 !important;
    -webkit-text-fill-color: #e1e1e1 !important;
}

html[data-theme="dark"] body .hi-footer .hi-footer-heading,
html[data-theme="dark"] body .hi-footer .music-footer-list,
html[data-theme="dark"] body .hi-footer .music-footer-list li,
html[data-theme="dark"] body .hi-footer .music-footer-list a,
html[data-theme="dark"] body .hi-footer .music-footer-list i {
    color: #f6f7f8 !important;
    -webkit-text-fill-color: #f6f7f8 !important;
}

html[data-theme="dark"] body .hi-footer .hi-footer-bottom,
html[data-theme="dark"] body .hi-footer .hi-footer-bottom span {
    color: #c6c9ca !important;
    -webkit-text-fill-color: #c6c9ca !important;
}

html[data-theme="dark"] body .hi-footer .music-footer-list a:hover,
html[data-theme="dark"] body .hi-footer .music-footer-list a:focus-visible {
    color: #2ad2c9 !important;
    -webkit-text-fill-color: #2ad2c9 !important;
}

/* Dynamic forms use the same visual matrix as the admin workspace. */
body.forms-page .dynamic-form-page {
    padding: 18px 0 32px;
    color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page .fmform {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid var(--admin-border) !important;
    border-radius: 10px;
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page .fmmodhead {
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--admin-border) !important;
    background: var(--admin-elevated) !important;
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
    font-size: .95rem;
    font-weight: 850;
}

body.forms-page .dynamic-form-page form {
    padding: 14px 16px 16px;
}

body.forms-page .dynamic-form-page .form-label,
body.forms-page .dynamic-form-page .form-check-label {
    color: var(--admin-secondary-text) !important;
    -webkit-text-fill-color: var(--admin-secondary-text) !important;
}

body.forms-page .dynamic-form-page .form-control,
body.forms-page .dynamic-form-page .form-select {
    border-color: var(--admin-border) !important;
    background: var(--admin-secondary) !important;
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page .form-control:focus,
body.forms-page .dynamic-form-page .form-select:focus {
    border-color: var(--admin-primary) !important;
    box-shadow: 0 0 0 3px rgba(1, 169, 130, .16) !important;
}

body.forms-page .dynamic-form-page .form-check-input {
    border-color: var(--admin-muted) !important;
    background-color: var(--admin-secondary) !important;
}

body.forms-page .dynamic-form-page .form-check-input:checked {
    border-color: var(--admin-primary) !important;
    background-color: var(--admin-primary) !important;
}

body.forms-page .dynamic-form-page .btn-dark,
body.forms-page .dynamic-form-page .btn-primary {
    border-color: var(--admin-primary) !important;
    background: var(--admin-primary) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.forms-page .dynamic-form-page #gridwrap .table {
    overflow: hidden;
    border-color: var(--admin-border) !important;
    border-radius: 10px;
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page #gridwrap .table th {
    border-color: var(--admin-border) !important;
    background: var(--admin-elevated) !important;
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page #gridwrap .table td {
    border-color: var(--admin-border) !important;
    background: var(--admin-card) !important;
    color: var(--admin-text) !important;
    -webkit-text-fill-color: var(--admin-text) !important;
}

body.forms-page .dynamic-form-page #gridwrap .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: var(--admin-secondary) !important;
}

body.forms-page .dynamic-form-page #gridwrap .btn-link,
body.forms-page .dynamic-form-page #gridwrap .btn-link i {
    color: var(--admin-primary) !important;
    -webkit-text-fill-color: var(--admin-primary) !important;
}

html[data-theme="light"] body.forms-page .dynamic-form-page .fmform,
html[data-theme="light"] body.forms-page .dynamic-form-page #gridwrap .table,
html[data-theme="light"] body.forms-page .dynamic-form-page #gridwrap .table td {
    background: #ffffff !important;
    color: #172033 !important;
}

html[data-theme="light"] body.forms-page .dynamic-form-page .fmmodhead,
html[data-theme="light"] body.forms-page .dynamic-form-page #gridwrap .table th {
    background: #e7ecef !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] body.forms-page .dynamic-form-page #gridwrap .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #f1f5f9 !important;
}

/* Artist manager navigation and upper actions in light mode. */
html[data-theme="light"] body.admin-page .artist-manager-page,
html[data-theme="light"] body.admin-page .artist-manager-content,
html[data-theme="light"] body.admin-page .artist-manager-panel {
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-panel {
    border-color: #c6c9ca !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

html[data-theme="light"] body.admin-page .artist-manager-header h1,
html[data-theme="light"] body.admin-page .artist-manager-panel h2,
html[data-theme="light"] body.admin-page .artist-manager-panel strong,
html[data-theme="light"] body.admin-page .artist-manager-form-grid label,
html[data-theme="light"] body.admin-page .artist-manager-form-options label {
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-header p,
html[data-theme="light"] body.admin-page .artist-manager-media-card p,
html[data-theme="light"] body.admin-page .artist-manager-media-card small,
html[data-theme="light"] body.admin-page .artist-manager-list small,
html[data-theme="light"] body.admin-page .artist-manager-links small,
html[data-theme="light"] body.admin-page .artist-manager-empty {
    color: #5f7a76 !important;
    -webkit-text-fill-color: #5f7a76 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-panel > header span,
html[data-theme="light"] body.admin-page .artist-manager-list a > i:first-child,
html[data-theme="light"] body.admin-page .artist-manager-links a > i:first-child,
html[data-theme="light"] body.admin-page .artist-manager-links b {
    color: #008567 !important;
    -webkit-text-fill-color: #008567 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-media-card,
html[data-theme="light"] body.admin-page .artist-manager-list a,
html[data-theme="light"] body.admin-page .artist-manager-links a,
html[data-theme="light"] body.admin-page .artist-manager-empty {
    border-color: #c6c9ca !important;
    background: #e7ecef !important;
    color: #172033 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-list a:hover,
html[data-theme="light"] body.admin-page .artist-manager-links a:hover {
    border-color: #01a982 !important;
    background: rgba(1, 169, 130, .10) !important;
}

html[data-theme="light"] body.admin-page .artist-manager-page .btn-primary {
    border-color: #01a982 !important;
    background: #01a982 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] body.admin-page .artist-manager-page .btn-primary:hover,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-primary:focus-visible {
    border-color: #008567 !important;
    background: #008567 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-light,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-secondary,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-dark {
    border-color: #5f7a76 !important;
    background: #ffffff !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
}

html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-light:hover,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-light:focus-visible,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-secondary:hover,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-secondary:focus-visible,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-dark:hover,
html[data-theme="light"] body.admin-page .artist-manager-page .btn-outline-dark:focus-visible {
    border-color: #01a982 !important;
    background: rgba(1, 169, 130, .10) !important;
    color: #008567 !important;
    -webkit-text-fill-color: #008567 !important;
}
