.o_hr_recruitment_kanban {
    .o_kanban_renderer {
        padding: 0px;
        border-top: 0px !important;

        &.o_kanban_ungrouped {
            .o_kanban_record {
                width: 100%;
                --KanbanRecord-padding-v: #{map-get($spacers, 2)} !important;
                --KanbanRecord-padding-h: 0px !important;
                --Ribbon-font-size: 0.6rem;
                --Ribbon-wrapper-width: 5rem;
                --Ribbon-height: 1.9;

                @include media-breakpoint-between(md, xxl) {
                    min-width: calc(100vw - (#{$btn-font-size-sm} + #{$btn-padding-x-sm * 2} + #{map-get($spacers, 1) * 4})); // cscreen size reduced by the size of the closed search panel
                }

                &:not(.o_kanban_ghost) {
                    border: none;
                    border-bottom: $border-width solid $border-color;
                    justify-content: center;
                }

                .o_hr_recruitment_no-activity {
                    visibility: var(--KanbanRecord-visibility, hidden);
                }

                &:hover .o_hr_recruitment_no-activity {
                    --KanbanRecord-visibility: visible;
                }
            }

            @include media-breakpoint-down(md) {
                .o_hr_recruitment_kanban_card_large_screen {
                    display: none;    
                }
            }
            
            @media only screen and (min-width: 768px) {
                .o_hr_recruitment_kanban_card_mobile_screen {
                    display: none;
                }
            }
        }

        .o_kanban_card_header_title {
            line-height: 1.3rem !important;
            margin-bottom: 4px !important;
            margin-top: 1px !important;
        }

        .o_kanban_card_header {
            margin-bottom: 1px;

            .o_favorite a {
                display: flex;
                justify-content: center;
                margin-right: map-get($spacers, 1);
                width: var(--Avatar-size);

                i {
                    --Favorite-font-size: #{$h3-font-size};

                    margin: 0 !important;
                }
            }

            .fa-envelope {
                width: var(--Avatar-size);
            }
        }

        @include media-breakpoint-down(xxl) {
            .o_hr_recruitment_activity-col {
                width: map-get($spacers, 3) *  3.5;
            }
        }

        .o_field_many2one_avatar_user .o_avatar{
            column-gap: map-get($spacers, 1);
        }
        
        .o_hr_recruitment_kanban_card_mobile_screen {
            min-height: 130px;
        }

        &.o_kanban_grouped {
            .o_hr_recruitment_kanban_card_large_screen {
                display: none;    
            }
        }

        .o_dropdown_kanban {
            @include media-breakpoint-down(xl) {
                visibility: visible;
            }
        }
    }
}

.o_kanban_applicant {
    .o_kanban_renderer.o_kanban_grouped {
        .o_kanban_record {
            margin: 0 0 ($border-width * -1);
        }
    }
}

.o_hr_recruitment_kanban .o_kanban_ungrouped .o_kanban_record {
    margin: 0px;
}

.o_hr_recruitment_kanban_card_mobile_screen {
    min-height: 0px !important;
}

.o_hr_recruitment_kanban {
    --Avatar-size: 1.5em;

    .o_m2o_avatar {
        margin-right: 0px !important;
    }

    .number {
        font-size: 1.75rem !important;
        margin: 0 map-get($spacers, 2) * .75 0 0;
        align-content: center;
        font-variant-numeric: tabular-nums;
    }
}

.oe_kanban_action i[aria-label="Activities"], .o_kanban_card_header i.fa-user {
    font-size: 1.2rem;
}

.btn .activity_badge {
    --badge-padding-x: .55em;

    top: 0.25rem;
    right: -1rem;
}

.oe_kanban_action[name="open_website_url"] {
    text-wrap: nowrap;
}

.number_description {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hr_recruitment_is_favorite_job .o_favorite a {
    display: flex;
}

[name="kanban_job_more_options"] .o_boolean_toggle {
    margin-bottom: 0 !important;

    label {
        @include o-position-absolute(0, 0, 0, 0);
    }
}