// container ghost card in modal
.o_kanban_examples_dialog {
    .modal-body {
        padding: 0;
        background: map-get($theme-colors, 'light');
    }

    .o_notebook {
        --Notebook__link-border-color: #{$border-color};
        --Notebook__link-border-color--hover: #{$border-color};
        --Notebook__link-border-top-color--active: #{$o-brand-primary};

        // sidebar
        .nav-link.active {
            $o-btn-primary-theme-colors: map-get($o-btns-bs-override, "primary");
            background-color: map-get($o-btn-primary-theme-colors, "background");
            color: map-get($o-btn-primary-theme-colors, "color");
            &, &:hover, &:focus, &:active {
                border-right-color: var(--Notebook__link-border-color--active);
            }
        }

        // content
        .o_notebook_content {
            flex: 1 1 100%;
            min-height: 300px;

            .o_kanban_examples_description {
                padding: 16px 16px 0;
                text-align: justify;
            }
        }
    }
}

// kanban ghost card
.o_kanban_examples .o_kanban_examples_group .o_kanban_examples_ghost {
    &.o_collapse {
        margin-top: -1px;
    }

    .o_ghost_avatar {
        height: 20px;
        width: 20px;
    }
}
