.recruitment-banner__inner {
    min-height: 4.75rem;
}

.recruitment-banner__icon {
    pointer-events: none;
}

.supplier-recruitment-banner__inner,
.executor-recruitment-banner__inner {
    background: linear-gradient(
        145deg,
        var(--color-soft, #f9fafb) 0%,
        color-mix(in oklab, var(--color-line-strong, #e5e7eb) 35%, var(--color-soft, #f9fafb)) 100%
    );
    transition: background 0.2s ease;
}

.dark .supplier-recruitment-banner__inner,
.dark .executor-recruitment-banner__inner {
    background: linear-gradient(
        145deg,
        color-mix(in oklab, var(--color-line, #1f2937) 55%, var(--color-panel, #111827)) 0%,
        var(--color-panel, #111827) 100%
    );
}

.recruitment-banner:hover .supplier-recruitment-banner__inner,
.recruitment-banner:hover .executor-recruitment-banner__inner {
    background: linear-gradient(
        145deg,
        color-mix(in oklab, var(--color-line-strong, #e5e7eb) 45%, var(--color-soft, #f9fafb)) 0%,
        var(--color-soft, #f9fafb) 100%
    );
}

.dark .recruitment-banner:hover .supplier-recruitment-banner__inner,
.dark .recruitment-banner:hover .executor-recruitment-banner__inner {
    background: linear-gradient(
        145deg,
        color-mix(in oklab, var(--color-line-strong, #374151) 50%, var(--color-panel, #111827)) 0%,
        color-mix(in oklab, var(--color-line, #1f2937) 35%, var(--color-panel, #111827)) 100%
    );
}

.supplier-landing-visual {
    background: linear-gradient(145deg, rgba(5, 150, 105, 0.08) 0%, rgba(5, 150, 105, 0.02) 100%);
    border: 1px solid rgba(5, 150, 105, 0.15);
}

.dark .supplier-landing-visual {
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.12) 0%, rgba(16, 185, 129, 0.03) 100%);
    border-color: rgba(16, 185, 129, 0.2);
}

.recruitment-banner__icon {
    transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.35s ease;
}

.recruitment-banner:hover .recruitment-banner__icon {
    transform: translateY(-2px);
    opacity: 0.35;
}

@media (prefers-reduced-motion: reduce) {
    .recruitment-banner__icon,
    .recruitment-banner:hover .recruitment-banner__icon {
        transform: none;
        transition: none;
    }
}