:root,
body.theme-eleosforms {
    color-scheme: light;
    --ink: #061326;
    --muted: #526173;
    --line: #d8e3f1;
    --surface: #ffffff;
    --soft: #f5f8fd;
    --teal: #218de5;
    --teal-dark: #115fb8;
    --gold: #218de5;
    --rose: #5c6cff;
    --danger: #b42318;
    --focus: #218de5;
    --shadow: 0 18px 40px rgba(6, 19, 38, 0.08);
    --brand: var(--teal);
    --brand-dark: var(--teal-dark);
    --text: var(--ink);
    --success-soft: #eaf4ff;
    --success-line: #add5ff;
    --warning-soft: #fff8e8;
    --warning-line: #f0d48a;
    --danger-soft: #fff1f3;
    --danger-line: #efa6b4;
    --control-line: #cdd9e8;
    --disabled-surface: #eef4fb;
    --disabled-text: #637387;
    --app-logo-size: 48px;
    --app-logo-max-width: 180px;
    --app-logo-max-height: 48px;
    --organisation-logo-header-max-width: 180px;
    --organisation-logo-header-max-height: 52px;
    --organisation-logo-auth-max-width: 220px;
    --organisation-logo-auth-max-height: 64px;
}

html {
    background: var(--soft);
}

body.theme-eleosforms {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(245, 248, 253, 0.96) 360px),
        var(--soft);
}

.theme-eleosforms a {
    color: var(--teal-dark);
}

.theme-eleosforms .site-header,
.theme-eleosforms .site-footer {
    background: rgba(255, 255, 255, 0.98);
    border-color: #e4edf7;
}

.theme-eleosforms .site-header {
    box-shadow: 0 8px 22px rgba(6, 19, 38, 0.06);
}

.theme-eleosforms .brand strong {
    color: #030916;
    font-size: 1.48rem;
    font-weight: 900;
}

.theme-eleosforms .brand-logo,
.theme-eleosforms .organisation-logo,
.theme-eleosforms .header-user-icon {
    filter: drop-shadow(0 8px 18px rgba(33, 141, 229, 0.12));
}

.theme-eleosforms .organisation-card strong,
.theme-eleosforms .footer-org strong {
    color: #030916;
}

.theme-eleosforms .page-shell {
    margin-top: 32px;
}

.theme-eleosforms .form-card,
.theme-eleosforms .panel,
.theme-eleosforms .admin-card,
.theme-eleosforms .permission-row,
.theme-eleosforms .form-gallery-card,
.theme-eleosforms .recipient-card,
.theme-eleosforms .recipient-form-card,
.theme-eleosforms .permission-group-card,
.theme-eleosforms .permission-summary,
.theme-eleosforms .permission-assignment-row,
.theme-eleosforms .submission-panel,
.theme-eleosforms .media-card,
.theme-eleosforms .config-section,
.theme-eleosforms .template-stage,
.theme-eleosforms .template-ai-panel,
.theme-eleosforms .template-outline-panel,
.theme-eleosforms .modal-panel {
    border-color: var(--line);
    background: var(--surface);
    box-shadow: var(--shadow);
}

.theme-eleosforms .admin-shell > .panel {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.theme-eleosforms .form-card:hover,
.theme-eleosforms .form-card:focus-visible,
.theme-eleosforms .form-gallery-card:hover,
.theme-eleosforms .recipient-card:hover,
.theme-eleosforms .recipient-card:focus-visible,
.theme-eleosforms .submission-panel:hover,
.theme-eleosforms .submission-panel:focus-visible,
.theme-eleosforms .submission-file-list a:hover,
.theme-eleosforms .submission-file-list a:focus-visible {
    border-color: var(--teal);
    background: #fbfdff;
    box-shadow: 0 20px 44px rgba(17, 95, 184, 0.12);
}

.theme-eleosforms .button {
    border-color: var(--teal);
    background: linear-gradient(180deg, #2b9af0, #1986dc);
    color: #ffffff;
    box-shadow: 0 12px 26px rgba(33, 141, 229, 0.18);
}

.theme-eleosforms .button:hover,
.theme-eleosforms .button:focus-visible {
    border-color: var(--teal-dark);
    background: linear-gradient(180deg, #1d85dc, #115fb8);
}

.theme-eleosforms .button-secondary {
    background: #ffffff;
    color: var(--teal-dark);
    box-shadow: none;
}

.theme-eleosforms .button-secondary:hover,
.theme-eleosforms .button-secondary:focus-visible {
    background: #eef7ff;
    color: var(--teal-dark);
}

.theme-eleosforms .button-danger {
    border-color: var(--danger-line);
    background: #ffffff;
    color: var(--danger);
    box-shadow: none;
}

.theme-eleosforms input,
.theme-eleosforms select,
.theme-eleosforms textarea,
.theme-eleosforms .code-editor,
.theme-eleosforms .signature-pad canvas {
    border-color: var(--control-line);
    background: #ffffff;
}

.theme-eleosforms input:focus,
.theme-eleosforms select:focus,
.theme-eleosforms textarea:focus,
.theme-eleosforms input[type="checkbox"]:focus,
.theme-eleosforms input[type="radio"]:focus {
    border-color: var(--focus);
    outline-color: rgba(33, 141, 229, 0.18);
}

.theme-eleosforms input:disabled,
.theme-eleosforms select:disabled,
.theme-eleosforms textarea:disabled,
.theme-eleosforms input[type="checkbox"]:disabled,
.theme-eleosforms input[type="radio"]:disabled {
    border-color: #d8e3f1;
    background-color: var(--disabled-surface);
    color: var(--disabled-text);
}

.theme-eleosforms input[type="checkbox"],
.theme-eleosforms input[type="radio"] {
    border-color: #b8c8dc;
    background-color: #ffffff;
}

.theme-eleosforms input[type="checkbox"]:hover:not(:disabled),
.theme-eleosforms input[type="radio"]:hover:not(:disabled) {
    border-color: var(--teal);
    box-shadow: 0 0 0 3px rgba(33, 141, 229, 0.12);
}

.theme-eleosforms input[type="checkbox"]:checked,
.theme-eleosforms input[type="checkbox"]:indeterminate,
.theme-eleosforms input[type="radio"]:checked {
    border-color: var(--teal-dark);
    background-color: var(--teal);
}

.theme-eleosforms .user-chip,
.theme-eleosforms .status-pill.enabled,
.theme-eleosforms .flash,
.theme-eleosforms .wizard-preview-note,
.theme-eleosforms .tabs a.active,
.theme-eleosforms .subtabs a.active,
.theme-eleosforms .permission-group-card.active,
.theme-eleosforms .recipient-form-card.active,
.theme-eleosforms .recipient-card-tags em.enabled,
.theme-eleosforms .submission-panel-id,
.theme-eleosforms .template-current-summary,
.theme-eleosforms .template-validation.valid,
.theme-eleosforms .template-ai-result,
.theme-eleosforms .template-outline-status,
.theme-eleosforms .template-outline-page-tabs button.active,
.theme-eleosforms .template-stat-card.template-stat-ok,
.theme-eleosforms .repeater-total {
    border-color: var(--success-line);
    background: var(--success-soft);
    color: var(--teal-dark);
}

.theme-eleosforms .status-pill,
.theme-eleosforms .recipient-card-tags em,
.theme-eleosforms .permission-group-tags em {
    border-color: var(--line);
    background: #ffffff;
    color: var(--muted);
}

.theme-eleosforms .status-pill.danger,
.theme-eleosforms .flash-error,
.theme-eleosforms .template-validation.invalid,
.theme-eleosforms .template-outline-status.invalid {
    border-color: var(--danger-line);
    background: var(--danger-soft);
    color: #8d1b2f;
}

.theme-eleosforms .notice,
.theme-eleosforms .filter-banner,
.theme-eleosforms .template-stat-card.template-stat-warning {
    border-color: var(--warning-line);
    background: var(--warning-soft);
}

.theme-eleosforms .eyebrow,
.theme-eleosforms .formatted-preview {
    color: var(--teal-dark);
}

.theme-eleosforms .forms-view-filter label:not(.forms-search-filter),
.theme-eleosforms .public-only-toggle label,
.theme-eleosforms .choice-list label,
.theme-eleosforms .inline-choice,
.theme-eleosforms .display-text-field,
.theme-eleosforms .repeater-field,
.theme-eleosforms .uploaded-list,
.theme-eleosforms .permission-step-heading,
.theme-eleosforms .permission-public-note,
.theme-eleosforms .submission-detail-item,
.theme-eleosforms .media-folder-options label,
.theme-eleosforms .template-builder-action-bar,
.theme-eleosforms .template-outline-root,
.theme-eleosforms .template-outline-page,
.theme-eleosforms .template-outline-empty,
.theme-eleosforms .template-stat-card,
.theme-eleosforms .help-page pre {
    background: #f8fbff;
    border-color: var(--line);
}

.theme-eleosforms .repeater-row,
.theme-eleosforms .template-outline-field,
.theme-eleosforms .form-options-box,
.theme-eleosforms .permission-filter-form,
.theme-eleosforms .media-upload-form,
.theme-eleosforms .media-view-options,
.theme-eleosforms .admin-filter-form {
    background: #ffffff;
    border-color: var(--line);
}

.theme-eleosforms .form-gallery-image,
.theme-eleosforms .form-selected-icon-preview img,
.theme-eleosforms .permission-assignment-icon,
.theme-eleosforms .submission-panel-icon,
.theme-eleosforms .media-preview,
.theme-eleosforms .media-preview-cell,
.theme-eleosforms .line-numbers {
    background: #eef6ff;
    border-color: #d4e5f8;
}

.theme-eleosforms .template-progress-step {
    background: #ffffff;
    color: var(--muted);
}

.theme-eleosforms .template-progress-step span,
.theme-eleosforms .stepper span {
    background: #eef6ff;
}

.theme-eleosforms .template-progress-step.active,
.theme-eleosforms .template-progress-step.done,
.theme-eleosforms .stepper .active span {
    border-color: var(--teal);
    background: var(--success-soft);
    color: var(--ink);
}

.theme-eleosforms .stepper .done span {
    background: #dceeff;
    color: var(--teal-dark);
}

.theme-eleosforms .template-mode-tabs {
    background: #f4f8fd;
}

.theme-eleosforms .template-mode-tabs button.active {
    background: #ffffff;
    color: var(--ink);
    box-shadow: inset 0 3px 0 var(--teal);
}

.theme-eleosforms .template-more-menu-panel {
    background: #ffffff;
    box-shadow: 0 18px 36px rgba(6, 19, 38, 0.16);
}

.theme-eleosforms .template-more-menu-panel button:hover,
.theme-eleosforms .template-more-menu-panel a:hover {
    background: #eef6ff;
}

.theme-eleosforms .template-ai-ready-title {
    color: var(--teal-dark);
}

.theme-eleosforms .template-ai-spinner {
    border-color: #dceeff;
    border-top-color: var(--teal);
}

.theme-eleosforms .modal-backdrop {
    background: rgba(6, 19, 38, 0.52);
}

.theme-eleosforms th {
    background: #eef6ff;
    color: var(--ink);
}

.theme-eleosforms code,
.theme-eleosforms .media-card-body code {
    color: #334b66;
}