/*
Add more whitespace.
*/
body {
    margin: 2em;
}

#top_level_nav {
    margin-bottom: 1em;
}

/*
Reduce whitespace.
*/
code {
    padding: 0 !important;
}

p:last-of-type {
    /* Inside tutorial boxes: */
    margin-bottom: 0;
}
ul:last-of-type {
    /* Lists of errors: */
    margin-bottom: 0;
}

/*
Improve readability of popover.
*/
.tooltip-inner {
    text-align: left;
    color: black;
    background-color: lightgray;
    opacity: 100%;
}
/*
Arrow color should be consistent with background of tooltip-inner.
The tooltip is positioned to avoid falling outside of the window,
so any of these might be applied.
*/
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
    border-right-color: lightgrey;
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
    border-bottom-color: lightgray;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
    border-left-color: lightgrey;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
    border-top-color: lightgray;
}

/*
Selectize menus should overflow the containing card.
*/
.card, .card-body { overflow: visible !important; }

/*
The tutorial mode toggle in the navbar is positioned slightly too high.
*/
.shiny-input-container:has(#tutorial_mode) {
    margin-top: 0.15em;
    margin-bottom: -0.15em;
}