body.toplevel_page_itsec-dashboard {
    background: $solid-wp-surface-underPage;

    #wpcontent {
        padding-left: 0;
    }
}

.itsec-card__drag-handle {
    cursor: move;
}

.itsec-dashboard, .itsec-apply-css-vars {
    --wp-components-color-accent: #{$solid-wp-primary-base};
    --wp-components-color-foreground: #{$solid-wp-text-color-dark};
    --wp-admin-theme-color: #{$solid-wp-primary-base};
    --wp-admin-theme-color-darker-10: #{$solid-wp-primary-darker10};
    --wp-admin-theme-color-darker-20: #{$solid-wp-primary-darker20};
}

.itsec-dashboard .components-notice-list {
    z-index: 2;
    position: absolute;
    right: 0;
}

.itsec-dashboard *,
.itsec-dashboard *::before,
.itsec-dashboard *::after {
    box-sizing: border-box;
}

.itsec-dashboard .itsec-popover-no-padding .components-popover__content {
    padding: 0;

    & > * {
        border: none;
    }
}

.itsec-dashboard .components-text-control__input[type="search"]:focus {
    border-color: var(--wp-admin-theme-color);
    box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
    outline: 2px solid transparent;
}

.itsec-dashboard select.components-select-control__input {
    width: 100%;

    &:focus ~ .components-input-control__backdrop {
        border-color: var(--wp-admin-theme-color);
        box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
    }
}

:where(.itsec-dashboard) .components-button.is-link.is-small {
    padding: 0;
}

:where(.itsec-dashboard) a,
:where(.itsec-dashboard) .components-button.is-link {
    color: var(--wp-admin-theme-color);

    &:hover {
        color: var(--wp-admin-theme-color-darker-20);
    }
}
