/**
 * Filament profile page — purple brand chrome (all panels).
 */

.fi-body:has(.bx-profile-page) .fi-main,
.bx-profile-page .fi-page-content,
.bx-profile-page .fi-page-content > * {
    width: 100%;
    max-width: 100%;
}

.bx-profile-page .fi-header {
    text-align: start;
}

.bx-profile-page .fi-sc-form {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 67.5rem;
    gap: 1rem;
}

.bx-profile-page .fi-section {
    border: 1px solid var(--bx-border, #e8e7ed) !important;
    border-radius: 0.75rem !important;
    background: var(--bx-surface, #ffffff) !important;
    box-shadow: none !important;
    margin-block: 0 !important;
    overflow: hidden;
}

.bx-profile-page .fi-section-header {
    background: transparent !important;
    border-bottom: none !important;
    padding: 1.25rem 1.5rem 0.75rem !important;
}

.bx-profile-page .fi-section-header-heading,
.bx-profile-page .fi-section-header-heading * {
    color: var(--bx-text, #191724) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
}

.bx-profile-page .fi-section-header-description {
    color: var(--bx-muted, #777382) !important;
    font-size: 0.75rem !important;
    line-height: 1.45 !important;
    margin-top: 0.35rem !important;
}

.bx-profile-page .fi-section-content,
.bx-profile-page .fi-section-content-ctn {
    padding: 1.15rem 1.5rem 1.35rem !important;
}

.bx-profile-page .fi-section .fi-sc-group,
.bx-profile-page .fi-section .fi-grid > .fi-sc-group {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.bx-profile-page .fi-fo-field-wrp-label,
.bx-profile-page .fi-fo-field-wrp-label span {
    color: var(--bx-text, #191724) !important;
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
}

.bx-profile-page .fi-fo-field-wrp-helper-text,
.bx-profile-page .fi-fo-field-wrp-hint {
    color: var(--bx-muted, #777382) !important;
    font-size: 0.75rem !important;
}

.bx-profile-page .fi-input-wrp {
    background: var(--bx-canvas, #f7f8fa) !important;
    border: 1px solid var(--bx-border, #e8e7ed) !important;
    border-radius: 0.5rem !important;
    box-shadow: none !important;
    min-height: 2.625rem;
}

.bx-profile-page .fi-input-wrp:focus-within {
    border-color: color-mix(in srgb, var(--bx-primary, #32104d) 40%, var(--bx-border, #e8e7ed)) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--bx-primary, #32104d) 14%, transparent) !important;
}

.bx-profile-page .fi-input,
.bx-profile-page textarea.fi-input,
.bx-profile-page .fi-input-wrp input,
.bx-profile-page .fi-input-wrp textarea {
    background: transparent !important;
    color: var(--bx-text, #191724) !important;
}

.bx-profile-page .fi-section .fi-icon,
.bx-profile-page .fi-section svg {
    color: var(--bx-primary, #32104d);
}

.bx-profile-page .fi-link {
    color: var(--bx-primary, #32104d) !important;
    font-weight: 600;
}

.bx-profile-page .fi-link:hover {
    color: var(--bx-primary-hover, #2a0d40) !important;
}

.bx-profile-page .fi-badge {
    background-color: color-mix(in srgb, var(--bx-primary, #32104d) 8%, #ffffff) !important;
    color: var(--bx-primary, #32104d) !important;
    border: 1px solid var(--bx-border, #e8e7ed) !important;
}

.bx-profile-page .fi-sc-actions {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0.25rem 0 0 !important;
    padding: 0 !important;
}

.bx-profile-page .fi-sc-actions .fi-ac {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
}

.bx-profile-page .fi-sc-actions .fi-btn.fi-color-primary,
.bx-profile-page .fi-sc-actions .fi-btn-color-primary {
    --bg: var(--bx-primary, #32104d) !important;
    --hover-bg: var(--bx-primary-hover, #2a0d40) !important;
    --text: #ffffff !important;
    --hover-text: #ffffff !important;
    min-height: 2.5rem;
    padding-inline: 1.1rem !important;
    background-color: var(--bx-primary, #32104d) !important;
    border-color: var(--bx-primary, #32104d) !important;
    color: #ffffff !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
}

.bx-profile-page .fi-sc-actions .fi-btn.fi-color-primary:hover,
.bx-profile-page .fi-sc-actions .fi-btn-color-primary:hover {
    background-color: var(--bx-primary-hover, #2a0d40) !important;
    border-color: var(--bx-primary-hover, #2a0d40) !important;
    color: #ffffff !important;
}

.bx-profile-page .fi-sc-actions .fi-btn.fi-color-primary,
.bx-profile-page .fi-sc-actions .fi-btn.fi-color-primary span,
.bx-profile-page .fi-sc-actions .fi-btn.fi-color-primary .fi-btn-label {
    color: #ffffff !important;
}

.bx-profile-page .fi-sc-actions .fi-btn.fi-color-gray {
    background: var(--bx-surface, #ffffff) !important;
    border: 1px solid var(--bx-border, #e8e7ed) !important;
    color: var(--bx-text, #191724) !important;
    border-radius: 0.5rem !important;
}

.bx-profile-page .fi-toggle.fi-checked,
.bx-profile-page button[role='switch'][aria-checked='true'] {
    background-color: var(--bx-primary, #32104d) !important;
}