.ats-appform-modern,
.philsys-modern {
    --modern-bg: #F4F7FB;
    --modern-card: #FFFFFF;
    --modern-border: #E3E9F1;
    --modern-title: #0B1F3A;
    --modern-sub: #6B7B92;
    --modern-blue: #2C7FB8;
}

.philsys-wrapper {
    max-width: 900px;
    margin: 0 auto !important;
}

.philsys-tab-pannel {
    border-radius: 4px;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.philsys-tab-pannel-active {
    background: linear-gradient(90deg, #102247 0%, #2a77ae 50%, #68c0d6 100%) !important;
    color: white !important;
}

.mud-theme-light .philsys-tab-pannel-inactive {
    background-color: var(--mud-palette-surface) !important;
    color: black;
}

.mud-theme-dark .philsys-tab-pannel-active {
    color: white !important;
}

.mud-theme-dark .philsys-tab-pannel-inactive {
    color: white !important;
}

.philsys-custom-tabs .mud-tabs-scroll-button {
    display: none !important;
}

.philsys-custom-tabs .mud-tab {
    border: 1px solid gray;
    max-height: 45px;
    font-size: clamp(12px, 2.5vw, 15px);
    white-space: nowrap;
}

.philsys-form-container {
    margin: 0 auto;
}

.mud-tab-slider {
    display: none !important;
}

.philsys-form-wrapper {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding: 16px;
    box-sizing: border-box;
}

.philsys-liveness-page {
    min-height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    background: #F4F7FB;
}

    .philsys-liveness-page:has(.philsys-result-shell) {
        align-items: flex-start;
        padding: 0;
    }

.philsys-modern-card {
    background: var(--modern-card) !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 24px -18px rgba(11,31,58,.15) !important;
}

.philsys-shadow-box {
    border-radius: 20px;
    box-shadow: 0 0 0 2px rgba(42, 119, 174, 0.25), 0 0 20px 6px rgba(42, 119, 174, 0.20), 0 0 40px 12px rgba(104, 192, 214, 0.15) !important;
}

.philsys-lookup-card .mud-input-helper-text,
.philsys-lookup-card .mud-input-error {
    font-size: 14px !important;
}

.philsys-lookup-card .mud-input-helper-text,
.philsys-lookup-card .mud-input-error {
    font-size: 14px !important;
}

.philsys-modern {
    width: 100%;
}

    .philsys-modern .philsys-custom-tabs {
        background: #EEF3F9;
        border-radius: 10px;
        padding: 4px;
    }

        .philsys-modern .philsys-custom-tabs .mud-tab {
            min-height: 38px;
            border-radius: 8px;
            text-transform: none;
            font-weight: 600;
        }

            .philsys-modern .philsys-custom-tabs .mud-tab.mud-tab-active {
                background: #fff;
                color: var(--modern-title);
            }

    .philsys-modern .philsys-modern-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 14px;
    }

    .philsys-modern .philsys-modern-pill {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 6px 12px;
        font-size: 12px;
        font-weight: 600;
    }

        .philsys-modern .philsys-modern-pill.success {
            background: #E7F5EC;
            color: #1E8E5A;
        }

        .philsys-modern .philsys-modern-pill.error {
            background: #FCECE7;
            color: #D8503A;
        }

.philsys-lookup-shell {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .philsys-lookup-shell > * {
        width: 100%;
        max-width: 820px;
    }