body[data-ui-theme] .bg-background-light,
body[data-ui-theme] .bg-gray-50,
body[data-ui-theme] .bg-slate-50 {
    background-color: var(--ui-bg) !important;
}

body[data-ui-theme] .bg-white {
    background-color: var(--ui-surface) !important;
}

body[data-ui-theme] .bg-gray-50\/50,
body[data-ui-theme] .bg-slate-50\/50,
body[data-ui-theme] .bg-slate-50\/80,
body[data-ui-theme] .bg-gray-100,
body[data-ui-theme] .bg-slate-100 {
    background-color: var(--ui-surface-muted) !important;
}

body[data-ui-theme] .text-gray-900,
body[data-ui-theme] .text-slate-900,
body[data-ui-theme] .text-slate-800 {
    color: var(--ui-text) !important;
}

body[data-ui-theme] .text-gray-500,
body[data-ui-theme] .text-gray-600,
body[data-ui-theme] .text-gray-700,
body[data-ui-theme] .text-slate-400,
body[data-ui-theme] .text-slate-500,
body[data-ui-theme] .text-slate-600,
body[data-ui-theme] .text-slate-700 {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .border-gray-100,
body[data-ui-theme] .border-gray-200,
body[data-ui-theme] .border-gray-300,
body[data-ui-theme] .border-slate-100,
body[data-ui-theme] .border-slate-100\/80,
body[data-ui-theme] .border-slate-200,
body[data-ui-theme] .border-slate-200\/80,
body[data-ui-theme] .border-slate-300,
body[data-ui-theme] .ring-gray-100,
body[data-ui-theme] .ring-slate-200 {
    border-color: var(--ui-border) !important;
}

body[data-ui-theme] .bg-primary,
body[data-ui-theme] .bg-primary\/5,
body[data-ui-theme] .bg-primary\/10,
body[data-ui-theme] .bg-blue-600,
body[data-ui-theme] .bg-blue-500,
body[data-ui-theme] .bg-indigo-600,
body[data-ui-theme] .bg-indigo-500,
body[data-ui-theme] .bg-\[\#4f46e5\],
body[data-ui-theme] .peer:checked ~ .peer-checked\:bg-blue-600 {
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme] .bg-primary\/5,
body[data-ui-theme] .bg-primary\/10 {
    background-color: color-mix(in srgb, var(--ui-primary) 9%, transparent) !important;
}

body[data-ui-theme] .bg-gradient-to-r.from-blue-600.to-indigo-600,
body[data-ui-theme] .bg-gradient-to-r.from-indigo-600.to-violet-600,
body[data-ui-theme] .bg-gradient-to-r.from-blue-600.to-purple-600,
body[data-ui-theme] .bg-gradient-to-r.from-purple-600.to-indigo-600,
body[data-ui-theme] .bg-gradient-to-r.from-blue-500.to-indigo-600,
body[data-ui-theme] .bg-gradient-to-br.from-indigo-500.to-blue-600,
body[data-ui-theme] .bg-gradient-to-br.from-blue-500.to-blue-600,
body[data-ui-theme] .bg-gradient-to-br.from-blue-400.to-indigo-500,
body[data-ui-theme] .bg-gradient-to-br.from-\[\#4f46e5\] {
    background-image: none !important;
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme] .hover\:bg-blue-700:hover,
body[data-ui-theme] .hover\:bg-indigo-700:hover,
body[data-ui-theme] .hover\:bg-indigo-500:hover,
body[data-ui-theme] .hover\:bg-blue-500:hover,
body[data-ui-theme] .hover\:bg-blue-600:hover,
body[data-ui-theme] .hover\:bg-primary:hover,
body[data-ui-theme] .hover\:bg-primary\/90:hover {
    background-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .hover\:from-blue-700:hover,
body[data-ui-theme] .hover\:from-indigo-700:hover,
body[data-ui-theme] .hover\:from-purple-700:hover,
body[data-ui-theme] .hover\:to-indigo-700:hover,
body[data-ui-theme] .hover\:to-purple-700:hover,
body[data-ui-theme] .hover\:to-violet-700:hover {
    background-image: none !important;
    background-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .bg-blue-50,
body[data-ui-theme] .bg-indigo-50,
body[data-ui-theme] .bg-blue-50\/30,
body[data-ui-theme] .bg-blue-50\/50,
body[data-ui-theme] .bg-blue-50\/70,
body[data-ui-theme] .bg-indigo-50\/20,
body[data-ui-theme] .bg-indigo-50\/30,
body[data-ui-theme] .bg-indigo-50\/50,
body[data-ui-theme] .bg-indigo-50\/80,
body[data-ui-theme] .bg-indigo-500\/5,
body[data-ui-theme] .bg-indigo-500\/10,
body[data-ui-theme] .hover\:bg-blue-50:hover,
body[data-ui-theme] .hover\:bg-indigo-50:hover,
body[data-ui-theme] .hover\:bg-blue-50\/50:hover,
body[data-ui-theme] .hover\:bg-indigo-50\/50:hover {
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .bg-gradient-to-r.from-blue-50.to-indigo-50,
body[data-ui-theme] .bg-gradient-to-br.from-blue-50.to-indigo-50,
body[data-ui-theme] .bg-gradient-to-br.from-indigo-50.to-blue-50,
body[data-ui-theme] .bg-gradient-to-br.from-indigo-50.to-slate-50,
body[data-ui-theme] .bg-gradient-to-b.from-indigo-50\/30.to-white,
body[data-ui-theme] .bg-gradient-to-br.from-indigo-50\/20.to-white,
body[data-ui-theme] .bg-gradient-to-br.from-indigo-50\/80.to-white {
    background-image: none !important;
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .bg-blue-100,
body[data-ui-theme] .bg-indigo-100,
body[data-ui-theme] .bg-blue-100\/80,
body[data-ui-theme] .bg-indigo-100\/40,
body[data-ui-theme] .bg-indigo-100\/80,
body[data-ui-theme] .hover\:bg-indigo-100:hover {
    background-color: var(--ui-primary-muted) !important;
}

body[data-ui-theme] .text-blue-600,
body[data-ui-theme] .text-blue-700,
body[data-ui-theme] .text-blue-500,
body[data-ui-theme] .text-blue-800,
body[data-ui-theme] .text-primary,
body[data-ui-theme] .text-indigo-500,
body[data-ui-theme] .text-indigo-600,
body[data-ui-theme] .text-indigo-700,
body[data-ui-theme] .text-indigo-800,
body[data-ui-theme] .text-\[\#4f46e5\],
body[data-ui-theme] .hover\:text-blue-600:hover,
body[data-ui-theme] .hover\:text-blue-700:hover,
body[data-ui-theme] .hover\:text-primary:hover,
body[data-ui-theme] .hover\:text-indigo-600:hover,
body[data-ui-theme] .hover\:text-\[\#4f46e5\]:hover {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .text-indigo-900,
body[data-ui-theme] .text-blue-900,
body[data-ui-theme] .text-blue-900\/70 {
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] .border-blue-500,
body[data-ui-theme] .border-primary,
body[data-ui-theme] .border-indigo-500,
body[data-ui-theme] .border-indigo-100,
body[data-ui-theme] .border-indigo-100\/50,
body[data-ui-theme] .border-indigo-200,
body[data-ui-theme] .border-indigo-200\/50,
body[data-ui-theme] .border-indigo-300,
body[data-ui-theme] .border-blue-100,
body[data-ui-theme] .border-blue-200,
body[data-ui-theme] .border-blue-300,
body[data-ui-theme] .border-blue-600,
body[data-ui-theme] .hover\:border-indigo-200:hover,
body[data-ui-theme] .hover\:border-indigo-300:hover,
body[data-ui-theme] .hover\:border-indigo-400:hover,
body[data-ui-theme] .hover\:border-primary:hover,
body[data-ui-theme] .hover\:border-blue-200:hover,
body[data-ui-theme] .hover\:border-blue-300:hover,
body[data-ui-theme] .hover\:border-blue-400:hover {
    border-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .border-t-blue-600,
body[data-ui-theme] .border-t-indigo-600 {
    border-top-color: var(--ui-primary) !important;
}

body[data-ui-theme] .focus\:ring-blue-500:focus,
body[data-ui-theme] .focus\:ring-indigo-500:focus,
body[data-ui-theme] .focus\:ring-blue-300:focus,
body[data-ui-theme] .focus\:border-blue-500:focus,
body[data-ui-theme] .focus\:border-indigo-500:focus,
body[data-ui-theme] .focus-within\:ring-blue-100:focus-within,
body[data-ui-theme] .focus-within\:ring-indigo-100:focus-within,
body[data-ui-theme] .focus-within\:border-blue-300:focus-within,
body[data-ui-theme] .focus-within\:border-indigo-300:focus-within,
body[data-ui-theme] .focus-within\:border-indigo-500:focus-within,
body[data-ui-theme] .peer:focus ~ .peer-focus\:ring-blue-300,
body[data-ui-theme] .peer:focus ~ .peer-focus\:ring-indigo-300,
body[data-ui-theme] .focus\:ring-primary:focus,
body[data-ui-theme] .focus\:ring-primary\/60:focus {
    --tw-ring-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .shadow-indigo-200,
body[data-ui-theme] .shadow-indigo-100\/50,
body[data-ui-theme] .shadow-indigo-200\/50,
body[data-ui-theme] .shadow-indigo-500\/20,
body[data-ui-theme] .shadow-indigo-500\/30,
body[data-ui-theme] .shadow-indigo-500\/40,
body[data-ui-theme] .shadow-indigo-500\/50,
body[data-ui-theme] .shadow-primary\/20,
body[data-ui-theme] .shadow-primary\/30,
body[data-ui-theme] .shadow-indigo-900\/10,
body[data-ui-theme] .shadow-indigo-900\/20 {
    box-shadow: var(--ui-shadow) !important;
}

body[data-ui-theme] .ring-blue-500,
body[data-ui-theme] .ring-indigo-100,
body[data-ui-theme] .ring-indigo-200,
body[data-ui-theme] .ring-indigo-600\/20,
body[data-ui-theme] .hover\:ring-primary\/20:hover,
body[data-ui-theme] .hover\:ring-indigo-100:hover {
    --tw-ring-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .text-indigo-400 {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .project-tab-mobile.active {
    color: var(--ui-primary) !important;
    border-bottom-color: var(--ui-primary) !important;
}

body[data-ui-theme] .project-tab-indicator {
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme] .question-item.outline-question-focus-highlight {
    background-color: var(--ui-primary-soft) !important;
    box-shadow: inset 0 0 0 2px var(--ui-primary) !important;
}

body[data-ui-theme] .project-title-editor__trigger {
    border-color: var(--ui-primary-border) !important;
    background: var(--ui-primary-soft) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .project-title-editor__trigger:hover {
    border-color: var(--ui-primary) !important;
    background: var(--ui-primary-muted) !important;
    color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .project-title-editor__input:focus {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 16%, transparent) !important;
}

body[data-ui-theme] .outline-project-info-list > * + * {
    border-top-color: color-mix(in srgb, var(--ui-border) 58%, transparent) !important;
}

body[data-ui-theme] .outline-project-info-item__label,
body[data-ui-theme] .outline-project-info-item__edit {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .outline-project-info-item__icon--scenario {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .outline-project-info-item__icon--language {
    color: color-mix(in srgb, var(--ui-primary) 65%, #0ea5e9) !important;
}

body[data-ui-theme] .outline-project-info-item__icon--sample {
    color: color-mix(in srgb, var(--ui-primary) 55%, #059669) !important;
}

body[data-ui-theme] .outline-project-info-item__value {
    color: var(--ui-text) !important;
}

body[data-ui-theme] .outline-project-info-item--editable:hover .outline-project-info-item__label,
body[data-ui-theme] .outline-project-info-item--editable:hover .outline-project-info-item__value,
body[data-ui-theme] .outline-project-info-item--editable:hover .outline-project-info-item__edit {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .outline-sample-limit-item--editable:hover .outline-sample-limit-item__label,
body[data-ui-theme] .outline-sample-limit-item--editable:hover .outline-sample-limit-item__value,
body[data-ui-theme] .outline-sample-limit-item--editable:hover .outline-sample-limit-item__action {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .outline-sample-limit-item--editable:hover {
    background-color: transparent !important;
}

body[data-ui-theme] .outline-sample-limit-item__icon--sample {
    color: color-mix(in srgb, var(--ui-primary) 35%, #f59e0b) !important;
}

body[data-ui-theme] .outline-config-entry__icon {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .outline-config-entry__icon--muted {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .outline-config-entry__trigger:hover .outline-config-entry__icon:not(.outline-config-entry__icon--muted) {
    color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] #responses-page-layout .sample-quota-config-card .outline-config-entry__trigger:hover .outline-config-entry__edit {
    color: var(--ui-primary) !important;
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .outline-sample-limit-item__label {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .outline-sample-limit-item__value {
    color: var(--ui-text) !important;
}

body[data-ui-theme] .outline-sample-limit-item__action,
body[data-ui-theme] .outline-sample-limit-item__lock {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .outline-sample-limit-item__action {
    background-color: transparent !important;
}

body[data-ui-theme] .outline-sample-limit-item__lock {
    background-color: var(--ui-surface-muted) !important;
}

body[data-ui-theme] .outline-sample-limit-item__action:hover {
    background-color: color-mix(in srgb, var(--ui-primary) 9%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .outline-sample-limit-item__action:focus-visible {
    box-shadow: 0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary-border) !important;
}

body[data-ui-theme] .outline-sample-limit-item--editable:focus-visible {
    box-shadow: 0 0 0 2px var(--ui-surface), 0 0 0 4px var(--ui-primary-border) !important;
}

body[data-ui-theme] .project-title-editor__primary {
    border-color: var(--ui-primary) !important;
    background: var(--ui-primary) !important;
}

body[data-ui-theme] .project-title-editor__primary:hover {
    border-color: var(--ui-primary-hover) !important;
    background: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .update-limit-modal {
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

body[data-ui-theme] .update-limit-modal:not(.hidden) {
    display: flex;
}

body[data-ui-theme] .update-limit-modal.hidden {
    display: none;
}

body[data-ui-theme] .update-limit-modal__frame {
    display: flex;
    min-height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: left;
}

body[data-ui-theme] .update-limit-modal__backdrop {
    background: color-mix(in srgb, var(--ui-text) 54%, transparent);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

body[data-ui-theme] .update-limit-modal__panel {
    position: relative;
    width: 100%;
    max-width: 32rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--ui-border) 92%, var(--ui-surface));
    border-radius: 0.75rem;
    background: var(--ui-surface);
    color: var(--ui-text);
    box-shadow: 0 24px 54px color-mix(in srgb, var(--ui-text) 24%, transparent), var(--ui-shadow);
}

body[data-ui-theme] .update-limit-modal__header,
body[data-ui-theme] .update-limit-modal__footer {
    display: flex;
}

body[data-ui-theme] .update-limit-modal__header {
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid;
    border-bottom-color: color-mix(in srgb, var(--ui-border) 88%, var(--ui-surface));
}

body[data-ui-theme] .update-limit-modal__header-text {
    min-width: 0;
}

body[data-ui-theme] .update-limit-modal__title {
    margin: 0;
    color: var(--ui-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
}

body[data-ui-theme] .update-limit-modal__subtitle {
    margin: 0.35rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.875rem;
    line-height: 1.6;
}

body[data-ui-theme] .update-limit-modal__close {
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.5rem;
    background: transparent;
    color: var(--ui-text-muted);
    cursor: pointer;
    transition: background-color 0.16s ease, color 0.16s ease;
}

body[data-ui-theme] .update-limit-modal__close:hover {
    background: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface-muted));
    color: var(--ui-primary);
}

body[data-ui-theme] .update-limit-modal__body {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
}

body[data-ui-theme] .update-limit-modal__note {
    border-left: 2px solid color-mix(in srgb, var(--ui-primary) 42%, var(--ui-border));
    background: color-mix(in srgb, var(--ui-primary-soft) 42%, var(--ui-surface));
    color: var(--ui-text-muted);
    padding: 0.625rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.55;
}

body[data-ui-theme] .update-limit-modal__field-hint {
    margin: 0.5rem 0 0;
    font-size: 0.8125rem;
    line-height: 1.55;
    color: var(--ui-text-muted);
}

body[data-ui-theme] .update-limit-modal__completed-mark {
    display: inline;
    font-weight: 700;
    color: var(--ui-primary);
    padding: 0.0625rem 0.375rem;
    margin: 0 0.125rem;
    border-radius: 0.3125rem;
    background: color-mix(in srgb, var(--ui-primary-soft) 52%, var(--ui-surface));
    border: 1px solid color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border));
    letter-spacing: 0.02em;
    white-space: nowrap;
}

body[data-ui-theme] .update-limit-modal__field {
    display: block;
}

body[data-ui-theme] .update-limit-modal__label {
    display: block;
    margin-bottom: 0.5rem;
    color: var(--ui-text);
    font-size: 0.875rem;
    font-weight: 700;
}

body[data-ui-theme] .update-limit-modal__input {
    display: block;
    width: 100%;
    border: 1px solid var(--ui-border);
    border-radius: 0.5rem;
    background: var(--ui-surface);
    color: var(--ui-text);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    padding: 0.625rem 0.75rem;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

body[data-ui-theme] .update-limit-modal__input::placeholder {
    color: var(--ui-text-muted);
    font-weight: 400;
}

body[data-ui-theme] .update-limit-modal__input:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
}

body[data-ui-theme] .update-limit-modal__input:focus {
    outline: none !important;
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 15%, transparent) !important;
}

body[data-ui-theme] .update-limit-modal__quota-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid color-mix(in srgb, var(--ui-border) 88%, var(--ui-surface));
    padding-top: 1rem;
}

body[data-ui-theme] .update-limit-modal__quota-label {
    margin: 0;
    color: var(--ui-text-muted);
    font-size: 0.875rem;
    font-weight: 600;
}

body[data-ui-theme] .update-limit-modal__quota-link,
body[data-ui-theme] .update-limit-modal__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ui-border);
    border-radius: 0.5rem;
    background: var(--ui-surface);
    color: var(--ui-text);
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.25rem;
    text-decoration: none;
    transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

body[data-ui-theme] .update-limit-modal__quota-link {
    flex-shrink: 0;
    padding: 0.5rem 0.75rem;
}

body[data-ui-theme] .update-limit-modal__quota-link:hover,
body[data-ui-theme] .update-limit-modal__btn:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary-soft) 58%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .update-limit-modal__footer {
    align-items: center;
    justify-content: flex-end;
    gap: 0.625rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid;
    border-top-color: color-mix(in srgb, var(--ui-border) 88%, var(--ui-surface));
    background: color-mix(in srgb, var(--ui-surface-muted) 82%, var(--ui-surface));
}

body[data-ui-theme] .update-limit-modal__btn {
    min-width: 4.5rem;
    padding: 0.5625rem 1rem;
}

body[data-ui-theme] .update-limit-modal__btn--primary {
    border-color: var(--ui-primary) !important;
    background: var(--ui-primary) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] .update-limit-modal__btn--primary:hover {
    border-color: var(--ui-primary-hover) !important;
    background: var(--ui-primary-hover) !important;
    color: #fff !important;
}

@media (max-width: 640px) {
    body[data-ui-theme] .update-limit-modal__frame {
        padding: 1rem;
    }

    body[data-ui-theme] .update-limit-modal__quota-row,
    body[data-ui-theme] .update-limit-modal__footer {
        align-items: stretch;
        flex-direction: column;
    }

    body[data-ui-theme] .update-limit-modal__btn,
    body[data-ui-theme] .update-limit-modal__quota-link {
        width: 100%;
    }
}

body[data-ui-theme] .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-blue-900,
body[data-ui-theme] .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-blue-900\/70,
body[data-ui-theme] .bg-gradient-to-br.from-purple-50.to-fuchsia-50 .text-purple-900,
body[data-ui-theme] .bg-gradient-to-br.from-purple-50.to-fuchsia-50 .text-purple-900\/70,
body[data-ui-theme] .bg-gradient-to-br.from-purple-50.to-fuchsia-50 .text-purple-700 {
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] .bg-gradient-to-br.from-blue-50.to-indigo-50 .text-blue-600,
body[data-ui-theme] .bg-gradient-to-br.from-purple-50.to-fuchsia-50 .text-purple-600 {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .bg-gradient-to-br.from-purple-50.to-fuchsia-50 {
    background-image: none !important;
    background-color: var(--ui-primary-soft) !important;
    border-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .bg-gradient-to-br.from-purple-500\/10.to-fuchsia-500\/10,
body[data-ui-theme] .bg-gradient-to-r.from-indigo-500.to-purple-500 {
    background-image: none !important;
    background-color: color-mix(in srgb, var(--ui-primary) 12%, transparent) !important;
}

body[data-ui-theme] .absolute.top-0.left-0.right-0.bg-blue-500,
body[data-ui-theme] .subscription-card .recommended-badge,
body[data-ui-theme] .recommended-badge {
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme="ops-teal"] #emptyStateContainer {
    background-image: linear-gradient(135deg, #10201d 0%, #134e4a 52%, #0f766e 100%) !important;
}

body[data-ui-theme="graphite-amber"] #emptyStateContainer {
    background-image: linear-gradient(135deg, #1f1f1c 0%, #78350f 52%, #b45309 100%) !important;
}

body[data-ui-theme] #emptyStateContainer .bg-blue-500,
body[data-ui-theme] #emptyStateContainer .bg-purple-500,
body[data-ui-theme] #emptyStateContainer .bg-gradient-to-tr.from-indigo-500\/5.to-purple-500\/5,
body[data-ui-theme] #emptyStateContainer .bg-gradient-to-br.from-purple-500\/20.to-fuchsia-500\/20,
body[data-ui-theme] #emptyStateContainer .bg-gradient-to-br.from-blue-500\/20.to-cyan-500\/20 {
    background-image: none !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
}

body[data-ui-theme] #emptyStateContainer .text-blue-100\/90,
body[data-ui-theme] #emptyStateContainer .text-blue-100\/80,
body[data-ui-theme] #emptyStateContainer .text-purple-100\/80 {
    color: rgba(255, 255, 255, 0.82) !important;
}

body[data-ui-theme] #emptyStateContainer .text-blue-300,
body[data-ui-theme] #emptyStateContainer .text-purple-300,
body[data-ui-theme] #emptyStateContainer .text-indigo-600 {
    color: var(--ui-primary-muted) !important;
}

body[data-ui-theme] #emptyStateContainer .text-indigo-900 {
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] .ai-wizard-theme {
    /* 跟随当前主题主色，切换主题自动还原到对应色系 */
    background:
        radial-gradient(ellipse at top right, color-mix(in srgb, var(--ui-primary) 12%, transparent), transparent 42%),
        var(--ui-bg) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-indigo-200\/20,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-100\/40,
body[data-ui-theme] .ai-wizard-theme .bg-purple-200\/20,
body[data-ui-theme] .ai-wizard-theme .bg-pink-200\/20,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-900\/10,
body[data-ui-theme] .ai-wizard-theme .bg-purple-900\/10,
body[data-ui-theme] .ai-wizard-theme .bg-pink-900\/10 {
    background-color: color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

/* 填写大窗选中：只保留外层一条主题色边，去掉内侧叠层 ring / textarea 光晕 */
body[data-ui-theme] .ai-wizard-theme .wizard-requirement-panel:focus-within {
    border-color: var(--ui-primary) !important;
    box-shadow: var(--ui-shadow) !important;
    outline: none !important;
}

body[data-ui-theme] .ai-wizard-theme .wizard-requirement-panel:focus-within,
body[data-ui-theme] .ai-wizard-theme .wizard-requirement-panel.focus-within\:ring-1:focus-within,
body[data-ui-theme] .ai-wizard-theme .wizard-requirement-panel.focus-within\:ring-indigo-500\/50:focus-within {
    --tw-ring-shadow: 0 0 #0000 !important;
    --tw-ring-offset-shadow: 0 0 #0000 !important;
}

body[data-ui-theme] .ai-wizard-theme #requirementInput {
    /* 用户输入正文用主题正文色，不用次要灰 */
    color: var(--ui-text) !important;
}

body[data-ui-theme] .ai-wizard-theme #requirementInput:focus,
body[data-ui-theme] .ai-wizard-theme .wizard-requirement-panel textarea:focus {
    outline: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

body[data-ui-theme] .ai-wizard-theme .text-transparent.bg-clip-text,
body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-r.from-indigo-600.to-violet-600.bg-clip-text {
    background-image: none !important;
    color: var(--ui-primary) !important;
    -webkit-text-fill-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-indigo-50,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-50\/50,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-50\/80,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-50\/90,
body[data-ui-theme] .ai-wizard-theme .bg-violet-50,
body[data-ui-theme] .ai-wizard-theme .bg-purple-50,
body[data-ui-theme] .ai-wizard-theme .bg-purple-50\/80,
body[data-ui-theme] .ai-wizard-theme .bg-pink-50,
body[data-ui-theme] .ai-wizard-theme .bg-pink-50\/80,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-indigo-50:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-indigo-50\/90:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-violet-50:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-purple-50:hover {
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-indigo-100,
body[data-ui-theme] .ai-wizard-theme .bg-violet-100,
body[data-ui-theme] .ai-wizard-theme .bg-purple-100,
body[data-ui-theme] .ai-wizard-theme .bg-pink-100 {
    background-color: var(--ui-primary-muted) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-br.from-indigo-50.to-slate-50,
body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-br.from-indigo-500\/5.to-purple-500\/5,
body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-br.from-indigo-100\/40.to-purple-100\/40,
body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-r.from-indigo-50.to-purple-50 {
    background-image: none !important;
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .ai-wizard-theme .text-indigo-300,
body[data-ui-theme] .ai-wizard-theme .text-indigo-400,
body[data-ui-theme] .ai-wizard-theme .text-indigo-500,
body[data-ui-theme] .ai-wizard-theme .text-indigo-600,
body[data-ui-theme] .ai-wizard-theme .text-indigo-700,
body[data-ui-theme] .ai-wizard-theme .text-violet-300,
body[data-ui-theme] .ai-wizard-theme .text-violet-400,
body[data-ui-theme] .ai-wizard-theme .text-violet-500,
body[data-ui-theme] .ai-wizard-theme .text-violet-600,
body[data-ui-theme] .ai-wizard-theme .text-purple-300,
body[data-ui-theme] .ai-wizard-theme .text-purple-400,
body[data-ui-theme] .ai-wizard-theme .text-purple-500,
body[data-ui-theme] .ai-wizard-theme .text-purple-600,
body[data-ui-theme] .ai-wizard-theme .text-pink-500,
body[data-ui-theme] .ai-wizard-theme .hover\:text-indigo-600:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:text-violet-600:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:text-purple-600:hover {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .text-indigo-900,
body[data-ui-theme] .ai-wizard-theme .text-indigo-900\/70,
body[data-ui-theme] .ai-wizard-theme .text-purple-900,
body[data-ui-theme] .ai-wizard-theme .text-purple-900\/70 {
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] .ai-wizard-theme .border-indigo-100,
body[data-ui-theme] .ai-wizard-theme .border-indigo-100\/50,
body[data-ui-theme] .ai-wizard-theme .border-indigo-200,
body[data-ui-theme] .ai-wizard-theme .border-indigo-300,
body[data-ui-theme] .ai-wizard-theme .border-violet-100,
body[data-ui-theme] .ai-wizard-theme .border-purple-100,
body[data-ui-theme] .ai-wizard-theme .border-purple-100\/50,
body[data-ui-theme] .ai-wizard-theme .border-pink-100,
body[data-ui-theme] .ai-wizard-theme .border-pink-100\/50,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-100:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-200:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-300:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-violet-100:hover {
    border-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .ai-wizard-theme .shadow-indigo-500\/5,
body[data-ui-theme] .ai-wizard-theme .shadow-indigo-500\/20,
body[data-ui-theme] .ai-wizard-theme .shadow-indigo-500\/30,
body[data-ui-theme] .ai-wizard-theme .shadow-indigo-500\/40,
body[data-ui-theme] .ai-wizard-theme .shadow-indigo-500\/50 {
    box-shadow: var(--ui-shadow) !important;
}

body[data-ui-theme] .ai-wizard-theme .module-card.selected,
body[data-ui-theme] .ai-wizard-theme .analysis-model-card.selected {
    border-color: var(--ui-primary) !important;
    background-color: var(--ui-primary-soft) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .checkbox-wrapper input:checked ~ .checkbox-custom {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .custom-range::-webkit-slider-thumb {
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .custom-range:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .custom-range:hover::-webkit-slider-thumb {
    border-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .ai-wizard-theme .cb-apply--ready {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ui-primary) 28%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .cb-apply--ready:hover {
    background: linear-gradient(135deg, var(--ui-primary-hover) 0%, var(--ui-primary) 100%) !important;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ui-primary) 34%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-gradient-to-r.from-indigo-600.to-violet-600,
body[data-ui-theme] .ai-wizard-theme .bg-indigo-600 {
    background-image: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .hover\:bg-indigo-700:hover {
    background-image: none !important;
    background-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .ai-wizard-theme .border-indigo-500\/20,
body[data-ui-theme] .ai-wizard-theme .border-emerald-500\/20,
body[data-ui-theme] .ai-wizard-theme .border-teal-500\/20,
body[data-ui-theme] .ai-wizard-theme .border-cyan-500\/20,
body[data-ui-theme] .ai-wizard-theme .border-sky-500\/20 {
    border-color: color-mix(in srgb, var(--ui-primary) 20%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .text-indigo-500\/20,
body[data-ui-theme] .ai-wizard-theme .text-emerald-500\/20,
body[data-ui-theme] .ai-wizard-theme .text-teal-500\/20,
body[data-ui-theme] .ai-wizard-theme .text-cyan-500\/20,
body[data-ui-theme] .ai-wizard-theme .text-sky-500\/20 {
    color: color-mix(in srgb, var(--ui-primary) 22%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .text-emerald-300,
body[data-ui-theme] .ai-wizard-theme .text-emerald-400,
body[data-ui-theme] .ai-wizard-theme .text-emerald-500,
body[data-ui-theme] .ai-wizard-theme .text-emerald-600,
body[data-ui-theme] .ai-wizard-theme .text-emerald-700,
body[data-ui-theme] .ai-wizard-theme .text-teal-300,
body[data-ui-theme] .ai-wizard-theme .text-teal-400,
body[data-ui-theme] .ai-wizard-theme .text-teal-500,
body[data-ui-theme] .ai-wizard-theme .text-teal-600,
body[data-ui-theme] .ai-wizard-theme .text-teal-700,
body[data-ui-theme] .ai-wizard-theme .text-cyan-300,
body[data-ui-theme] .ai-wizard-theme .text-cyan-400,
body[data-ui-theme] .ai-wizard-theme .text-cyan-500,
body[data-ui-theme] .ai-wizard-theme .text-cyan-600,
body[data-ui-theme] .ai-wizard-theme .text-sky-400,
body[data-ui-theme] .ai-wizard-theme .text-sky-500,
body[data-ui-theme] .ai-wizard-theme .text-blue-400,
body[data-ui-theme] .ai-wizard-theme .text-blue-500,
body[data-ui-theme] .ai-wizard-theme .text-blue-600,
body[data-ui-theme] .ai-wizard-theme .hover\:text-indigo-500:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:text-emerald-500:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:text-teal-500:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:text-cyan-500:hover {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-blue-50,
body[data-ui-theme] .ai-wizard-theme .bg-blue-50\/80,
body[data-ui-theme] .ai-wizard-theme .bg-emerald-50,
body[data-ui-theme] .ai-wizard-theme .bg-teal-50,
body[data-ui-theme] .ai-wizard-theme .bg-cyan-50,
body[data-ui-theme] .ai-wizard-theme .bg-sky-50,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-emerald-50:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-teal-50:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:bg-cyan-50:hover {
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .ai-wizard-theme .bg-blue-100,
body[data-ui-theme] .ai-wizard-theme .bg-emerald-100,
body[data-ui-theme] .ai-wizard-theme .bg-teal-100,
body[data-ui-theme] .ai-wizard-theme .bg-cyan-100,
body[data-ui-theme] .ai-wizard-theme .bg-sky-100 {
    background-color: var(--ui-primary-muted) !important;
}

body[data-ui-theme] .ai-wizard-theme .border-blue-100,
body[data-ui-theme] .ai-wizard-theme .border-blue-200,
body[data-ui-theme] .ai-wizard-theme .border-emerald-100,
body[data-ui-theme] .ai-wizard-theme .border-emerald-200,
body[data-ui-theme] .ai-wizard-theme .border-teal-100,
body[data-ui-theme] .ai-wizard-theme .border-teal-200,
body[data-ui-theme] .ai-wizard-theme .border-cyan-100,
body[data-ui-theme] .ai-wizard-theme .border-cyan-200,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-400:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-emerald-400:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-teal-400:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-cyan-400:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-500:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-emerald-500:hover {
    border-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .ai-wizard-theme input[type="checkbox"]:checked {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .focus-within\:border-indigo-500:focus-within,
body[data-ui-theme] .ai-wizard-theme .focus\:border-indigo-500:focus,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-300:hover,
body[data-ui-theme] .ai-wizard-theme .hover\:border-indigo-600:hover {
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .focus-within\:ring-indigo-500\/50:focus-within,
body[data-ui-theme] .ai-wizard-theme .focus\:ring-indigo-500\/20:focus {
    --tw-ring-color: color-mix(in srgb, var(--ui-primary) 22%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .group\/section:hover [class*="group-hover/section:text-indigo"],
body[data-ui-theme] .ai-wizard-theme .group\/section:hover [class*="group-hover/section:text-emerald"],
body[data-ui-theme] .ai-wizard-theme .group\/item:hover [class*="group-hover/item:text-indigo"],
body[data-ui-theme] .ai-wizard-theme .group\/item:hover [class*="group-hover/item:text-emerald"],
body[data-ui-theme] .ai-wizard-theme .group:focus-within [class*="group-focus-within:text-indigo"] {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .group\/section:hover [class*="group-hover/section:border-indigo"],
body[data-ui-theme] .ai-wizard-theme .group\/section:hover [class*="group-hover/section:border-emerald"],
body[data-ui-theme] .ai-wizard-theme .group:hover [class*="group-hover:border-indigo"],
body[data-ui-theme] .ai-wizard-theme .group:hover [class*="group-hover:border-emerald"] {
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] .ai-wizard-theme .wizard-direct-create-btn {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    box-shadow: 0 4px 14px color-mix(in srgb, var(--ui-primary) 22%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme .wizard-direct-create-btn:hover {
    background: linear-gradient(135deg, var(--ui-primary-hover) 0%, var(--ui-primary) 100%) !important;
    box-shadow: 0 6px 18px color-mix(in srgb, var(--ui-primary) 28%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] {
    background:
        linear-gradient(180deg,
            color-mix(in srgb, var(--ui-primary) 2.5%, var(--ui-surface)) 0%,
            color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) 100%) !important;
    border-color: color-mix(in srgb, var(--ui-border) 76%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] > .p-6 {
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.54) 0%,
            rgba(255, 255, 255, 0.22) 100%) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] .border-dashed {
    border-color: color-mix(in srgb, var(--ui-border) 54%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] input,
body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] textarea {
    background-color: color-mix(in srgb, var(--ui-surface) 94%, var(--ui-bg)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 72%, var(--ui-surface)) !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] input:hover,
body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] textarea:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 28%, var(--ui-border)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] input:focus,
body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] textarea:focus {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] input[readonly],
body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] input.cursor-default {
    background-color: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] .custom-range {
    background-color: color-mix(in srgb, var(--ui-border) 44%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step3-content .flex-none[class*="lg:w-[22rem]"] #questionCountInput {
    background-color: transparent !important;
    box-shadow: none !important;
}

body[data-ui-theme] .ai-wizard-theme #step2-content .bg-slate-50\/30,
body[data-ui-theme] .ai-wizard-theme #step3-content .bg-slate-50\/30,
body[data-ui-theme] .ai-wizard-theme #analysisModelsContainer {
    background-color: color-mix(in srgb, var(--ui-bg) 26%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step2-content .bg-slate-50\/80 {
    background-color: color-mix(in srgb, var(--ui-bg) 34%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 70%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step2-content [class*="bg-slate-50/80"] {
    background-color: color-mix(in srgb, var(--ui-bg) 34%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 70%, var(--ui-surface)) !important;
}

body[data-ui-theme] .ai-wizard-theme #step2-content .bg-slate-100,
body[data-ui-theme] .ai-wizard-theme #modelSelectionCounter {
    background-color: color-mix(in srgb, var(--ui-bg) 48%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 70%, var(--ui-surface)) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout {
    background-color: var(--ui-bg) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .stats-panel,
body[data-ui-theme] #responses-page-layout .responses-filters-bar,
body[data-ui-theme] #responses-page-layout .responses-collapsible,
body[data-ui-theme] #responses-page-layout .responses-section-panel,
body[data-ui-theme] #responses-page-layout .table-section,
body[data-ui-theme] #responses-page-layout .filter-section {
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    background: linear-gradient(180deg, var(--ui-surface) 0%, color-mix(in srgb, var(--ui-bg) 18%, var(--ui-surface)) 100%) !important;
    box-shadow: 0 10px 26px color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .responses-data-panel,
body[data-ui-theme] #responses-page-layout .responses-sidebar-panel {
    border-color: var(--ui-border) !important;
    background: var(--ui-surface) !important;
    box-shadow: 0 1px 2px 0 color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .responses-data-panel > .responses-list-toolbar.outline-panel-header {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom-color: color-mix(in srgb, var(--ui-border) 70%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .responses-data-panel .responses-list-filters,
body[data-ui-theme] #responses-page-layout .responses-data-panel .responses-list-pagination,
body[data-ui-theme] #responses-page-layout .responses-sidebar-panel > .outline-panel-header,
body[data-ui-theme] #responses-page-layout .responses-sidebar-section {
    border-color: color-mix(in srgb, var(--ui-border) 70%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .outline-panel-header .bg-emerald-100.text-emerald-700 {
    border: 1px solid color-mix(in srgb, var(--ui-primary) 16%, transparent) !important;
    background-color: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-filters-bar .filter-select,
body[data-ui-theme] #responses-page-layout .responses-filters-bar .filter-input,
body[data-ui-theme] #responses-page-layout .responses-list-filters .filter-select,
body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .date-input-container,
body[data-ui-theme] #responses-page-layout .responses-list-filters .tag-dropdown-trigger,
body[data-ui-theme] #responses-page-layout .responses-list-filters .filter-input,
body[data-ui-theme] #responses-page-layout .page-size-select,
body[data-ui-theme] #responses-page-layout .export-format-select {
    border-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
    background-color: var(--ui-surface) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-list-filters .tag-dropdown-placeholder,
body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date-input::placeholder {
    color: var(--ui-text) !important;
    opacity: 1 !important;
}

body[data-ui-theme] #responses-page-layout .responses-filters-bar .filter-select:focus,
body[data-ui-theme] #responses-page-layout .responses-filters-bar .filter-input:focus,
body[data-ui-theme] #responses-page-layout .responses-list-filters .filter-select:focus,
body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .date-input-container:focus-within,
body[data-ui-theme] #responses-page-layout .responses-list-filters .tag-dropdown-trigger:focus-within,
body[data-ui-theme] #responses-page-layout .responses-list-filters .filter-input:focus,
body[data-ui-theme] #responses-page-layout .page-size-select:focus,
body[data-ui-theme] #responses-page-layout .export-format-select:focus {
    border-color: var(--ui-primary) !important;
    box-shadow: inset 0 0 0 1px var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .filter-input,
body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .responses-filter-date-input {
    border-color: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .filter-input:focus,
body[data-ui-theme] #responses-page-layout .responses-list-filters .responses-filter-date .responses-filter-date-input:focus {
    border-color: transparent !important;
    box-shadow: none !important;
}

body[data-ui-theme] #responses-page-layout .responses-filter-toggle,
body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--neutral,
body[data-ui-theme] #responses-page-layout .btn-secondary,
body[data-ui-theme] #responses-page-layout .outline-share-btn--neutral {
    border-color: color-mix(in srgb, var(--ui-border) 80%, var(--ui-surface)) !important;
    background: color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--export {
    border-color: color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--export i {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-filter-toggle:hover,
body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--neutral:hover,
body[data-ui-theme] #responses-page-layout .btn-secondary:hover,
body[data-ui-theme] #responses-page-layout .outline-share-btn--neutral:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 26%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--export:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 48%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 14%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-toolbar-btn--export:hover i {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .response-list-item-footer {
    border-top-color: color-mix(in srgb, var(--ui-border) 64%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .response-list-item__tags {
    border-top-color: color-mix(in srgb, var(--ui-border) 32%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .response-list-audience-label,
body[data-ui-theme] #responses-page-layout .response-list-inspection-label {
    color: color-mix(in srgb, var(--ui-text-muted) 90%, var(--ui-text)) !important;
    font-weight: 500 !important;
}

body[data-ui-theme] #responses-page-layout .response-list-item-badges .response-list-audience-chip {
    background: color-mix(in srgb, var(--ui-border) 24%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 88%, var(--ui-text-muted)) !important;
    color: color-mix(in srgb, var(--ui-text-muted) 88%, var(--ui-text)) !important;
}

body[data-ui-theme] #responses-page-layout .bg-gradient-to-r.from-indigo-50\/50.to-white,
body[data-ui-theme] #responses-page-layout .hover\:bg-indigo-50:hover,
body[data-ui-theme] #responses-page-layout .bg-indigo-50,
body[data-ui-theme] #responses-page-layout .bg-indigo-100 {
    background-image: none !important;
    background-color: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface)) !important;
}

body[data-ui-theme] #responses-page-layout .border-indigo-100,
body[data-ui-theme] #responses-page-layout .hover\:border-indigo-300:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)) !important;
}

body[data-ui-theme] #responses-page-layout .text-indigo-400,
body[data-ui-theme] #responses-page-layout .text-indigo-500,
body[data-ui-theme] #responses-page-layout .text-indigo-600,
body[data-ui-theme] #responses-page-layout .text-indigo-700,
body[data-ui-theme] #responses-page-layout .hover\:text-indigo-600:hover {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .inline-style-card-active,
body[data-ui-theme] #responses-page-layout .inline-style-card.inline-style-card-active,
body[data-ui-theme] #responses-page-layout .digital-person-inline-tab.active {
    border-color: var(--ui-primary) !important;
    background-color: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--ui-primary) 12%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .inline-style-card .style-check-icon,
body[data-ui-theme] #responses-page-layout .responses-collapsible-arrow {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-panel__title,
body[data-ui-theme] #responses-page-layout .responses-sidebar-section__label {
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-panel__subtitle,
body[data-ui-theme] #responses-page-layout .responses-sidebar-section__hint,
body[data-ui-theme] #responses-page-layout .share-qr-card__hint {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout .interviewer-config-card .interviewer-config-current-label {
    background: transparent !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout button.responses-channel-item,
body[data-ui-theme] #responses-page-layout a.responses-channel-item {
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface)) !important;
    box-shadow: 0 1px 3px color-mix(in srgb, var(--ui-primary) 10%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .responses-channel-item__icon {
    background: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-channel-item__arrow {
    color: color-mix(in srgb, var(--ui-primary) 42%, var(--ui-border)) !important;
}

body[data-ui-theme] #responses-page-layout .responses-style-option:hover,
body[data-ui-theme] #responses-page-layout button.responses-channel-item:hover,
body[data-ui-theme] #responses-page-layout a.responses-channel-item:hover {
    color: var(--ui-text) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 38%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface)) !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout button.responses-channel-item:hover .responses-channel-item__icon,
body[data-ui-theme] #responses-page-layout a.responses-channel-item:hover .responses-channel-item__icon {
    background: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout button.responses-channel-item:hover .responses-channel-item__arrow,
body[data-ui-theme] #responses-page-layout a.responses-channel-item:hover .responses-channel-item__arrow {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-style-option.border-blue-300 {
    border-color: color-mix(in srgb, var(--ui-primary) 34%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface)) !important;
}

body[data-ui-theme] #responses-page-layout .responses-style-option .style-check-icon {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-btn {
    border-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
    background: var(--ui-surface) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-btn--neutral {
    border-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
    background: var(--ui-surface) !important;
    color: color-mix(in srgb, var(--ui-text-muted) 82%, var(--ui-text)) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-btn--neutral:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 22%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-btn--primary {
    border-color: color-mix(in srgb, var(--ui-primary) 36%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-sidebar-btn--primary:hover,
body[data-ui-theme] #responses-page-layout .responses-sidebar-btn:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 44%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 16%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .share-qr-card__download {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout .share-qr-card__download:hover {
    border-color: transparent !important;
    background: transparent !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url__copy {
    border-left-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
    background: var(--ui-surface) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url__copy:hover {
    background: color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-publish {
    border-color: color-mix(in srgb, var(--ui-primary) 36%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-publish:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 48%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 16%, var(--ui-surface)) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url {
    border-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
    background: var(--ui-surface) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url:focus-within {
    border-color: color-mix(in srgb, var(--ui-border) 88%, var(--ui-surface)) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url:focus-within {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-url__copy:hover {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #responses-page-layout .responses-share-publish:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 40%, var(--ui-border)) !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .project-tabs .project-tab-lock[data-committed-icon="true"] .fas.fa-check {
    color: color-mix(in srgb, var(--ui-primary) 78%, var(--ui-text-muted) 22%) !important;
    opacity: 0.92;
}

body[data-ui-theme] #analytics-page-layout {
    background-color: var(--ui-bg) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card,
body[data-ui-theme] #analytics-page-layout .filter-panel-report,
body[data-ui-theme] #analytics-page-layout .comparison-panel-shell,
body[data-ui-theme] #analytics-page-layout .chart-container,
body[data-ui-theme] #analytics-page-layout .stat-card,
body[data-ui-theme] #analytics-page-layout .stat-card-compact,
body[data-ui-theme] #analytics-page-layout .ranking-item,
body[data-ui-theme] #analytics-page-layout .combination-item,
body[data-ui-theme] #analytics-page-layout .first-choice-detail,
body[data-ui-theme] #analytics-page-layout .first-choice-stats,
body[data-ui-theme] #analytics-page-layout .dimension-analysis-row,
body[data-ui-theme] #analytics-page-layout .wordcloud-canvas-wrapper {
    background: linear-gradient(180deg, var(--ui-surface) 0%, color-mix(in srgb, var(--ui-bg) 12%, var(--ui-surface)) 100%) !important;
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .chart-container,
body[data-ui-theme] #analytics-page-layout .detail-item,
body[data-ui-theme] #analytics-page-layout .frequency-item,
body[data-ui-theme] #analytics-page-layout .text-item,
body[data-ui-theme] #analytics-page-layout .filter-header,
body[data-ui-theme] #analytics-page-layout .filter-footer,
body[data-ui-theme] #analytics-page-layout .comparison-panel-header,
body[data-ui-theme] #analytics-page-layout .filter-report-logic,
body[data-ui-theme] #analytics-page-layout .wordcloud-section .wordcloud-container {
    background: color-mix(in srgb, var(--ui-bg) 42%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 76%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .question-header,
body[data-ui-theme] #analytics-page-layout .chart-title,
body[data-ui-theme] #analytics-page-layout .section-title,
body[data-ui-theme] #analytics-page-layout .filter-header,
body[data-ui-theme] #analytics-page-layout .filter-footer,
body[data-ui-theme] #analytics-page-layout .frequency-section,
body[data-ui-theme] #analytics-page-layout .text-section {
    border-color: color-mix(in srgb, var(--ui-border) 74%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .question-content,
body[data-ui-theme] #analytics-page-layout .chart-title,
body[data-ui-theme] #analytics-page-layout .filter-title,
body[data-ui-theme] #analytics-page-layout .stat-card-value,
body[data-ui-theme] #analytics-page-layout .item-name,
body[data-ui-theme] #analytics-page-layout .detail-title,
body[data-ui-theme] #analytics-page-layout .detail-text,
body[data-ui-theme] #analytics-page-layout .frequency-word,
body[data-ui-theme] #analytics-page-layout .frequency-item .word-text,
body[data-ui-theme] #analytics-page-layout .filter-report-text h3,
body[data-ui-theme] #analytics-page-layout .comparison-panel-title h3,
body[data-ui-theme] #analytics-page-layout .dimension-title,
body[data-ui-theme] #analytics-page-layout .analysis-dimensions .chart-title {
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .question-meta,
body[data-ui-theme] #analytics-page-layout .stat-card-label,
body[data-ui-theme] #analytics-page-layout .item-stats,
body[data-ui-theme] #analytics-page-layout .combination-title,
body[data-ui-theme] #analytics-page-layout .detail-count,
body[data-ui-theme] #analytics-page-layout .frequency-count,
body[data-ui-theme] #analytics-page-layout .text-item,
body[data-ui-theme] #analytics-page-layout .section-title,
body[data-ui-theme] #analytics-page-layout .filter-report-text p,
body[data-ui-theme] #analytics-page-layout .comparison-panel-title p,
body[data-ui-theme] #analytics-page-layout .comparison-panel-selected-count,
body[data-ui-theme] #analytics-page-layout .filter-report-label,
body[data-ui-theme] #analytics-page-layout .filter-report-count,
body[data-ui-theme] #analytics-page-layout .tag-list-empty,
body[data-ui-theme] #analytics-page-layout .loading-state p,
body[data-ui-theme] #analytics-page-layout .empty-state p,
body[data-ui-theme] #analytics-page-layout .error-state p {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .question-number,
body[data-ui-theme] #analytics-page-layout .filter-apply-btn,
body[data-ui-theme] #analytics-page-layout .filter-report-apply,
body[data-ui-theme] #analytics-page-layout .comparison-panel-actions .filter-report-apply,
body[data-ui-theme] #analytics-page-layout .frequency-rank,
body[data-ui-theme] #analytics-page-layout .dimension-title-bar,
body[data-ui-theme] #analytics-page-layout .refresh-button {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel {
    background: color-mix(in srgb, var(--ui-bg) 58%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--ui-border) 72%, var(--ui-surface)) !important;
    color: var(--ui-text-muted) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .control-group label {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .control-select,
body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .control-button,
body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .export-button,
body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .refresh-button {
    background: color-mix(in srgb, var(--ui-surface) 88%, #ffffff) !important;
    border: 1px solid color-mix(in srgb, var(--ui-border) 80%, var(--ui-surface)) !important;
    color: var(--ui-text-muted) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .control-select:hover,
body[data-ui-theme] #analytics-page-layout .wordcloud-control-panel .control-button:hover {
    background: color-mix(in srgb, var(--ui-primary) 5%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 18%, var(--ui-border)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .question-type-badge,
body[data-ui-theme] #analytics-page-layout .tag-logic-option input[type="radio"]:checked + .tag-logic-label,
body[data-ui-theme] #analytics-page-layout .logic-radio-item input[type="radio"]:checked + .logic-radio-box,
body[data-ui-theme] #analytics-page-layout .ranking-note,
body[data-ui-theme] #analytics-page-layout .filter-report-manage-link,
body[data-ui-theme] #analytics-page-layout .comparison-panel-icon {
    background: color-mix(in srgb, var(--ui-primary) 9%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 26%, var(--ui-border)) !important;
    color: var(--ui-primary) !important;
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--ui-primary) 10%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-secondary-button {
    background: var(--ui-surface) !important;
    border: 1px solid color-mix(in srgb, var(--ui-border) 76%, var(--ui-surface)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-secondary-button:hover:not(:disabled) {
    background: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
}

body[data-ui-theme] #analytics-page-layout .filter-report-apply:hover,
body[data-ui-theme] #analytics-page-layout .comparison-panel-actions .filter-report-apply:hover {
    background: linear-gradient(135deg, var(--ui-primary-hover) 0%, var(--ui-primary) 100%) !important;
    box-shadow: 0 10px 22px color-mix(in srgb, var(--ui-primary) 22%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .logic-radio-item input[type="radio"]:checked:hover + .logic-radio-box {
    background: color-mix(in srgb, var(--ui-primary) 11%, var(--ui-surface)) !important;
    color: var(--ui-primary-hover) !important;
    box-shadow:
        0 2px 6px color-mix(in srgb, var(--ui-text) 8%, transparent),
        0 0 0 1px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .chart-title i,
body[data-ui-theme] #analytics-page-layout .filter-title i,
body[data-ui-theme] #analytics-page-layout .filter-manage-link:hover,
body[data-ui-theme] #analytics-page-layout .filter-reset-btn:hover,
body[data-ui-theme] #analytics-page-layout .logic-radio-item input[type="radio"]:checked + .logic-radio-box i,
body[data-ui-theme] #analytics-page-layout .filter-report-count strong,
body[data-ui-theme] #analytics-page-layout .comparison-panel-selected-count strong,
body[data-ui-theme] #analytics-page-layout .combination-title i,
body[data-ui-theme] #analytics-page-layout .detail-title i,
body[data-ui-theme] #analytics-page-layout .ranking-note i,
body[data-ui-theme] #analytics-page-layout .item-stats .percentage,
body[data-ui-theme] #analytics-page-layout .empty-icon,
body[data-ui-theme] #analytics-page-layout .analysis-dimensions .chart-title i {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .btn-icon:hover,
body[data-ui-theme] #analytics-page-layout .chart-container:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card:hover,
body[data-ui-theme] #analytics-page-layout .comparison-panel-shell:hover,
body[data-ui-theme] #analytics-page-layout .stat-card:hover,
body[data-ui-theme] #analytics-page-layout .stat-card-compact:hover,
body[data-ui-theme] #analytics-page-layout .ranking-item:hover,
body[data-ui-theme] #analytics-page-layout .combination-item:hover,
body[data-ui-theme] #analytics-page-layout .dimension-analysis-row:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 32%, var(--ui-border)) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--ui-primary) 10%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .progress-fill,
body[data-ui-theme] #analytics-page-layout .detail-bar-fill,
body[data-ui-theme] #analytics-page-layout .frequency-bar-fill {
    background: linear-gradient(90deg, var(--ui-primary) 0%, color-mix(in srgb, var(--ui-primary) 64%, var(--ui-surface)) 100%) !important;
}

body[data-ui-theme] #analytics-page-layout .progress-bar,
body[data-ui-theme] #analytics-page-layout .detail-bar-container,
body[data-ui-theme] #analytics-page-layout .frequency-bar-container,
body[data-ui-theme] #analytics-page-layout .tag-logic-switch,
body[data-ui-theme] #analytics-page-layout .frequency-count {
    background-color: color-mix(in srgb, var(--ui-border) 54%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .loading-spinner {
    border-color: color-mix(in srgb, var(--ui-border) 72%, var(--ui-surface)) !important;
    border-top-color: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .filter-manage-link:hover,
body[data-ui-theme] #analytics-page-layout .filter-reset-btn:hover,
body[data-ui-theme] #analytics-page-layout .tag-logic-option:hover .tag-logic-label,
body[data-ui-theme] #analytics-page-layout .detail-item:hover,
body[data-ui-theme] #analytics-page-layout .frequency-item:hover,
body[data-ui-theme] #analytics-page-layout .text-item:hover {
    background: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--primary {
    background: var(--ui-primary) !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--primary:hover {
    background: var(--ui-primary-hover) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--soft {
    color: var(--ui-primary) !important;
    background: var(--ui-primary-soft) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--soft:hover {
    background: color-mix(in srgb, var(--ui-primary) 14%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--neutral {
    color: var(--ui-text) !important;
    background: var(--ui-surface) !important;
    border-color: var(--ui-border) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-toolbar-btn--neutral:hover {
    background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tabs-wrap {
    border-bottom: none !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab:not(.is-active) {
    border-bottom-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab {
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    background: linear-gradient(180deg, color-mix(in srgb, var(--ui-surface) 92%, #ffffff) 0%, color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) 100%) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab-icon {
    color: color-mix(in srgb, var(--ui-text-muted) 78%, var(--ui-text)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab:hover:not(.is-active) {
    background: linear-gradient(180deg, var(--ui-surface) 0%, color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) 100%) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab.is-active {
    background: var(--ui-surface) !important;
    border-bottom: none !important;
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab.is-active::after {
    background: var(--ui-surface) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab.is-active::before {
    background: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-tab.is-active .analytics-folder-tab-icon {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-panel {
    background: var(--ui-surface) !important;
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    border-top-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ui-text) 6%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-folder-panel-desc {
    background: transparent !important;
    border-bottom: 0 !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace-body {
    background: var(--ui-surface) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .comparison-panel-shell {
    background: var(--ui-surface) !important;
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .comparison-panel-header {
    background: linear-gradient(180deg, color-mix(in srgb, var(--ui-bg) 55%, var(--ui-surface)) 0%, color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) 100%) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-border) 70%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .analytics-content {
    border-top: 0 !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .question-analysis-card {
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .question-analysis-card:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 28%, var(--ui-border)) !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--ui-text) 7%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .analytics-workspace .loading-state,
body[data-ui-theme] #analytics-page-layout .analytics-workspace .empty-state,
body[data-ui-theme] #analytics-page-layout .analytics-workspace .error-state {
    background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-question-head:hover {
    background: color-mix(in srgb, var(--ui-primary) 4%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-question-head:hover .question-collapse-indicator,
body[data-ui-theme] #analytics-page-layout .comparison-question-header:focus-visible .question-collapse-indicator {
    color: var(--ui-primary) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 28%, var(--ui-border)) !important;
    background: var(--ui-primary-soft) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-group-samples .comparison-sample-pill {
    background: color-mix(in srgb, var(--group-color) 8%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--group-color) 24%, var(--ui-border)) !important;
    color: var(--ui-text) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-question-head:hover .comparison-group-samples .comparison-sample-pill {
    background: var(--ui-surface) !important;
    border-color: color-mix(in srgb, var(--group-color) 34%, var(--ui-border)) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-chart-toolbar {
    background: color-mix(in srgb, var(--ui-bg) 72%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 18%, var(--ui-border)) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-chart-tab {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-chart-tab:hover {
    background: color-mix(in srgb, var(--ui-surface) 88%, var(--ui-primary-soft)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 18%, var(--ui-border)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .comparison-chart-tab.is-active {
    background: var(--ui-surface) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 42%, var(--ui-border)) !important;
    color: var(--ui-primary) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .control-select,
body[data-ui-theme] #analytics-page-layout .control-button {
    background: color-mix(in srgb, var(--ui-surface) 94%, var(--ui-bg)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .stat-card .stat-card-icon {
    background: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface)) !important;
    color: var(--ui-primary) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .stat-card-compact .stat-card-icon {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    color: #ffffff !important;
}

body[data-ui-theme] #analytics-page-layout .tag-list-empty-link {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .tag-list-empty-link:hover {
    background: linear-gradient(135deg, var(--ui-primary-hover) 0%, var(--ui-primary) 100%) !important;
}

body[data-ui-theme] #analytics-page-layout .tag-list-empty i.fa-tags {
    color: color-mix(in srgb, var(--ui-primary) 18%, var(--ui-text-muted)) !important;
}

body[data-ui-theme] .question-navigator {
    background: var(--ui-surface) !important;
    box-shadow: 0 16px 34px color-mix(in srgb, var(--ui-text) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--ui-border) 88%, transparent) !important;
}

body[data-ui-theme] .question-navigator .navigator-header {
    background: linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-hover) 100%) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-primary) 24%, var(--ui-border)) !important;
}

body[data-ui-theme] .question-navigator .navigator-list {
    background: color-mix(in srgb, var(--ui-bg) 40%, var(--ui-surface)) !important;
}

body[data-ui-theme] .question-navigator .navigator-item {
    background: color-mix(in srgb, var(--ui-bg) 36%, var(--ui-surface)) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-border) 82%, transparent) !important;
}

body[data-ui-theme] .question-navigator.collapsed .navigator-item {
    background: var(--ui-surface) !important;
    border: 1px solid color-mix(in srgb, var(--ui-border) 88%, var(--ui-surface)) !important;
    box-shadow: 0 1px 2px color-mix(in srgb, var(--ui-text) 5%, transparent) !important;
}

body[data-ui-theme] .question-navigator .navigator-item:hover {
    background: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-surface)) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-primary) 22%, var(--ui-border)) !important;
}

body[data-ui-theme] .question-navigator.collapsed .navigator-item:hover {
    background: color-mix(in srgb, var(--ui-primary) 7%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 34%, var(--ui-border)) !important;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--ui-primary) 12%, transparent) !important;
}

body[data-ui-theme] .question-navigator .navigator-item.active {
    background: color-mix(in srgb, var(--ui-primary) 10%, var(--ui-surface)) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-primary) 20%, var(--ui-border)) !important;
    box-shadow: inset 3px 0 0 var(--ui-primary), 0 1px 0 color-mix(in srgb, var(--ui-primary) 8%, transparent) !important;
}

body[data-ui-theme] .question-navigator.collapsed .navigator-item.active,
body[data-ui-theme] .question-navigator.collapsed .navigator-item.active:hover {
    background: color-mix(in srgb, var(--ui-primary) 12%, var(--ui-surface)) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 62%, var(--ui-border)) !important;
    box-shadow:
        0 0 0 1px color-mix(in srgb, var(--ui-primary) 24%, transparent),
        0 4px 12px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] .question-navigator .nav-item-text,
body[data-ui-theme] .question-navigator .navigator-item.active .nav-item-text {
    color: var(--ui-text) !important;
}

body[data-ui-theme] .question-navigator .nav-item-number,
body[data-ui-theme] .question-navigator .nav-item-stats {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] .question-navigator .navigator-item.active .nav-item-number,
body[data-ui-theme] .question-navigator .navigator-item.active .nav-item-stats,
body[data-ui-theme] .question-navigator.collapsed .navigator-item.active::before {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #filterPanel.is-control-panel-collapsed .comparison-panel-header:hover .control-panel-collapse-indicator,
body[data-ui-theme] #comparisonPanel.is-control-panel-collapsed .comparison-panel-header:hover .control-panel-collapse-indicator {
    color: var(--ui-primary) !important;
    border-color: color-mix(in srgb, var(--ui-primary) 28%, var(--ui-border)) !important;
    background: color-mix(in srgb, var(--ui-primary) 8%, var(--ui-surface)) !important;
}

/* Keep single analysis visually aligned with comparison result cards */
body[data-ui-theme] #analytics-page-layout .question-analysis-card,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-container,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .ranking-item,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .combination-item,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-item,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .opinion-item,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .dimension-analysis-row,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .detail-item,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .text-item {
    background: var(--ui-surface) !important;
    border-color: color-mix(in srgb, var(--ui-border) 82%, var(--ui-surface)) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-container:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .ranking-item:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .combination-item:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-item:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .opinion-item:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .dimension-analysis-row:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .detail-item:hover,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .text-item:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 20%, var(--ui-border)) !important;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--ui-text) 6%, transparent) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-header,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-title {
    border-color: color-mix(in srgb, var(--ui-border) 78%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-number,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-header-meta span,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-meta span,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-type-badge,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-stats,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-chapter,
body[data-ui-theme] #analytics-page-layout .comparison-question-meta span,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card-icon,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-count {
    background: color-mix(in srgb, var(--ui-primary) 5%, var(--ui-surface)) !important;
    border: 1px solid color-mix(in srgb, var(--ui-primary) 14%, var(--ui-border)) !important;
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-header-meta,
body[data-ui-theme] #analytics-page-layout .comparison-question-meta {
    border-bottom-color: color-mix(in srgb, var(--ui-border) 70%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-title,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-content,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-title,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card-value,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-value,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .item-name,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .combination-title,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-word {
    color: var(--ui-text) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .question-meta,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card-label,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-label,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .item-stats,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .combination-stats,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .opinion-meta,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-wrapper {
    color: var(--ui-text-muted) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .chart-title i,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .stat-card-icon i,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .item-stats .percentage,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .combination-stats .percentage {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .progress-bar,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-bar-container,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .detail-bar-container {
    background: color-mix(in srgb, var(--ui-border) 58%, var(--ui-surface)) !important;
}

body[data-ui-theme] #analytics-page-layout .question-analysis-card .progress-fill,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .frequency-bar-fill,
body[data-ui-theme] #analytics-page-layout .question-analysis-card .detail-bar-fill {
    background: linear-gradient(90deg, var(--ui-primary) 0%, color-mix(in srgb, var(--ui-primary) 64%, var(--ui-surface)) 100%) !important;
}

/* Insight Report V2 editor — remap indigo palette to user theme */
body[data-ui-theme] #insightReportV2App {
    --indigo-50: var(--ui-primary-soft);
    --indigo-100: var(--ui-primary-muted);
    --indigo-300: color-mix(in srgb, var(--ui-primary) 52%, #ffffff);
    --indigo-400: color-mix(in srgb, var(--ui-primary) 68%, #ffffff);
    --indigo-500: var(--ui-primary);
    --indigo-600: var(--ui-primary);
    --indigo-700: var(--ui-primary-hover);
    --indigo-800: var(--ui-primary-text);
}

body[data-ui-theme] #insightReportV2App .btn-primary {
    background: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
}

body[data-ui-theme] #insightReportV2App .btn-primary:hover {
    background: var(--ui-primary-hover) !important;
    border-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] #insightReportV2App .workspace-col-head__label {
    color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] #insightReportV2App .outline-slide.active {
    border: none !important;
    border-left: 2px solid var(--ui-primary, var(--outline-accent, #1e293b)) !important;
    color: var(--ui-text, var(--outline-ink, #0f172a)) !important;
    background: color-mix(in srgb, var(--ui-primary, var(--outline-accent, #1e293b)) 6%, transparent) !important;
    border-radius: 0 4px 4px 0 !important;
    box-shadow: none !important;
}

body[data-ui-theme] #insightReportV2App .outline-slide:hover:not(.active) {
    background: color-mix(in srgb, var(--ui-text) 3%, transparent) !important;
    color: var(--ui-text) !important;
    box-shadow: none !important;
}

body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-hero.is-selected,
body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-toc.is-selected,
body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-slide.is-selected {
    border-color: var(--ui-primary) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-primary) 15%, transparent), 0 12px 32px rgba(15, 23, 42, 0.1) !important;
}

body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-slide.is-selected {
    border-color: #cbd5e1 !important;
    box-shadow: none !important;
}

body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-slide.is-selected.is-locked {
    border-color: #fcd34d !important;
}

body[data-ui-theme] #insightReportV2App .ppt-deck .irv2-report-host .irv2-slide:hover {
    border-color: color-mix(in srgb, var(--ui-primary) 35%, #cbd5e1) !important;
}

body[data-ui-theme] #insightReportV2App .history-version-banner {
    background: var(--ui-primary-soft) !important;
    border-bottom-color: color-mix(in srgb, var(--ui-primary) 28%, #bfdbfe) !important;
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] #insightReportV2App .history-version-banner button {
    border-color: color-mix(in srgb, var(--ui-primary) 35%, #93c5fd) !important;
    color: var(--ui-primary) !important;
}

/* PPT 样式弹窗：CTA / 选中态跟系统主题主色 */
body[data-ui-theme] #insightReportV2App .modal--style-preset .irv2-custom-theme-entry,
body:not([data-ui-theme]) #insightReportV2App .modal--style-preset .irv2-custom-theme-entry {
    background: var(--ui-primary);
    border-color: color-mix(in srgb, var(--ui-primary) 18%, transparent);
}

body[data-ui-theme] #insightReportV2App .modal--style-preset .irv2-custom-theme-entry:hover,
body:not([data-ui-theme]) #insightReportV2App .modal--style-preset .irv2-custom-theme-entry:hover {
    background: var(--ui-primary-hover);
}

body[data-ui-theme="trendfirst-brand"] #insightReportV2App .modal--style-preset .irv2-custom-theme-entry,
body:not([data-ui-theme]) #insightReportV2App .modal--style-preset .irv2-custom-theme-entry {
    background: var(--brand-gradient, var(--ui-primary));
    border-color: transparent;
    box-shadow:
        0 1px 2px rgba(194, 65, 12, 0.22),
        0 0 0 1px rgba(255, 255, 255, 0.18) inset;
}

body[data-ui-theme="trendfirst-brand"] #insightReportV2App .modal--style-preset .irv2-custom-theme-entry:hover,
body:not([data-ui-theme]) #insightReportV2App .modal--style-preset .irv2-custom-theme-entry:hover {
    filter: brightness(1.04);
    background: var(--brand-gradient, var(--ui-primary-hover));
}

body[data-ui-theme] #insightReportV2App .modal--style-preset .template-card.active {
    border-color: var(--ui-primary) !important;
    box-shadow:
        0 0 0 2px color-mix(in srgb, var(--ui-primary) 22%, transparent),
        0 10px 20px color-mix(in srgb, var(--ui-primary) 14%, transparent) !important;
}

body[data-ui-theme] #insightReportV2App .irv2-custom-theme__mode-item:has(input:checked) {
    border-color: var(--ui-primary) !important;
    background: var(--ui-primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

/* =========================================================
 * Brand content surface — 补齐 purple / violet / fuchsia 残留
 * 原则：主行动 = 暖陶土；AI 蓝仅用于 AI 语义；状态色保持语义
 * ========================================================= */

body[data-ui-theme] .bg-purple-50,
body[data-ui-theme] .bg-violet-50,
body[data-ui-theme] .bg-fuchsia-50,
body[data-ui-theme] .bg-purple-50\/50,
body[data-ui-theme] .bg-violet-50\/50,
body[data-ui-theme] .hover\:bg-purple-50:hover,
body[data-ui-theme] .hover\:bg-violet-50:hover,
body[data-ui-theme] .hover\:bg-fuchsia-50:hover {
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .bg-purple-100,
body[data-ui-theme] .bg-violet-100,
body[data-ui-theme] .bg-fuchsia-100,
body[data-ui-theme] .bg-purple-100\/80,
body[data-ui-theme] .bg-violet-100\/80 {
    background-color: var(--ui-primary-muted) !important;
}

body[data-ui-theme] .bg-purple-500,
body[data-ui-theme] .bg-purple-600,
body[data-ui-theme] .bg-violet-500,
body[data-ui-theme] .bg-violet-600,
body[data-ui-theme] .bg-fuchsia-500,
body[data-ui-theme] .bg-fuchsia-600,
body[data-ui-theme] .hover\:bg-purple-600:hover,
body[data-ui-theme] .hover\:bg-purple-700:hover,
body[data-ui-theme] .hover\:bg-violet-600:hover,
body[data-ui-theme] .hover\:bg-violet-700:hover {
    background-color: var(--ui-primary) !important;
}

body[data-ui-theme] .text-purple-500,
body[data-ui-theme] .text-purple-600,
body[data-ui-theme] .text-purple-700,
body[data-ui-theme] .text-purple-800,
body[data-ui-theme] .text-violet-500,
body[data-ui-theme] .text-violet-600,
body[data-ui-theme] .text-violet-700,
body[data-ui-theme] .text-fuchsia-500,
body[data-ui-theme] .text-fuchsia-600,
body[data-ui-theme] .text-fuchsia-700,
body[data-ui-theme] .hover\:text-purple-600:hover,
body[data-ui-theme] .hover\:text-purple-700:hover,
body[data-ui-theme] .hover\:text-violet-600:hover,
body[data-ui-theme] .group-hover\:text-purple-600:hover,
body[data-ui-theme] .group:hover .group-hover\:text-purple-600 {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .text-purple-900,
body[data-ui-theme] .text-violet-900,
body[data-ui-theme] .text-fuchsia-900 {
    color: var(--ui-primary-text) !important;
}

body[data-ui-theme] .border-purple-100,
body[data-ui-theme] .border-purple-200,
body[data-ui-theme] .border-violet-100,
body[data-ui-theme] .border-violet-200,
body[data-ui-theme] .border-fuchsia-100,
body[data-ui-theme] .border-fuchsia-200,
body[data-ui-theme] .hover\:border-purple-200:hover,
body[data-ui-theme] .hover\:border-purple-300:hover,
body[data-ui-theme] .hover\:border-violet-200:hover {
    border-color: var(--ui-primary-border) !important;
}

body[data-ui-theme] .ring-purple-100,
body[data-ui-theme] .ring-violet-100,
body[data-ui-theme] .shadow-purple-100\/50,
body[data-ui-theme] .shadow-purple-200\/50,
body[data-ui-theme] .shadow-indigo-200 {
    --tw-ring-color: var(--ui-primary-border) !important;
    box-shadow: var(--ui-shadow) !important;
}

/* 主按钮：商业化实色，不用花哨渐变铺满 */
body[data-ui-theme] .btn-primary,
body[data-ui-theme] button.btn-primary,
body[data-ui-theme] a.btn-primary {
    background: var(--ui-primary) !important;
    border: 1px solid var(--ui-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 12px color-mix(in srgb, var(--ui-primary) 18%, transparent) !important;
}

body[data-ui-theme] .btn-primary:hover,
body[data-ui-theme] button.btn-primary:hover,
body[data-ui-theme] a.btn-primary:hover {
    background: var(--ui-primary-hover) !important;
    border-color: var(--ui-primary-hover) !important;
    color: #ffffff !important;
}

body[data-ui-theme] .btn-primary:focus-visible,
body[data-ui-theme] button.btn-primary:focus-visible {
    outline: none !important;
    box-shadow:
        0 0 0 2px #ffffff,
        0 0 0 4px color-mix(in srgb, var(--ui-primary) 28%, transparent) !important;
}

/* 次级按钮：白底 + 暖描边 */
body[data-ui-theme] .btn-secondary,
body[data-ui-theme] button.btn-secondary,
body[data-ui-theme] a.btn-secondary {
    background: var(--ui-surface) !important;
    border: 1px solid var(--ui-border) !important;
    color: var(--ui-text) !important;
    box-shadow: none !important;
}

body[data-ui-theme] .btn-secondary:hover,
body[data-ui-theme] button.btn-secondary:hover,
body[data-ui-theme] a.btn-secondary:hover {
    background: var(--ui-primary-soft) !important;
    border-color: var(--ui-primary-border) !important;
    color: var(--ui-primary) !important;
}

/* 链接 / 文字按钮 */
body[data-ui-theme] .btn-link,
body[data-ui-theme] a.text-link {
    color: var(--ui-primary) !important;
}

body[data-ui-theme] .btn-link:hover,
body[data-ui-theme] a.text-link:hover {
    color: var(--ui-primary-hover) !important;
}

/* 确认弹窗主按钮 */
body[data-ui-theme] .confirm-dialog-btn-confirm:not(.danger):not(.success) {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
    color: #ffffff !important;
}

body[data-ui-theme] .confirm-dialog-btn-confirm:not(.danger):not(.success):hover {
    background-color: var(--ui-primary-hover) !important;
    border-color: var(--ui-primary-hover) !important;
}

body[data-ui-theme] .confirm-dialog-btn-confirm:not(.danger):not(.success):focus-visible,
body[data-ui-theme] .confirm-dialog-btn-cancel:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--ui-primary) 35%, transparent) !important;
    outline-offset: 2px !important;
}

/* 分页选中 */
body[data-ui-theme] .pagination .page-item.active .page-link,
body[data-ui-theme] .page-link.active,
body[data-ui-theme] nav[aria-label] a[aria-current="page"],
body[data-ui-theme] .bg-primary.text-white {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
    color: #ffffff !important;
}

/* Checkbox / radio 选中 */
body[data-ui-theme] input[type="checkbox"]:checked,
body[data-ui-theme] input[type="radio"]:checked {
    background-color: var(--ui-primary) !important;
    border-color: var(--ui-primary) !important;
    accent-color: var(--ui-primary) !important;
}

/* 内容卡片统一：白底 + 细边 + 轻阴影 */
body[data-ui-theme] .workspace-mode .card,
body[data-ui-theme] .bg-white.rounded-xl.border,
body[data-ui-theme] .bg-white.rounded-2xl.border {
    border-color: color-mix(in srgb, var(--ui-primary) 6%, var(--ui-border)) !important;
    box-shadow: var(--ui-shadow) !important;
}

/* 统计卡图标：统一暖色浅底，避免紫/蓝混搭 */
body[data-ui-theme] .bg-white.rounded-xl .bg-purple-50,
body[data-ui-theme] .bg-white.rounded-xl .bg-blue-50,
body[data-ui-theme] .bg-white.rounded-xl .bg-indigo-50 {
    background-color: var(--ui-primary-soft) !important;
}

body[data-ui-theme] .bg-white.rounded-xl .text-purple-600,
body[data-ui-theme] .bg-white.rounded-xl .text-blue-600,
body[data-ui-theme] .bg-white.rounded-xl .text-indigo-600 {
    color: var(--ui-primary) !important;
}

/* AI 语义保留蓝：仅带明确 AI 语义的容器 */
body[data-ui-theme] .ai-info,
body[data-ui-theme] .ai-insight-chip,
body[data-ui-theme] [data-tone="ai"] {
    color: var(--ui-accent) !important;
}

body[data-ui-theme] .ai-info-soft,
body[data-ui-theme] [data-tone="ai-soft"] {
    background-color: var(--ui-accent-soft) !important;
    color: var(--ui-accent-text) !important;
}