@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/MatchingSquare.Shared/MatchingSquare.Shared.o0umn9xc2z.bundle.scp.css';

/* /Pages/Gazette/GazetteDocuments.razor.rz.scp.css */
/* Sits inside step 2 rather than bleeding to the edges of the card, so it reads as the
   content of that step. */
.gazette-insert-table[b-dku7ptvxt0] {
    padding-right: 1rem;
}

.gazette-insert-table > table[b-dku7ptvxt0] {
    margin-bottom: 0;
}

img.gazette-thumbnail[b-dku7ptvxt0] {
    display: block;
    width: 70px;
    height: auto;
    min-height: 44px;
    border: 1px solid var(--tblr-border-color, #e6e7e9);
    border-radius: 2px;
    background-color: #fff;
    cursor: pointer;
    transition: box-shadow .15s ease;
}

img.gazette-thumbnail:hover[b-dku7ptvxt0] {
    box-shadow: 0 0 0 2px var(--tblr-primary, #206bc4);
}

.gazette-thumbnail-empty[b-dku7ptvxt0] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 92px;
    border: 1px dashed var(--tblr-border-color, #e6e7e9);
    border-radius: 2px;
    background-color: var(--tblr-gray-100, #f1f3f5);
}

/* Only in the library: the montage keeps full size thumbnails, they are the page previews
   the organiser reorders on. */
.gazette-insert-table img.gazette-thumbnail[b-dku7ptvxt0] {
    width: 44px;
    min-height: 28px;
}

.gazette-insert-table .gazette-thumbnail-empty[b-dku7ptvxt0] {
    width: 44px;
    height: 58px;
}
/* /Pages/Gazette/GazetteIndex.razor.rz.scp.css */
.gazette-stat[b-8f1mpe7xsq] {
    cursor: pointer;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.gazette-stat:hover[b-8f1mpe7xsq] {
    border-color: var(--tblr-gray-400, #adb5bd);
}

.gazette-stat-active[b-8f1mpe7xsq] {
    border-color: var(--tblr-gray-500, #868e96);
    box-shadow: inset 0 0 0 1px var(--tblr-gray-500, #868e96);
    background-color: var(--tblr-gray-100, #f1f3f5);
}

.gazette-stat-active .gazette-stat-label[b-8f1mpe7xsq] {
    font-weight: 600;
    color: var(--tblr-gray-700, #495057) !important;
}
/* /Shared/Gazette/GazetteStepHeader.razor.rz.scp.css */
.gazette-step[b-nd4b4ag0qc] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.gazette-step-marker[b-nd4b4ag0qc] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: var(--tblr-primary, #206bc4);
}

.gazette-step-body[b-nd4b4ag0qc] {
    flex: 1 1 auto;
    min-width: 0;
}

.gazette-step-content[b-nd4b4ag0qc] {
    margin-top: .75rem;
}

/* Not a step of the run: an aside the organiser only reaches when something did not work. */
.gazette-step-marker.is-aside[b-nd4b4ag0qc] {
    background-color: var(--tblr-secondary, #6c757d);
    font-size: .8rem;
}
/* /Shared/Sortable/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-64iqtpkysp] .sortable-ghost {
  visibility: hidden;
}

[b-64iqtpkysp] .sortable-fallback {
  opacity: 1 !important
}
/* /Shared/Tabler/BaseModal.razor.rz.scp.css */
[b-mz2ygqy65n] .modal-xxl {
    max-width: 1400px;
}