/* _content/SyncroERP.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* Syncro · MainLayout (scoped). Tokens come from global syncro-theme.css */

.syncro-shell[b-rc1vmydink] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #FAF8F4;
    font-family: 'Plus Jakarta Sans', var(--bs-font-sans-serif), sans-serif;
    color: var(--syncro-ink-900, #1C1917);
}

/* ---- top bar ---- */
.syncro-topbar[b-rc1vmydink] {
    height: 62px;
    flex-shrink: 0;
    background: #fff;
    border-bottom: 1px solid #F0EBE3;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 20px;
}

.syncro-iconbtn[b-rc1vmydink] {
    background: none;
    border: 0;
    cursor: pointer;
    display: flex;
    padding: 6px;
    border-radius: 8px;
}

.syncro-iconbtn:hover[b-rc1vmydink] {
    background: #FAF8F4;
}

.syncro-brand[b-rc1vmydink] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.syncro-brand__name[b-rc1vmydink] {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.syncro-company[b-rc1vmydink] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #F1EDE7;
    border: 0;
    border-radius: 9px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #44403C;
    cursor: pointer;
}

.syncro-dot[b-rc1vmydink] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.syncro-dot--green[b-rc1vmydink] {
    background: #16A34A;
}

.syncro-user[b-rc1vmydink] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.syncro-avatar[b-rc1vmydink] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #1C1917;
    color: #FBBF24;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.syncro-user__meta[b-rc1vmydink] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.syncro-user__name[b-rc1vmydink] {
    font-size: 13px;
    font-weight: 700;
}

.syncro-user__role[b-rc1vmydink] {
    font-size: 11px;
    color: #A8A29E;
}

/* ---- body ---- */
.syncro-body[b-rc1vmydink] {
    flex: 1;
    display: flex;
    min-height: 0;
}

.syncro-sidebar[b-rc1vmydink] {
    width: 236px;
    flex-shrink: 0;
    background: #FAF8F4;
    border-right: 1px solid #F0EBE3;
    overflow-y: auto;
    padding: 16px 12px 30px;
    transition: width 0.18s ease, padding 0.18s ease;
}

.syncro-sidebar.is-collapsed[b-rc1vmydink] {
    width: 0;
    padding: 0;
    overflow: hidden;
}

.syncro-main[b-rc1vmydink] {
    flex: 1;
    min-width: 0;
    overflow-y: auto;
    background: #FAF8F4;
}

/* ---- status bar ---- */
.syncro-statusbar[b-rc1vmydink] {
    height: 34px;
    flex-shrink: 0;
    background: #fff;
    border-top: 1px solid #F0EBE3;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
    font-size: 12px;
    color: #A8A29E;
}

.syncro-status__connected[b-rc1vmydink] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #16A34A;
    font-weight: 600;
}

.syncro-statusbar__spacer[b-rc1vmydink] {
    flex: 1;
}

/* ---- Blazor error UI ---- */
#blazor-error-ui[b-rc1vmydink] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-rc1vmydink] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/SyncroERP.Web/Components/Layout/SidebarItem.razor.rz.scp.css */
.syncro-nav__item[b-f1qys0vqy9] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: 9px;
    font-size: 13.5px;
    font-weight: 500;
    color: #57534E;
    text-decoration: none;
    cursor: pointer;
    line-height: 1;
}

.syncro-nav__item:hover[b-f1qys0vqy9] {
    background: #F1EDE7;
}

.syncro-nav__dot[b-f1qys0vqy9] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    flex-shrink: 0;
    display: block;
}

.syncro-nav__item-text[b-f1qys0vqy9] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.syncro-nav__item.active[b-f1qys0vqy9] {
    background: #FDEEE9;
    color: #C2410C;
    font-weight: 700;
}

.syncro-nav__item.active .syncro-nav__dot[b-f1qys0vqy9] {
    background: #F2542D !important;
}
/* _content/SyncroERP.Web/Components/Layout/SidebarSection.razor.rz.scp.css */
.syncro-nav__section[b-eynhea8jcf] {
    margin-top: 4px;
}

.syncro-nav__group[b-eynhea8jcf] {
    font-size: 10.5px;
    font-weight: 700;
    color: #A8A29E;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 18px 12px 7px;
    cursor: pointer;
    user-select: none;
}

.syncro-nav__group:hover[b-eynhea8jcf] {
    color: #78716C;
}

.syncro-nav__section-items[b-eynhea8jcf] {
    display: none;
}

.syncro-nav__section-items.expanded[b-eynhea8jcf] {
    display: block;
}

.syncro-nav__divider[b-eynhea8jcf] {
    height: 1px;
    background: #F0EBE3;
    margin: 8px 12px;
}
/* _content/SyncroERP.Web/Components/Pages/AR/CustomerInvoices.razor.rz.scp.css */
/* styles moved to wwwroot/app.css — see .inv-lines-header / .inv-lines-table */
/* _content/SyncroERP.Web/Components/Pages/Login.razor.rz.scp.css */
/* Syncro · Login (scoped) */

.syncro-login[b-mtcf5nutd5] {
    display: grid;
    grid-template-columns: 0.92fr 1fr;
    min-height: 100vh;
    font-family: var(--syncro-font-family);
}

/* ── brand panel ── */
.syncro-login__brand[b-mtcf5nutd5] {
    position: relative;
    overflow: hidden;
    background: #1C1917;
    color: #fff;
    padding: 52px 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.syncro-login__logo[b-mtcf5nutd5],
.syncro-login__pitch[b-mtcf5nutd5],
.syncro-login__copyright[b-mtcf5nutd5] { position: relative; z-index: 2; }

.syncro-login__pitch h1[b-mtcf5nutd5] {
    font-size: 40px;
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -0.03em;
    margin: 0;
}

.syncro-login__pitch p[b-mtcf5nutd5] {
    font-size: 15px;
    line-height: 1.6;
    color: #A8A29E;
    margin: 20px 0 0;
    max-width: 330px;
}

.syncro-login__facts[b-mtcf5nutd5] { display: flex; gap: 22px; margin-top: 32px; }
.syncro-login__facts .k[b-mtcf5nutd5] { display: block; font-size: 13px; color: #78716C; }
.syncro-login__facts .v[b-mtcf5nutd5] { display: block; font-size: 13px; font-weight: 700; color: #F0EBE3; margin-top: 2px; }
.syncro-login__facts .divider[b-mtcf5nutd5] { width: 1px; background: #3A3531; }

.syncro-login__copyright[b-mtcf5nutd5] { font-size: 12px; color: #57534E; }

.syncro-login__motif[b-mtcf5nutd5] {
    position: absolute;
    right: -60px;
    bottom: -50px;
    width: 300px;
    height: 300px;
    opacity: .14;
    z-index: 1;
}

/* ── form panel ── */
.syncro-login__form[b-mtcf5nutd5] {
    background: #FAF8F4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px;
}

.syncro-login__card[b-mtcf5nutd5] { width: 100%; max-width: 360px; }

.syncro-login__card .eyebrow[b-mtcf5nutd5] {
    font-size: 13px;
    font-weight: 700;
    color: #F2542D;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.syncro-login__card h2[b-mtcf5nutd5] {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 8px 0 6px;
    color: #1C1917;
}

.syncro-login__card .sub[b-mtcf5nutd5] {
    font-size: 14px;
    color: #78716C;
    margin: 0 0 28px;
}

.field-label[b-mtcf5nutd5] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #44403C;
    margin: 0 0 7px;
}

.field-row[b-mtcf5nutd5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 7px;
}

.link[b-mtcf5nutd5] {
    font-size: 12px;
    font-weight: 600;
    color: #F2542D;
    text-decoration: none;
}

.syncro-input[b-mtcf5nutd5] {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #ECE5DA;
    border-radius: 11px;
    font-size: 14.5px;
    font-family: var(--syncro-font-family);
    color: #1C1917;
    background: #fff;
    margin-bottom: 18px;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.syncro-input:focus[b-mtcf5nutd5] {
    border-color: #F2542D;
    box-shadow: 0 0 0 3px rgba(242, 84, 45, .15);
}

.syncro-remember[b-mtcf5nutd5] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 2px 0 24px;
    font-size: 13.5px;
    color: #44403C;
    cursor: pointer;
}

.syncro-signin-btn[b-mtcf5nutd5] {
    width: 100%;
    height: 50px;
    border-radius: 12px;
    background: #F2542D;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    font-family: var(--syncro-font-family);
    transition: background 0.15s;
}

.syncro-signin-btn:hover[b-mtcf5nutd5] { background: #d9431f; }

@media (max-width: 820px) {
    .syncro-login[b-mtcf5nutd5] { grid-template-columns: 1fr; }
    .syncro-login__brand[b-mtcf5nutd5] { display: none; }
}
/* _content/SyncroERP.Web/Components/Pages/NotFound.razor.rz.scp.css */
.nf-page[b-5w8g4a8h3a] {
    min-height: 100vh;
    background: #FAF8F4;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Floating decorative blobs */
.nf-decoration[b-5w8g4a8h3a] {
    position: absolute;
    border-radius: 50%;
    opacity: 0.18;
    pointer-events: none;
}
.nf-decoration--1[b-5w8g4a8h3a] { width: 80px; height: 80px; background: #A8A29E; top: 12%; left: 8%; }
.nf-decoration--2[b-5w8g4a8h3a] { width: 28px; height: 28px; background: #FBBF24; top: 22%; right: 18%; }
.nf-decoration--3[b-5w8g4a8h3a] { width: 50px; height: 50px; background: #F2542D; bottom: 18%; right: 10%; }
.nf-decoration--4[b-5w8g4a8h3a] { width: 36px; height: 36px; background: #F2542D; bottom: 26%; left: 14%; opacity: 0.12; }

.nf-card[b-5w8g4a8h3a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 48px 40px;
    max-width: 520px;
    width: 100%;
}

/* The 4-tile Syncro mark with one tile knocked loose */
.nf-mark[b-5w8g4a8h3a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    width: 72px;
    margin-bottom: 32px;
}
.nf-mark__tile[b-5w8g4a8h3a] {
    width: 30px; height: 30px;
    border-radius: 8px;
}
.nf-mark__tile--ink[b-5w8g4a8h3a]   { background: #1C1917; }
.nf-mark__tile--muted[b-5w8g4a8h3a] { background: #A8A29E; }
.nf-mark__tile--amber[b-5w8g4a8h3a] { background: #FBBF24; }
.nf-mark__tile--coral[b-5w8g4a8h3a] {
    background: #F2542D;
    transform: rotate(-14deg) translate(4px, 5px);
}

.nf-code[b-5w8g4a8h3a] {
    font-size: 52px;
    font-weight: 800;
    color: #1C1917;
    line-height: 1;
    margin-bottom: 12px;
}
.nf-title[b-5w8g4a8h3a] {
    font-size: 22px;
    font-weight: 700;
    color: #1C1917;
    margin: 0 0 12px;
}
.nf-body[b-5w8g4a8h3a] {
    font-size: 14px;
    color: #78716C;
    line-height: 1.6;
    margin: 0 0 32px;
}
.nf-actions[b-5w8g4a8h3a] { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
/* _content/SyncroERP.Web/Components/Pages/SelectCompany.razor.rz.scp.css */
/* Syncro · Company Select (scoped) */

.sc-shell[b-e1zqvqz8o8] {
    min-height: 100vh;
    background: #FAF8F4;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    font-family: var(--syncro-font-family);
}

.sc-card[b-e1zqvqz8o8] {
    background: #fff;
    border: 1px solid #ECE5DA;
    border-radius: 16px;
    padding: 40px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 4px 24px rgba(28, 25, 23, .07);
}

.sc-brand[b-e1zqvqz8o8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
}

.sc-brand-name[b-e1zqvqz8o8] {
    font-size: 18px;
    font-weight: 700;
    color: #1C1917;
    letter-spacing: -0.02em;
}

.sc-heading[b-e1zqvqz8o8] {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #1C1917;
    margin: 0 0 6px;
}

.sc-sub[b-e1zqvqz8o8] {
    font-size: 14px;
    color: #A8A29E;
    margin: 0 0 24px;
}

.sc-grid[b-e1zqvqz8o8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.sc-company-card[b-e1zqvqz8o8] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border: 1px solid #ECE5DA;
    border-radius: 12px;
    background: #fff;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    user-select: none;
}

.sc-company-card:hover[b-e1zqvqz8o8] {
    border-color: #F2542D;
    box-shadow: 0 0 0 3px rgba(242, 84, 45, .12);
}

.sc-avatar[b-e1zqvqz8o8] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    background: #F2542D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    flex-shrink: 0;
}

.sc-name[b-e1zqvqz8o8] {
    font-size: 15px;
    font-weight: 700;
    color: #1C1917;
}

.sc-code[b-e1zqvqz8o8] {
    font-size: 12px;
    color: #A8A29E;
    margin-top: 2px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

@media (max-width: 500px) {
    .sc-grid[b-e1zqvqz8o8] { grid-template-columns: 1fr; }
    .sc-card[b-e1zqvqz8o8] { padding: 24px; }
}
/* _content/SyncroERP.Web/Components/Shared/Dialogs/DialogA.razor.rz.scp.css */
/* Overrides DxPopup's built-in header to show our custom icon+title chrome */
:global(.sp-dialog-a .dxbl-popup-header)[b-ydwnybai80] {
    padding: 0;
    border-bottom: 1px solid #ECE5DA;
}
:global(.sp-dialog-a .dxbl-popup-body)[b-ydwnybai80] {
    padding: 0;
}
:global(.sp-dialog-a .dxbl-popup-footer)[b-ydwnybai80] {
    padding: 0;
    border-top: none;
}

.sp-dialog-a__header[b-ydwnybai80] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
}
.sp-dialog-a__icon[b-ydwnybai80] {
    width: 40px;
    height: 40px;
    background: #FDEEE9;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F2542D;
    flex-shrink: 0;
}
.sp-dialog-a__titles[b-ydwnybai80] { flex: 1; min-width: 0; }
.sp-dialog-a__title[b-ydwnybai80] { font-size: 16px; font-weight: 700; color: #1C1917; }
.sp-dialog-a__subtitle[b-ydwnybai80] { font-size: 13px; color: #78716C; margin-top: 2px; }
.sp-dialog-a__footer[b-ydwnybai80] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 20px;
    border-top: 1px solid #ECE5DA;
}
/* _content/SyncroERP.Web/Components/Shared/Dialogs/DialogB.razor.rz.scp.css */
:global(.sp-dialog-b .dxbl-popup-header)[b-r55i1za9z7] { padding: 0; border-bottom: 1px solid #ECE5DA; }
:global(.sp-dialog-b .dxbl-popup-body)[b-r55i1za9z7] { padding: 0; }
:global(.sp-dialog-b .dxbl-popup-footer)[b-r55i1za9z7] { padding: 0; border-top: none; }

.sp-dialog-b__header[b-r55i1za9z7] {
    display: flex; align-items: center; gap: 14px; padding: 16px 20px;
}
.sp-dialog-b__icon[b-r55i1za9z7] {
    width: 40px; height: 40px; background: #FDEEE9; border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    color: #F2542D; flex-shrink: 0;
}
.sp-dialog-b__titles[b-r55i1za9z7] { flex: 1; min-width: 0; }
.sp-dialog-b__title[b-r55i1za9z7] { font-size: 16px; font-weight: 700; color: #1C1917; }
.sp-dialog-b__subtitle[b-r55i1za9z7] { font-size: 13px; color: #78716C; margin-top: 2px; }

.sp-dialog-b__body[b-r55i1za9z7] { display: flex; min-height: 320px; }

.sp-dialog-b__nav[b-r55i1za9z7] {
    width: 180px; flex-shrink: 0;
    border-right: 1px solid #ECE5DA;
    padding: 16px 0;
    display: flex; flex-direction: column; gap: 2px;
}
.sp-dialog-b__nav-item[b-r55i1za9z7] {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 16px;
    border: none; background: transparent; cursor: pointer;
    font-size: 13px; color: #44403C; text-align: left; width: 100%;
    border-radius: 0;
}
.sp-dialog-b__nav-item:hover[b-r55i1za9z7] { background: #F5F0EB; }
.sp-dialog-b__nav-item--active[b-r55i1za9z7] { font-weight: 600; color: #1C1917; }

.sp-dialog-b__dot[b-r55i1za9z7] {
    width: 8px; height: 8px; border-radius: 50%;
    background: #ECE5DA; flex-shrink: 0;
}
.sp-dialog-b__dot--done[b-r55i1za9z7] { background: #16A34A; }
.sp-dialog-b__dot--current[b-r55i1za9z7] { background: #F2542D; }

.sp-dialog-b__progress[b-r55i1za9z7] {
    margin-top: auto; padding: 12px 16px;
    font-size: 11px; font-weight: 700; color: #A8A29E;
    text-transform: uppercase; letter-spacing: 0.05em;
}
.sp-dialog-b__content[b-r55i1za9z7] { flex: 1; padding: 20px; overflow-y: auto; }

.sp-dialog-b__footer[b-r55i1za9z7] {
    display: flex; gap: 8px; align-items: center;
    padding: 12px 20px; border-top: 1px solid #ECE5DA;
}
/* _content/SyncroERP.Web/Components/Shared/Dialogs/DialogC.razor.rz.scp.css */
.sp-drawer-backdrop[b-gdx0z46utz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1040;
}
.sp-drawer[b-gdx0z46utz] {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: 600px;
    background: #fff;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 32px rgba(28, 25, 23, 0.18);
    transform: translateX(100%);
    transition: transform 0.25s ease;
    overflow: hidden;
}
.sp-drawer--open[b-gdx0z46utz] { transform: translateX(0); }

.sp-drawer__header[b-gdx0z46utz] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 20px 16px;
    border-bottom: 1px solid #ECE5DA;
    flex-shrink: 0;
}
.sp-drawer__avatar[b-gdx0z46utz] {
    width: 40px; height: 40px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; font-weight: 700; color: #1C1917;
    flex-shrink: 0;
}
.sp-drawer__identity[b-gdx0z46utz] { flex: 1; min-width: 0; }
.sp-drawer__name[b-gdx0z46utz] { font-size: 18px; font-weight: 700; color: #1C1917; }
.sp-drawer__sub[b-gdx0z46utz] { font-size: 12px; color: #78716C; margin-top: 2px; }

.sp-drawer__tabs[b-gdx0z46utz] { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
.sp-drawer__tab-body[b-gdx0z46utz] { padding: 20px; overflow-y: auto; }
.sp-drawer__tab-body--muted[b-gdx0z46utz] {
    padding: 40px 20px;
    color: #A8A29E;
    font-size: 13px;
    text-align: center;
}

.sp-drawer__footer[b-gdx0z46utz] {
    padding: 12px 20px;
    border-top: 1px solid #ECE5DA;
    flex-shrink: 0;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}
/* _content/SyncroERP.Web/Components/Shared/EmptyState.razor.rz.scp.css */
.sp-empty-state[b-h53gglg7ar] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 64px 24px;
    text-align: center;
}
.sp-empty-state__icon[b-h53gglg7ar] {
    width: 64px; height: 64px;
    background: #F5F0EB;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    color: #A8A29E;
    margin-bottom: 20px;
}
.sp-empty-state__title[b-h53gglg7ar] {
    font-size: 16px;
    font-weight: 700;
    color: #1C1917;
    margin-bottom: 6px;
}
.sp-empty-state__subtitle[b-h53gglg7ar] {
    font-size: 13px;
    color: #78716C;
    max-width: 320px;
    margin-bottom: 24px;
    line-height: 1.5;
}
.sp-empty-state__actions[b-h53gglg7ar] { display: flex; gap: 10px; align-items: center; }
/* _content/SyncroERP.Web/Components/Shared/GridToolbar.razor.rz.scp.css */
.sp-grid-toolbar[b-8qvw8w07yb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px 10px;
}
.sp-grid-toolbar__count[b-8qvw8w07yb] {
    background: var(--syncro-coral-500);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    padding: 0 16px;
    height: 36px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
}
.sp-grid-toolbar__actions[b-8qvw8w07yb] { display: flex; gap: 8px; }
/* _content/SyncroERP.Web/Components/Shared/PageHeader.razor.rz.scp.css */
.sp-page-header[b-jxba27gcoq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 28px 24px 20px;
}
.sp-page-header__left[b-jxba27gcoq] { flex: 1; min-width: 0; }
.sp-page-header__breadcrumb[b-jxba27gcoq] { font-size: 11.5px; color: #A8A29E; margin-bottom: 6px; }
.sp-page-header__sep[b-jxba27gcoq] { color: #D4CCBE; margin: 0 4px; }
.sp-page-header__breadcrumb strong[b-jxba27gcoq] { color: #78716C; font-weight: 600; }
.sp-page-header__title[b-jxba27gcoq] { font-size: 26px; font-weight: 800; letter-spacing: -0.02em; color: #1C1917; margin: 0 0 6px; }
.sp-page-header__subtitle[b-jxba27gcoq] { font-size: 14px; color: #78716C; margin: 0; }
/* _content/SyncroERP.Web/Components/Shared/SvgIcon.razor.rz.scp.css */
.syncro-icon svg[b-6270gu8i17] {
    width: 100%;
    height: 100%;
}