.modal-backdrop {
    --tblr-backdrop-bg: #FFFFFF;
}

div.datagrid {
    --tblr-datagrid-item-width: unset !important;
}

.form-control.beat {
    --tblr-border-radius: 0px !important;
}

.form-control.beat:focus {
    outline: none;
    box-shadow: none;
    background-color: #3C3836;
    font-family: 'JetBrains Mono', "Monaco", "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
    font-size: 0.8rem;
}

.breadcrumb-item.is-hidden {
    display: none !important;
}


.root,
[data-bs-theme=light] {
    --tblr-primary: #007000;
    --tblr-primary-darken: #003b06;
    --tblr-body-color: #22262b;
    --tblr-primary-text-emphasis: #22262b;
}

.root,
[data-bs-theme=dark] {
    --tblr-primary: #003b06;
    --tblr-primary-darken: #005a00;
    --tblr-primary-text-emphasis: #5a6673;
}

/* Everforest-inspired variables */
.code-theme-everforest {
    --nf-fg: #d3c6aa;
    --nf-bg: #2d353b;
    --nf-status-fg: #859289;
    --nf-status-bg: #3d484d;
    --nf-gutter-fg: #56635f;
    --nf-cursorline-bg: #343f44;

    --nf-kw: #e67e80;
    --nf-fn: #a7c080;
    --nf-str: #a7c080;
    --nf-num: #d699b6;
    --nf-var: #7fbbb3;
    --nf-delim: #d3c6aa;
}

/* Window chrome */
.code-window {
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: var(--nf-bg);
    color: var(--nf-fg);
}

.code-window .card-header {
    background: rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.window-dots {
    display: inline-flex;
    gap: .375rem;
}

.window-dots > span {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: currentColor;
    opacity: .35;
}

/* Status line */
.statusline {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .75rem;
    background: var(--nf-status-bg);
    color: var(--nf-status-fg);
    border-top: 1px solid rgba(0, 0, 0, 0.25);
}

.statusline .badge {
    background: transparent;
    border: 1px solid currentColor;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.statusline .spacer {
    margin-left: auto;
}

/* Make Tabler dark tokens play nicely */
.theme-dark .card.code-window .text-secondary {
    color: var(--nf-status-fg) !important;
}