.ef-sfl-item.is-active {
    border-left-color: #000;
    opacity: 1;
}

.ef-sfl-desc {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    overflow: hidden;
    transition: grid-template-rows 0.3s ease, opacity 0.3s ease;
}

.ef-sfl-item.is-active .ef-sfl-desc {
    grid-template-rows: 1fr;
    opacity: 1;
}

.ef-sfl-desc > div {
    min-height: 0;
}

/* Figma 520:19278 — same radial gradient as the design, stretched to the badge box. */
.ef-sfl-badge {
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 99 22' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'><rect x='0' y='0' height='100%' width='100%' fill='url(%23grad)' opacity='1'/><defs><radialGradient id='grad' gradientUnits='userSpaceOnUse' cx='0' cy='0' r='10' gradientTransform='matrix(9.6275 -0.55 0.1623 3.4439 9.0826 16.5)'><stop stop-color='rgba(200,235,9,1)' offset='0'/><stop stop-color='rgba(208,240,36,1)' offset='0.16093'/><stop stop-color='rgba(216,245,62,1)' offset='0.32186'/><stop stop-color='rgba(224,250,88,1)' offset='0.48279'/><stop stop-color='rgba(232,255,114,1)' offset='0.64372'/><stop stop-color='rgba(215,249,150,1)' offset='0.72917'/><stop stop-color='rgba(198,243,185,1)' offset='0.81462'/><stop stop-color='rgba(164,231,255,1)' offset='0.98551'/><stop stop-color='rgba(229,248,255,1)' offset='1'/></radialGradient></defs></svg>"), linear-gradient(90deg, #d5f71e 0%, #d5f71e 100%);
    background-size: 100% 100%;
}