@import '_content/Apps.LawFabric.SharedUI/Apps.LawFabric.SharedUI.hllh2ix0r9.bundle.scp.css';
@import '_content/Core.UI/Core.UI.fvsf4eduxk.bundle.scp.css';

/* _content/Apps.LawFabric.Partner/Pages/Dashboard.razor.rz.scp.css */
.dashboard-wrapper[b-mz8ckf1ugj] {
    position: relative;
}

.dashboard-header[b-mz8ckf1ugj] {
    padding-top: 0;
    padding-bottom: 20px;
}

/* ── Full-page background image ─────────────────────────────────────────────
   position:fixed covers the entire viewport behind the layout chrome
   (sidebar, top bar, content). z-index:-1 places it below everything.
   Tweak opacity and grayscale to taste.                                       */
.dashboard-wrapper[b-mz8ckf1ugj]::before {
    content: '';
    position: fixed;
    inset: 0;
    background: url('/_content/Core.UI/assets/images/conference_room.jpg') center / cover no-repeat;
    filter: grayscale(40%);
    opacity: 0.10;
    z-index: -1;
    pointer-events: none;
}

/* _content/Apps.LawFabric.Partner/Pages/Dev/StyleGuide.razor.rz.scp.css */
/* Scoped styles for the Style Guide page */

/* Wrapper that vertically stacks swatch + label and centers both */
.style-guide-swatch-wrapper[b-d77hq7wvcr] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Standard swatch — 48x48px with rounded corners and a hairline border */
.style-guide-swatch[b-d77hq7wvcr] {
    width: 48px;
    height: 48px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.style-guide-swatch-label[b-d77hq7wvcr] {
    font-size: 11px;
    margin-top: 6px;
    text-align: center;
    word-break: break-all;
    max-width: 100px;
    align-self: center;
}

/* Smaller swatch for the 9-slot Primary Opacity Scale strip */
.style-guide-swatch--sm[b-d77hq7wvcr] {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.style-guide-swatch-label--sm[b-d77hq7wvcr] {
    font-size: 10px;
    margin-top: 4px;
    text-align: center;
    word-break: break-all;
    max-width: 60px;
}

/* Layout/TOC styles for this page live in Core.UI/wwwroot/css/mammoth-theme.css
   so they apply globally without depending on Blazor's scoped-CSS pipeline. */