@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login_container[b-hwpvue0jlk] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(./images/loginBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.login_card[b-hwpvue0jlk] {
    width: 30vw;
    max-width: 50rem;
    border: 2px solid #dadada;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
}

.login_card_header[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.login_card_header .logo[b-hwpvue0jlk] {
    width: 10rem;
}

.login_card_header .logo img[b-hwpvue0jlk] {
    width: 100%;
}

.form_inputs[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input_group[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.input_group label[b-hwpvue0jlk] {
    font-size: 1.3rem;
    font-weight: 600;
}

.forget_password_new_user[b-hwpvue0jlk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forget_password_new_user p[b-hwpvue0jlk] {
    font-size: 1.3rem;
    color: blue !important;
    text-decoration: underline;
}

.forget_password_new_user p:nth-child(2)[b-hwpvue0jlk] {
}

.login_btn[b-hwpvue0jlk] {
    font-size: 1.5rem;
    font-weight: 600;
}

@media (min-width: 320px) and (max-width: 575.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 90vw;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 50vw;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 50vw;
    }
}
/* /Components/Account/Pages/Manage/ChangePassword.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-xxucjswsj1]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-xxucjswsj1],.account-modern *[b-xxucjswsj1]{box-sizing:border-box}
.account-modern .account-heading[b-xxucjswsj1]{margin:0 0 18px}
.account-modern .account-heading h1[b-xxucjswsj1]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-xxucjswsj1]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-xxucjswsj1]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-xxucjswsj1],.account-modern .account-panel>h4[b-xxucjswsj1]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-xxucjswsj1],.account-modern .account-panel>h4:not(:first-child)[b-xxucjswsj1]{margin-top:24px}
.account-modern .row[b-xxucjswsj1]{margin:0;display:block}
.account-modern .row>[class*=col-][b-xxucjswsj1]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-xxucjswsj1]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-xxucjswsj1]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-xxucjswsj1],.account-modern .form-floating>.form-control[b-xxucjswsj1]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-xxucjswsj1]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-xxucjswsj1]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-xxucjswsj1]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-xxucjswsj1],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-xxucjswsj1]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-xxucjswsj1]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-xxucjswsj1]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-xxucjswsj1]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-xxucjswsj1]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-xxucjswsj1]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-xxucjswsj1]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-xxucjswsj1]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-xxucjswsj1]{text-decoration:underline}
.account-modern .w-100.btn[b-xxucjswsj1]{width:auto!important;min-width:140px}
.account-modern .alert[b-xxucjswsj1]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-xxucjswsj1]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-xxucjswsj1]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-xxucjswsj1]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-xxucjswsj1]{margin-bottom:0}
.account-modern a:not(.btn)[b-xxucjswsj1]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-xxucjswsj1]{text-decoration:underline}
.account-modern p[b-xxucjswsj1]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-xxucjswsj1],.account-modern .validation-message[b-xxucjswsj1]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-xxucjswsj1]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-xxucjswsj1]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-xxucjswsj1]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-xxucjswsj1]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-xxucjswsj1]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-xxucjswsj1],.account-modern .table th[b-xxucjswsj1]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-xxucjswsj1]{text-align:right}
.account-modern .table tr:last-child td[b-xxucjswsj1]{border-bottom:0}
.account-modern .list[b-xxucjswsj1]{padding-left:22px}
.account-modern .list>li[b-xxucjswsj1]{padding:4px 0 10px}
.account-modern kbd[b-xxucjswsj1]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-xxucjswsj1]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-xxucjswsj1]{margin-bottom:0}
.account-modern form+p[b-xxucjswsj1],.account-modern p+form[b-xxucjswsj1]{margin-top:12px}
.account-modern .account-panel>form+form[b-xxucjswsj1]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-xxucjswsj1]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-xxucjswsj1]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-xxucjswsj1]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-xxucjswsj1]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-xxucjswsj1]{padding-bottom:28px}.account-modern .account-heading h1[b-xxucjswsj1]{font-size:19px}.account-modern .account-panel[b-xxucjswsj1]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-xxucjswsj1]{max-width:100%}.account-modern .table td[b-xxucjswsj1]{padding:10px 6px}.account-modern .w-100.btn[b-xxucjswsj1]{width:100%!important}.account-modern .account-panel>form[style][b-xxucjswsj1]{display:block!important}}
/* /Components/Account/Pages/Manage/DeletePersonalData.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-dcs45zu123]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-dcs45zu123],.account-modern *[b-dcs45zu123]{box-sizing:border-box}
.account-modern .account-heading[b-dcs45zu123]{margin:0 0 18px}
.account-modern .account-heading h1[b-dcs45zu123]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-dcs45zu123]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-dcs45zu123]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-dcs45zu123],.account-modern .account-panel>h4[b-dcs45zu123]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-dcs45zu123],.account-modern .account-panel>h4:not(:first-child)[b-dcs45zu123]{margin-top:24px}
.account-modern .row[b-dcs45zu123]{margin:0;display:block}
.account-modern .row>[class*=col-][b-dcs45zu123]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-dcs45zu123]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-dcs45zu123]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-dcs45zu123],.account-modern .form-floating>.form-control[b-dcs45zu123]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-dcs45zu123]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-dcs45zu123]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-dcs45zu123]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-dcs45zu123],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-dcs45zu123]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-dcs45zu123]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-dcs45zu123]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-dcs45zu123]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-dcs45zu123]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-dcs45zu123]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-dcs45zu123]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-dcs45zu123]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-dcs45zu123]{text-decoration:underline}
.account-modern .w-100.btn[b-dcs45zu123]{width:auto!important;min-width:140px}
.account-modern .alert[b-dcs45zu123]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-dcs45zu123]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-dcs45zu123]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-dcs45zu123]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-dcs45zu123]{margin-bottom:0}
.account-modern a:not(.btn)[b-dcs45zu123]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-dcs45zu123]{text-decoration:underline}
.account-modern p[b-dcs45zu123]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-dcs45zu123],.account-modern .validation-message[b-dcs45zu123]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-dcs45zu123]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-dcs45zu123]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-dcs45zu123]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-dcs45zu123]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-dcs45zu123]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-dcs45zu123],.account-modern .table th[b-dcs45zu123]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-dcs45zu123]{text-align:right}
.account-modern .table tr:last-child td[b-dcs45zu123]{border-bottom:0}
.account-modern .list[b-dcs45zu123]{padding-left:22px}
.account-modern .list>li[b-dcs45zu123]{padding:4px 0 10px}
.account-modern kbd[b-dcs45zu123]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-dcs45zu123]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-dcs45zu123]{margin-bottom:0}
.account-modern form+p[b-dcs45zu123],.account-modern p+form[b-dcs45zu123]{margin-top:12px}
.account-modern .account-panel>form+form[b-dcs45zu123]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-dcs45zu123]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-dcs45zu123]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-dcs45zu123]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-dcs45zu123]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-dcs45zu123]{padding-bottom:28px}.account-modern .account-heading h1[b-dcs45zu123]{font-size:19px}.account-modern .account-panel[b-dcs45zu123]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-dcs45zu123]{max-width:100%}.account-modern .table td[b-dcs45zu123]{padding:10px 6px}.account-modern .w-100.btn[b-dcs45zu123]{width:100%!important}.account-modern .account-panel>form[style][b-dcs45zu123]{display:block!important}}
/* /Components/Account/Pages/Manage/Disable2fa.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-unnjot5jz0]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-unnjot5jz0],.account-modern *[b-unnjot5jz0]{box-sizing:border-box}
.account-modern .account-heading[b-unnjot5jz0]{margin:0 0 18px}
.account-modern .account-heading h1[b-unnjot5jz0]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-unnjot5jz0]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-unnjot5jz0]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-unnjot5jz0],.account-modern .account-panel>h4[b-unnjot5jz0]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-unnjot5jz0],.account-modern .account-panel>h4:not(:first-child)[b-unnjot5jz0]{margin-top:24px}
.account-modern .row[b-unnjot5jz0]{margin:0;display:block}
.account-modern .row>[class*=col-][b-unnjot5jz0]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-unnjot5jz0]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-unnjot5jz0]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-unnjot5jz0],.account-modern .form-floating>.form-control[b-unnjot5jz0]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-unnjot5jz0]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-unnjot5jz0]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-unnjot5jz0]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-unnjot5jz0],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-unnjot5jz0]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-unnjot5jz0]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-unnjot5jz0]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-unnjot5jz0]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-unnjot5jz0]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-unnjot5jz0]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-unnjot5jz0]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-unnjot5jz0]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-unnjot5jz0]{text-decoration:underline}
.account-modern .w-100.btn[b-unnjot5jz0]{width:auto!important;min-width:140px}
.account-modern .alert[b-unnjot5jz0]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-unnjot5jz0]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-unnjot5jz0]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-unnjot5jz0]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-unnjot5jz0]{margin-bottom:0}
.account-modern a:not(.btn)[b-unnjot5jz0]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-unnjot5jz0]{text-decoration:underline}
.account-modern p[b-unnjot5jz0]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-unnjot5jz0],.account-modern .validation-message[b-unnjot5jz0]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-unnjot5jz0]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-unnjot5jz0]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-unnjot5jz0]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-unnjot5jz0]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-unnjot5jz0]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-unnjot5jz0],.account-modern .table th[b-unnjot5jz0]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-unnjot5jz0]{text-align:right}
.account-modern .table tr:last-child td[b-unnjot5jz0]{border-bottom:0}
.account-modern .list[b-unnjot5jz0]{padding-left:22px}
.account-modern .list>li[b-unnjot5jz0]{padding:4px 0 10px}
.account-modern kbd[b-unnjot5jz0]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-unnjot5jz0]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-unnjot5jz0]{margin-bottom:0}
.account-modern form+p[b-unnjot5jz0],.account-modern p+form[b-unnjot5jz0]{margin-top:12px}
.account-modern .account-panel>form+form[b-unnjot5jz0]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-unnjot5jz0]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-unnjot5jz0]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-unnjot5jz0]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-unnjot5jz0]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-unnjot5jz0]{padding-bottom:28px}.account-modern .account-heading h1[b-unnjot5jz0]{font-size:19px}.account-modern .account-panel[b-unnjot5jz0]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-unnjot5jz0]{max-width:100%}.account-modern .table td[b-unnjot5jz0]{padding:10px 6px}.account-modern .w-100.btn[b-unnjot5jz0]{width:100%!important}.account-modern .account-panel>form[style][b-unnjot5jz0]{display:block!important}}
/* /Components/Account/Pages/Manage/Email.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-2x6zidjhwt]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-2x6zidjhwt],.account-modern *[b-2x6zidjhwt]{box-sizing:border-box}
.account-modern .account-heading[b-2x6zidjhwt]{margin:0 0 18px}
.account-modern .account-heading h1[b-2x6zidjhwt]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-2x6zidjhwt]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-2x6zidjhwt]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-2x6zidjhwt],.account-modern .account-panel>h4[b-2x6zidjhwt]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-2x6zidjhwt],.account-modern .account-panel>h4:not(:first-child)[b-2x6zidjhwt]{margin-top:24px}
.account-modern .row[b-2x6zidjhwt]{margin:0;display:block}
.account-modern .row>[class*=col-][b-2x6zidjhwt]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-2x6zidjhwt]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-2x6zidjhwt]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-2x6zidjhwt],.account-modern .form-floating>.form-control[b-2x6zidjhwt]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-2x6zidjhwt]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-2x6zidjhwt]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-2x6zidjhwt]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-2x6zidjhwt],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-2x6zidjhwt]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-2x6zidjhwt]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-2x6zidjhwt]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-2x6zidjhwt]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-2x6zidjhwt]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-2x6zidjhwt]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-2x6zidjhwt]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-2x6zidjhwt]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-2x6zidjhwt]{text-decoration:underline}
.account-modern .w-100.btn[b-2x6zidjhwt]{width:auto!important;min-width:140px}
.account-modern .alert[b-2x6zidjhwt]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-2x6zidjhwt]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-2x6zidjhwt]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-2x6zidjhwt]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-2x6zidjhwt]{margin-bottom:0}
.account-modern a:not(.btn)[b-2x6zidjhwt]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-2x6zidjhwt]{text-decoration:underline}
.account-modern p[b-2x6zidjhwt]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-2x6zidjhwt],.account-modern .validation-message[b-2x6zidjhwt]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-2x6zidjhwt]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-2x6zidjhwt]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-2x6zidjhwt]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-2x6zidjhwt]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-2x6zidjhwt]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-2x6zidjhwt],.account-modern .table th[b-2x6zidjhwt]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-2x6zidjhwt]{text-align:right}
.account-modern .table tr:last-child td[b-2x6zidjhwt]{border-bottom:0}
.account-modern .list[b-2x6zidjhwt]{padding-left:22px}
.account-modern .list>li[b-2x6zidjhwt]{padding:4px 0 10px}
.account-modern kbd[b-2x6zidjhwt]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-2x6zidjhwt]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-2x6zidjhwt]{margin-bottom:0}
.account-modern form+p[b-2x6zidjhwt],.account-modern p+form[b-2x6zidjhwt]{margin-top:12px}
.account-modern .account-panel>form+form[b-2x6zidjhwt]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-2x6zidjhwt]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-2x6zidjhwt]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-2x6zidjhwt]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-2x6zidjhwt]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-2x6zidjhwt]{padding-bottom:28px}.account-modern .account-heading h1[b-2x6zidjhwt]{font-size:19px}.account-modern .account-panel[b-2x6zidjhwt]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-2x6zidjhwt]{max-width:100%}.account-modern .table td[b-2x6zidjhwt]{padding:10px 6px}.account-modern .w-100.btn[b-2x6zidjhwt]{width:100%!important}.account-modern .account-panel>form[style][b-2x6zidjhwt]{display:block!important}}
/* /Components/Account/Pages/Manage/EnableAuthenticator.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-lyvmd2wdnx]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-lyvmd2wdnx],.account-modern *[b-lyvmd2wdnx]{box-sizing:border-box}
.account-modern .account-heading[b-lyvmd2wdnx]{margin:0 0 18px}
.account-modern .account-heading h1[b-lyvmd2wdnx]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-lyvmd2wdnx]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-lyvmd2wdnx]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-lyvmd2wdnx],.account-modern .account-panel>h4[b-lyvmd2wdnx]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-lyvmd2wdnx],.account-modern .account-panel>h4:not(:first-child)[b-lyvmd2wdnx]{margin-top:24px}
.account-modern .row[b-lyvmd2wdnx]{margin:0;display:block}
.account-modern .row>[class*=col-][b-lyvmd2wdnx]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-lyvmd2wdnx]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-lyvmd2wdnx]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-lyvmd2wdnx],.account-modern .form-floating>.form-control[b-lyvmd2wdnx]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-lyvmd2wdnx]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-lyvmd2wdnx]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-lyvmd2wdnx]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-lyvmd2wdnx],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-lyvmd2wdnx]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-lyvmd2wdnx]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-lyvmd2wdnx]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-lyvmd2wdnx]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-lyvmd2wdnx]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-lyvmd2wdnx]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-lyvmd2wdnx]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-lyvmd2wdnx]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-lyvmd2wdnx]{text-decoration:underline}
.account-modern .w-100.btn[b-lyvmd2wdnx]{width:auto!important;min-width:140px}
.account-modern .alert[b-lyvmd2wdnx]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-lyvmd2wdnx]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-lyvmd2wdnx]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-lyvmd2wdnx]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-lyvmd2wdnx]{margin-bottom:0}
.account-modern a:not(.btn)[b-lyvmd2wdnx]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-lyvmd2wdnx]{text-decoration:underline}
.account-modern p[b-lyvmd2wdnx]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-lyvmd2wdnx],.account-modern .validation-message[b-lyvmd2wdnx]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-lyvmd2wdnx]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-lyvmd2wdnx]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-lyvmd2wdnx]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-lyvmd2wdnx]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-lyvmd2wdnx]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-lyvmd2wdnx],.account-modern .table th[b-lyvmd2wdnx]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-lyvmd2wdnx]{text-align:right}
.account-modern .table tr:last-child td[b-lyvmd2wdnx]{border-bottom:0}
.account-modern .list[b-lyvmd2wdnx]{padding-left:22px}
.account-modern .list>li[b-lyvmd2wdnx]{padding:4px 0 10px}
.account-modern kbd[b-lyvmd2wdnx]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-lyvmd2wdnx]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-lyvmd2wdnx]{margin-bottom:0}
.account-modern form+p[b-lyvmd2wdnx],.account-modern p+form[b-lyvmd2wdnx]{margin-top:12px}
.account-modern .account-panel>form+form[b-lyvmd2wdnx]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-lyvmd2wdnx]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-lyvmd2wdnx]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-lyvmd2wdnx]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-lyvmd2wdnx]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-lyvmd2wdnx]{padding-bottom:28px}.account-modern .account-heading h1[b-lyvmd2wdnx]{font-size:19px}.account-modern .account-panel[b-lyvmd2wdnx]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-lyvmd2wdnx]{max-width:100%}.account-modern .table td[b-lyvmd2wdnx]{padding:10px 6px}.account-modern .w-100.btn[b-lyvmd2wdnx]{width:100%!important}.account-modern .account-panel>form[style][b-lyvmd2wdnx]{display:block!important}}
/* /Components/Account/Pages/Manage/ExternalLogins.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-ikt93hq140]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-ikt93hq140],.account-modern *[b-ikt93hq140]{box-sizing:border-box}
.account-modern .account-heading[b-ikt93hq140]{margin:0 0 18px}
.account-modern .account-heading h1[b-ikt93hq140]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-ikt93hq140]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-ikt93hq140]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-ikt93hq140],.account-modern .account-panel>h4[b-ikt93hq140]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-ikt93hq140],.account-modern .account-panel>h4:not(:first-child)[b-ikt93hq140]{margin-top:24px}
.account-modern .row[b-ikt93hq140]{margin:0;display:block}
.account-modern .row>[class*=col-][b-ikt93hq140]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-ikt93hq140]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-ikt93hq140]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-ikt93hq140],.account-modern .form-floating>.form-control[b-ikt93hq140]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-ikt93hq140]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-ikt93hq140]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-ikt93hq140]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-ikt93hq140],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-ikt93hq140]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-ikt93hq140]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-ikt93hq140]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-ikt93hq140]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-ikt93hq140]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-ikt93hq140]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-ikt93hq140]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-ikt93hq140]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-ikt93hq140]{text-decoration:underline}
.account-modern .w-100.btn[b-ikt93hq140]{width:auto!important;min-width:140px}
.account-modern .alert[b-ikt93hq140]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-ikt93hq140]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-ikt93hq140]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-ikt93hq140]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-ikt93hq140]{margin-bottom:0}
.account-modern a:not(.btn)[b-ikt93hq140]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-ikt93hq140]{text-decoration:underline}
.account-modern p[b-ikt93hq140]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-ikt93hq140],.account-modern .validation-message[b-ikt93hq140]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-ikt93hq140]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-ikt93hq140]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-ikt93hq140]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-ikt93hq140]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-ikt93hq140]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-ikt93hq140],.account-modern .table th[b-ikt93hq140]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-ikt93hq140]{text-align:right}
.account-modern .table tr:last-child td[b-ikt93hq140]{border-bottom:0}
.account-modern .list[b-ikt93hq140]{padding-left:22px}
.account-modern .list>li[b-ikt93hq140]{padding:4px 0 10px}
.account-modern kbd[b-ikt93hq140]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-ikt93hq140]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-ikt93hq140]{margin-bottom:0}
.account-modern form+p[b-ikt93hq140],.account-modern p+form[b-ikt93hq140]{margin-top:12px}
.account-modern .account-panel>form+form[b-ikt93hq140]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-ikt93hq140]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-ikt93hq140]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-ikt93hq140]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-ikt93hq140]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-ikt93hq140]{padding-bottom:28px}.account-modern .account-heading h1[b-ikt93hq140]{font-size:19px}.account-modern .account-panel[b-ikt93hq140]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-ikt93hq140]{max-width:100%}.account-modern .table td[b-ikt93hq140]{padding:10px 6px}.account-modern .w-100.btn[b-ikt93hq140]{width:100%!important}.account-modern .account-panel>form[style][b-ikt93hq140]{display:block!important}}
/* /Components/Account/Pages/Manage/GenerateRecoveryCodes.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-1r3idz5ryt]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-1r3idz5ryt],.account-modern *[b-1r3idz5ryt]{box-sizing:border-box}
.account-modern .account-heading[b-1r3idz5ryt]{margin:0 0 18px}
.account-modern .account-heading h1[b-1r3idz5ryt]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-1r3idz5ryt]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-1r3idz5ryt]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-1r3idz5ryt],.account-modern .account-panel>h4[b-1r3idz5ryt]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-1r3idz5ryt],.account-modern .account-panel>h4:not(:first-child)[b-1r3idz5ryt]{margin-top:24px}
.account-modern .row[b-1r3idz5ryt]{margin:0;display:block}
.account-modern .row>[class*=col-][b-1r3idz5ryt]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-1r3idz5ryt]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-1r3idz5ryt]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-1r3idz5ryt],.account-modern .form-floating>.form-control[b-1r3idz5ryt]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-1r3idz5ryt]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-1r3idz5ryt]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-1r3idz5ryt]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-1r3idz5ryt],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-1r3idz5ryt]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-1r3idz5ryt]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-1r3idz5ryt]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-1r3idz5ryt]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-1r3idz5ryt]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-1r3idz5ryt]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-1r3idz5ryt]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-1r3idz5ryt]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-1r3idz5ryt]{text-decoration:underline}
.account-modern .w-100.btn[b-1r3idz5ryt]{width:auto!important;min-width:140px}
.account-modern .alert[b-1r3idz5ryt]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-1r3idz5ryt]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-1r3idz5ryt]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-1r3idz5ryt]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-1r3idz5ryt]{margin-bottom:0}
.account-modern a:not(.btn)[b-1r3idz5ryt]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-1r3idz5ryt]{text-decoration:underline}
.account-modern p[b-1r3idz5ryt]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-1r3idz5ryt],.account-modern .validation-message[b-1r3idz5ryt]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-1r3idz5ryt]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-1r3idz5ryt]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-1r3idz5ryt]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-1r3idz5ryt]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-1r3idz5ryt]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-1r3idz5ryt],.account-modern .table th[b-1r3idz5ryt]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-1r3idz5ryt]{text-align:right}
.account-modern .table tr:last-child td[b-1r3idz5ryt]{border-bottom:0}
.account-modern .list[b-1r3idz5ryt]{padding-left:22px}
.account-modern .list>li[b-1r3idz5ryt]{padding:4px 0 10px}
.account-modern kbd[b-1r3idz5ryt]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-1r3idz5ryt]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-1r3idz5ryt]{margin-bottom:0}
.account-modern form+p[b-1r3idz5ryt],.account-modern p+form[b-1r3idz5ryt]{margin-top:12px}
.account-modern .account-panel>form+form[b-1r3idz5ryt]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-1r3idz5ryt]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-1r3idz5ryt]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-1r3idz5ryt]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-1r3idz5ryt]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-1r3idz5ryt]{padding-bottom:28px}.account-modern .account-heading h1[b-1r3idz5ryt]{font-size:19px}.account-modern .account-panel[b-1r3idz5ryt]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-1r3idz5ryt]{max-width:100%}.account-modern .table td[b-1r3idz5ryt]{padding:10px 6px}.account-modern .w-100.btn[b-1r3idz5ryt]{width:100%!important}.account-modern .account-panel>form[style][b-1r3idz5ryt]{display:block!important}}
/* /Components/Account/Pages/Manage/Index.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-cym8dnndth]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-cym8dnndth],.account-modern *[b-cym8dnndth]{box-sizing:border-box}
.account-modern .account-heading[b-cym8dnndth]{margin:0 0 18px}
.account-modern .account-heading h1[b-cym8dnndth]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-cym8dnndth]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-cym8dnndth]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-cym8dnndth],.account-modern .account-panel>h4[b-cym8dnndth]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-cym8dnndth],.account-modern .account-panel>h4:not(:first-child)[b-cym8dnndth]{margin-top:24px}
.account-modern .row[b-cym8dnndth]{margin:0;display:block}
.account-modern .row>[class*=col-][b-cym8dnndth]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-cym8dnndth]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-cym8dnndth]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-cym8dnndth],.account-modern .form-floating>.form-control[b-cym8dnndth]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-cym8dnndth]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-cym8dnndth]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-cym8dnndth]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-cym8dnndth],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-cym8dnndth]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-cym8dnndth]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-cym8dnndth]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-cym8dnndth]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-cym8dnndth]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-cym8dnndth]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-cym8dnndth]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-cym8dnndth]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-cym8dnndth]{text-decoration:underline}
.account-modern .w-100.btn[b-cym8dnndth]{width:auto!important;min-width:140px}
.account-modern .alert[b-cym8dnndth]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-cym8dnndth]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-cym8dnndth]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-cym8dnndth]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-cym8dnndth]{margin-bottom:0}
.account-modern a:not(.btn)[b-cym8dnndth]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-cym8dnndth]{text-decoration:underline}
.account-modern p[b-cym8dnndth]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-cym8dnndth],.account-modern .validation-message[b-cym8dnndth]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-cym8dnndth]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-cym8dnndth]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-cym8dnndth]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-cym8dnndth]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-cym8dnndth]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-cym8dnndth],.account-modern .table th[b-cym8dnndth]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-cym8dnndth]{text-align:right}
.account-modern .table tr:last-child td[b-cym8dnndth]{border-bottom:0}
.account-modern .list[b-cym8dnndth]{padding-left:22px}
.account-modern .list>li[b-cym8dnndth]{padding:4px 0 10px}
.account-modern kbd[b-cym8dnndth]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-cym8dnndth]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-cym8dnndth]{margin-bottom:0}
.account-modern form+p[b-cym8dnndth],.account-modern p+form[b-cym8dnndth]{margin-top:12px}
.account-modern .account-panel>form+form[b-cym8dnndth]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-cym8dnndth]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-cym8dnndth]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-cym8dnndth]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-cym8dnndth]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-cym8dnndth]{padding-bottom:28px}.account-modern .account-heading h1[b-cym8dnndth]{font-size:19px}.account-modern .account-panel[b-cym8dnndth]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-cym8dnndth]{max-width:100%}.account-modern .table td[b-cym8dnndth]{padding:10px 6px}.account-modern .w-100.btn[b-cym8dnndth]{width:100%!important}.account-modern .account-panel>form[style][b-cym8dnndth]{display:block!important}}
/* /Components/Account/Pages/Manage/PersonalData.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-7cw2fuz0rz]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-7cw2fuz0rz],.account-modern *[b-7cw2fuz0rz]{box-sizing:border-box}
.account-modern .account-heading[b-7cw2fuz0rz]{margin:0 0 18px}
.account-modern .account-heading h1[b-7cw2fuz0rz]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-7cw2fuz0rz]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-7cw2fuz0rz]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-7cw2fuz0rz],.account-modern .account-panel>h4[b-7cw2fuz0rz]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-7cw2fuz0rz],.account-modern .account-panel>h4:not(:first-child)[b-7cw2fuz0rz]{margin-top:24px}
.account-modern .row[b-7cw2fuz0rz]{margin:0;display:block}
.account-modern .row>[class*=col-][b-7cw2fuz0rz]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-7cw2fuz0rz]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-7cw2fuz0rz]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-7cw2fuz0rz],.account-modern .form-floating>.form-control[b-7cw2fuz0rz]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-7cw2fuz0rz]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-7cw2fuz0rz]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-7cw2fuz0rz]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-7cw2fuz0rz],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-7cw2fuz0rz]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-7cw2fuz0rz]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-7cw2fuz0rz]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-7cw2fuz0rz]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-7cw2fuz0rz]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-7cw2fuz0rz]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-7cw2fuz0rz]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-7cw2fuz0rz]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-7cw2fuz0rz]{text-decoration:underline}
.account-modern .w-100.btn[b-7cw2fuz0rz]{width:auto!important;min-width:140px}
.account-modern .alert[b-7cw2fuz0rz]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-7cw2fuz0rz]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-7cw2fuz0rz]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-7cw2fuz0rz]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-7cw2fuz0rz]{margin-bottom:0}
.account-modern a:not(.btn)[b-7cw2fuz0rz]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-7cw2fuz0rz]{text-decoration:underline}
.account-modern p[b-7cw2fuz0rz]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-7cw2fuz0rz],.account-modern .validation-message[b-7cw2fuz0rz]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-7cw2fuz0rz]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-7cw2fuz0rz]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-7cw2fuz0rz]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-7cw2fuz0rz]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-7cw2fuz0rz]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-7cw2fuz0rz],.account-modern .table th[b-7cw2fuz0rz]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-7cw2fuz0rz]{text-align:right}
.account-modern .table tr:last-child td[b-7cw2fuz0rz]{border-bottom:0}
.account-modern .list[b-7cw2fuz0rz]{padding-left:22px}
.account-modern .list>li[b-7cw2fuz0rz]{padding:4px 0 10px}
.account-modern kbd[b-7cw2fuz0rz]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-7cw2fuz0rz]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-7cw2fuz0rz]{margin-bottom:0}
.account-modern form+p[b-7cw2fuz0rz],.account-modern p+form[b-7cw2fuz0rz]{margin-top:12px}
.account-modern .account-panel>form+form[b-7cw2fuz0rz]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-7cw2fuz0rz]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-7cw2fuz0rz]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-7cw2fuz0rz]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-7cw2fuz0rz]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-7cw2fuz0rz]{padding-bottom:28px}.account-modern .account-heading h1[b-7cw2fuz0rz]{font-size:19px}.account-modern .account-panel[b-7cw2fuz0rz]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-7cw2fuz0rz]{max-width:100%}.account-modern .table td[b-7cw2fuz0rz]{padding:10px 6px}.account-modern .w-100.btn[b-7cw2fuz0rz]{width:100%!important}.account-modern .account-panel>form[style][b-7cw2fuz0rz]{display:block!important}}
/* /Components/Account/Pages/Manage/ResetAuthenticator.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-m60hiq93eo]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-m60hiq93eo],.account-modern *[b-m60hiq93eo]{box-sizing:border-box}
.account-modern .account-heading[b-m60hiq93eo]{margin:0 0 18px}
.account-modern .account-heading h1[b-m60hiq93eo]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-m60hiq93eo]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-m60hiq93eo]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-m60hiq93eo],.account-modern .account-panel>h4[b-m60hiq93eo]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-m60hiq93eo],.account-modern .account-panel>h4:not(:first-child)[b-m60hiq93eo]{margin-top:24px}
.account-modern .row[b-m60hiq93eo]{margin:0;display:block}
.account-modern .row>[class*=col-][b-m60hiq93eo]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-m60hiq93eo]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-m60hiq93eo]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-m60hiq93eo],.account-modern .form-floating>.form-control[b-m60hiq93eo]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-m60hiq93eo]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-m60hiq93eo]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-m60hiq93eo]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-m60hiq93eo],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-m60hiq93eo]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-m60hiq93eo]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-m60hiq93eo]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-m60hiq93eo]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-m60hiq93eo]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-m60hiq93eo]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-m60hiq93eo]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-m60hiq93eo]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-m60hiq93eo]{text-decoration:underline}
.account-modern .w-100.btn[b-m60hiq93eo]{width:auto!important;min-width:140px}
.account-modern .alert[b-m60hiq93eo]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-m60hiq93eo]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-m60hiq93eo]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-m60hiq93eo]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-m60hiq93eo]{margin-bottom:0}
.account-modern a:not(.btn)[b-m60hiq93eo]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-m60hiq93eo]{text-decoration:underline}
.account-modern p[b-m60hiq93eo]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-m60hiq93eo],.account-modern .validation-message[b-m60hiq93eo]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-m60hiq93eo]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-m60hiq93eo]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-m60hiq93eo]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-m60hiq93eo]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-m60hiq93eo]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-m60hiq93eo],.account-modern .table th[b-m60hiq93eo]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-m60hiq93eo]{text-align:right}
.account-modern .table tr:last-child td[b-m60hiq93eo]{border-bottom:0}
.account-modern .list[b-m60hiq93eo]{padding-left:22px}
.account-modern .list>li[b-m60hiq93eo]{padding:4px 0 10px}
.account-modern kbd[b-m60hiq93eo]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-m60hiq93eo]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-m60hiq93eo]{margin-bottom:0}
.account-modern form+p[b-m60hiq93eo],.account-modern p+form[b-m60hiq93eo]{margin-top:12px}
.account-modern .account-panel>form+form[b-m60hiq93eo]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-m60hiq93eo]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-m60hiq93eo]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-m60hiq93eo]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-m60hiq93eo]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-m60hiq93eo]{padding-bottom:28px}.account-modern .account-heading h1[b-m60hiq93eo]{font-size:19px}.account-modern .account-panel[b-m60hiq93eo]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-m60hiq93eo]{max-width:100%}.account-modern .table td[b-m60hiq93eo]{padding:10px 6px}.account-modern .w-100.btn[b-m60hiq93eo]{width:100%!important}.account-modern .account-panel>form[style][b-m60hiq93eo]{display:block!important}}
/* /Components/Account/Pages/Manage/SetPassword.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-w0vybmf6sm]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-w0vybmf6sm],.account-modern *[b-w0vybmf6sm]{box-sizing:border-box}
.account-modern .account-heading[b-w0vybmf6sm]{margin:0 0 18px}
.account-modern .account-heading h1[b-w0vybmf6sm]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-w0vybmf6sm]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-w0vybmf6sm]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-w0vybmf6sm],.account-modern .account-panel>h4[b-w0vybmf6sm]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-w0vybmf6sm],.account-modern .account-panel>h4:not(:first-child)[b-w0vybmf6sm]{margin-top:24px}
.account-modern .row[b-w0vybmf6sm]{margin:0;display:block}
.account-modern .row>[class*=col-][b-w0vybmf6sm]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-w0vybmf6sm]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-w0vybmf6sm]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-w0vybmf6sm],.account-modern .form-floating>.form-control[b-w0vybmf6sm]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-w0vybmf6sm]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-w0vybmf6sm]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-w0vybmf6sm]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-w0vybmf6sm],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-w0vybmf6sm]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-w0vybmf6sm]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-w0vybmf6sm]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-w0vybmf6sm]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-w0vybmf6sm]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-w0vybmf6sm]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-w0vybmf6sm]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-w0vybmf6sm]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-w0vybmf6sm]{text-decoration:underline}
.account-modern .w-100.btn[b-w0vybmf6sm]{width:auto!important;min-width:140px}
.account-modern .alert[b-w0vybmf6sm]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-w0vybmf6sm]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-w0vybmf6sm]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-w0vybmf6sm]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-w0vybmf6sm]{margin-bottom:0}
.account-modern a:not(.btn)[b-w0vybmf6sm]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-w0vybmf6sm]{text-decoration:underline}
.account-modern p[b-w0vybmf6sm]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-w0vybmf6sm],.account-modern .validation-message[b-w0vybmf6sm]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-w0vybmf6sm]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-w0vybmf6sm]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-w0vybmf6sm]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-w0vybmf6sm]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-w0vybmf6sm]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-w0vybmf6sm],.account-modern .table th[b-w0vybmf6sm]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-w0vybmf6sm]{text-align:right}
.account-modern .table tr:last-child td[b-w0vybmf6sm]{border-bottom:0}
.account-modern .list[b-w0vybmf6sm]{padding-left:22px}
.account-modern .list>li[b-w0vybmf6sm]{padding:4px 0 10px}
.account-modern kbd[b-w0vybmf6sm]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-w0vybmf6sm]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-w0vybmf6sm]{margin-bottom:0}
.account-modern form+p[b-w0vybmf6sm],.account-modern p+form[b-w0vybmf6sm]{margin-top:12px}
.account-modern .account-panel>form+form[b-w0vybmf6sm]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-w0vybmf6sm]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-w0vybmf6sm]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-w0vybmf6sm]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-w0vybmf6sm]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-w0vybmf6sm]{padding-bottom:28px}.account-modern .account-heading h1[b-w0vybmf6sm]{font-size:19px}.account-modern .account-panel[b-w0vybmf6sm]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-w0vybmf6sm]{max-width:100%}.account-modern .table td[b-w0vybmf6sm]{padding:10px 6px}.account-modern .w-100.btn[b-w0vybmf6sm]{width:100%!important}.account-modern .account-panel>form[style][b-w0vybmf6sm]{display:block!important}}
/* /Components/Account/Pages/Manage/TwoFactorAuthentication.razor.rz.scp.css */
/* DNE.Inventory account settings: consistent with the compact report UI. */
.account-modern[b-zrf49j0yx5]{--account-accent:#1177bd;--account-border:#e5e9ef;--account-ink:#272b2e;--account-muted:#697586;max-width:920px;width:100%;padding:0 0 40px;color:var(--account-ink);font-size:14px;line-height:1.5}
.account-modern[b-zrf49j0yx5],.account-modern *[b-zrf49j0yx5]{box-sizing:border-box}
.account-modern .account-heading[b-zrf49j0yx5]{margin:0 0 18px}
.account-modern .account-heading h1[b-zrf49j0yx5]{font-size:21px;line-height:1.3;font-weight:650;letter-spacing:-.35px;margin:0 0 5px;color:#272b2e}
.account-modern .account-heading p[b-zrf49j0yx5]{font-size:13px;color:var(--account-muted);margin:0}
.account-modern .account-panel[b-zrf49j0yx5]{padding:22px 24px;border:1px solid var(--account-border);border-radius:10px;background:#fff;box-shadow:0 2px 9px rgba(20,33,54,.035)}
.account-modern .account-panel>h3[b-zrf49j0yx5],.account-modern .account-panel>h4[b-zrf49j0yx5]{font-size:16px;font-weight:650;color:#272b2e;margin:0 0 16px}
.account-modern .account-panel>h3:not(:first-child)[b-zrf49j0yx5],.account-modern .account-panel>h4:not(:first-child)[b-zrf49j0yx5]{margin-top:24px}
.account-modern .row[b-zrf49j0yx5]{margin:0;display:block}
.account-modern .row>[class*=col-][b-zrf49j0yx5]{width:100%;max-width:580px;padding:0}
.account-modern .form-floating[b-zrf49j0yx5]{position:relative;display:flex;flex-direction:column;margin-bottom:16px!important}
.account-modern .form-floating>label[b-zrf49j0yx5]{position:static;transform:none!important;order:-1;width:auto;height:auto;padding:0;margin:0 0 6px;opacity:1!important;font-size:13px;font-weight:550;color:#465262;pointer-events:auto}
.account-modern .form-control[b-zrf49j0yx5],.account-modern .form-floating>.form-control[b-zrf49j0yx5]{width:100%;min-height:38px;height:38px;padding:8px 11px!important;border:1px solid #d7dee7;border-radius:6px;background:#fff;font-size:14px;color:#272b2e;line-height:20px;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.account-modern .form-control:focus[b-zrf49j0yx5]{border-color:#1177bd;outline:0;box-shadow:0 0 0 3px rgba(17,119,189,.1)}
.account-modern .form-control:disabled[b-zrf49j0yx5]{background:#f6f8fa;color:#6c7785}
.account-modern .form-floating>.form-control[b-zrf49j0yx5]::placeholder{color:#97a1ad}
.account-modern .form-floating>.form-control:focus[b-zrf49j0yx5],.account-modern .form-floating>.form-control:not(:placeholder-shown)[b-zrf49j0yx5]{padding-top:8px!important;padding-bottom:8px!important}
.account-modern .btn[b-zrf49j0yx5]{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 15px;border-radius:6px;font-size:13px;font-weight:600;line-height:18px;text-decoration:none;box-shadow:none;white-space:normal;text-align:center;transition:background .15s,border-color .15s}
.account-modern .btn-lg[b-zrf49j0yx5]{font-size:13px;min-height:38px}
.account-modern .btn-primary[b-zrf49j0yx5]{background:#1177bd;border:1px solid #1177bd;color:#fff}
.account-modern .btn-primary:hover[b-zrf49j0yx5]{background:#0e649e;border-color:#0e649e;color:#fff}
.account-modern .btn-danger[b-zrf49j0yx5]{background:#c83f47;border:1px solid #c83f47;color:#fff}
.account-modern .btn-danger:hover[b-zrf49j0yx5]{background:#ab2f37;border-color:#ab2f37;color:#fff}
.account-modern .btn-link[b-zrf49j0yx5]{border:0;background:transparent;color:#1177bd;padding:5px 0;min-height:28px;text-decoration:none}
.account-modern .btn-link:hover[b-zrf49j0yx5]{text-decoration:underline}
.account-modern .w-100.btn[b-zrf49j0yx5]{width:auto!important;min-width:140px}
.account-modern .alert[b-zrf49j0yx5]{padding:13px 15px;border-radius:7px;font-size:13px;line-height:1.55;margin:0 0 18px;border:1px solid #dce8f5;background:#f3f8fd;color:#36556e}
.account-modern .alert-warning[b-zrf49j0yx5]{background:#fff9ed;border-color:#f2dfb6;color:#74541c}
.account-modern .alert-danger[b-zrf49j0yx5]{background:#fff3f3;border-color:#f0c9c9;color:#9b3535}
.account-modern .alert-info[b-zrf49j0yx5]{background:#f1f8ff;border-color:#d5e9fa;color:#2b638d}
.account-modern .alert p:last-child[b-zrf49j0yx5]{margin-bottom:0}
.account-modern a:not(.btn)[b-zrf49j0yx5]{color:#1177bd;text-decoration:none}
.account-modern a:not(.btn):hover[b-zrf49j0yx5]{text-decoration:underline}
.account-modern p[b-zrf49j0yx5]{font-size:13px;margin:0 0 13px;line-height:1.6}
.account-modern .text-danger[b-zrf49j0yx5],.account-modern .validation-message[b-zrf49j0yx5]{font-size:12px;color:#c83f47!important;margin-top:5px}
.account-modern .validation-summary-errors[b-zrf49j0yx5]{font-size:12px;color:#c83f47;margin-bottom:12px}
.account-modern .input-group[b-zrf49j0yx5]{display:flex;flex-direction:column;align-items:stretch}
.account-modern .input-group-append[b-zrf49j0yx5]{position:absolute;right:0;bottom:0;height:38px;display:flex;align-items:center}
.account-modern .input-group-text[b-zrf49j0yx5]{border:0;background:transparent;padding:0 12px}
.account-modern .table[b-zrf49j0yx5]{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:13px}
.account-modern .table td[b-zrf49j0yx5],.account-modern .table th[b-zrf49j0yx5]{padding:12px 10px;border-bottom:1px solid #edf0f3;vertical-align:middle}
.account-modern .table td:last-child[b-zrf49j0yx5]{text-align:right}
.account-modern .table tr:last-child td[b-zrf49j0yx5]{border-bottom:0}
.account-modern .list[b-zrf49j0yx5]{padding-left:22px}
.account-modern .list>li[b-zrf49j0yx5]{padding:4px 0 10px}
.account-modern kbd[b-zrf49j0yx5]{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:5px 8px;background:#f2f5f8;color:#2b3541;border:1px solid #e1e6ed;border-radius:5px;font-size:13px}
.account-modern hr[b-zrf49j0yx5]{border:0;border-top:1px solid #e9edf2;margin:20px 0}
.account-modern form[b-zrf49j0yx5]{margin-bottom:0}
.account-modern form+p[b-zrf49j0yx5],.account-modern p+form[b-zrf49j0yx5]{margin-top:12px}
.account-modern .account-panel>form+form[b-zrf49j0yx5]{margin-top:14px}
.account-modern .account-panel>h4~a.btn[b-zrf49j0yx5]{margin:0 8px 8px 0}
.account-modern .account-panel>a.btn[b-zrf49j0yx5]{margin:0 8px 8px 0}
.account-modern .account-panel>form[style][b-zrf49j0yx5]{display:inline-flex!important;margin:0 8px 8px 0}
.account-modern :focus-visible[b-zrf49j0yx5]{outline:2px solid #1177bd;outline-offset:2px}
@media(max-width:640px){.account-modern[b-zrf49j0yx5]{padding-bottom:28px}.account-modern .account-heading h1[b-zrf49j0yx5]{font-size:19px}.account-modern .account-panel[b-zrf49j0yx5]{padding:17px 15px;border-radius:8px}.account-modern .row>[class*=col-][b-zrf49j0yx5]{max-width:100%}.account-modern .table td[b-zrf49j0yx5]{padding:10px 6px}.account-modern .w-100.btn[b-zrf49j0yx5]{width:100%!important}.account-modern .account-panel>form[style][b-zrf49j0yx5]{display:block!important}}
/* /Components/Admin/BusinessType/Insert.razor.rz.scp.css */
.insert_page[b-442t6uozkm] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-442t6uozkm] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-442t6uozkm] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-442t6uozkm] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-442t6uozkm] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-442t6uozkm] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-442t6uozkm] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Admin/BusinessType/InsertComponent.razor.rz.scp.css */
label[b-sldqmvce4s] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Admin/BusinessType/InsertModal.razor.rz.scp.css */
[b-4ydoaw80mq] .CustomeModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Admin/BusinessType/List.razor.rz.scp.css */
.content_box_inner[b-azaey7hhhi] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-azaey7hhhi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-azaey7hhhi] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-azaey7hhhi] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-azaey7hhhi] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-azaey7hhhi] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-azaey7hhhi] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-azaey7hhhi] {
        outline-color: gray;
    }

.action_btn[b-azaey7hhhi] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-azaey7hhhi] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-azaey7hhhi] {
            width: 100%;
        }

[b-azaey7hhhi] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-azaey7hhhi] .formClass {
    margin-top: 0;
}

[b-azaey7hhhi] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-azaey7hhhi] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-azaey7hhhi] {
        padding: 1rem;
    }

    .brand_header h2[b-azaey7hhhi] {
        font-size: 1.8rem;
    }

    .brand_header a[b-azaey7hhhi] {
        font-size: 1.1rem;
    }

    .search-box[b-azaey7hhhi] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-azaey7hhhi] {
            font-size: 1.1rem;
        }
}
/* /Components/Admin/Business/InsertComponent.razor.rz.scp.css */
label[b-blymfmwtoi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
.update_info[b-blymfmwtoi] {
    position: relative;
    width: 100%;
    top: 0;
    background: white;
    padding: 0;
}
.form_intpurs[b-blymfmwtoi]{
    display:grid;
    gap:1rem;
    grid-template-columns:repeat(2, 1fr);
}
.form_holder[b-blymfmwtoi]{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.select_input_item[b-blymfmwtoi]{
    width:100%;
}

.upload_logo label[b-blymfmwtoi] {
    display: flex;
    gap: 1rem;
    padding: .7rem 1rem;
    background: #c1c3c5;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
}
    .upload_logo label i[b-blymfmwtoi]{
        font-size:2rem;
    }

.input_group[b-blymfmwtoi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .input_group button[b-blymfmwtoi] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .input_group button img[b-blymfmwtoi] {
        width: 100%;
    }




[b-blymfmwtoi] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    height: 100vh;
}
[b-blymfmwtoi] .CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 2rem;
   
}
[b-blymfmwtoi] .formClass {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .update_info[b-blymfmwtoi] {
        width: 100%;
    }
    .form_intpurs[b-blymfmwtoi] {
        grid-template-columns: repeat(1, 1fr);
    }
    [b-blymfmwtoi] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        position: fixed;
        width: 100vw;
        left: 0;
        top: 3.5rem;
        height: 100vh;
        padding: 1rem;
    }
    .CustomeModal .modal_box .modal_head[basemodal-scope][b-blymfmwtoi] {
        padding-bottom: 0;
    }
 
}
@media (min-width:687px) and (max-width:991.98px) {
    .update_info[b-blymfmwtoi] {
        width: 67vw;
    }
}
/* /Components/Admin/Business/Update.razor.rz.scp.css */
.info_Insert_page[b-ioz2az3zae] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ioz2az3zae] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_form[b-ioz2az3zae] {
    width: 40vw;
    margin-top: 3rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius:10px;
    position:relative;
}
.lable_group[b-ioz2az3zae]{
    display:flex;
    gap:1rem;
    align-items:center;
}
    .lable_group label[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }
    .lable_group .sign[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }
    .lable_group span:nth-child(3)[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 400;
    }
.insert_form .edit_btn[b-ioz2az3zae] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position:absolute;
    right:1rem;
    top:1rem;
}
    .insert_form .edit_btn button[b-ioz2az3zae] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-ioz2az3zae] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}
[b-ioz2az3zae] .formClass {
    margin-top: 0;
}
[b-ioz2az3zae] #spanText {
    width: 110px;
}

[b-ioz2az3zae] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ioz2az3zae] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ioz2az3zae] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (min-width:320px) and (max-width:767.98px){
    .insert_form[b-ioz2az3zae] {
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:991.98px){
    .insert_form[b-ioz2az3zae] {
        width: 65vw;
    }
}
/* /Components/Admin/Client/ClientActivityList.razor.rz.scp.css */
.content_box_inner[b-055j3nj50u] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-055j3nj50u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-055j3nj50u] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-055j3nj50u] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-055j3nj50u] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-055j3nj50u] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-055j3nj50u] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-055j3nj50u] {
        outline-color: gray;
    }

.action_btn[b-055j3nj50u] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-055j3nj50u] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-055j3nj50u] {
            width: 100%;
        }

[b-055j3nj50u] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-055j3nj50u] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-055j3nj50u]  #spanText {
    width: 52px;
}

.green-value[b-055j3nj50u] {
    background-color: #d1e7dd;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-055j3nj50u] {
        padding: 1rem;
    }
    [b-055j3nj50u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Create.razor.rz.scp.css */
.create_client[b-js588p8qoa] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-js588p8qoa] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_form[b-js588p8qoa] {
    width: 40vw;
    margin-top: 3rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.lable_group[b-js588p8qoa] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.insert_form .edit_btn[b-js588p8qoa] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-js588p8qoa] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-js588p8qoa] .input_group button {
    min-width: 40px;
    font-size: 2.5rem;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

[b-js588p8qoa] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

[b-js588p8qoa] .formClass {
    margin-top: 0;
}

[b-js588p8qoa] #spanText {
    width: 110px;
}

[b-js588p8qoa] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js588p8qoa] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js588p8qoa] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-js588p8qoa] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .insert_form[b-js588p8qoa] {
        width: 65vw;
    }
}
/* /Components/Admin/Client/CreateComponent.razor.rz.scp.css */
label[b-rflmfbg7st] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}

.update_info[b-rflmfbg7st] {
    left: 0;
    top: -2rem;
    background: white;
}

.form_intpurs[b-rflmfbg7st] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}

.form_holder[b-rflmfbg7st] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.select_input_item[b-rflmfbg7st] {
    width: 100%;
}

.input_group[b-rflmfbg7st] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .input_group button[b-rflmfbg7st] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .input_group button img[b-rflmfbg7st] {
        width: 100%;
    }



[b-rflmfbg7st] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    position: fixed;
    width: 100vw;
    left: 0;
    top:0;
    height: 100vh;
}

[b-rflmfbg7st] .CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 2rem;
}

[b-rflmfbg7st] .formClass {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .update_info[b-rflmfbg7st] {
        width: 100%;
    }

    .form_intpurs[b-rflmfbg7st] {
        grid-template-columns: repeat(1, 1fr);
    }

    [b-rflmfbg7st] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        position: fixed;
        width: 100vw;
        left: 0;
        top: 3.5rem;
        height: 100vh;
        padding: 1rem;
    }

    .CustomeModal .modal_box .modal_head[basemodal-scope][b-rflmfbg7st] {
        padding-bottom: 0;
    }
}

@media (min-width:687px) and (max-width:991.98px) {
    .update_info[b-rflmfbg7st] {
        width: 67vw;
    }
}
/* /Components/Admin/Client/DetailComponent.razor.rz.scp.css */
/* =========================================
   client DETAILS PAGE
========================================= */

.client-details-page[b-sxiuehpziz] {
    width: 100%;
    padding: 0 38px 30px;
    background: #f5f5f5;
    box-sizing: border-box;
}

.client-details-container[b-sxiuehpziz] {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}


/* =========================================
   HEADER
========================================= */

.client-page-header[b-sxiuehpziz] {
    width: 100%;
    min-height: 174px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 30px 0;
    background: #ffffff;
    border-bottom: 1px solid #e6e6e6;
    box-sizing: border-box;
}


/* =========================================
   HEADER LEFT
========================================= */

.client-header-left[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    gap: 30px;
    min-width: 0;
}


/* =========================================
   BACK
========================================= */

.client-back-btn[b-sxiuehpziz] {
    width: 150px;
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    padding: 0 20px;
    background: #ffffff;
    color: #202124;
    border: 1px solid #d0d0d0;
    border-radius: 7px;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}

    .client-back-btn:hover[b-sxiuehpziz] {
        background: #fafafa;
    }

.client-back-icon[b-sxiuehpziz] {
    font-size: 38px;
    font-weight: 300;
    line-height: 1;
    margin-top: -4px;
}


/* =========================================
   TITLE
========================================= */

.client-title-area[b-sxiuehpziz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

    .client-title-area h1[b-sxiuehpziz] {
        margin: 0;
        color: #202124;
        font-size: 52px;
        line-height: 1.05;
        font-weight: 600;
        letter-spacing: -1.2px;
    }

    .client-title-area p[b-sxiuehpziz] {
        margin: 0;
        color: #667085;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 400;
    }


/* =========================================
   HEADER ACTION
========================================= */

.client-header-actions[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.client-header-btn[b-sxiuehpziz] {
    height: 72px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 23px;
    background: #ffffff;
    color: #202124;
    border: 1px solid #d0d0d0;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .client-header-btn:hover[b-sxiuehpziz] {
        background: #fafafa;
    }

.client-btn-icon[b-sxiuehpziz] {
    font-size: 28px;
    font-weight: 300;
    line-height: 1;
}


/* =========================================
   BREADCRUMB
========================================= */

.client-breadcrumb-wrapper[b-sxiuehpziz] {
    padding: 28px 0 22px;
}

.client-breadcrumb[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 21px;
}

.client-breadcrumb-current[b-sxiuehpziz] {
    color: #111111;
    font-weight: 500;
}

.client-breadcrumb-separator[b-sxiuehpziz] {
    color: #aaaaaa;
    font-size: 25px;
    font-weight: 300;
}

.client-breadcrumb-last[b-sxiuehpziz] {
    color: #667085;
    font-weight: 400;
}


/* =========================================
   PROFILE
========================================= */

.client-profile-card[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 20px 22px;
    margin-bottom: 22px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    box-sizing: border-box;
}

.client-profile-main[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.client-avatar[b-sxiuehpziz] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5ff;
    color: #315bd6;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 600;
}

.client-profile-info[b-sxiuehpziz] {
    min-width: 0;
}

.client-name-row[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

    .client-name-row h2[b-sxiuehpziz] {
        margin: 0 0 3px;
        color: #202124;
        font-size: 19px;
        font-weight: 600;
    }

.client-id[b-sxiuehpziz] {
    color: #667085;
    font-size: 11px;
}

.status-badge[b-sxiuehpziz] {
    padding: 4px 9px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 500;
}

    .status-badge.active[b-sxiuehpziz] {
        background: #f1f8f3;
        color: #287a43;
        border: 1px solid #d6eadb;
    }

.client-contact-row[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

    .client-contact-row span[b-sxiuehpziz] {
        color: #667085;
        font-size: 11px;
    }

.member-since[b-sxiuehpziz] {
    padding-left: 24px;
    border-left: 1px solid #e7e7e7;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .member-since span[b-sxiuehpziz] {
        color: #8a8f98;
        font-size: 10px;
    }

    .member-since strong[b-sxiuehpziz] {
        color: #202124;
        font-size: 12px;
        font-weight: 500;
    }


/* =========================================
   SECTION
========================================= */

.section-wrapper[b-sxiuehpziz] {
    margin-bottom: 22px;
}

.section-heading[b-sxiuehpziz] {
    margin-bottom: 12px;
}

    .section-heading h2[b-sxiuehpziz] {
        margin: 0 0 4px;
        color: #202124;
        font-size: 18px;
        font-weight: 600;
    }

    .section-heading p[b-sxiuehpziz] {
        margin: 0;
        color: #667085;
        font-size: 11px;
    }


/* =========================================
   STATISTICS
========================================= */

.statistics-grid[b-sxiuehpziz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.stat-card[b-sxiuehpziz] {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 12px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    box-sizing: border-box;
}

.stat-icon[b-sxiuehpziz] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 7px;
    font-size: 15px;
}

    .stat-icon.blue[b-sxiuehpziz] {
        background: #f1f5ff;
        color: #315bd6;
    }

    .stat-icon.purple[b-sxiuehpziz] {
        background: #f6f2ff;
        color: #7046c8;
    }

    .stat-icon.yellow[b-sxiuehpziz] {
        background: #fff9e8;
        color: #c98a16;
    }

    .stat-icon.orange[b-sxiuehpziz] {
        background: #fff4e9;
        color: #c86d19;
    }

    .stat-icon.red[b-sxiuehpziz] {
        background: #fff1f1;
        color: #c63b3b;
    }

    .stat-icon.green[b-sxiuehpziz] {
        background: #f0f8f2;
        color: #287a43;
    }

.stat-content[b-sxiuehpziz] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .stat-content span[b-sxiuehpziz] {
        color: #667085;
        font-size: 10px;
    }

    .stat-content strong[b-sxiuehpziz] {
        color: #202124;
        font-size: 16px;
        font-weight: 600;
    }


/* =========================================
   CONTENT GRID
========================================= */

.client-content-grid[b-sxiuehpziz] {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
    gap: 16px;
    margin-bottom: 22px;
}

.details-card[b-sxiuehpziz] {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 18px;
    box-sizing: border-box;
}

.card-heading[b-sxiuehpziz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eeeeee;
}

    .card-heading h2[b-sxiuehpziz] {
        margin: 0 0 4px;
        color: #202124;
        font-size: 16px;
        font-weight: 600;
    }

    .card-heading p[b-sxiuehpziz] {
        margin: 0;
        color: #667085;
        font-size: 10px;
    }

.card-action[b-sxiuehpziz] {
    height: 31px;
    padding: 0 10px;
    background: #ffffff;
    color: #4b5563;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 10px;
    cursor: pointer;
}


/* =========================================
   INFORMATION
========================================= */

.information-grid[b-sxiuehpziz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.information-item[b-sxiuehpziz] {
    min-height: 65px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 10px 12px;
    border-bottom: 1px solid #eeeeee;
}

    .information-item:nth-child(odd)[b-sxiuehpziz] {
        border-right: 1px solid #eeeeee;
    }

    .information-item span[b-sxiuehpziz] {
        color: #667085;
        font-size: 10px;
    }

    .information-item strong[b-sxiuehpziz] {
        color: #202124;
        font-size: 12px;
        font-weight: 500;
    }

.active-text[b-sxiuehpziz] {
    color: #287a43 !important;
}


/* =========================================
   ACCOUNT
========================================= */

.account-summary[b-sxiuehpziz] {
    display: flex;
    flex-direction: column;
}

.account-item[b-sxiuehpziz] {
    min-height: 51px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eeeeee;
}

    .account-item span[b-sxiuehpziz] {
        color: #667085;
        font-size: 11px;
    }

    .account-item strong[b-sxiuehpziz] {
        color: #202124;
        font-size: 13px;
        font-weight: 600;
    }

.paid-text[b-sxiuehpziz] {
    color: #287a43 !important;
}

.account-due[b-sxiuehpziz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    padding: 12px 13px;
    background: #fff7ed;
    border: 1px solid #f3d8b7;
    border-radius: 6px;
}

    .account-due span[b-sxiuehpziz] {
        color: #9a5b24;
        font-size: 11px;
    }

    .account-due strong[b-sxiuehpziz] {
        color: #c63b3b;
        font-size: 16px;
        font-weight: 600;
    }


/* =========================================
   QUICK ACTIONS
========================================= */

.quick-actions-card[b-sxiuehpziz] {
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 18px;
}

.quick-actions-grid[b-sxiuehpziz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding-top: 15px;
}

.quick-action[b-sxiuehpziz] {
    min-height: 55px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px;
    padding: 10px 12px;
    background: #ffffff;
    color: #202124;
    border: 1px solid #dddddd;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
}

    .quick-action:hover[b-sxiuehpziz] {
        background: #fafafa;
    }

    .quick-action strong[b-sxiuehpziz] {
        font-size: 11px;
        font-weight: 600;
    }

    .quick-action small[b-sxiuehpziz] {
        color: #667085;
        font-size: 9px;
    }


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1200px) {

    .client-title-area h1[b-sxiuehpziz] {
        font-size: 42px;
    }

    .client-title-area p[b-sxiuehpziz] {
        font-size: 19px;
    }

    .client-back-btn[b-sxiuehpziz] {
        width: 125px;
        height: 58px;
        font-size: 19px;
    }

    .client-header-btn[b-sxiuehpziz] {
        height: 58px;
        font-size: 15px;
    }

    .statistics-grid[b-sxiuehpziz] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .quick-actions-grid[b-sxiuehpziz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 900px) {

    .client-page-header[b-sxiuehpziz] {
        align-items: flex-start;
        flex-direction: column;
        padding: 25px 0;
    }

    .client-header-actions[b-sxiuehpziz] {
        width: 100%;
    }

    .client-header-btn[b-sxiuehpziz] {
        width: 100%;
    }

    .client-profile-card[b-sxiuehpziz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-since[b-sxiuehpziz] {
        width: 100%;
        padding: 12px 0 0;
        border-left: 0;
        border-top: 1px solid #eeeeee;
    }

    .client-content-grid[b-sxiuehpziz] {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 600px) {

    .client-details-page[b-sxiuehpziz] {
        padding: 0 15px 25px;
    }

    .client-header-left[b-sxiuehpziz] {
        gap: 15px;
    }

    .client-back-btn[b-sxiuehpziz] {
        width: auto;
        height: 48px;
        padding: 0 15px;
        font-size: 16px;
    }

    .client-back-icon[b-sxiuehpziz] {
        font-size: 28px;
    }

    .client-title-area h1[b-sxiuehpziz] {
        font-size: 29px;
    }

    .client-title-area p[b-sxiuehpziz] {
        font-size: 14px;
    }

    .statistics-grid[b-sxiuehpziz] {
        grid-template-columns: 1fr;
    }

    .information-grid[b-sxiuehpziz] {
        grid-template-columns: 1fr;
    }

    .information-item:nth-child(odd)[b-sxiuehpziz] {
        border-right: 0;
    }

    .quick-actions-grid[b-sxiuehpziz] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Admin/Client/List.razor.rz.scp.css */
.content_box_inner[b-panv6uzjj0] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-panv6uzjj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-panv6uzjj0] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-panv6uzjj0] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-panv6uzjj0] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-panv6uzjj0] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-panv6uzjj0] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-panv6uzjj0] {
        outline-color: gray;
    }

.action_btn[b-panv6uzjj0] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-panv6uzjj0] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-panv6uzjj0] {
            width: 100%;
        }

[b-panv6uzjj0] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-panv6uzjj0] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-panv6uzjj0]  #spanText {
    width: 52px;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-panv6uzjj0] {
        padding: 1rem;
    }
    [b-panv6uzjj0] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Only30DaysActive.razor.rz.scp.css */
.content_box_inner[b-iu3e9jr60m] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-iu3e9jr60m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-iu3e9jr60m] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-iu3e9jr60m] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search_bar[b-iu3e9jr60m] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-iu3e9jr60m] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-iu3e9jr60m] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-iu3e9jr60m], select[b-iu3e9jr60m] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-iu3e9jr60m] {
        margin-left: auto;
    }

.input_date[b-iu3e9jr60m] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.report_button[b-iu3e9jr60m] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-iu3e9jr60m] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-iu3e9jr60m] {
    opacity: .8;
}

.action_btn[b-iu3e9jr60m] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-iu3e9jr60m] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-iu3e9jr60m] {
            width: 100%;
        }

[b-iu3e9jr60m] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-iu3e9jr60m] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-iu3e9jr60m]  #spanText {
    width: 52px;
}

.green-value[b-iu3e9jr60m] {
    background-color: #d1e7dd;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-iu3e9jr60m] {
        padding: 1rem;
    }
    [b-iu3e9jr60m] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Registration.razor.rz.scp.css */
/* /Components/Admin/Client/RegistrationComponent.razor.rz.scp.css */
.form_wrapper[b-mgjh4lt4e3] {
    padding: 2rem;
    background: var(--primary-bg);
    width: 50rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.user_info[b-mgjh4lt4e3] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;
}

.user_info_input_group label[b-mgjh4lt4e3] {
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
    user-select: none;
}

.form_wrapper h3[b-mgjh4lt4e3] {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.select_user[b-mgjh4lt4e3] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
}

.checkbox .form-label[b-mgjh4lt4e3] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.3rem;
    font-weight: 400;
}

.submit_btn[b-mgjh4lt4e3] {
    margin-top: 1rem;
}

@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-mgjh4lt4e3] {
        width: auto;
    }

    .select_user[b-mgjh4lt4e3] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}
/* /Components/Admin/Copy/CopyProductIdAndUnitId.razor.rz.scp.css */
.copy-page[b-3qmmnsw7sh] {
    padding: 30px;
}

.copy-btn[b-3qmmnsw7sh] {
    border: 0;
    padding: 9px 18px;
    border-radius: 7px;
    background: #2563eb;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .copy-btn:hover[b-3qmmnsw7sh] {
        background: #1d4ed8;
    }
/* /Components/Admin/Currency/Insert.razor.rz.scp.css */
.insert_page[b-av9syr13sf] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-av9syr13sf] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-av9syr13sf] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-av9syr13sf] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-av9syr13sf] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-av9syr13sf] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-av9syr13sf] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Admin/Currency/InsertComponent.razor.rz.scp.css */
label[b-zv0tkc79ma] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Admin/Currency/List.razor.rz.scp.css */
.content_box_inner[b-xxc7xdue9e] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .product_unit_header[b-xxc7xdue9e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_unit_header h2[b-xxc7xdue9e] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.product_unit_header a[b-xxc7xdue9e] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xxc7xdue9e] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xxc7xdue9e] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xxc7xdue9e] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xxc7xdue9e] {
        outline-color: gray;
    }
.action_btn[b-xxc7xdue9e] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xxc7xdue9e] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xxc7xdue9e] {
            width: 100%;
        }

[b-xxc7xdue9e] .formClass {
    margin-top: 0;
}
[b-xxc7xdue9e] #PriceUnitInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-xxc7xdue9e] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-xxc7xdue9e] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xxc7xdue9e] {
        padding: 1rem;
    }
    .product_unit_header h2[b-xxc7xdue9e] {
        font-size: 1.8rem;
    }

    .product_unit_header a[b-xxc7xdue9e] {
        font-size: 1.1rem;
    }

    .search-box[b-xxc7xdue9e] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xxc7xdue9e] {
            font-size: 1.1rem;
        }
}
/* /Components/Admin/Role/Insert.razor.rz.scp.css */
.user_Insert_page[b-xbn3vmq80d] {
    padding: 2rem;
    background: var(--primary-bg);
}

.user_insert_header h2[b-xbn3vmq80d] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Admin/Role/InsertComponent.razor.rz.scp.css */
.form_wrapper[b-i0cqzvao7w] {
    padding: 2rem;
    background: var(--primary-bg);
    width: 50rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.user_info[b-i0cqzvao7w] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;
}

.user_info_input_group label[b-i0cqzvao7w] {
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
    user-select: none;
}

.form_wrapper h3[b-i0cqzvao7w] {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.select_user[b-i0cqzvao7w] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
}

.checkbox[b-i0cqzvao7w] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox .form-label[b-i0cqzvao7w] {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0;
        cursor: pointer;
        user-select: none;
    }

[b-i0cqzvao7w] .submit_btn {
    margin-top: 1rem;
}

@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-i0cqzvao7w] {
        width: auto;
    }

    .select_user[b-i0cqzvao7w] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}
/* /Components/Admin/Role/List.razor.rz.scp.css */
.content_box_inner[b-d73id3rh9a] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-d73id3rh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-d73id3rh9a] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-d73id3rh9a] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-d73id3rh9a] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-d73id3rh9a] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-d73id3rh9a] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-d73id3rh9a] {
        outline-color: gray;
    }

.action_btn[b-d73id3rh9a] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-d73id3rh9a] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-d73id3rh9a] {
            width: 100%;
        }

[b-d73id3rh9a] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-d73id3rh9a] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-d73id3rh9a]  #spanText {
    width: 52px;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-d73id3rh9a] {
        padding: 1rem;
    }

    [b-d73id3rh9a] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/SystemSetting.razor.rz.scp.css */

.setting_wrapper[b-zbi5n3rej4]{
    padding:2rem;
    background:var(--primary-bg);
}
.setting_header[b-zbi5n3rej4]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:2rem;
    border-bottom:1px solid lightgray;
}
.setting_header h1[b-zbi5n3rej4]{
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
    .setting_header button[b-zbi5n3rej4] {
        min-width: 6rem;
        font-size: 1.3rem;
    }
    .settings_container[b-zbi5n3rej4] {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 3rem;
        padding-top: 3rem;
    }

.setting_group[b-zbi5n3rej4]{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:.5rem;
}
    .setting_group label[b-zbi5n3rej4] {
        font-size: 1.2rem;
        font-weight: 600;
        color: black;
        user-select:none;
        cursor:pointer;
    }
    /*toggle button css*/
    .toggle-switch[b-zbi5n3rej4] {
        display: inline-block;
        position: relative;
        width: 60px;
        height: 24px;
    }

.toggle-input[b-zbi5n3rej4] {
    display: none;
}

.toggle-label[b-zbi5n3rej4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 24px;
    background-color: #ccc;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .toggle-label[b-zbi5n3rej4]:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.3s;
    }

.toggle-input:checked + .toggle-label[b-zbi5n3rej4] {
    background-color: #4fbf26;
}

    .toggle-input:checked + .toggle-label[b-zbi5n3rej4]:before {
        transform: translateX(26px);
    }


.product_create_container[b-zbi5n3rej4] {
    background: var(--primary-bg);
}


    .product_create_container .insert_product_form[b-zbi5n3rej4] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-zbi5n3rej4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-zbi5n3rej4] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-zbi5n3rej4] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-zbi5n3rej4] {
        margin: 0;
    }


.product_create_container .form_group input[b-zbi5n3rej4] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    width: 100%;
}

    .product_create_container .form_group input:focus[b-zbi5n3rej4] {
        outline: none;
    }

.product_create_container .form_group select[b-zbi5n3rej4] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .product_create_container .form_group select:focus[b-zbi5n3rej4] {
        outline: none;
    }

.select_group[b-zbi5n3rej4] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.select_item[b-zbi5n3rej4] {
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;
}

    .select_item select[b-zbi5n3rej4] {
        width: -webkit-fill-available;
    }

[b-zbi5n3rej4] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.select_item button[b-zbi5n3rej4] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .select_item button img[b-zbi5n3rej4] {
        width: 100%;
    }

    .select_item button:focus[b-zbi5n3rej4] {
        outline: none;
        border: none;
        box-shadow: none;
    }

[b-zbi5n3rej4] .loadSpinner[Spinner-scope] {
    background: var(--secondary-bg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    @media (min-width:320px) and (max-width:575.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(2,1fr);
            gap:1.3rem;
        }
    }
    @media (min-width:576px) and (max-width:767.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(2,1fr);
        }
    }
    @media (min-width:768px) and (max-width:1279.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(4,1fr);
        }
    }
/* /Components/Admin/User/Insert.razor.rz.scp.css */
.user_Insert_page[b-tfsso8zp3d] {
    padding: 2rem;
    background: var(--primary-bg);
}

.user_insert_header h2[b-tfsso8zp3d] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Admin/User/InsertComponent.razor.rz.scp.css */
.form_wrapper[b-61yj3y5g3z] {
    padding: 2rem;
    background: var(--primary-bg);
   /* width: 50rem;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
}
.user_info[b-61yj3y5g3z] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;

}
.user_info_input_group label[b-61yj3y5g3z]{
    font-size:1.2rem;
    font-weight:500;
    padding-bottom:1rem;
    user-select:none;
}
.form_wrapper h3[b-61yj3y5g3z] {
    padding: 1rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.select_user[b-61yj3y5g3z] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
}
.checkbox[b-61yj3y5g3z] {
    display: flex;
    gap: .5rem;
    align-items: center;
}
    .checkbox .form-label[b-61yj3y5g3z] {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0;
        cursor: pointer;
        user-select: none;
        white-space: nowrap;
    }
[b-61yj3y5g3z] .submit_btn {
    margin-top: 1rem;
}
@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-61yj3y5g3z] {
        width: auto;
    }
    .select_user[b-61yj3y5g3z] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}

.user_insert_header[b-61yj3y5g3z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0 0;
    z-index: 9;
}

.user_insert_header_left[b-61yj3y5g3z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Admin/User/List.razor.rz.scp.css */
.content_box_inner[b-92tromejvh] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-92tromejvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-92tromejvh] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-92tromejvh] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-92tromejvh] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-92tromejvh] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-92tromejvh] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-92tromejvh] {
        outline-color: gray;
    }

.action_btn[b-92tromejvh] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-92tromejvh] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-92tromejvh] {
            width: 100%;
        }

[b-92tromejvh] .CustomeModal .modal_box[BaseModal-scope] {
     margin-top: 0; 
     width: auto; 
}
[b-92tromejvh] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-92tromejvh]  #spanText {
    width: 52px;
}
@media (min-width:320px) and (max-width:575.98px){
    .content_box_inner[b-92tromejvh] {
        padding: 1rem;
    }
    [b-92tromejvh] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
footer[b-8ta4bdq4c1] {
    padding: 0.5rem 1rem;
    background: rgb(247, 247, 247);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 6;
}

footer p[b-8ta4bdq4c1] {
    font-size: 1.2rem;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    padding-left: 2rem;
    max-width: 1680px;
    margin: 0 auto;
}


@media (min-width:320px) and (max-width: 575.99px) {
    footer p[b-8ta4bdq4c1] {
        padding: 0;
        text-align: center;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    footer p[b-8ta4bdq4c1] {
        padding: 0;
        text-align: left;
    }
}
/* /Components/Layout/FooterEmptyLayout.razor.rz.scp.css */
[b-o0gwub5we2] footer p{
    font-size: 1.2rem;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
     padding-left: 0; 
    margin: 0;
    text-align: center;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-eo270u90vn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-eo270u90vn] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#wrapper[b-eo270u90vn] {
    width: 100%;
    display: flex;
    background: var(--primary-bg);
}

    #wrapper .content[b-eo270u90vn] {
        width: 100%;
        position: relative;
        overflow: auto;
        height: 100vh;
        background: var(--secondary-bg);
    }

.content_body[b-eo270u90vn] {
    padding: 2rem;
    overflow-y: scroll;
    height: 90vh;
    max-width: 1940px;
    margin: 0 auto;
    position: relative;
}

    .content_body[b-eo270u90vn]::-webkit-scrollbar {
        display: none;
    }




.top-row[b-eo270u90vn] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-eo270u90vn]  a, .top-row[b-eo270u90vn]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-eo270u90vn]  a:hover, .top-row[b-eo270u90vn]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-eo270u90vn]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }


@media (max-width: 640.98px) {
    .top-row[b-eo270u90vn] {
        justify-content: space-between;
    }

        .top-row[b-eo270u90vn]  a, .top-row[b-eo270u90vn]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-eo270u90vn] {
        flex-direction: row;
    }

    .sidebar[b-eo270u90vn] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-eo270u90vn] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-eo270u90vn]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-eo270u90vn], article[b-eo270u90vn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-eo270u90vn] {
    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-eo270u90vn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (min-width:320px) and (max-width: 575.99px) {
    .content_body[b-eo270u90vn] {
        padding: 2rem 1.5rem;
    }
}

@media (min-width:1500px) {
    .content_body[b-eo270u90vn] {
        height: 92vh;
        padding-bottom: 1.5rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Top navigation. Keep existing JS dropdown and sidebar hooks. */
.nav_area[b-gi2yh67g04] {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    border-bottom: 1px solid #e6eaf0;
    box-shadow: 0 2px 12px rgba(20,35,55,.035);
    font: 14px/1.45 "Segoe UI",Arial,sans-serif;
    color: #29323d
}

    .nav_area *[b-gi2yh67g04], .nav_area *[b-gi2yh67g04]::before, .nav_area *[b-gi2yh67g04]::after {
        box-sizing: border-box
    }

    .nav_area .navbar[b-gi2yh67g04] {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        min-height: 0;
        border: 0;
        background: transparent
    }

.sticky_header[b-gi2yh67g04] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    max-width: 1940px;
    min-height: 68px;
    margin: 0 auto;
    padding: 10px 24px
}

.top-icon-button[b-gi2yh67g04] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid #e5e9ef;
    border-radius: 9px;
    background: #fff;
    color: #526173;
    cursor: pointer;
    transition: background .15s,border-color .15s,color .15s
}

    .top-icon-button:hover[b-gi2yh67g04] {
        background: #f1f7fc;
        border-color: #cbdfee;
        color: #1177bd
    }

.nav_action[b-gi2yh67g04] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto
}

.notification[b-gi2yh67g04], .user_info[b-gi2yh67g04] {
    position: relative
}

.notification_dropdown[b-gi2yh67g04], .user_drawer[b-gi2yh67g04] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    display: none;
    background: #fff;
    border: 1px solid #e6eaf0;
    border-radius: 12px;
    box-shadow: 0 14px 40px rgba(24,39,57,.13);
    z-index: 100;
    overflow: hidden
}

    .notification_dropdown.active[b-gi2yh67g04], .user_drawer.active[b-gi2yh67g04] {
        display: block
    }

.notification_dropdown[b-gi2yh67g04] {
    width: 290px;
    max-width: calc(100vw - 24px)
}

.dropdown-title[b-gi2yh67g04] {
    padding: 15px 18px;
    border-bottom: 1px solid #edf0f3;
    font-size: 14px;
    font-weight: 650;
    color: #29323d
}

.notification-empty[b-gi2yh67g04] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 28px 20px 30px
}

.notification-empty-icon[b-gi2yh67g04] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #edf7fd;
    color: #1177bd;
    font-size: 22px;
    margin-bottom: 5px
}

.notification-empty strong[b-gi2yh67g04] {
    font-size: 14px;
    font-weight: 650;
    color: #303b46
}

.notification-empty p[b-gi2yh67g04] {
    margin: 0;
    color: #7b8794;
    font-size: 12px;
    line-height: 1.5
}

.top-user-button[b-gi2yh67g04] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 3px 8px 3px 4px;
    background: #fff;
    border: 1px solid #e5e9ef;
    border-radius: 22px;
    cursor: pointer;
    color: #687587
}

    .top-user-button:hover[b-gi2yh67g04] {
        background: #f7fafc;
        border-color: #cbdfee
    }

.user_avatar[b-gi2yh67g04], .user_img[b-gi2yh67g04] {
    display: block;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #edf2f7
}

.user_avatar[b-gi2yh67g04] {
    width: 32px;
    height: 32px
}

    .user_avatar img[b-gi2yh67g04], .user_img img[b-gi2yh67g04] {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.user-chevron[b-gi2yh67g04] {
    display: inline-flex;
    align-items: center
}

.user_drawer[b-gi2yh67g04] {
    width: 270px;
    max-width: calc(100vw - 24px)
}

.user_img_and_name[b-gi2yh67g04] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px;
    background: #f8fafc;
    border-bottom: 1px solid #edf0f3
}

.user_img[b-gi2yh67g04] {
    width: 46px;
    height: 46px
}

.user_identity[b-gi2yh67g04] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px
}

    .user_identity strong[b-gi2yh67g04] {
        font-size: 14px;
        font-weight: 650;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #26323e
    }

    .user_identity span[b-gi2yh67g04] {
        font-size: 12px;
        color: #84909c
    }

.user_links[b-gi2yh67g04] {
    padding: 8px
}

    .user_links .Drawer_link[b-gi2yh67g04] {
        display: flex;
        align-items: center;
        gap: 11px;
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: #3e4b58;
        text-decoration: none;
        font: 500 14px/1.4 "Segoe UI",Arial,sans-serif;
        text-align: left;
        cursor: pointer
    }

        .user_links .Drawer_link:hover[b-gi2yh67g04] {
            background: #edf7fd;
            color: #1177bd
        }

    .user_links form[b-gi2yh67g04] {
        margin: 0
    }

.user-links-divider[b-gi2yh67g04] {
    height: 1px;
    background: #edf0f3;
    margin: 6px 4px
}

.user_links .logout-link[b-gi2yh67g04] {
    color: #b73e3e
}

    .user_links .logout-link:hover[b-gi2yh67g04] {
        background: #fff2f2;
        color: #a52c2c
    }

.nav_area button:focus-visible[b-gi2yh67g04], .nav_area a:focus-visible[b-gi2yh67g04] {
    outline: 2px solid #1177bd;
    outline-offset: 2px
}

@media(max-width:767px) {
    .sticky_header[b-gi2yh67g04] {
        min-height: 60px;
        padding: 8px 14px
    }

    .nav_action[b-gi2yh67g04] {
        gap: 9px
    }

    .top-icon-button[b-gi2yh67g04] {
        width: 38px;
        height: 38px;
        flex-basis: 38px
    }

    .notification_dropdown[b-gi2yh67g04] {
        right: -56px
    }

    .user_drawer[b-gi2yh67g04] {
        right: 0
    }
}

@media(prefers-reduced-motion:reduce) {
    .top-icon-button[b-gi2yh67g04] {
        transition: none
    }
}
/* /Components/Layout/SideBar.razor.rz.scp.css */
/* DNE.Inventory sidebar. Existing selectors retained; typography refined in place. */
#sidebar[b-osppsobduy] {
    min-width: 300px;
    max-width: 300px;
    padding: 1rem 2.5rem 0;
    background: var(--primary-bg);
    box-shadow: 0 0 1rem rgba(128,128,128,.527);
    height: 100vh;
    transition: .4s ease;
    z-index: 9999;
}

    #sidebar.active[b-osppsobduy] {
        min-width: 90px;
        max-width: 90px;
    }

.sidebar_inner[b-osppsobduy] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: auto;
}

.logo[b-osppsobduy] {
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: .3s all ease-out;
    width: 16vw;
}

    .logo h2[b-osppsobduy] {
        font-family: "Josefin Sans", sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        color: rgb(54,54,54);
        transition: .3s all ease-out;
    }

        .logo h2.active[b-osppsobduy] {
            display: none;
        }

    .logo .logo_img[b-osppsobduy] {
        width: 4rem;
    }

        .logo .logo_img img[b-osppsobduy] {
            width: 100%;
        }

.SidbarToggler_mobile[b-osppsobduy] {
    width: 3rem;
    height: 3rem;
    display: none;
    justify-content: center;
    align-items: center;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-size: 1.7rem;
}

    .SidbarToggler_mobile img[b-osppsobduy] {
        width: 3rem;
    }

#navbarSupportedContent[b-osppsobduy] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#sidebar .sidebar_inner .navbar[b-osppsobduy] {
    justify-content: flex-start;
    height: 100%;
    padding-top: 3rem;
}

#sidebar .sidebar_inner .components[b-osppsobduy] {
    padding-left: 0;
    margin-bottom: 0;
}

.components #home_menu[b-osppsobduy], .components_menu[b-osppsobduy] {
    position: relative;
}

    .components #home_menu[b-osppsobduy]::after, .components_menu[b-osppsobduy]::after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 0;
        display: inline-block;
        margin-left: .255em;
        border-top: .5rem solid;
        border-right: .5rem solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        color: rgb(21,36,250);
    }

.components > li[b-osppsobduy] {
    padding: .5rem 0;
    display: flex;
    align-items: flex-start;
    color: rgb(54,54,54);
    border-bottom: 1px solid rgba(255,255,255,.1);
    text-decoration: none;
    font-size: 2rem;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    cursor: pointer;
    list-style-type: none;
    user-select: none;
    flex-direction: column;
}

.components li .side_bar_menus[b-osppsobduy] {
    display: flex;
    align-items: center;
}

    .components li .side_bar_menus .menu_icon[b-osppsobduy] {
        width: 45px;
        height: 45px;
    }

        .components li .side_bar_menus .menu_icon img[b-osppsobduy] {
            width: 100%;
        }

.components > li:hover[b-osppsobduy], .components > li.active[b-osppsobduy] {
    color: rgb(21,36,250);
}

    .components > li.active span:first-child[b-osppsobduy] {
        background: rgb(206,206,206);
    }

.components > li .menu_icon[b-osppsobduy] {
    font-size: 2.3rem;
    font-weight: 500;
    height: 4rem;
    width: 4rem;
    padding: .7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}

.menu-item[b-osppsobduy] {
    position: relative;
}

    .menu-item[b-osppsobduy]:before {
        content: "";
        width: 1rem;
        height: 1rem;
        right: 8px;
        top: 18px;
        position: absolute;
        border-left: 2px solid #ababab;
        border-top: 2px solid #ababab;
        transform: rotate(-137deg);
        transition: .3s ease-in-out;
        transform-origin: center;
    }

.submenu[b-osppsobduy] {
    width: 100%;
    padding-left: 5rem;
    display: none;
}

    .submenu li[b-osppsobduy] {
        list-style-type: none;
    }

        .submenu li a[b-osppsobduy] {
            width: 100%;
            font-size: 1.7rem;
            padding: .8rem 1rem;
            transition: all .1s ease-in-out;
            color: black;
            display: flex;
            align-items: center;
            line-height: 18px;
        }

        .submenu li:hover[b-osppsobduy] {
            background: #e5e5e5;
        }

            .submenu li:hover a[b-osppsobduy] {
                color: rgb(21,36,250) !important;
            }

.active-submenu[b-osppsobduy] {
    display: block;
}

#AdminSettingLi[b-osppsobduy] {
    padding: .5rem;
}

.menu-item.rotate[b-osppsobduy]:before {
    transform: rotate(45deg);
}

.menu-item.hidden[b-osppsobduy]:before {
    display: none;
}

.submenu-item span[b-osppsobduy] {
    font-size: 1.7rem;
    margin: .4rem 0;
    padding: .4rem;
    transition: all .1s ease-in-out;
    list-style-type: none;
    color: black;
    cursor: pointer;
    width: 100%;
    display: block;
}

.submenu-item:hover[b-osppsobduy] {
    background-color: transparent !important;
}

    .submenu-item:hover span[b-osppsobduy] {
        background: #e5e5e5;
        color: rgb(21,36,250);
    }

.submenu-item.active span[b-osppsobduy] {
    color: black;
    background: #e5e5e5;
}

.submenu2[b-osppsobduy] {
    display: none;
}

    .submenu2 li[b-osppsobduy] {
        font-size: 1.5rem;
        list-style-type: disc !important;
        color: black;
        padding: .5rem;
        margin: .5rem 0;
    }

        .submenu2 li:hover[b-osppsobduy] {
            background: #d6d6d6;
            color: black;
        }

    .submenu2 a li:hover[b-osppsobduy] {
        text-decoration: none;
    }

.active-submenu2[b-osppsobduy] {
    display: block;
}

li.menu_link.active[b-osppsobduy] {
    background: #e5e5e5;
    color: blue;
}

.subWithChild[b-osppsobduy] {
    position: relative;
}

    .subWithChild[b-osppsobduy]:before {
        content: "";
        position: absolute;
        height: .7rem;
        width: .7rem;
        right: 8px;
        top: 13px;
        border-left: 2px solid #ababab;
        border-top: 2px solid #ababab;
        transform: rotate(-137deg);
        transition: .3s ease-in-out;
        transform-origin: center;
    }

    .subWithChild.rotate[b-osppsobduy]:before {
        transform: rotate(45deg);
    }

    .subWithChild.hidden[b-osppsobduy]:before {
        display: none;
    }

#sidebar .sidebar_inner .footer[b-osppsobduy] {
    margin-top: auto;
}

    #sidebar .sidebar_inner .footer p[b-osppsobduy] {
        color: rgb(212,212,212);
        font-size: 1.5rem;
        font-family: poppins,Arial,sans-serif;
        font-weight: 400;
        text-align: center;
    }

        #sidebar .sidebar_inner .footer p span[b-osppsobduy] {
            display: block;
            margin-top: 2rem;
            font-size: 2rem;
            color: rgb(21,36,250);
        }
/* Limit scrollbar styling to sidebar; do not affect grids and drawers elsewhere. */
#sidebar *[b-osppsobduy] {
    scrollbar-width: none;
}

    #sidebar *[b-osppsobduy]::-ms-overflow-style {
        display: none;
    }

    #sidebar *[b-osppsobduy]::-webkit-scrollbar {
        width: 3px;
    }

    #sidebar *[b-osppsobduy]::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        background-color: transparent;
    }

    #sidebar *[b-osppsobduy]::-webkit-scrollbar-thumb {
        background-color: transparent;
    }

@media (min-width: 320px) and (max-width: 991.99px) {
    #sidebar[b-osppsobduy] {
        position: absolute;
        left: -100%;
        top: 0;
        padding: 1rem 1rem 0;
    }

        #sidebar.active[b-osppsobduy] {
            left: 0;
            min-width: 280px;
            max-width: 280px;
        }

    .logo[b-osppsobduy] {
        transition: .3s all ease-out;
        width: auto;
    }

    .SidbarToggler_mobile[b-osppsobduy] {
        display: flex;
        margin-left: auto;
    }

    .sticky_header[b-osppsobduy] {
        padding: 1.4rem 1rem;
    }
}
/* /Components/Pages/Brand/Insert.razor.rz.scp.css */
.insert_page[b-yatrjbko7c] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-yatrjbko7c] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-yatrjbko7c] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-yatrjbko7c] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-yatrjbko7c] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-yatrjbko7c] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-yatrjbko7c] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Brand/InsertComponent.razor.rz.scp.css */
label[b-amckm0m5y5] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Brand/InsertModal.razor.rz.scp.css */
[b-7m4wo18g13] .CustomeModal .modal_box[BaseModal-scope] {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Pages/Brand/List.razor.rz.scp.css */
.content_box_inner[b-va1od7amro] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-va1od7amro] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-va1od7amro] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-va1od7amro] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-va1od7amro] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-va1od7amro] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-va1od7amro] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-va1od7amro] {
        outline-color: gray;
    }

.action_btn[b-va1od7amro] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-va1od7amro] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-va1od7amro] {
            width: 100%;
        }
[b-va1od7amro] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-va1od7amro] .formClass {
    margin-top: 0;
}
[b-va1od7amro] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-va1od7amro] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-va1od7amro] {
        padding: 1rem;
    }
    .brand_header h2[b-va1od7amro] {
        font-size: 1.8rem;
    }

    .brand_header a[b-va1od7amro] {
        font-size: 1.1rem;
    }

    .search-box[b-va1od7amro] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-va1od7amro] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Category/Insert.razor.rz.scp.css */
.insert_page[b-kxbuebxqlj] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-kxbuebxqlj] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.category_insert[b-kxbuebxqlj] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-kxbuebxqlj] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-kxbuebxqlj] .formClass {
    margin-top: 0;
}
[b-kxbuebxqlj] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-kxbuebxqlj] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-kxbuebxqlj] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/Category/InsertComponent.razor.rz.scp.css */
.submit_btn[b-1xztl8c680] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-1xztl8c680] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Category/InsertModal.razor.rz.scp.css */
/* /Components/Pages/Category/List.razor.rz.scp.css */
.content_box_inner[b-9qjyp8yvoa] {
    width: 100%;
    height: 100%;
    background:var(--primary-bg);
    padding:2rem;
}

.content_box_inner .category_header[b-9qjyp8yvoa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-9qjyp8yvoa] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-9qjyp8yvoa] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-9qjyp8yvoa] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-9qjyp8yvoa] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-9qjyp8yvoa] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-9qjyp8yvoa] {
        outline-color: gray;
    }

.action_btn[b-9qjyp8yvoa] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-9qjyp8yvoa] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-9qjyp8yvoa] {
            width: 100%;
        }
[b-9qjyp8yvoa] .formClass {
    margin-top: 0;
}
[b-9qjyp8yvoa] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-9qjyp8yvoa] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-9qjyp8yvoa] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-9qjyp8yvoa] {
        padding: 1rem;
    }
    .category_header h2[b-9qjyp8yvoa] {
        font-size: 1.5rem;
    }

    .category_header a[b-9qjyp8yvoa]{
        font-size: 1.1rem;
    }

    .search-box[b-9qjyp8yvoa] {
        justify-content: flex-start;
    }

    .search-box .search_key[b-9qjyp8yvoa]{
        border-color: gray;
        border: 1px solid gray;
        border-radius: .5rem;
        outline: none;
        font-size: 1rem;
    }
    [b-9qjyp8yvoa] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/ClientAccount/AccountReport.razor.rz.scp.css */
.content_box_inner[b-qivk3bs6hb] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-qivk3bs6hb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-qivk3bs6hb] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-qivk3bs6hb] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-qivk3bs6hb] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-qivk3bs6hb] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-qivk3bs6hb] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-qivk3bs6hb], select[b-qivk3bs6hb] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-qivk3bs6hb] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-qivk3bs6hb] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-qivk3bs6hb] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-qivk3bs6hb] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-qivk3bs6hb] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-qivk3bs6hb] {
    opacity: .8;
}

.table_container[b-qivk3bs6hb] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-qivk3bs6hb] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-qivk3bs6hb] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-qivk3bs6hb] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-qivk3bs6hb] {
    white-space: nowrap;
}

thead tr th[b-qivk3bs6hb] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-qivk3bs6hb] {
        text-align: right;
    }

tbody tr[b-qivk3bs6hb] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-qivk3bs6hb] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-qivk3bs6hb] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-qivk3bs6hb] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-qivk3bs6hb] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-qivk3bs6hb] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-qivk3bs6hb] {
        padding: 3rem 1rem;
    }

    .table_container[b-qivk3bs6hb] {
        margin-top: 2rem;
    }

    .search_bar[b-qivk3bs6hb] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-qivk3bs6hb] {
        overflow: auto;
    }

    .submit_btn[b-qivk3bs6hb] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-qivk3bs6hb] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-qivk3bs6hb] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-qivk3bs6hb] {
            width: auto;
        }

    .submit_btn[b-qivk3bs6hb] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-qivk3bs6hb] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/ClientAccount/DetailComponent.razor.rz.scp.css */
.insert_container[b-eumxnbbbtt] {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

.info_Insert_page[b-eumxnbbbtt] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-eumxnbbbtt] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_form[b-eumxnbbbtt] {
    width: 100%;
    height: max-content;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.customer_button[b-eumxnbbbtt] {
    text-align: right;
}

.lable_group[b-eumxnbbbtt] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.insert_form_right[b-eumxnbbbtt] {
    width: 100%;
    height: 43rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

    .insert_form_right[b-eumxnbbbtt]  .tableContainer {
        min-height: 43rem;
        max-height: 50rem;
    }

.lable_group_right[b-eumxnbbbtt] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: right;
}

.insert_form .edit_btn[b-eumxnbbbtt] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-eumxnbbbtt] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-eumxnbbbtt] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

[b-eumxnbbbtt] .formClass {
    margin-top: 0;
}

[b-eumxnbbbtt] #spanText {
    width: 110px;
}

[b-eumxnbbbtt] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-eumxnbbbtt] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-eumxnbbbtt] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.due_table[b-eumxnbbbtt]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

.due_table[b-eumxnbbbtt]  .col-options label {
    display: block;
    margin-bottom: 10px;
}

.due_table[b-eumxnbbbtt] {
    margin-top: 2rem;
}

.action_btn[b-eumxnbbbtt] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-eumxnbbbtt] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-eumxnbbbtt] {
            width: 100%;
        }


@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-eumxnbbbtt] {
        width: 100%;
    }

    .insert_form_right[b-eumxnbbbtt] {
        width: 100%;
    }

    .insert_container[b-eumxnbbbtt] {
        display: flex;
        flex-direction: column;
    }

    .due_collection_header[b-eumxnbbbtt] {
        flex-direction: column;
    }

    .item_header[b-eumxnbbbtt] {
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:1430px) {
    .item_header[b-eumxnbbbtt] {
        flex-direction: column;
    }

    .insert_container[b-eumxnbbbtt] {
        display: flex;
        flex-direction: column;
    }
}

/*Override base .btn*/
.btn[b-eumxnbbbtt] {
    --bs-btn-font-size: 1.5rem;
    width: 13rem;
}
/* /Components/Pages/ClientAccount/Details.razor.rz.scp.css */
.supplier_details[b-02bmbmxa4z] {
    background: var(--primary-bg);
}

.supplier_details_header[b-02bmbmxa4z] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
}

    .supplier_details_header h2[b-02bmbmxa4z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-02bmbmxa4z] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-02bmbmxa4z] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}


@media (min-width:320px) and (max-width:767.98px) {
    .supplier_details_header[b-02bmbmxa4z] {
        padding: 2rem 2rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .submit_btn[b-02bmbmxa4z] {
        justify-content: flex-start;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
}
/* /Components/Pages/ClientAccount/Insert.razor.rz.scp.css */
.insert_page[b-ondul3gzkh] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ondul3gzkh] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_insert[b-ondul3gzkh] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-ondul3gzkh] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-ondul3gzkh] .formClass {
    margin-top: 0;
}

[b-ondul3gzkh] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-ondul3gzkh] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-ondul3gzkh] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/ClientAccount/InsertComponent.razor.rz.scp.css */
.submit_btn[b-8v5xp8nrps] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-8v5xp8nrps] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/ClientAccount/List.razor.rz.scp.css */
.content_box_inner[b-0qaovr2m53] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-0qaovr2m53] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-0qaovr2m53] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-0qaovr2m53] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-0qaovr2m53] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-0qaovr2m53] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-0qaovr2m53] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-0qaovr2m53] {
        outline-color: gray;
    }

.action_btn[b-0qaovr2m53] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-0qaovr2m53] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-0qaovr2m53] {
            width: 100%;
        }

[b-0qaovr2m53] .formClass {
    margin-top: 0;
}

[b-0qaovr2m53] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-0qaovr2m53] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-0qaovr2m53] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-0qaovr2m53] {
        padding: 1rem;
    }

    .category_header h2[b-0qaovr2m53] {
        font-size: 1.5rem;
    }

    .category_header a[b-0qaovr2m53] {
        font-size: 1.1rem;
    }

    .search-box[b-0qaovr2m53] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-0qaovr2m53] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-0qaovr2m53] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/Color/Insert.razor.rz.scp.css */
.insert_page[b-bggs58ik87] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-bggs58ik87] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-bggs58ik87] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-bggs58ik87] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-bggs58ik87] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-bggs58ik87] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-bggs58ik87] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Color/InsertComponent.razor.rz.scp.css */
label[b-pc2vsf6ylx] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Color/List.razor.rz.scp.css */
.content_box_inner[b-6bxp4vw4iz] {
    width: 100%;
    padding: 0 0 6rem;
    height: 100%;
    background: var(--primary-bg);
    padding:2rem;
}

.content_box_inner .color_header[b-6bxp4vw4iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.color_header h2[b-6bxp4vw4iz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.color_header a[b-6bxp4vw4iz] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-6bxp4vw4iz] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-6bxp4vw4iz] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-6bxp4vw4iz] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-6bxp4vw4iz] {
        outline-color: gray;
    }

.action_btn[b-6bxp4vw4iz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-6bxp4vw4iz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-6bxp4vw4iz] {
            width: 100%;
        }

[b-6bxp4vw4iz] .formClass {
    margin-top: 0;
}
[b-6bxp4vw4iz] #ColorInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-6bxp4vw4iz] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-6bxp4vw4iz] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-6bxp4vw4iz] {
        padding: 1rem;
    }
    .color_header h2[b-6bxp4vw4iz] {
        font-size: 1.8rem;
    }

    .color_header a[b-6bxp4vw4iz] {
        font-size: 1.1rem;
    }

    .search-box[b-6bxp4vw4iz] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-6bxp4vw4iz] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/CustomerAccountStatement/CustomerAccountStatementComponent.razor.rz.scp.css */
.history_table[b-v3bbwz82b2] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-v3bbwz82b2]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-v3bbwz82b2] {
    width: 100%;
    margin-top: .5rem;
}

thead[b-v3bbwz82b2] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

table thead tr[b-v3bbwz82b2] {
    border-bottom: 1px solid lightgray;
}

    table thead tr th[b-v3bbwz82b2] {
        padding: 0 .5rem .5rem;
        font-size: 1.3rem;
        font-weight: 500;
    }

        table thead tr th:last-child[b-v3bbwz82b2] {
            text-align: right;
        }

tbody tr td[b-v3bbwz82b2] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-v3bbwz82b2] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-v3bbwz82b2] {
    background: #f1f1f1;
}
/* /Components/Pages/Customer/DetailComponent.razor.rz.scp.css */
/* Add Product sections + Stock Report grid. Scoped component styles. */
.customer-detail-content[b-jwrkm2u7be] {
    --cd-primary: #0F6CBD;
    --cd-primary-hover: #115EA3;
    --cd-primary-light: #EFF6FC;
    --cd-text: #242424;
    --cd-muted: #605E5C;
    --cd-border: #E1DFDD;
    --cd-surface: #fff;
    --cd-soft: #FAF9F8;
    width: 100%;
    min-width: 0;
    padding-top: 12px;
    color: var(--cd-text);
    font: 14px "Segoe UI",Arial,sans-serif
}

    .customer-detail-content *[b-jwrkm2u7be] {
        box-sizing: border-box
    }

.customer-section-grid[b-jwrkm2u7be] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.customer-section[b-jwrkm2u7be], .due_table[b-jwrkm2u7be] {
    min-width: 0;
    border: 1px solid var(--cd-border);
    border-radius: 6px;
    background: var(--cd-surface);
    margin: 0 0 12px;
    overflow: hidden
}

.customer-section-grid .customer-section[b-jwrkm2u7be] {
    margin-bottom: 0
}

.customer-section-header[b-jwrkm2u7be], .sale_table_button[b-jwrkm2u7be] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--cd-border);
    margin: 0
}

.customer-section-heading[b-jwrkm2u7be] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.customer-section-icon[b-jwrkm2u7be] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: var(--cd-primary-light);
    color: var(--cd-primary)
}

    .customer-section-icon svg[b-jwrkm2u7be] {
        width: 19px;
        height: 19px;
        fill: currentColor
    }

.customer-section-heading h2[b-jwrkm2u7be], .sale_table_button h4[b-jwrkm2u7be] {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 650
}

.customer-section-heading p[b-jwrkm2u7be] {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.25;
    color: var(--cd-muted)
}

.customer-fields[b-jwrkm2u7be] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px 16px;
    padding: 13px 14px 14px
}

.customer-field[b-jwrkm2u7be] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.customer-field-label[b-jwrkm2u7be] {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: var(--cd-text)
}

.customer-field-value[b-jwrkm2u7be] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid var(--cd-border);
    border-radius: 4px;
    background: var(--cd-soft);
    font-size: 12px;
    overflow-wrap: anywhere
}

.customer-balance-body[b-jwrkm2u7be] {
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

    .customer-balance-body > span[b-jwrkm2u7be] {
        font-size: 12px;
        color: var(--cd-muted)
    }

    .customer-balance-body strong[b-jwrkm2u7be] {
        font-size: 28px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        color: var(--cd-primary)
    }

    .customer-balance-body p[b-jwrkm2u7be] {
        margin: 0;
        font-size: 12px;
        color: var(--cd-muted)
    }

.customer-button[b-jwrkm2u7be] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 13px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .16s,border-color .16s
}

.customer-button-primary[b-jwrkm2u7be] {
    background: var(--cd-primary);
    color: #fff;
    border-color: var(--cd-primary)
}

    .customer-button-primary:hover[b-jwrkm2u7be] {
        background: var(--cd-primary-hover);
        color: #fff
    }

.customer-grid-body[b-jwrkm2u7be] {
    padding: 12px 14px 14px;
    min-width: 0
}

.due_table .sale_table_button[b-jwrkm2u7be] {
    min-height: 58px
}

    .due_table .sale_table_button h4[b-jwrkm2u7be] {
        font-size: 16px
    }

.due_table[b-jwrkm2u7be]  .tableContainer {
    margin: 12px 14px 14px
}

.customer-grid-body[b-jwrkm2u7be]  .tableContainer {
    margin: 0
}

.customer-detail-content[b-jwrkm2u7be]  .tableContainer {
    height: min(64vh,620px);
    min-height: 230px;
    max-height: none;
    overflow: auto;
    min-width: 0;
    border: 1px solid var(--cd-border);
    border-radius: 5px
}

.customer-detail-content[b-jwrkm2u7be]  .quickgrid {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse
}

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid thead tr {
        height: 33px
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid tbody tr {
        height: 36px
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid th {
        height: 33px;
        padding: 5px 9px;
        background: #F5F8FA;
        font-size: 12px;
        font-weight: 650;
        white-space: nowrap;
        border-bottom: 1px solid var(--cd-border)
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid td {
        height: 36px;
        padding: 5px 9px;
        border-bottom: 1px solid #edf0f2;
        vertical-align: middle;
        font-size: 12px
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid tbody tr:hover td {
        background: #F6FBFF
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid .col-title {
        white-space: nowrap
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid .col-justify-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 5px
    }

.customer-grid-button[b-jwrkm2u7be] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 600 11px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

.customer-grid-button-view[b-jwrkm2u7be] {
    background: #EFF6FC;
    color: #0F6CBD;
    border-color: #B7D7F4
}

    .customer-grid-button-view:hover[b-jwrkm2u7be] {
        background: #DDEEFF
    }

.customer-grid-button-transfer[b-jwrkm2u7be] {
    background: #FFF7E6;
    color: #8B650F;
    border-color: #F1DFB9
}

    .customer-grid-button-transfer:hover[b-jwrkm2u7be] {
        background: #FFF0CD
    }

.customer-grid-button-receive[b-jwrkm2u7be] {
    background: var(--cd-primary);
    color: #fff
}

    .customer-grid-button-receive:hover[b-jwrkm2u7be] {
        background: var(--cd-primary-hover)
    }

.customer-grid-button:disabled[b-jwrkm2u7be] {
    opacity: .5;
    cursor: not-allowed
}

@media(max-width:1000px) {
    .customer-section-grid[b-jwrkm2u7be] {
        grid-template-columns: 1fr
    }
}

@media(max-width:700px) {
    .customer-fields[b-jwrkm2u7be] {
        grid-template-columns: 1fr
    }

    .customer-section-header[b-jwrkm2u7be], .sale_table_button[b-jwrkm2u7be] {
        gap: 8px
    }

    .customer-grid-body[b-jwrkm2u7be] {
        padding: 8px
    }

    .due_table[b-jwrkm2u7be]  .tableContainer {
        margin: 8px
    }
}

@media(max-width:480px) {
    .customer-section-header[b-jwrkm2u7be], .sale_table_button[b-jwrkm2u7be] {
        padding: 9px 12px
    }

    .customer-fields[b-jwrkm2u7be] {
        padding: 12px
    }

    .customer-detail-content[b-jwrkm2u7be]  .quickgrid th, .customer-detail-content[b-jwrkm2u7be]  .quickgrid td {
        padding: 5px 6px;
        font-size: 11px
    }

    .customer-grid-button[b-jwrkm2u7be] {
        padding: 4px 6px
    }
}

/* Sale Due: Stock Report table density, row hover and arrow behavior. */
.customer-detail-content .sale-due-stock .sale_table_button[b-jwrkm2u7be] {
    min-height: 52px;
    padding: 8px 14px
}

.customer-detail-content .sale-due-heading[b-jwrkm2u7be] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0
}

.customer-detail-content .sale-due-caption[b-jwrkm2u7be] {
    font-size: 12px;
    line-height: 1.3;
    color: #777
}

.customer-detail-content .sale-due-grid-wrap[b-jwrkm2u7be] {
    min-width: 0;
    padding: 0 14px 0
}

    .customer-detail-content .sale-due-grid-wrap[b-jwrkm2u7be]  .tableContainer {
        height: min(64vh,620px);
        min-height: 180px;
        margin: 0;
        overflow: auto;
        border: 0;
        border-radius: 0;
        scrollbar-width: thin;
        scrollbar-color: #bbb transparent
    }

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  table.quickgrid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 12px
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid thead tr {
    height: 33px
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th {
    height: 33px;
    padding: 0 10px;
    background: #f5f6f7;
    color: #61676c;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid tbody tr {
    height: 36px
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td {
    height: 36px;
    padding: 0 10px;
    color: #363636;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid tbody tr:hover td {
    background: #edf7fd
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(1), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(1) {
    width: 13%
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(2), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(2) {
    width: 18%
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(3), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(3) {
    width: 16%
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(4), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(4), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(5), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(5), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(6), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(6) {
    width: 13%;
    text-align: right
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(7), .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(7) {
    width: 126px;
    text-align: center
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid .col-justify-end {
    justify-content: flex-end
}

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid .col-justify-center {
    justify-content: center
}

.customer-detail-content .sale-due-actions[b-jwrkm2u7be] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0
}

.customer-detail-content .sale-due-arrow[b-jwrkm2u7be], .customer-detail-content .sale-due-arrow-placeholder[b-jwrkm2u7be] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    transition: color .15s ease,background-color .15s ease,border-color .15s ease
}

.customer-detail-content .sale-due-arrow[b-jwrkm2u7be] {
    cursor: pointer
}

    .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid tbody tr:hover .sale-due-arrow, .customer-detail-content .sale-due-arrow:focus-visible[b-jwrkm2u7be] {
        color: #1177bd;
        background: #fff;
        border-color: #d9eafa
    }

    .customer-detail-content .sale-due-arrow:hover[b-jwrkm2u7be] {
        color: #1177bd !important;
        background: #e1f1fb !important
    }

.customer-detail-content .sale-due-receive[b-jwrkm2u7be] {
    height: 27px;
    padding: 0 8px;
    border: 1px solid #b7d7f4;
    border-radius: 5px;
    background: #eff6fc;
    color: #0f6cbd;
    font: 600 11px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

    .customer-detail-content .sale-due-receive:hover:not(:disabled)[b-jwrkm2u7be] {
        background: #ddeeff;
        border-color: #8fc2ed
    }

    .customer-detail-content .sale-due-receive:disabled[b-jwrkm2u7be] {
        opacity: .45;
        cursor: not-allowed
    }

.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:last-child, .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:last-child {
    overflow: visible
}

@media(max-width:950px) {
    .customer-detail-content .sale-due-grid-wrap[b-jwrkm2u7be]  .tableContainer {
        overflow-x: auto
    }

    .customer-detail-content .sale-due-stock[b-jwrkm2u7be]  table.quickgrid {
        min-width: 850px;
        table-layout: fixed
    }
}

@media(max-width:700px) {
    .customer-detail-content .sale-due-grid-wrap[b-jwrkm2u7be] {
        padding: 0 8px
    }

    .customer-detail-content .sale-due-stock .sale_table_button[b-jwrkm2u7be] {
        padding: 9px 12px
    }
}

/* Refined Sale Due actions: compact Stock Report arrow and payment button. */
.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid th:nth-child(7),
.customer-detail-content .sale-due-stock[b-jwrkm2u7be]  .quickgrid td:nth-child(7) {
    width: 126px;
    min-width: 126px;
    text-align: center
}

.customer-detail-content .sale-due-actions[b-jwrkm2u7be] {
    gap: 7px;
    white-space: nowrap
}

.customer-detail-content .sale-due-arrow[b-jwrkm2u7be] {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    outline-offset: 2px
}

    .customer-detail-content .sale-due-arrow svg[b-jwrkm2u7be] {
        width: 15px;
        height: 15px;
        transition: transform .15s ease
    }

    .customer-detail-content .sale-due-arrow:hover svg[b-jwrkm2u7be] {
        transform: translateX(1px)
    }

    .customer-detail-content .sale-due-arrow:focus-visible[b-jwrkm2u7be], .customer-detail-content .sale-due-receive:focus-visible[b-jwrkm2u7be] {
        outline: 2px solid #0f6cbd;
        outline-offset: 2px
    }

.customer-detail-content .sale-due-receive[b-jwrkm2u7be] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    min-width: 79px;
    height: 28px;
    padding: 0 9px;
    border: 1px solid #b7d7f4;
    border-radius: 5px;
    background: #eff6fc;
    color: #0f6cbd;
    font: 600 11px "Segoe UI",Arial,sans-serif;
    line-height: 1;
    transition: background-color .15s ease,border-color .15s ease,box-shadow .15s ease
}

    .customer-detail-content .sale-due-receive svg[b-jwrkm2u7be] {
        flex: none
    }

    .customer-detail-content .sale-due-receive:hover:not(:disabled)[b-jwrkm2u7be] {
        background: #dceeff;
        border-color: #8fc2ed;
        box-shadow: 0 1px 3px rgba(15,108,189,.1)
    }

    .customer-detail-content .sale-due-receive:disabled[b-jwrkm2u7be] {
        background: #f4f5f6;
        border-color: #e4e6e8;
        color: #a0a5aa;
        opacity: 1;
        box-shadow: none
    }
/* /Components/Pages/Customer/Details.razor.rz.scp.css */
/* Exact Add Product visual tokens; scoped to Customer Details */
.customer-page[b-p2100rdere] {
    --cd-primary: #0F6CBD;
    --cd-primary-hover: #115EA3;
    --cd-primary-light: #EFF6FC;
    --cd-text: #242424;
    --cd-muted: #605E5C;
    --cd-border: #E1DFDD;
    width: 100%;
    min-width: 0;
    color: var(--cd-text);
    font: 14px "Segoe UI",Arial,sans-serif
}

    .customer-page *[b-p2100rdere] {
        box-sizing: border-box
    }

.customer-page-header[b-p2100rdere] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 2px 0 16px;
    border-bottom: 1px solid var(--cd-border)
}

.customer-page-heading[b-p2100rdere] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.customer-page-icon[b-p2100rdere] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 7px;
    background: var(--cd-primary-light);
    color: var(--cd-primary)
}

    .customer-page-icon svg[b-p2100rdere] {
        width: 23px;
        height: 23px;
        fill: currentColor
    }

.customer-page-heading h1[b-p2100rdere] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 650;
    margin: 0;
    color: var(--cd-text)
}

.customer-page-heading p[b-p2100rdere] {
    font-size: 13px;
    line-height: 1.35;
    margin: 4px 0 0;
    color: var(--cd-muted)
}
/* Matches Product Details action buttons */
.customer-page-actions[b-p2100rdere] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 8px;
    margin: 0;
    min-width: 0
}

.cd-action-separator[b-p2100rdere] {
    width: 1px;
    height: 22px;
    margin: 0 4px;
    background: var(--cd-border);
    flex: none
}

.customer-page .cd-btn[b-p2100rdere] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    gap: 8px;
    height: 40px;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 13px/1.2 "Segoe UI",Arial,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    transition: background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease
}

    .customer-page .cd-btn svg[b-p2100rdere] {
        display: block;
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.customer-page .cd-btn-back[b-p2100rdere] {
    color: #484644;
    background: #fff;
    border-color: #C8C6C4;
    font-weight: 500
}

    .customer-page .cd-btn-back:hover[b-p2100rdere] {
        color: #242424;
        background: #F3F2F1;
        border-color: #8A8886
    }

.customer-page .cd-btn-edit[b-p2100rdere] {
    color: var(--cd-primary);
    background: #fff;
    border-color: #B7D7F4
}

    .customer-page .cd-btn-edit:hover[b-p2100rdere] {
        color: #0B5799;
        background: var(--cd-primary-light);
        border-color: #8FC2ED
    }

.customer-page .cd-btn-primary[b-p2100rdere] {
    color: #fff;
    background: var(--cd-primary);
    border-color: var(--cd-primary);
    box-shadow: 0 2px 5px rgba(15,108,189,.14)
}

    .customer-page .cd-btn-primary:hover[b-p2100rdere] {
        color: #fff;
        background: var(--cd-primary-hover);
        border-color: var(--cd-primary-hover);
        box-shadow: 0 4px 11px rgba(15,108,189,.18)
    }

.customer-page .cd-btn:focus-visible[b-p2100rdere] {
    outline: 2px solid var(--cd-primary);
    outline-offset: 2px
}

@media(max-width:900px) {
    .customer-page-header[b-p2100rdere] {
        flex-wrap: wrap
    }

    .customer-page-actions[b-p2100rdere] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

@media(max-width:560px) {
    .customer-page-actions[b-p2100rdere] {
        display: grid;
        grid-template-columns: auto minmax(0,1fr) minmax(0,1.3fr);
        gap: 7px
    }

    .cd-action-separator[b-p2100rdere] {
        display: none
    }

    .customer-page .cd-btn[b-p2100rdere] {
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        padding: 0 9px;
        gap: 5px;
        font-size: 12px
    }

        .customer-page .cd-btn svg[b-p2100rdere] {
            width: 15px;
            height: 15px;
            flex-basis: 15px
        }

        .customer-page .cd-btn span[b-p2100rdere] {
            overflow: hidden;
            text-overflow: ellipsis
        }
}

@media(max-width:380px) {
    .customer-page-actions[b-p2100rdere] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .customer-page .cd-btn-back[b-p2100rdere] {
        grid-column: 1/-1
    }
}

@media(prefers-reduced-motion:reduce) {
    .customer-page .cd-btn[b-p2100rdere] {
        transition: none
    }
}

/* Product Details exact button colors. Explicit states override global anchor styles. */
.customer-page .customer-page-actions a.cd-btn-back[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-back:link[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-back:visited[b-p2100rdere] {
    color: #484644 !important;
    background: #fff !important;
    border-color: #C8C6C4 !important;
    box-shadow: none !important;
}

    .customer-page .customer-page-actions a.cd-btn-back:hover[b-p2100rdere] {
        color: #242424 !important;
        background: #F3F2F1 !important;
        border-color: #8A8886 !important;
        box-shadow: none !important;
    }

.customer-page .customer-page-actions a.cd-btn-edit[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-edit:link[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-edit:visited[b-p2100rdere] {
    color: #0F6CBD !important;
    background: #fff !important;
    border-color: #B7D7F4 !important;
    box-shadow: none !important;
}

    .customer-page .customer-page-actions a.cd-btn-edit:hover[b-p2100rdere] {
        color: #0B5799 !important;
        background: #EFF6FC !important;
        border-color: #8FC2ED !important;
        box-shadow: none !important;
    }

.customer-page .customer-page-actions a.cd-btn-primary[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-primary:link[b-p2100rdere],
.customer-page .customer-page-actions a.cd-btn-primary:visited[b-p2100rdere] {
    color: #fff !important;
    background: #0F6CBD !important;
    border-color: #0F6CBD !important;
    box-shadow: 0 2px 5px rgba(15,108,189,.14) !important;
}

    .customer-page .customer-page-actions a.cd-btn-primary:hover[b-p2100rdere] {
        color: #fff !important;
        background: #115EA3 !important;
        border-color: #115EA3 !important;
        box-shadow: 0 4px 11px rgba(15,108,189,.18) !important;
    }

.customer-page .customer-page-actions a.cd-btn:focus-visible[b-p2100rdere] {
    outline: 2px solid #0F6CBD;
    outline-offset: 2px
}


/* Match Product Details: natural content width, 40px height, 15px horizontal padding. */
.customer-page .customer-page-actions .cd-btn[b-p2100rdere] {
    width: auto;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 0 15px;
}

@media (max-width: 560px) {
    .customer-page .customer-page-actions[b-p2100rdere] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.3fr);
        gap: 7px;
    }

        .customer-page .customer-page-actions .cd-btn[b-p2100rdere] {
            width: 100%;
            min-width: 0;
            height: 38px;
            min-height: 38px;
            padding: 0 9px;
        }
}

@media (max-width: 380px) {
    .customer-page .customer-page-actions[b-p2100rdere] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

        .customer-page .customer-page-actions .cd-btn-back[b-p2100rdere] {
            grid-column: 1 / -1;
        }
}
/* /Components/Pages/Customer/Insert.razor.rz.scp.css */
.customer_insert_page[b-2w3rp5ys1o] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-2w3rp5ys1o] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-2w3rp5ys1o] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-2w3rp5ys1o] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45vw;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-2w3rp5ys1o] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-2w3rp5ys1o] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-2w3rp5ys1o] {
        width: 100%;
        margin-top: 2rem;
    }
    .input_group_main[b-2w3rp5ys1o] {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (min-width:767.99px) and (max-width:991.99px) {

    .insert_container .insert_form[b-2w3rp5ys1o] {
        width: 87vw;
    }
}
/* /Components/Pages/Customer/InsertComponent.razor.rz.scp.css */
label[b-j0oqdwhokp] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
.input_group_main[b-j0oqdwhokp] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}
.input_groups[b-j0oqdwhokp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.select_input_item[b-j0oqdwhokp] {
    width: 100%;
}

    .input_group button:focus[b-j0oqdwhokp] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.input_group[b-j0oqdwhokp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .input_group button[b-j0oqdwhokp] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

        .input_group button img[b-j0oqdwhokp] {
            width: 100%;
        }

[b-j0oqdwhokp] .formClass textarea{
    height:auto;
}

[b-j0oqdwhokp] #CustomerInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
}

[b-j0oqdwhokp] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-j0oqdwhokp] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-j0oqdwhokp] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-j0oqdwhokp] #spanText {
    width: 110px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .input_group_main[b-j0oqdwhokp] {
        grid-template-columns: repeat(1,1fr);
    }
    [b-j0oqdwhokp] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
       
    }
}
/* /Components/Pages/Customer/InsertModal.razor.rz.scp.css */
[b-znsu8tol1o] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Customer/List.razor.rz.scp.css */
.content_box_inner[b-hwufpnh95c] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .supplier_header[b-hwufpnh95c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supplier_header h2[b-hwufpnh95c] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.supplier_header a[b-hwufpnh95c] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-hwufpnh95c] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-hwufpnh95c] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-hwufpnh95c] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-hwufpnh95c] {
        outline-color: gray;
    }

.submit_btn[b-hwufpnh95c] {
    margin-top: 3rem;
    display: flex;
    gap: 1rem;
}

.action_btn[b-hwufpnh95c] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-hwufpnh95c] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-hwufpnh95c] {
            width: 100%;
        }


[b-hwufpnh95c] .tableContainer[BaseTable-scope] {
    overflow-x: auto !important;
}
[b-hwufpnh95c] .formClass {
    margin-top: 0;
}
[b-hwufpnh95c] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


[b-hwufpnh95c] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-hwufpnh95c] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-hwufpnh95c] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-hwufpnh95c] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-hwufpnh95c]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-hwufpnh95c] {
        padding: 0 1rem;
    }
    .supplier_header h2[b-hwufpnh95c] {
        font-size: 1.8rem;
    }

    .supplier_header a[b-hwufpnh95c] {
        font-size: 1.1rem;
    }

    .search-box[b-hwufpnh95c] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-hwufpnh95c] {
            font-size: 1.1rem;
        }
    [b-hwufpnh95c] .CustomeModal[basemodal-scope][basemodal-scope] {
        padding:3rem 2rem;
    }
}
/* /Components/Pages/DashBoard/CustomerSummary.razor.rz.scp.css */
.dashboard .overview_item[b-kn7s8exokk] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-kn7s8exokk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-kn7s8exokk] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-kn7s8exokk] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-kn7s8exokk] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-kn7s8exokk] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-kn7s8exokk] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-kn7s8exokk] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-kn7s8exokk] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-kn7s8exokk] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-kn7s8exokk] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-kn7s8exokk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-kn7s8exokk] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-kn7s8exokk] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionOverView.razor.rz.scp.css */
.dashboard .overview_item[b-5pmwaszv0e] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-5pmwaszv0e] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-5pmwaszv0e] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-5pmwaszv0e] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-5pmwaszv0e] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-5pmwaszv0e] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-5pmwaszv0e] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-5pmwaszv0e] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-5pmwaszv0e] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-5pmwaszv0e] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-5pmwaszv0e] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-5pmwaszv0e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-5pmwaszv0e] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-5pmwaszv0e] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionProfitComponent.razor.rz.scp.css */
.dashboard .overview_item[b-1mjhurgo2z] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-1mjhurgo2z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-1mjhurgo2z] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-1mjhurgo2z] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-1mjhurgo2z] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-1mjhurgo2z] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-1mjhurgo2z] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-1mjhurgo2z] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-1mjhurgo2z] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-1mjhurgo2z] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-1mjhurgo2z] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-1mjhurgo2z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-1mjhurgo2z] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-1mjhurgo2z] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionSaleChart.razor.rz.scp.css */
.overview_item[b-jopsbpo69e] {
    position: relative;
}

    .overview_item h3[b-jopsbpo69e] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-jopsbpo69e] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-jopsbpo69e] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-jopsbpo69e] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-jopsbpo69e] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-jopsbpo69e] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-jopsbpo69e] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-jopsbpo69e] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-jopsbpo69e] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-jopsbpo69e] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-jopsbpo69e] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-jopsbpo69e] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-jopsbpo69e] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/Ditribution/DistributionStaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-plnp1dw00s] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-plnp1dw00s] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-plnp1dw00s] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-plnp1dw00s] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-plnp1dw00s] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-plnp1dw00s] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-plnp1dw00s] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-plnp1dw00s] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-plnp1dw00s] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-plnp1dw00s] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-plnp1dw00s] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-plnp1dw00s] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-plnp1dw00s] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-plnp1dw00s] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-plnp1dw00s] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionStatusPieChartComponent.razor.rz.scp.css */
.overview_item[b-0cvd69vos3] {
    position: relative;
}

    .overview_item h3[b-0cvd69vos3] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-0cvd69vos3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-0cvd69vos3] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-0cvd69vos3] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-0cvd69vos3] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .stock_overview_items table thead tr th[b-0cvd69vos3] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-0cvd69vos3] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-0cvd69vos3] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-0cvd69vos3] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-0cvd69vos3] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-0cvd69vos3] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-0cvd69vos3] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-0cvd69vos3] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/Ditribution/DistributionTopSale.razor.rz.scp.css */
.overview_item[b-t63k19fmvn] {
    position: relative;
}

    .overview_item h3[b-t63k19fmvn] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-t63k19fmvn] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-t63k19fmvn] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-t63k19fmvn] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-t63k19fmvn] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-t63k19fmvn] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-t63k19fmvn] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-t63k19fmvn] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-t63k19fmvn] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-t63k19fmvn] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-t63k19fmvn] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-t63k19fmvn] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-t63k19fmvn] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/ExpenseComponent.razor.rz.scp.css */
.dashboard .overview_item[b-h29gzcxdev] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-h29gzcxdev] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-h29gzcxdev] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-h29gzcxdev] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-h29gzcxdev] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-h29gzcxdev] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-h29gzcxdev] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-h29gzcxdev] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-h29gzcxdev] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-h29gzcxdev] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-h29gzcxdev] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-h29gzcxdev] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-h29gzcxdev] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-h29gzcxdev] {
        display: flex;
        flex-direction: column;
    }
}
body[b-h29gzcxdev] {
}
/* /Components/Pages/DashBoard/InventorySummary.razor.rz.scp.css */
.dashboard .overview_item[b-bak43f2agm] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-bak43f2agm] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-bak43f2agm] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-bak43f2agm] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-bak43f2agm] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-bak43f2agm] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-bak43f2agm] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-bak43f2agm] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-bak43f2agm] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-bak43f2agm] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-bak43f2agm] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-bak43f2agm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-bak43f2agm] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-bak43f2agm] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/LowQuantity.razor.rz.scp.css */
.dashboard .overview_item[b-57d9486z7d] {
    padding-right: .5rem;
    border-radius: 0.5rem;
    background: white;
    overflow: hidden;
    position: relative;
    height: 21rem;
}

#low_stock_overview[b-57d9486z7d] {
    overflow-y: auto;
}
    .dashboard .overview_item .low_quantity_product_list:nth-child(3)[b-57d9486z7d]{
        padding-bottom:0;
    }

    .dashboard .overview_item h3[b-57d9486z7d] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

.low_quantity_product_list[b-57d9486z7d] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding-bottom: 1.5rem;
}

   .low_quantity_product_list .low_quantity_item[b-57d9486z7d] {
            display: flex;
            gap: 1rem;
            justify-content: space-around;
            align-items: center;
            border: 1px solid rgba(155, 155, 155, 0.596);
            border-radius: 1rem;
            padding: 1rem;
        }

.low_quantity_item .low_quantity_item_img[b-57d9486z7d] {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
}

    .low_quantity_item .low_quantity_item_img img[b-57d9486z7d] {
        width: 100%;
    }

.low_quantity_item .low_quantity_product_name h3[b-57d9486z7d] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0;
}

.low_quantity_item .low_quantity_product_name p[b-57d9486z7d] {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(134, 134, 134);
    margin:0;
}

.low_quantity_item span[b-57d9486z7d] {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(134, 134, 134);
    padding: .5rem 1rem;
    background: rgba(255, 9, 9, 0.479);
    border-radius: 2rem;
    color: white;
    margin-left: auto;
}

/*scroll bar */

.overview_item[b-57d9486z7d]::-webkit-scrollbar {
    width: 5px;
    padding: 0;
    height: 5px;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-track {
    background-color: transparent;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
    height: 10px;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 100px;
    height: 10px;
}

@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item[b-57d9486z7d] {
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {

}

@media (min-width:992px) and (max-width:1439.98px) {

}
/* /Components/Pages/DashBoard/ProductSummary.razor.rz.scp.css */
.dashboard .overview_item[b-52jct0gwdm] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-52jct0gwdm] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-52jct0gwdm] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-52jct0gwdm] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-52jct0gwdm] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-52jct0gwdm] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-52jct0gwdm] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-52jct0gwdm] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-52jct0gwdm] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-52jct0gwdm] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-52jct0gwdm] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-52jct0gwdm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-52jct0gwdm] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-52jct0gwdm] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ProfitComponent.razor.rz.scp.css */
.dashboard .overview_item[b-rmgw4jt3xr] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-rmgw4jt3xr] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-rmgw4jt3xr] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-rmgw4jt3xr] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-rmgw4jt3xr] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-rmgw4jt3xr] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-rmgw4jt3xr] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-rmgw4jt3xr] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-rmgw4jt3xr] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-rmgw4jt3xr] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-rmgw4jt3xr] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-rmgw4jt3xr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-rmgw4jt3xr] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-rmgw4jt3xr] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/PurchaseOverview.razor.rz.scp.css */
.dashboard .overview_item[b-ezkbrf99d2] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-ezkbrf99d2] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-ezkbrf99d2] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-ezkbrf99d2] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-ezkbrf99d2] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-ezkbrf99d2] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-ezkbrf99d2] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-ezkbrf99d2] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-ezkbrf99d2] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-ezkbrf99d2] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-ezkbrf99d2] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-ezkbrf99d2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-ezkbrf99d2] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-ezkbrf99d2] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/PurchaseStaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-o3dl4dz8nn] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-o3dl4dz8nn] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-o3dl4dz8nn] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-o3dl4dz8nn] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-o3dl4dz8nn] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-o3dl4dz8nn] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-o3dl4dz8nn] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-o3dl4dz8nn] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-o3dl4dz8nn] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-o3dl4dz8nn] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-o3dl4dz8nn] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-o3dl4dz8nn] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-o3dl4dz8nn] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-o3dl4dz8nn] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-o3dl4dz8nn] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ReturnOverView.razor.rz.scp.css */
.dashboard .overview_item[b-t02hcgbib0] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-t02hcgbib0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-t02hcgbib0] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-t02hcgbib0] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-t02hcgbib0] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-t02hcgbib0] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-t02hcgbib0] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-t02hcgbib0] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-t02hcgbib0] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-t02hcgbib0] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-t02hcgbib0] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-t02hcgbib0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-t02hcgbib0] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-t02hcgbib0] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ReturnReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-8coz6926u2] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-8coz6926u2] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-8coz6926u2] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-8coz6926u2] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-8coz6926u2] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-8coz6926u2] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-8coz6926u2] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-8coz6926u2] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-8coz6926u2] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-8coz6926u2] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-8coz6926u2] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-8coz6926u2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-8coz6926u2] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-8coz6926u2] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/SaleDiscountAndTaxeComponent.razor.rz.scp.css */
.dashboard .overview_item[b-t0ggd555ol] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-t0ggd555ol] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-t0ggd555ol] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-t0ggd555ol] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-t0ggd555ol] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-t0ggd555ol] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-t0ggd555ol] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-t0ggd555ol] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-t0ggd555ol] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-t0ggd555ol] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-t0ggd555ol] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-t0ggd555ol] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-t0ggd555ol] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-t0ggd555ol] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/SaleOverView.razor.rz.scp.css */
.dashboard .overview_item[b-dq050ddmw0] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position:relative;
}

    .dashboard .overview_item h3[b-dq050ddmw0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-dq050ddmw0] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-dq050ddmw0] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-dq050ddmw0] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-dq050ddmw0] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-dq050ddmw0] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-dq050ddmw0] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}
    .overview_items .mic_overview .overview_item_text span[b-dq050ddmw0] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-dq050ddmw0] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-dq050ddmw0] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-dq050ddmw0] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


    .dashboard .summery .overview_item .overview_items[b-dq050ddmw0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

        .dashboard .summery .overview_item .overview_items .mic_overview[b-dq050ddmw0] {
            flex-direction: column;
            gap: 0;
            text-align: center;
            padding: 1.6rem;
        }
  

@media (min-width:320px) and (max-width:767.98px) {
        .dashboard .overview_item .overview_items[b-dq050ddmw0] {
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
        }

        .dashboard .summery .overview_item .overview_items[b-dq050ddmw0] {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 3rem;
        } 
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-dq050ddmw0] {
        display: flex;
        flex-direction: column;
    }
}

/* /Components/Pages/DashBoard/StaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-wo0iinqrfa] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-wo0iinqrfa] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-wo0iinqrfa] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-wo0iinqrfa] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-wo0iinqrfa] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-wo0iinqrfa] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-wo0iinqrfa] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-wo0iinqrfa] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-wo0iinqrfa] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-wo0iinqrfa] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-wo0iinqrfa] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-wo0iinqrfa] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-wo0iinqrfa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-wo0iinqrfa] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-wo0iinqrfa] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/StatusPieChartComponent.razor.rz.scp.css */
.overview_item[b-qij6ygcv2z] {
    position: relative;
}

    .overview_item h3[b-qij6ygcv2z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-qij6ygcv2z] {
    display:flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-qij6ygcv2z] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-qij6ygcv2z] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-qij6ygcv2z] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .stock_overview_items table thead tr th[b-qij6ygcv2z] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-qij6ygcv2z] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-qij6ygcv2z] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-qij6ygcv2z] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-qij6ygcv2z] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-qij6ygcv2z] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-qij6ygcv2z] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-qij6ygcv2z] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopPurchase.razor.rz.scp.css */
.overview_item[b-rrzr7quw4c] {
    position: relative;
}

    .overview_item h3[b-rrzr7quw4c] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-rrzr7quw4c] {
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-rrzr7quw4c] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-rrzr7quw4c] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-rrzr7quw4c] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space:nowrap;
        }

        .stock_overview_items table thead tr th[b-rrzr7quw4c] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-rrzr7quw4c] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-rrzr7quw4c] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-rrzr7quw4c] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-rrzr7quw4c] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-rrzr7quw4c] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-rrzr7quw4c] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-rrzr7quw4c] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopReturn.razor.rz.scp.css */
.overview_item[b-jj3tuy14wr] {
    position: relative;
}

    .overview_item h3[b-jj3tuy14wr] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-jj3tuy14wr] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-jj3tuy14wr] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-jj3tuy14wr] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-jj3tuy14wr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-jj3tuy14wr] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-jj3tuy14wr] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-jj3tuy14wr] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-jj3tuy14wr] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-jj3tuy14wr] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-jj3tuy14wr] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-jj3tuy14wr] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-jj3tuy14wr] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopSale.razor.rz.scp.css */
.overview_item[b-dnc5hptq3q] {
    position: relative;
}

.overview_item h3[b-dnc5hptq3q] {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    padding-bottom: 1rem;
}

/*table*/
.stock_overview_items[b-dnc5hptq3q] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-dnc5hptq3q] {
        width: 100%;
        border-radius: 7px;
   
    }

        .stock_overview_items table thead[b-dnc5hptq3q] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray; 
        }

        .stock_overview_items table tr[b-dnc5hptq3q] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-dnc5hptq3q] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-dnc5hptq3q] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-dnc5hptq3q] {
            border-bottom: 1px solid #d7d7d7;
        }
            .stock_overview_items table tbody tr:nth-child(odd)[b-dnc5hptq3q] {
                background: #f4f4f4;
            }
            .stock_overview_items table tbody tr:hover[b-dnc5hptq3q]{
                background: #f4f4f4;
            }
            .stock_overview_items table tbody tr:last-child[b-dnc5hptq3q] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-dnc5hptq3q] {
                height:30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-dnc5hptq3q] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopSaleChart.razor.rz.scp.css */
.overview_item[b-800mbyotgk] {
    position: relative;
}

    .overview_item h3[b-800mbyotgk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-800mbyotgk] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-800mbyotgk] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-800mbyotgk] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-800mbyotgk] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-800mbyotgk] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-800mbyotgk] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-800mbyotgk] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-800mbyotgk] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-800mbyotgk] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-800mbyotgk] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-800mbyotgk] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-800mbyotgk] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DistributionPaymentHistory/DistributionPaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-hcncnt61y5] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-hcncnt61y5]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-hcncnt61y5] {
    width: 100%;
    margin-top: .5rem;
}

thead[b-hcncnt61y5] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

table thead tr[b-hcncnt61y5] {
    border-bottom: 1px solid lightgray;
}

    table thead tr th[b-hcncnt61y5] {
        padding: 0 .5rem .5rem;
        font-size: 1.3rem;
        font-weight: 500;
    }

        table thead tr th:last-child[b-hcncnt61y5] {
            text-align: right;
        }

tbody tr td[b-hcncnt61y5] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-hcncnt61y5] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-hcncnt61y5] {
    background: #f1f1f1;
}
/* /Components/Pages/Distribution/InsertOrder.razor.rz.scp.css */
.sales_innsert_page[b-swlt8hvfcq] {
    background: var(--primary-bg);
}

    .sales_innsert_page .sales_insert_header[b-swlt8hvfcq] {
        padding: 1.5rem 1.5rem 0;
    }

.sales_insert_header h2[b-swlt8hvfcq] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

[b-swlt8hvfcq] .salse_insert_header_left h2 {
    display: none;
}
/* /Components/Pages/Distribution/InsertOrderComponent.razor.rz.scp.css */
.salse_insert_header[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 0rem;
    z-index: 9;
}

.salse_insert_header_left[b-thzjt6h40w] {
    display: flex;
    align-items: center;
}

.customer_and_sale_info[b-thzjt6h40w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-thzjt6h40w] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-thzjt6h40w] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-thzjt6h40w] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-thzjt6h40w] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-thzjt6h40w] {
    min-width: 12rem;
}

.checkbox_group[b-thzjt6h40w] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox_group label[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        line-height: 0;
    }

.sale_create_container[b-thzjt6h40w] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-thzjt6h40w] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

.sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-thzjt6h40w] {
    grid-template-columns: repeat(3, 1fr);
}

.form_N_title_wraper h3[b-thzjt6h40w] {
    padding-bottom: .5rem;
    width: fit-content;
}

.form_N_title_wraper hr[b-thzjt6h40w] {
    margin: 0;
}

.options_group[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-thzjt6h40w] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

[b-thzjt6h40w] .BaseInput[BaseInputElement-scope] {
    width: 100%;
}

.options_group button[b-thzjt6h40w] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .options_group button img[b-thzjt6h40w] {
        width: 100%;
    }


    .options_group button:focus[b-thzjt6h40w] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.sale_create_container .form_group input[b-thzjt6h40w] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .sale_create_container .form_group input:focus[b-thzjt6h40w] {
        outline: none;
    }

.sale_create_container .form_group select[b-thzjt6h40w] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .sale_create_container .form_group select:focus[b-thzjt6h40w] {
        outline: none;
    }

.quantiry_status[b-thzjt6h40w] {
    font-size: 1.25rem;
}

.add_product[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-thzjt6h40w] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-thzjt6h40w] {
        opacity: .9;
    }



.mainTable[b-thzjt6h40w] {
    margin-top: 4rem;
}


    .mainTable table[b-thzjt6h40w] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-thzjt6h40w] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-thzjt6h40w] {
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-thzjt6h40w] {
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-thzjt6h40w] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-thzjt6h40w] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-thzjt6h40w] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-thzjt6h40w] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-thzjt6h40w] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-thzjt6h40w] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-thzjt6h40w] {
                font-size: 1.4rem;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-thzjt6h40w] {
                    padding-left: 1rem;
                }

tbody[b-thzjt6h40w], td[b-thzjt6h40w], tfoot[b-thzjt6h40w], th[b-thzjt6h40w], thead[b-thzjt6h40w], tr[b-thzjt6h40w] {
    padding-right: 19px;
}

.action_btn[b-thzjt6h40w] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-thzjt6h40w] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-thzjt6h40w] {
            width: 100%;
        }

.net_amount[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group h2[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-weight: 500;
        font-family: "Josefin Sans", sans-serif;
    }

    .net_amount .total_amount[b-thzjt6h40w] {
        width: 40%;
    }

    .net_amount .select_group[b-thzjt6h40w] {
        padding: 1rem 0;
    }

    .net_amount .form_group label[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

    .net_amount .form_group[b-thzjt6h40w] {
        height: 15rem;
        width: 35%;
    }

.discountField[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-end;
}

    .discountField #SpecialDiscountPriceId[b-thzjt6h40w], #ExtraCostId[b-thzjt6h40w] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-thzjt6h40w] {
        margin-right: 2px;
    }

.collection-field[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-end;
}

    .collection-field input[b-thzjt6h40w] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

.total_amount ul[b-thzjt6h40w] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-thzjt6h40w] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-thzjt6h40w] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-thzjt6h40w] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-thzjt6h40w] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }




/*modals css */
.sale_view_container[b-thzjt6h40w] {
    height: 100%;
}

[b-thzjt6h40w] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-thzjt6h40w] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-thzjt6h40w] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-thzjt6h40w] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-thzjt6h40w] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-thzjt6h40w] .formClass {
    margin-top: 0;
}
/*tooltip */
[b-thzjt6h40w] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-thzjt6h40w] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.radio-button-container[b-thzjt6h40w] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.radio-button[b-thzjt6h40w] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.radio-button__input[b-thzjt6h40w] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-thzjt6h40w] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.radio-button__custom[b-thzjt6h40w] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-thzjt6h40w] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.radio-button__input:checked + .radio-button__label[b-thzjt6h40w] {
    color: #4c8bf5;
}

.radio-button__label:hover .radio-button__custom[b-thzjt6h40w] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

/*checkbox button css */
.checkbox h3[b-thzjt6h40w] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.checkbox-container[b-thzjt6h40w] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.checkbox[b-thzjt6h40w] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.checkbox__input[b-thzjt6h40w] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox__label[b-thzjt6h40w] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.checkbox__custom[b-thzjt6h40w] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.checkbox__input:checked + .checkbox__label .checkbox__custom[b-thzjt6h40w] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input:checked + .checkbox__label[b-thzjt6h40w] {
    color: #4c8bf5;
}

.checkbox__label:hover .checkbox__custom[b-thzjt6h40w] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

.order_submit_button[b-thzjt6h40w] {
    padding-top: 81px;
}

@media (min-width:320px) and (max-width: 767.98px) {
    .salse_insert_header[b-thzjt6h40w] {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .salse_insert_header_left[b-thzjt6h40w] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-thzjt6h40w] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
    }


    .mainTable table tr td[b-thzjt6h40w] {
        padding: 0 1rem;
    }

    .net_amount .form_group[b-thzjt6h40w] {
        height: 5rem;
        width: 100%;
    }

    .net_amount .total_amount[b-thzjt6h40w] {
        width: 100%;
    }

    [b-thzjt6h40w] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
        top: 0rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .salse_insert_header[b-thzjt6h40w] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .salse_insert_header_left[b-thzjt6h40w] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-thzjt6h40w] {
        display: flex;
        flex-direction: row;
    }

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable table tr td[b-thzjt6h40w] {
        padding: 0 1rem;
    }
}

@media (min-width:992px) and (max-width: 1400px) {
    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }
}

.submit_section[b-thzjt6h40w] {
    justify-content: right !important;
}
/* /Components/Pages/Distribution/InvoiceComponent.razor.rz.scp.css */
.invoice[b-zisud2rw7u] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-zisud2rw7u] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-zisud2rw7u] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-zisud2rw7u] {
            width: 100%;
        }

    .logo .logo_text[b-zisud2rw7u] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-zisud2rw7u] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-zisud2rw7u] {
        color: blue;
    }





.company_info[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

#invoice_title[b-zisud2rw7u] {
    font-size: 20px;
}

.address p[b-zisud2rw7u] {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

    .address p:first-child[b-zisud2rw7u] {
        font-weight: 400;
    }

.invoice_date[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-zisud2rw7u] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-zisud2rw7u] {
            font-weight: 400;
        }

.customer_and_sale_info[b-zisud2rw7u] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
    padding-left: 3rem;
    padding-bottom: 3rem;
}

.customer_info[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-zisud2rw7u] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-zisud2rw7u] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-zisud2rw7u] {
            font-size: 1.4rem;
            font-weight: 400;
        }

    .left_info h3[b-zisud2rw7u] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-zisud2rw7u] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

[b-zisud2rw7u] .right_info h4 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #636363;
    padding-bottom: .5rem;
    text-align: right;
}

}

.right_info h4:nth-child(2)[b-zisud2rw7u] {
    color: blue;
    font-weight: 500;
}


/*table*/
.invoice_table[b-zisud2rw7u] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-zisud2rw7u] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-zisud2rw7u] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-zisud2rw7u] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-zisud2rw7u] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-zisud2rw7u] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-zisud2rw7u] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-zisud2rw7u] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-zisud2rw7u] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-zisud2rw7u] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-zisud2rw7u] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-zisud2rw7u] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-zisud2rw7u] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-zisud2rw7u] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-zisud2rw7u] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
}

.payment_and_notes .notes[b-zisud2rw7u] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.sub_total[b-zisud2rw7u] {
    width: 36.5%;
}

    .sub_total .sub_items[b-zisud2rw7u] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-zisud2rw7u] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-zisud2rw7u] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-zisud2rw7u] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-zisud2rw7u] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-zisud2rw7u] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-zisud2rw7u] {
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-zisud2rw7u] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-zisud2rw7u] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-zisud2rw7u] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-zisud2rw7u] {
            font-size: 12px;
        }

    .invoice_serial h3[b-zisud2rw7u] {
        font-size: 12px;
    }

    .company_info[b-zisud2rw7u] {
        padding: 1rem;
        padding-top: 1rem;
    }

    .address[b-zisud2rw7u] {
        gap: 0;
    }

        .address p[b-zisud2rw7u] {
            font-size: 12px;
        }

    .invoice_date p[b-zisud2rw7u] {
        font-size: 10px;
    }

    .invoice_info[b-zisud2rw7u] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-zisud2rw7u] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th:first-child[b-zisud2rw7u] {
            padding-left: 1rem;
        }

        .invoice_table table thead tr th:last-child[b-zisud2rw7u] {
            padding-right: 1rem;
        }

        .invoice_table table thead tr th[b-zisud2rw7u] {
            white-space: nowrap;
        }

        .invoice_table table tbody tr td:first-child[b-zisud2rw7u] {
            padding-left: 1rem;
        }

        .invoice_table table tbody tr td:last-child[b-zisud2rw7u] {
            padding-right: 1rem;
        }


    .sub_and_payment_method[b-zisud2rw7u] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-zisud2rw7u] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items[b-zisud2rw7u] {
            padding: 1rem;
        }

    .terms[b-zisud2rw7u] {
        margin: 3rem 2rem 0;
    }

    .greating[b-zisud2rw7u] {
        padding: 1rem;
    }

        .greating p[b-zisud2rw7u] {
            font-size: 1.2rem;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-zisud2rw7u] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-zisud2rw7u] {
        padding: 0 0 3rem 0;
    }

    .terms[b-zisud2rw7u] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Distribution/List.razor.rz.scp.css */
.content_box_inner[b-4enl7vnfdt] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

[b-4enl7vnfdt] .content_body {
    position: unset;
}

.content_box_inner .sales_header[b-4enl7vnfdt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-4enl7vnfdt] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-4enl7vnfdt] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-4enl7vnfdt] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-4enl7vnfdt] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-4enl7vnfdt] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-4enl7vnfdt] {
        outline-color: gray;
    }

.action_btn[b-4enl7vnfdt] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-4enl7vnfdt] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-4enl7vnfdt] {
            width: 100%;
        }

/*update modal */

[b-4enl7vnfdt] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-4enl7vnfdt] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}

[b-4enl7vnfdt] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}

[b-4enl7vnfdt] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] .formClass {
    margin-top: 0;
}

[b-4enl7vnfdt] .salse_insert_header {
    padding: 0;
}

[b-4enl7vnfdt] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}

[b-4enl7vnfdt] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-4enl7vnfdt]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-4enl7vnfdt] {
        padding: 1rem;
    }

    .sales_header h2[b-4enl7vnfdt] {
        font-size: 1.8rem;
    }

    .sales_header a[b-4enl7vnfdt] {
        font-size: 1.1rem;
    }

    .search-box[b-4enl7vnfdt] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-4enl7vnfdt] {
            font-size: 1.1rem;
        }

    .sale_create_container[b-4enl7vnfdt] {
        padding: 0;
    }

    [b-4enl7vnfdt] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-4enl7vnfdt] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-4enl7vnfdt] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-4enl7vnfdt] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-4enl7vnfdt] #PaymentInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }

    [b-4enl7vnfdt] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-4enl7vnfdt] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Distribution/OrderDetail.razor.rz.scp.css */
.sale_details[b-jpfc37prd3] {
    background: var(--primary-bg);
}

.sale_details_header[b-jpfc37prd3] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .sale_details_header h2[b-jpfc37prd3] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-jpfc37prd3] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-jpfc37prd3] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .sale_details_header[b-jpfc37prd3] {
        padding: 2rem 1rem 0;
        align-items: center;
    }

        .sale_details_header h2[b-jpfc37prd3] {
            font-size: 1.45rem;
        }
}
/* /Components/Pages/Distribution/OrderDetailComponent.razor.rz.scp.css */
.invoice[b-7cy5bwhg1g] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-7cy5bwhg1g] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-7cy5bwhg1g] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-7cy5bwhg1g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-7cy5bwhg1g] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-7cy5bwhg1g] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-7cy5bwhg1g] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-7cy5bwhg1g] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-7cy5bwhg1g] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-7cy5bwhg1g] {
            height: 40px;
        }

        .invoice_table table thead[b-7cy5bwhg1g] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-7cy5bwhg1g] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-7cy5bwhg1g] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-7cy5bwhg1g] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-7cy5bwhg1g] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-7cy5bwhg1g] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-7cy5bwhg1g] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-7cy5bwhg1g] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-7cy5bwhg1g] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.pyamet_method[b-7cy5bwhg1g] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-7cy5bwhg1g] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: .7rem;
    }

    .payment_and_notes .notes p[b-7cy5bwhg1g] {
        font-size: 1.3rem;
        font-weight: 400;
    }


.sub_and_payment_method .pyamet_method .bank_account[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-7cy5bwhg1g] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-7cy5bwhg1g] {
    width: 36.5%;
}

    .sub_total .sub_items[b-7cy5bwhg1g] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-7cy5bwhg1g] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-7cy5bwhg1g] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-7cy5bwhg1g] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-7cy5bwhg1g] {
        width: 35%;
    }

        .terms .conditions h2[b-7cy5bwhg1g] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-7cy5bwhg1g] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-7cy5bwhg1g] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-7cy5bwhg1g] {
        padding: 1rem;
        margin: 1rem 0;
    }

    .date_and_action[b-7cy5bwhg1g] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-7cy5bwhg1g] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-7cy5bwhg1g] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-7cy5bwhg1g] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-7cy5bwhg1g] {
        width: 100%;
    }

    .payment_and_notes .notes[b-7cy5bwhg1g] {
        width: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-7cy5bwhg1g] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Distribution/OrderList.razor.rz.scp.css */
.content_box_inner[b-nz75hoa4vr] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

[b-nz75hoa4vr] .content_body {
    position: unset;
}

.content_box_inner .sales_header[b-nz75hoa4vr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-nz75hoa4vr] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-nz75hoa4vr] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-nz75hoa4vr] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-nz75hoa4vr] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-nz75hoa4vr] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-nz75hoa4vr] {
        outline-color: gray;
    }

.action_btn[b-nz75hoa4vr] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-nz75hoa4vr] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-nz75hoa4vr] {
            width: 100%;
        }

/*update modal */

[b-nz75hoa4vr] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-nz75hoa4vr] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}

[b-nz75hoa4vr] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}

[b-nz75hoa4vr] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] .formClass {
    margin-top: 0;
}

[b-nz75hoa4vr] .salse_insert_header {
    padding: 0;
}

[b-nz75hoa4vr] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}

[b-nz75hoa4vr] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-nz75hoa4vr]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-nz75hoa4vr] {
        padding: 1rem;
    }

    .sales_header h2[b-nz75hoa4vr] {
        font-size: 1.8rem;
    }

    .sales_header a[b-nz75hoa4vr] {
        font-size: 1.1rem;
    }

    .search-box[b-nz75hoa4vr] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-nz75hoa4vr] {
            font-size: 1.1rem;
        }

    .sale_create_container[b-nz75hoa4vr] {
        padding: 0;
    }

    [b-nz75hoa4vr] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-nz75hoa4vr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-nz75hoa4vr] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-nz75hoa4vr] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-nz75hoa4vr] #PaymentInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }

    [b-nz75hoa4vr] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-nz75hoa4vr] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Expense/Insert.razor.rz.scp.css */
.insert_page[b-yj63e1yx14] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-yj63e1yx14] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-yj63e1yx14] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-yj63e1yx14] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-yj63e1yx14] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-yj63e1yx14] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-yj63e1yx14] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Expense/InsertComponent.razor.rz.scp.css */
.submit_btn[b-0gtbmn9xcp] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-0gtbmn9xcp] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Expense/List.razor.rz.scp.css */
.content_box_inner[b-nucusu1xsg] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-nucusu1xsg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-nucusu1xsg] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-nucusu1xsg] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-nucusu1xsg] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-nucusu1xsg] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-nucusu1xsg] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-nucusu1xsg] {
        outline-color: gray;
    }

.action_btn[b-nucusu1xsg] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-nucusu1xsg] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-nucusu1xsg] {
            width: 100%;
        }

[b-nucusu1xsg] .formClass {
    margin-top: 0;
}

[b-nucusu1xsg] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-nucusu1xsg] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-nucusu1xsg] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-nucusu1xsg] {
        padding: 1rem;
    }

    .category_header h2[b-nucusu1xsg] {
        font-size: 1.5rem;
    }

    .category_header a[b-nucusu1xsg] {
        font-size: 1.1rem;
    }

    .search-box[b-nucusu1xsg] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-nucusu1xsg] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-nucusu1xsg] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/index.razor.rz.scp.css */
.dashboard[b-jn9m25nxql] {
    display: flex;
}

    .dashboard .overview[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 0 1rem 1rem 0;
    }

    .dashboard .overview_item[b-jn9m25nxql] {
        padding: 2rem;
        border-radius: 0.5rem;
        box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
        background: white;
        overflow: hidden;
        min-height: 28rem;
        max-height: 28rem;
    }


    /* summery */
    .dashboard .summery[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 0 0 1rem 1rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
    }

        .dashboard .overview_item[b-jn9m25nxql] {
            max-height: max-content;
        }

        .dashboard .overview[b-jn9m25nxql] {
            padding: 0 0rem 1rem 0;
        }

        .dashboard .summery[b-jn9m25nxql] {
            padding: 0 0 2rem 0rem;
        }

        .dashboard .overview_item .overview_items[b-jn9m25nxql] {
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
        }

        .dashboard .summery .overview_item .overview_items[b-jn9m25nxql] {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 3rem;
        }

    .stock_overview_items[b-jn9m25nxql] {
        overflow: auto;
    }

    .dashboard .overview_item .stock_overview_items .top_product_list .top_item[b-jn9m25nxql] {
        gap: 1rem;
        width: max-content;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width:992px) and (max-width:1439.98px) {
    /*    .dashboard {
        display: flex;
        flex-direction: column;
    }*/
}
/* /Components/Pages/Location/City/Insert.razor.rz.scp.css */
.insert_page[b-x7ulcrfadn] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-x7ulcrfadn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-x7ulcrfadn] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-x7ulcrfadn] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-x7ulcrfadn] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-x7ulcrfadn] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-x7ulcrfadn] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/City/InsertComponent.razor.rz.scp.css */
label[b-qxft2xa5pi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/City/List.razor.rz.scp.css */
.content_box_inner[b-5pypj94z93] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .city_header[b-5pypj94z93] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.city_header h2[b-5pypj94z93] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.city_header a[b-5pypj94z93] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-5pypj94z93] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-5pypj94z93] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-5pypj94z93] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-5pypj94z93] {
        outline-color: gray;
    }

.action_btn[b-5pypj94z93] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-5pypj94z93] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-5pypj94z93] {
            width: 100%;
        }

[b-5pypj94z93] .formClass {
    margin-top: 0;
}

[b-5pypj94z93] #CityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-5pypj94z93] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-5pypj94z93]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-5pypj94z93] {
        padding: 1rem;
    }
    .city_header h2[b-5pypj94z93] {
        font-size: 1.8rem;
    }

    .city_header a[b-5pypj94z93] {
        font-size: 1.1rem;
    }

    .search-box[b-5pypj94z93] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-5pypj94z93] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/Country/Insert.razor.rz.scp.css */
.insert_page[b-ir21dguzxp] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ir21dguzxp] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-ir21dguzxp] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-ir21dguzxp] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-ir21dguzxp] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-ir21dguzxp] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-ir21dguzxp] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/Country/InsertComponent.razor.rz.scp.css */
label[b-2ll76er0no] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/Country/List.razor.rz.scp.css */
.content_box_inner[b-4pyuafzw31] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .country_header[b-4pyuafzw31] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.country_header h2[b-4pyuafzw31] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.country_header a[b-4pyuafzw31] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-4pyuafzw31] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-4pyuafzw31] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-4pyuafzw31] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-4pyuafzw31] {
        outline-color: gray;
    }

.action_btn[b-4pyuafzw31] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-4pyuafzw31] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-4pyuafzw31] {
            width: 100%;
        }

[b-4pyuafzw31] .formClass {
    margin-top: 0;
}

[b-4pyuafzw31] #CountryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-4pyuafzw31] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
.action_btn[b-4pyuafzw31]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-4pyuafzw31] {
        padding: 1rem;
    }
    .country_header h2[b-4pyuafzw31] {
        font-size: 1.8rem;
    }

    .country_header a[b-4pyuafzw31] {
        font-size: 1.1rem;
    }

    .search-box[b-4pyuafzw31] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-4pyuafzw31] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/State/Insert.razor.rz.scp.css */
.insert_page[b-9239bznfp5] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-9239bznfp5] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-9239bznfp5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-9239bznfp5] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-9239bznfp5] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-9239bznfp5] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-9239bznfp5] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/State/InsertComponent.razor.rz.scp.css */
label[b-tfs135rihq] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/State/List.razor.rz.scp.css */
.content_box_inner[b-1js0ydqcx7] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .state_header[b-1js0ydqcx7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.state_header h2[b-1js0ydqcx7] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.state_header a[b-1js0ydqcx7] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-1js0ydqcx7] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-1js0ydqcx7] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-1js0ydqcx7] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-1js0ydqcx7] {
        outline-color: gray;
    }


.action_btn[b-1js0ydqcx7] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1js0ydqcx7] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1js0ydqcx7] {
            width: 100%;
        }


[b-1js0ydqcx7] .formClass {
    margin-top: 0;
}

[b-1js0ydqcx7] #StateInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-1js0ydqcx7] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-1js0ydqcx7]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-1js0ydqcx7] {
        padding: 1rem;
    }
    .state_header h2[b-1js0ydqcx7] {
        font-size: 1.8rem;
    }

    .state_header a[b-1js0ydqcx7] {
        font-size: 1.1rem;
    }

    .search-box[b-1js0ydqcx7] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-1js0ydqcx7] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/Thana/Insert.razor.rz.scp.css */
.insert_page[b-5llgc0p4i2] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-5llgc0p4i2] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-5llgc0p4i2] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-5llgc0p4i2] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-5llgc0p4i2] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-5llgc0p4i2] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-5llgc0p4i2] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/Thana/InsertComponent.razor.rz.scp.css */
label[b-sjmbkgwr3e] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/Thana/List.razor.rz.scp.css */
.content_box_inner[b-9p05rnmuvz] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .city_header[b-9p05rnmuvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.city_header h2[b-9p05rnmuvz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.city_header a[b-9p05rnmuvz] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-9p05rnmuvz] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-9p05rnmuvz] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-9p05rnmuvz] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-9p05rnmuvz] {
        outline-color: gray;
    }

.action_btn[b-9p05rnmuvz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-9p05rnmuvz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-9p05rnmuvz] {
            width: 100%;
        }

[b-9p05rnmuvz] .formClass {
    margin-top: 0;
}

[b-9p05rnmuvz] #CityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-9p05rnmuvz] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-9p05rnmuvz]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-9p05rnmuvz] {
        padding: 1rem;
    }

    .city_header h2[b-9p05rnmuvz] {
        font-size: 1.8rem;
    }

    .city_header a[b-9p05rnmuvz] {
        font-size: 1.1rem;
    }

    .search-box[b-9p05rnmuvz] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-9p05rnmuvz] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Model/Insert.razor.rz.scp.css */
.insert_page[b-wa1xdo83cl] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-wa1xdo83cl] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-wa1xdo83cl] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-wa1xdo83cl] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-wa1xdo83cl] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-wa1xdo83cl] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-wa1xdo83cl] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Model/InsertComponent.razor.rz.scp.css */
label[b-4pj4d71585] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Model/List.razor.rz.scp.css */
.content_box_inner[b-7g8m3g9zay] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .model_header[b-7g8m3g9zay] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.model_header h2[b-7g8m3g9zay] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.model_header a[b-7g8m3g9zay] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-7g8m3g9zay] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-7g8m3g9zay] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-7g8m3g9zay] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-7g8m3g9zay] {
        outline-color: gray;
    }
.action_btn[b-7g8m3g9zay] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-7g8m3g9zay] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-7g8m3g9zay] {
            width: 100%;
        }

[b-7g8m3g9zay] .formClass {
    margin-top: 0;
}

[b-7g8m3g9zay] #ProductModelInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-7g8m3g9zay] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-7g8m3g9zay] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-7g8m3g9zay] {
        padding: 1rem;
    }

    .model_header h2[b-7g8m3g9zay] {
        font-size: 1.8rem;
    }

    .model_header a[b-7g8m3g9zay] {
        font-size: 1.1rem;
    }

    .search-box[b-7g8m3g9zay] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-7g8m3g9zay] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/MultiUnit/InsertComponent.razor.rz.scp.css */
/* =========================================
   PRODUCT UNIT PAGE
========================================= */

.product-unit-page[b-mwu04deykc] {
    width: 100%;
    padding: 0px 0px 75px;
    box-sizing: border-box;
}

/* =========================================
   PAGE HEADER
========================================= */

.product-unit-page-header[b-mwu04deykc] {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 18px;
}

.product-unit-page-back-button[b-mwu04deykc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: #475569;
    font-size: 14px;
    cursor: pointer;
    padding: 5px 0;
}

    .product-unit-page-back-button:hover[b-mwu04deykc] {
        color: #2563eb;
    }

.product-unit-page-heading[b-mwu04deykc] {
    flex: 1;
}

.product-unit-page-title[b-mwu04deykc] {
    margin: 0;
    font-size: 28px;
    line-height: 36px;
    font-weight: 650;
    color: #172033;
}

.product-unit-page-description[b-mwu04deykc] {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 22px;
    color: #64748b;
}

.product-unit-page-actions[b-mwu04deykc] {
    display: flex;
    align-items: center;
}

.product-unit-add-product-button[b-mwu04deykc] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 15px;
    border: 1px solid #2563eb;
    border-radius: 7px;
    background: #2563eb;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .product-unit-add-product-button:hover[b-mwu04deykc] {
        background: #1d4ed8;
    }


/* =========================================
   BREADCRUMB
========================================= */

.product-unit-breadcrumb[b-mwu04deykc] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 15px 0px;
    font-size: 13px;
}

.product-unit-breadcrumb-link[b-mwu04deykc] {
    color: #64748b;
    text-decoration: none;
}

    .product-unit-breadcrumb-link:hover[b-mwu04deykc] {
        color: #2563eb;
    }

.product-unit-breadcrumb-separator[b-mwu04deykc] {
    color: #94a3b8;
}

.product-unit-breadcrumb-current[b-mwu04deykc] {
    color: #334155;
    font-weight: 500;
}


/* =========================================
   SECTION
========================================= */

.product-unit-section[b-mwu04deykc] {
    margin-bottom: 22px;
    padding: 24px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
}

.product-unit-section-header[b-mwu04deykc] {
    margin-bottom: 20px;
}

.product-unit-section-title[b-mwu04deykc] {
    margin: 0;
    color: #172033;
    font-size: 19px;
    line-height: 26px;
    font-weight: 650;
}

.product-unit-section-description[b-mwu04deykc] {
    margin: 5px 0 0;
    color: #64748b;
    font-size: 13px;
    line-height: 20px;
}


/* =========================================
   FORM LABEL
========================================= */

.product-unit-field-label[b-mwu04deykc] {
    display: block;
    margin-bottom: 7px;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.product-unit-required[b-mwu04deykc] {
    color: #dc2626;
    margin-left: 2px;
}


/* =========================================
   PRODUCT SELECT
========================================= */

.product-unit-product-field[b-mwu04deykc] {
    max-width: 600px;
}

.product-unit-product-select-wrapper[b-mwu04deykc] {
    width: 100%;
}


/* =========================================
   BASE UNIT
========================================= */

.product-unit-base-unit-box[b-mwu04deykc] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 68px;
    padding: 14px 16px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
}

.product-unit-base-unit-icon[b-mwu04deykc] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
    background: #dbeafe;
    color: #2563eb;
}

.product-unit-base-unit-information[b-mwu04deykc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.product-unit-base-unit-name[b-mwu04deykc] {
    color: #172033;
    font-size: 15px;
    font-weight: 650;
}

.product-unit-base-unit-conversion[b-mwu04deykc] {
    color: #64748b;
    font-size: 13px;
}

.product-unit-base-unit-source[b-mwu04deykc] {
    padding: 5px 9px;
    border-radius: 5px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
}

.product-unit-base-unit-empty[b-mwu04deykc] {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 15px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
}

.product-unit-base-unit-empty-icon[b-mwu04deykc] {
    color: #64748b;
}

.product-unit-base-unit-empty-content[b-mwu04deykc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.product-unit-base-unit-empty-title[b-mwu04deykc] {
    color: #334155;
    font-size: 14px;
    font-weight: 600;
}

.product-unit-base-unit-empty-description[b-mwu04deykc] {
    color: #64748b;
    font-size: 13px;
}


/* =========================================
   ADD UNIT FORM
========================================= */

.product-unit-add-form[b-mwu04deykc] {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(190px, 1.35fr) minmax(150px, 1fr) 90px auto;
    gap: 14px;
    align-items: end;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid #dbeafe;
    border-radius: 9px;
    background: #f8fbff;
}

.product-unit-form-field[b-mwu04deykc] {
    min-width: 0;
}

.product-unit-form-checkbox[b-mwu04deykc] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-unit-table-control[b-mwu04deykc] {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    padding: 0 11px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    outline: none;
    background: #ffffff;
    color: #1e293b;
    font-size: 14px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .product-unit-table-control:focus[b-mwu04deykc] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
    }

    .product-unit-table-control[b-mwu04deykc]::placeholder {
        color: #94a3b8;
    }

.product-unit-conversion-input-wrapper[b-mwu04deykc] {
    position: relative;
    display: flex;
    align-items: center;
}

    .product-unit-conversion-input-wrapper
    .product-unit-table-control[b-mwu04deykc] {
        padding-right: 62px;
    }

.product-unit-form-conversion-text[b-mwu04deykc] {
    position: absolute;
    right: 11px;
    color: #64748b;
    font-size: 13px;
    pointer-events: none;
}

.product-unit-form-actions[b-mwu04deykc] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product-unit-form-cancel-button[b-mwu04deykc],
.product-unit-form-add-button[b-mwu04deykc] {
    height: 40px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.product-unit-form-cancel-button[b-mwu04deykc] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #475569;
}

    .product-unit-form-cancel-button:hover[b-mwu04deykc] {
        background: #f8fafc;
    }

.product-unit-form-add-button[b-mwu04deykc] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .product-unit-form-add-button:hover[b-mwu04deykc] {
        background: #1d4ed8;
    }


/* =========================================
   TOGGLE
========================================= */

.product-unit-toggle[b-mwu04deykc] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    cursor: pointer;
}

    .product-unit-toggle input[b-mwu04deykc] {
        width: 0;
        height: 0;
        opacity: 0;
    }

.product-unit-toggle-slider[b-mwu04deykc] {
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: #cbd5e1;
    transition: background 0.18s ease;
}

    .product-unit-toggle-slider[b-mwu04deykc]::before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        left: 3px;
        top: 3px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.20);
        transition: transform 0.18s ease;
    }

.product-unit-toggle input:checked + .product-unit-toggle-slider[b-mwu04deykc] {
    background: #2f6fc4;
}

    .product-unit-toggle input:checked + .product-unit-toggle-slider[b-mwu04deykc]::before {
        transform: translateX(22px);
    }


/* =========================================
   TABLE
========================================= */

.product-unit-table-container[b-mwu04deykc] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.product-unit-table[b-mwu04deykc] {
    width: 100%;
    min-width: 900px;
    border-collapse: separate;
    border-spacing: 0;
    background: #ffffff;
}

    .product-unit-table th[b-mwu04deykc] {
        height: 52px;
        padding: 0 15px;
        border-bottom: 1px solid #e2e8f0;
        background: #f8fafc;
        color: #475569;
        font-size: 13px;
        font-weight: 650;
        text-align: left;
        white-space: nowrap;
    }

    .product-unit-table td[b-mwu04deykc] {
        height: 70px;
        padding: 10px 15px;
        border-bottom: 1px solid #eef2f7;
        color: #334155;
        font-size: 14px;
        vertical-align: middle;
    }

    .product-unit-table tbody tr:last-child td[b-mwu04deykc] {
        border-bottom: 0;
    }

    .product-unit-table tbody tr:hover[b-mwu04deykc] {
        background: #fafcff;
    }


/* =========================================
   TABLE COLUMNS
========================================= */

.product-unit-column-unit[b-mwu04deykc] {
    width: 150px;
}

.product-unit-column-display-name[b-mwu04deykc] {
    width: 270px;
}

.product-unit-column-conversion[b-mwu04deykc] {
    width: 290px;
}

.product-unit-column-purchase[b-mwu04deykc],
.product-unit-column-sale[b-mwu04deykc] {
    width: 95px;
    text-align: center !important;
}

.product-unit-column-status[b-mwu04deykc] {
    width: 120px;
}

.product-unit-column-action[b-mwu04deykc] {
    width: 60px;
}


/* =========================================
   TABLE INPUT
========================================= */

.product-unit-display-name-input[b-mwu04deykc] {
    min-width: 210px;
}

.product-unit-conversion-field[b-mwu04deykc] {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
}

.product-unit-conversion-input[b-mwu04deykc] {
    width: 105px;
}

.product-unit-conversion-equals[b-mwu04deykc] {
    color: #94a3b8;
    font-size: 14px;
}

.product-unit-conversion-text[b-mwu04deykc] {
    color: #64748b;
    font-size: 13px;
}


/* =========================================
   TOGGLE CELL
========================================= */

.product-unit-toggle-cell[b-mwu04deykc] {
    text-align: center;
}


/* =========================================
   STATUS
========================================= */

.product-unit-status[b-mwu04deykc] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 9px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
}

.product-unit-status-active[b-mwu04deykc] {
    background: #e8f7e9;
    color: #25833a;
}


/* =========================================
   DELETE
========================================= */

.product-unit-remove-button[b-mwu04deykc] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #dc2626;
    cursor: pointer;
}

    .product-unit-remove-button:hover[b-mwu04deykc] {
        background: #fef2f2;
        color: #b91c1c;
    }


/* =========================================
   EMPTY TABLE
========================================= */

.product-unit-empty-table-cell[b-mwu04deykc] {
    height: 90px !important;
    color: #94a3b8 !important;
    text-align: center;
    font-size: 13px !important;
}


/* =========================================
   ADD ANOTHER UNIT
========================================= */

.product-unit-add-unit-button[b-mwu04deykc] {
    width: 100%;
    min-height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-top: 16px;
    padding: 14px 20px;
    border: 1px dashed #b8c4d3;
    border-radius: 8px;
    background: #ffffff;
    color: #2563eb;
    cursor: pointer;
    text-align: left;
}

    .product-unit-add-unit-button:hover[b-mwu04deykc] {
        border-color: #2563eb;
        background: #f8fbff;
    }

.product-unit-add-unit-icon[b-mwu04deykc] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bfdbfe;
    border-radius: 50%;
    background: #eff6ff;
    color: #2563eb;
}

.product-unit-add-unit-content[b-mwu04deykc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .product-unit-add-unit-content strong[b-mwu04deykc] {
        color: #2563eb;
        font-size: 14px;
        font-weight: 650;
    }

    .product-unit-add-unit-content small[b-mwu04deykc] {
        color: #64748b;
        font-size: 13px;
    }


/* =========================================
   INFORMATION
========================================= */

.product-unit-information[b-mwu04deykc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 15px 17px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
}

.product-unit-information-icon[b-mwu04deykc] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: #2563eb;
}

.product-unit-information-content[b-mwu04deykc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .product-unit-information-content strong[b-mwu04deykc] {
        color: #334155;
        font-size: 13px;
        font-weight: 650;
    }

    .product-unit-information-content p[b-mwu04deykc] {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 20px;
    }


/* =========================================
   STICKY ACTION BAR
========================================= */

.product-unit-sticky-actions[b-mwu04deykc] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    height: 76px;
    box-sizing: border-box;
    border-top: 1px solid #e2e8f0;
    background: #ffffff;
    box-shadow: 0 -3px 12px rgba(15, 23, 42, 0.08);
}

.product-unit-sticky-actions-content[b-mwu04deykc] {
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 32px;
    box-sizing: border-box;
}

.product-unit-cancel-button[b-mwu04deykc],
.product-unit-save-button[b-mwu04deykc] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.product-unit-cancel-button[b-mwu04deykc] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #475569;
}

    .product-unit-cancel-button:hover[b-mwu04deykc] {
        background: #f8fafc;
    }

.product-unit-save-button[b-mwu04deykc] {
    border: 1px solid #2563eb;
    background: #2563eb;
    color: #ffffff;
}

    .product-unit-save-button:hover[b-mwu04deykc] {
        background: #1d4ed8;
    }

[b-mwu04deykc] .selectInput {
    padding: 1rem;
    width: 80%;
    font-size: 1.4rem;
    border-radius: 5px;
    border: none;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1100px) {

    .product-unit-add-form[b-mwu04deykc] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .product-unit-form-actions[b-mwu04deykc] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}


@media (max-width: 760px) {

    .product-unit-page[b-mwu04deykc] {
        padding: 18px 16px 100px;
    }

    .product-unit-page-header[b-mwu04deykc] {
        flex-wrap: wrap;
    }

    .product-unit-page-heading[b-mwu04deykc] {
        min-width: 220px;
    }

    .product-unit-page-actions[b-mwu04deykc] {
        width: 100%;
        justify-content: flex-end;
    }

    .product-unit-breadcrumb[b-mwu04deykc] {
        margin-left: 0;
    }

    .product-unit-section[b-mwu04deykc] {
        padding: 18px;
    }

    .product-unit-add-form[b-mwu04deykc] {
        grid-template-columns: 1fr;
    }

    .product-unit-form-actions[b-mwu04deykc] {
        grid-column: auto;
        justify-content: flex-start;
    }

    .product-unit-base-unit-box[b-mwu04deykc] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .product-unit-base-unit-source[b-mwu04deykc] {
        margin-left: 54px;
    }

    .product-unit-sticky-actions-content[b-mwu04deykc] {
        padding: 0 16px;
    }
}
/* /Components/Pages/MultiUnit/List.razor.rz.scp.css */
/* =========================================
   PAGE
========================================= */

.product-unit-list-page[b-suo61cqd8o] {
    width: 100%;
    padding: 0px 0px 70px;
    box-sizing: border-box;
}


/* =========================================
   HEADER
========================================= */

.product-unit-list-header[b-suo61cqd8o] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
}

.product-unit-list-heading[b-suo61cqd8o] {
    min-width: 0;
}

.product-unit-list-title[b-suo61cqd8o] {
    margin: 0;
    color: #172033;
    font-size: 28px;
    line-height: 36px;
    font-weight: 650;
}

.product-unit-list-description[b-suo61cqd8o] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 14px;
    line-height: 22px;
}

.product-unit-list-header-actions[b-suo61cqd8o] {
    flex-shrink: 0;
}

.product-unit-list-add-button[b-suo61cqd8o] {
    height: 40px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 15px;
    border: 1px solid #2563eb;
    border-radius: 7px;
    background: #2563eb;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

    .product-unit-list-add-button:hover[b-suo61cqd8o] {
        background: #1d4ed8;
    }


/* =========================================
   FILTER CARD
========================================= */

.product-unit-list-filter-card[b-suo61cqd8o] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 230px 170px auto;
    align-items: end;
    gap: 14px;
    padding: 18px;
    margin-bottom: 18px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #ffffff;
}

.product-unit-list-search-box[b-suo61cqd8o] {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 11px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #64748b;
}

    .product-unit-list-search-box:focus-within[b-suo61cqd8o] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
    }

.product-unit-list-search-input[b-suo61cqd8o] {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1e293b;
    font-size: 14px;
}

    .product-unit-list-search-input[b-suo61cqd8o]::placeholder {
        color: #94a3b8;
    }

.product-unit-list-filter[b-suo61cqd8o] {
    min-width: 0;
}

    .product-unit-list-filter label[b-suo61cqd8o] {
        display: block;
        margin-bottom: 6px;
        color: #475569;
        font-size: 12px;
        font-weight: 600;
    }

.product-unit-list-select[b-suo61cqd8o] {
    width: 100%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    outline: none;
    background: #ffffff;
    color: #334155;
    font-size: 14px;
}

    .product-unit-list-select:focus[b-suo61cqd8o] {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.10);
    }

.product-unit-list-clear-button[b-suo61cqd8o] {
    height: 40px;
    padding: 0 14px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .product-unit-list-clear-button:hover[b-suo61cqd8o] {
        background: #f8fafc;
    }


/* =========================================
   SUMMARY
========================================= */

.product-unit-list-summary[b-suo61cqd8o] {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 14px;
    color: #334155;
}

    .product-unit-list-summary > div:not( .product-unit-list-summary-divider )[b-suo61cqd8o] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

.product-unit-list-summary-label[b-suo61cqd8o] {
    color: #64748b;
    font-size: 13px;
}

.product-unit-list-summary strong[b-suo61cqd8o] {
    color: #172033;
    font-size: 15px;
}

.product-unit-list-active-count[b-suo61cqd8o] {
    color: #25833a !important;
}

.product-unit-list-summary-divider[b-suo61cqd8o] {
    width: 1px;
    height: 18px;
    background: #cbd5e1;
}


/* =========================================
   TABLE CARD
========================================= */

.product-unit-list-table-card[b-suo61cqd8o] {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #ffffff;
}

.product-unit-list-table-wrapper[b-suo61cqd8o] {
    width: 100%;
    overflow-x: auto;
}

.product-unit-list-table[b-suo61cqd8o] {
    width: 100%;
    min-width: 1050px;
    border-collapse: separate;
    border-spacing: 0;
}

    .product-unit-list-table th[b-suo61cqd8o] {
        height: 50px;
        padding: 0 15px;
        border-bottom: 1px solid #e2e8f0;
        background: #f8fafc;
        color: #475569;
        font-size: 12px;
        font-weight: 650;
        text-align: left;
        white-space: nowrap;
    }

    .product-unit-list-table td[b-suo61cqd8o] {
        height: 68px;
        padding: 10px 15px;
        border-bottom: 1px solid #eef2f7;
        color: #334155;
        font-size: 13px;
        vertical-align: middle;
    }

    .product-unit-list-table tbody tr:last-child td[b-suo61cqd8o] {
        border-bottom: 0;
    }

    .product-unit-list-table tbody tr:hover[b-suo61cqd8o] {
        background: #fafcff;
    }


/* =========================================
   PRODUCT
========================================= */

.product-unit-list-product[b-suo61cqd8o] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 170px;
}

.product-unit-list-product-icon[b-suo61cqd8o] {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 7px;
    background: #eff6ff;
    color: #2563eb;
}

.product-unit-list-product span[b-suo61cqd8o] {
    color: #334155;
    font-weight: 600;
}


/* =========================================
   UNIT
========================================= */

.product-unit-list-unit-name[b-suo61cqd8o] {
    color: #172033;
    font-weight: 650;
    white-space: nowrap;
}

.product-unit-list-display-name[b-suo61cqd8o] {
    color: #475569;
}

.product-unit-list-conversion[b-suo61cqd8o] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

    .product-unit-list-conversion strong[b-suo61cqd8o] {
        color: #172033;
        font-weight: 650;
    }

    .product-unit-list-conversion span[b-suo61cqd8o] {
        color: #64748b;
        font-size: 12px;
    }


/* =========================================
   CENTER
========================================= */

.product-unit-list-center[b-suo61cqd8o] {
    text-align: center !important;
}


/* =========================================
   PURCHASE / SALE
========================================= */

.product-unit-list-enabled[b-suo61cqd8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 25px;
    padding: 0 7px;
    border-radius: 5px;
    background: #eff6ff;
    color: #2563eb;
    font-size: 11px;
    font-weight: 650;
}

.product-unit-list-disabled[b-suo61cqd8o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 25px;
    padding: 0 7px;
    border-radius: 5px;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 650;
}


/* =========================================
   STATUS
========================================= */

.product-unit-list-status[b-suo61cqd8o] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 650;
}

.product-unit-list-status-active[b-suo61cqd8o] {
    background: #e8f7e9;
    color: #25833a;
}

.product-unit-list-status-inactive[b-suo61cqd8o] {
    background: #f1f5f9;
    color: #64748b;
}


/* =========================================
   ACTION
========================================= */

.product-unit-list-action-column[b-suo61cqd8o] {
    width: 100px;
}

.product-unit-list-actions[b-suo61cqd8o] {
    display: flex;
    align-items: center;
    gap: 5px;
}

.product-unit-list-action-button[b-suo61cqd8o] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

    .product-unit-list-action-button:hover[b-suo61cqd8o] {
        border-color: #dbeafe;
        background: #eff6ff;
        color: #2563eb;
    }

.product-unit-list-delete-button[b-suo61cqd8o] {
    color: #dc2626;
}

    .product-unit-list-delete-button:hover[b-suo61cqd8o] {
        border-color: #fecaca;
        background: #fef2f2;
        color: #b91c1c;
    }


/* =========================================
   EMPTY
========================================= */

.product-unit-list-empty[b-suo61cqd8o] {
    min-height: 330px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.product-unit-list-empty-icon[b-suo61cqd8o] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border-radius: 12px;
    background: #eff6ff;
    color: #2563eb;
}

.product-unit-list-empty h3[b-suo61cqd8o] {
    margin: 0;
    color: #334155;
    font-size: 16px;
    font-weight: 650;
}

.product-unit-list-empty p[b-suo61cqd8o] {
    max-width: 430px;
    margin: 7px 0 18px;
    color: #64748b;
    font-size: 13px;
    line-height: 20px;
}

.product-unit-list-empty-button[b-suo61cqd8o] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid #2563eb;
    border-radius: 6px;
    background: #2563eb;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}


/* =========================================
   LOADING
========================================= */

.product-unit-list-loading[b-suo61cqd8o] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #64748b;
    font-size: 13px;
}

.product-unit-list-spinner[b-suo61cqd8o] {
    width: 18px;
    height: 18px;
    border: 2px solid #dbeafe;
    border-top-color: #2563eb;
    border-radius: 50%;
    animation: product-unit-list-spin-b-suo61cqd8o 0.8s linear infinite;
}

@keyframes product-unit-list-spin-b-suo61cqd8o {
    to {
        transform: rotate(360deg);
    }
}


/* =========================================
   ERROR
========================================= */

.product-unit-list-error[b-suo61cqd8o] {
    min-height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 30px;
    color: #991b1b;
}

.product-unit-list-error-icon[b-suo61cqd8o] {
    display: flex;
    color: #dc2626;
}

.product-unit-list-error strong[b-suo61cqd8o] {
    display: block;
    color: #991b1b;
    font-size: 14px;
}

.product-unit-list-error p[b-suo61cqd8o] {
    margin: 4px 0 0;
    color: #b91c1c;
    font-size: 12px;
}


/* =========================================
   PAGINATION
========================================= */

.product-unit-list-pagination[b-suo61cqd8o] {
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 0 16px;
    border-top: 1px solid #e2e8f0;
}

.product-unit-list-page-info[b-suo61cqd8o] {
    color: #64748b;
    font-size: 12px;
}

.product-unit-list-pagination-buttons[b-suo61cqd8o] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .product-unit-list-pagination-buttons button[b-suo61cqd8o] {
        min-width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 0 8px;
        border: 1px solid #cbd5e1;
        border-radius: 5px;
        background: #ffffff;
        color: #475569;
        font-size: 12px;
        cursor: pointer;
    }

        .product-unit-list-pagination-buttons button:hover:not(:disabled)[b-suo61cqd8o] {
            border-color: #2563eb;
            color: #2563eb;
            background: #eff6ff;
        }

        .product-unit-list-pagination-buttons button:disabled[b-suo61cqd8o] {
            opacity: 0.45;
            cursor: not-allowed;
        }

.product-unit-list-page-number[b-suo61cqd8o] {
    width: 34px;
    padding: 0 !important;
}

.product-unit-list-page-number-active[b-suo61cqd8o] {
    border-color: #2563eb !important;
    background: #2563eb !important;
    color: #ffffff !important;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 1000px) {

    .product-unit-list-filter-card[b-suo61cqd8o] {
        grid-template-columns: minmax(240px, 1fr) minmax(180px, 1fr);
    }

    .product-unit-list-clear-button[b-suo61cqd8o] {
        width: max-content;
    }
}


@media (max-width: 700px) {

    .product-unit-list-page[b-suo61cqd8o] {
        padding: 20px 16px 30px;
    }

    .product-unit-list-header[b-suo61cqd8o] {
        flex-direction: column;
    }

    .product-unit-list-header-actions[b-suo61cqd8o] {
        width: 100%;
    }

    .product-unit-list-add-button[b-suo61cqd8o] {
        width: 100%;
        justify-content: center;
    }

    .product-unit-list-filter-card[b-suo61cqd8o] {
        grid-template-columns: 1fr;
    }

    .product-unit-list-clear-button[b-suo61cqd8o] {
        width: 100%;
    }

    .product-unit-list-pagination[b-suo61cqd8o] {
        align-items: flex-start;
        flex-direction: column;
        padding: 12px 16px;
    }

    .product-unit-list-pagination-buttons[b-suo61cqd8o] {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 3px;
    }
}
/* /Components/Pages/PaymentStatus/Insert.razor.rz.scp.css */
.insert_page[b-hdmjx9j8pn] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-hdmjx9j8pn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-hdmjx9j8pn] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-hdmjx9j8pn] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-hdmjx9j8pn] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-hdmjx9j8pn] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-hdmjx9j8pn] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/PaymentStatus/InsertComponent.razor.rz.scp.css */
label[b-9zvi45wvl9] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/PaymentStatus/List.razor.rz.scp.css */
.content_box_inner[b-xbcjnox02m] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
.content_box_inner .payment_status_header[b-xbcjnox02m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_status_header h2[b-xbcjnox02m] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.payment_status_header a[b-xbcjnox02m] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xbcjnox02m] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xbcjnox02m] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xbcjnox02m] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xbcjnox02m] {
        outline-color: gray;
    }

.action_btn[b-xbcjnox02m] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xbcjnox02m] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xbcjnox02m] {
            width: 100%;
        }

[b-xbcjnox02m] .formClass {
    margin-top: 0;
}
[b-xbcjnox02m] #PaymentStatusInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xbcjnox02m] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-xbcjnox02m]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xbcjnox02m] {
        padding: 1rem;
    }
    .payment_status_header h2[b-xbcjnox02m] {
        font-size: 1.8rem;
    }

    .payment_status_header a[b-xbcjnox02m] {
        font-size: 1.1rem;
    }

    .search-box[b-xbcjnox02m] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xbcjnox02m] {
            font-size: 1.1rem;
        }
    [b-xbcjnox02m] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Payment/Insert.razor.rz.scp.css */
.insert_page[b-gjtwrczk0p] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-gjtwrczk0p] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-gjtwrczk0p] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-gjtwrczk0p] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-gjtwrczk0p] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-gjtwrczk0p] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-gjtwrczk0p] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Payment/InsertComponent.razor.rz.scp.css */
label[b-eqjyhqfehd] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Payment/List.razor.rz.scp.css */
.content_box_inner[b-xwzzhxj3pu] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .payment_list_header[b-xwzzhxj3pu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_list_header h2[b-xwzzhxj3pu] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.payment_list_header a[b-xwzzhxj3pu] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xwzzhxj3pu] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xwzzhxj3pu] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xwzzhxj3pu] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xwzzhxj3pu] {
        outline-color: gray;
    }

.action_btn[b-xwzzhxj3pu] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xwzzhxj3pu] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xwzzhxj3pu] {
            width: 100%;
        }

[b-xwzzhxj3pu] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-xwzzhxj3pu] #PaymentInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xwzzhxj3pu] .formClass {
    margin-top: 0;
}

/*tooltip */
.action_btn[b-xwzzhxj3pu]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xwzzhxj3pu] {
        padding:1rem;
    }
    .payment_list_header h2[b-xwzzhxj3pu] {
        font-size: 1.8rem;
    }

    .payment_list_header a[b-xwzzhxj3pu] {
        font-size: 1.1rem;
    }

    .search-box[b-xwzzhxj3pu] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xwzzhxj3pu] {
            font-size: 1.1rem;
        }
    [b-xwzzhxj3pu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Product/Import.razor.rz.scp.css */
.product-import-page[b-98cx2un8rf] {
    padding: 24px;
    max-width: 1400px;
    margin: 0 auto;
}

/* =========================
   Page Header
   ========================= */

.page-header[b-98cx2un8rf] {
    margin-bottom: 24px;
}

    .page-header h2[b-98cx2un8rf] {
        margin: 0;
        font-size: 24px;
        font-weight: 700;
        color: #1f2937;
    }

    .page-header p[b-98cx2un8rf] {
        margin: 6px 0 0;
        font-size: 14px;
        color: #6b7280;
    }


/* =========================
   Main Card
   ========================= */

.import-card[b-98cx2un8rf] {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}


/* =========================
   Upload Section
   ========================= */

.upload-section[b-98cx2un8rf] {
    min-height: 280px;
    padding: 45px 24px;
    border: 2px dashed #d1d5db;
    border-radius: 10px;
    background: #fafafa;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

    .upload-section:hover[b-98cx2un8rf] {
        border-color: #9ca3af;
        background: #f9fafb;
    }


/* =========================
   Upload Icon
   ========================= */

.upload-icon[b-98cx2un8rf] {
    width: 56px;
    height: 56px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4b5563;
    font-size: 27px;
    font-weight: 600;
}

.upload-section h3[b-98cx2un8rf] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    color: #1f2937;
}

.upload-section p[b-98cx2un8rf] {
    margin: 8px 0 20px;
    font-size: 14px;
    color: #6b7280;
}


/* =========================
   File Input
   ========================= */

.file-input[b-98cx2un8rf] {
    width: 100%;
    max-width: 360px;
    font-size: 14px;
    color: #374151;
}

    .file-input[b-98cx2un8rf]::file-selector-button {
        margin-right: 10px;
        padding: 9px 16px;
        border: 1px solid #d1d5db;
        border-radius: 7px;
        background: #ffffff;
        color: #374151;
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

        .file-input[b-98cx2un8rf]::file-selector-button:hover {
            background: #f3f4f6;
            border-color: #9ca3af;
        }


/* =========================
   Selected File
   ========================= */

.selected-file[b-98cx2un8rf] {
    margin-top: 16px;
    padding: 9px 14px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
    color: #4b5563;
    font-size: 13px;
}

    .selected-file strong[b-98cx2un8rf] {
        color: #1f2937;
    }


/* =========================
   Alerts
   ========================= */

.alert[b-98cx2un8rf] {
    margin-top: 20px;
    padding: 13px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}

.alert-error[b-98cx2un8rf] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.alert-success[b-98cx2un8rf] {
    border: 1px solid #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}


/* =========================
   Import Progress
   ========================= */

.import-progress[b-98cx2un8rf] {
    margin-top: 20px;
    padding: 13px 16px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 500;
}


/* =========================
   Result Section
   ========================= */

.result-section[b-98cx2un8rf] {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
}


/* =========================
   Result Summary
   ========================= */

.result-summary[b-98cx2un8rf] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 24px;
}

.summary-item[b-98cx2un8rf] {
    min-height: 82px;
    padding: 16px 18px;
    border: 1px solid #e5e7eb;
    border-radius: 9px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .summary-item span[b-98cx2un8rf] {
        margin-bottom: 5px;
        color: #6b7280;
        font-size: 13px;
        font-weight: 500;
    }

    .summary-item strong[b-98cx2un8rf] {
        color: #1f2937;
        font-size: 22px;
        font-weight: 700;
    }

    .summary-item.success[b-98cx2un8rf] {
        border-color: #bbf7d0;
        background: #f0fdf4;
    }

        .summary-item.success strong[b-98cx2un8rf] {
            color: #15803d;
        }

    .summary-item.failed[b-98cx2un8rf] {
        border-color: #fecaca;
        background: #fef2f2;
    }

        .summary-item.failed strong[b-98cx2un8rf] {
            color: #dc2626;
        }


/* =========================
   Failed Section
   ========================= */

.failed-section[b-98cx2un8rf] {
    margin-top: 10px;
}

    .failed-section h3[b-98cx2un8rf] {
        margin: 0 0 14px;
        color: #1f2937;
        font-size: 17px;
        font-weight: 650;
    }


/* =========================
   Result Table
   ========================= */

.result-table[b-98cx2un8rf] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #e5e7eb;
    border-radius: 9px;
    background: #ffffff;
}

    .result-table th[b-98cx2un8rf],
    .result-table td[b-98cx2un8rf] {
        padding: 12px 14px;
        border-bottom: 1px solid #e5e7eb;
        text-align: left;
        vertical-align: middle;
        font-size: 13px;
    }

    .result-table th[b-98cx2un8rf] {
        background: #f9fafb;
        color: #374151;
        font-size: 12px;
        font-weight: 650;
        white-space: nowrap;
    }

    .result-table td[b-98cx2un8rf] {
        color: #4b5563;
    }

    .result-table tbody tr:last-child td[b-98cx2un8rf] {
        border-bottom: none;
    }

    .result-table tbody tr:hover[b-98cx2un8rf] {
        background: #fafafa;
    }

    .result-table th:first-child[b-98cx2un8rf],
    .result-table td:first-child[b-98cx2un8rf] {
        width: 70px;
    }

    .result-table th:nth-child(3)[b-98cx2un8rf],
    .result-table td:nth-child(3)[b-98cx2un8rf] {
        width: 180px;
    }

.error-text[b-98cx2un8rf] {
    color: #b91c1c !important;
}


/* =========================
   Responsive
   ========================= */

@media (max-width: 768px) {

    .product-import-page[b-98cx2un8rf] {
        padding: 16px;
    }

    .import-card[b-98cx2un8rf] {
        padding: 16px;
    }

    .upload-section[b-98cx2un8rf] {
        min-height: 240px;
        padding: 30px 16px;
    }

    .result-summary[b-98cx2un8rf] {
        grid-template-columns: 1fr;
    }

    .result-table[b-98cx2un8rf] {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* /Components/Pages/Product/Insert.razor.rz.scp.css */
.product_insert_page[b-qo0ufe1f1x] {
    background: var(--primary-bg);
}

    .product_insert_page .product_insert_header[b-qo0ufe1f1x] {
        padding: 1.5rem 1.5rem 0;
    }
.product_insert_header h2[b-qo0ufe1f1x] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Product/InsertComponent.razor.rz.scp.css */
/* =========================================================
   Product Page
   Scoped to .product-page only
   ========================================================= */

.product-page[b-03kpr8qq6u] {
    --product-primary: #0F6CBD;
    --product-primary-hover: #115EA3;
    --product-primary-light: #EFF6FC;
    --product-text: #242424;
    --product-secondary: #605E5C;
    --product-border: #E1DFDD;
    --product-input-border: #8A8886;
    --product-surface: #FFFFFF;
    --product-soft-surface: #FAF9F8;
    --product-danger: #C50F1F;
    --product-danger-light: #FDE7E9;
    width: 100%;
    min-width: 0;
    color: var(--product-text);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

    .product-page *[b-03kpr8qq6u],
    .product-page *[b-03kpr8qq6u]::before,
    .product-page *[b-03kpr8qq6u]::after {
        box-sizing: border-box;
    }


    /* =========================================================
   Form
   ========================================================= */

    .product-page .product-form[b-03kpr8qq6u] {
        width: 100%;
        margin: 0;
    }


    /* =========================================================
   Header
   ========================================================= */

    .product-page .product-header[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        width: 100%;
        padding: 2px 0 16px;
        border-bottom: 1px solid var(--product-border);
    }

    .product-page .product-header-content[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        gap: 12px;
        min-width: 0;
    }

    .product-page .product-header-icon[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 42px;
        width: 42px;
        height: 42px;
        border-radius: 7px;
        background: var(--product-primary-light);
        color: var(--product-primary);
    }

        .product-page .product-header-icon svg[b-03kpr8qq6u] {
            display: block;
            width: 23px;
            height: 23px;
            fill: currentColor;
        }

    .product-page .product-header h1[b-03kpr8qq6u] {
        margin: 0;
        color: var(--product-text);
        font-size: 24px;
        line-height: 1.2;
        font-weight: 650;
    }

    .product-page .product-header p[b-03kpr8qq6u] {
        margin: 4px 0 0;
        color: var(--product-secondary);
        font-size: 13px;
        line-height: 1.35;
    }

    .product-page .product-header-actions[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        gap: 8px;
        flex: 0 0 auto;
    }

        /* Matches the vertical divider after Back on Product Details. */
        .product-page .product-header-actions .product-action-separator[b-03kpr8qq6u] {
            flex: none;
            width: 1px;
            height: 22px;
            margin: 0 4px;
            background: var(--product-border);
            pointer-events: none;
        }


    /* =========================================================
   Main Layout
   ========================================================= */

    .product-page .product-grid[b-03kpr8qq6u] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px;
        width: 100%;
        padding-top: 12px;
    }


    /* =========================================================
   Sections
   ========================================================= */

    .product-page .product-section[b-03kpr8qq6u] {
        min-width: 0;
        /* overflow: hidden;*/
        border: 1px solid var(--product-border);
        border-radius: 6px;
        background: var(--product-surface);
    }

    .product-page .product-items-section[b-03kpr8qq6u] {
        grid-column: 1 / -1;
    }

    .product-page .product-section-header[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 58px;
        width: 100%;
        padding: 9px 14px;
        border-bottom: 1px solid var(--product-border);
    }

    .product-page .product-section-title[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
    }

    .product-page .product-section-icon[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        border-radius: 7px;
        background: var(--product-primary-light);
        color: var(--product-primary);
    }

        .product-page .product-section-icon svg[b-03kpr8qq6u] {
            display: block;
            width: 19px;
            height: 19px;
            fill: currentColor;
        }

    .product-page .product-section-title h2[b-03kpr8qq6u] {
        margin: 0;
        color: var(--product-text);
        font-size: 16px;
        line-height: 1.2;
        font-weight: 650;
    }

    .product-page .product-section-title p[b-03kpr8qq6u] {
        margin: 3px 0 0;
        color: var(--product-secondary);
        font-size: 12px;
        line-height: 1.25;
    }


    /* =========================================================
   Form Grids
   ========================================================= */

    .product-page .product-form-grid[b-03kpr8qq6u] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 11px 16px;
        width: 100%;
        padding: 13px 14px 14px;
    }

    .product-page .product-variant-grid[b-03kpr8qq6u] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 14px;
        width: 100%;
        padding: 13px 14px 14px;
    }


    /* =========================================================
   Fields
   ========================================================= */

    .product-page .product-field[b-03kpr8qq6u] {
        min-width: 0;
        width: 100%;
    }

        .product-page .product-field > label[b-03kpr8qq6u] {
            display: block;
            margin: 0 0 5px;
            color: var(--product-text);
            font-size: 12px;
            line-height: 18px;
            font-weight: 600;
        }

            .product-page .product-field > label span[b-03kpr8qq6u] {
                color: var(--product-danger);
            }


    /* =========================================================
   Product Name
   ========================================================= */

    .product-page .product-form-grid .product-name-field[b-03kpr8qq6u] {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
    }

        .product-page .product-form-grid .product-name-field .product-input[b-03kpr8qq6u] {
            display: block;
            width: 100%;
            height: 40px;
            min-height: 40px;
            margin: 0;
            padding: 0 12px;
            border: 1px solid var(--product-input-border);
            border-radius: 4px;
            outline: none;
            background: #FFFFFF;
            color: var(--product-text);
            font-family: inherit;
            font-size: 14px;
            font-weight: 400;
            line-height: 40px;
            box-shadow: none;
            appearance: none;
            transition: border-color .15s ease, box-shadow .15s ease;
        }

            .product-page .product-form-grid .product-name-field .product-input[b-03kpr8qq6u]::placeholder {
                color: #8A8886;
                opacity: 1;
            }

            .product-page .product-form-grid .product-name-field .product-input:hover[b-03kpr8qq6u] {
                border-color: var(--product-secondary);
            }

            .product-page .product-form-grid .product-name-field .product-input:focus[b-03kpr8qq6u] {
                border-color: var(--product-primary);
                box-shadow: 0 0 0 2px rgba(15, 108, 189, .10);
            }


    /* =========================================================
   Common Inputs
   ========================================================= */

    .product-page .product-field > input[b-03kpr8qq6u],
    .product-page .product-field > select[b-03kpr8qq6u] {
        display: block;
        width: 100%;
        height: 34px;
        min-width: 0;
        margin: 0;
        padding: 0 10px;
        border: 1px solid var(--product-input-border);
        border-radius: 4px;
        outline: none;
        background: #FFFFFF;
        color: var(--product-text);
        font-family: inherit;
        font-size: 12px;
        line-height: 34px;
        box-shadow: none;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

        .product-page .product-field > input[b-03kpr8qq6u]::placeholder {
            color: #8A8886;
            opacity: 1;
        }

        .product-page .product-field > input:hover[b-03kpr8qq6u],
        .product-page .product-field > select:hover[b-03kpr8qq6u] {
            border-color: var(--product-secondary);
        }

        .product-page .product-field > input:focus[b-03kpr8qq6u],
        .product-page .product-field > select:focus[b-03kpr8qq6u] {
            border-color: var(--product-primary);
            box-shadow: 0 0 0 2px rgba(15, 108, 189, .10);
        }


    /* =========================================================
   Select / Control Row
   ========================================================= */

    .product-page .product-control-row[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
        min-width: 0;
    }

    .product-page .product-selector[b-03kpr8qq6u] {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
    }


        /* BaseSelectElement */

        .product-page .product-selector > *[b-03kpr8qq6u] {
            width: 100%;
            min-width: 0;
        }

        .product-page .product-selector[b-03kpr8qq6u]  select,
        .product-page .product-selector[b-03kpr8qq6u]  input {
            width: 100%;
            height: 34px;
            min-height: 34px;
            border: 1px solid var(--product-input-border);
            border-radius: 4px;
            background: #FFFFFF;
            color: var(--product-text);
            font-family: inherit;
            font-size: 12px;
            padding: 0 12px;
        }

        .product-page .product-selector[b-03kpr8qq6u]  button {
            font-family: inherit;
            font-size: 12px;
        }

        .product-page .product-selector[b-03kpr8qq6u]  select:hover,
        .product-page .product-selector[b-03kpr8qq6u]  input:hover {
            border-color: var(--product-secondary);
        }

        .product-page .product-selector[b-03kpr8qq6u]  .select2-container,
        .product-page .product-selector[b-03kpr8qq6u]  .form-select {
            width: 100% !important;
        }

        .product-page .product-selector[b-03kpr8qq6u]  .form-control,
        .product-page .product-selector[b-03kpr8qq6u]  .form-select {
            height: 34px;
            min-height: 34px;
            padding-top: 0;
            padding-bottom: 0;
            border-color: var(--product-input-border);
            border-radius: 4px;
            box-shadow: none;
            font-size: 12px;
        }

            .product-page .product-selector[b-03kpr8qq6u]  .form-control:focus,
            .product-page .product-selector[b-03kpr8qq6u]  .form-select:focus {
                border-color: var(--product-primary);
                box-shadow: 0 0 0 2px rgba(15, 108, 189, .10);
            }


    /* =========================================================
   Add / Plus Button
   ========================================================= */

    .product-page .product-add-button[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        min-width: 34px;
        padding: 0;
        border: 1px solid #B7D7F4;
        border-radius: 4px;
        background: var(--product-primary-light);
        color: var(--product-primary);
        cursor: pointer;
        transition: background-color .16s ease, border-color .16s ease, color .16s ease;
    }

        .product-page .product-add-button:hover:not(:disabled)[b-03kpr8qq6u] {
            color: #0B5799;
            background: #DDEEFF;
            border-color: #8FC2ED;
        }

        .product-page .product-add-button:focus-visible[b-03kpr8qq6u] {
            outline: 2px solid var(--product-primary);
            outline-offset: 2px;
        }

        .product-page .product-add-button:disabled[b-03kpr8qq6u] {
            opacity: .55;
            cursor: not-allowed;
        }

        .product-page .product-add-button svg[b-03kpr8qq6u] {
            display: block;
            width: 17px;
            height: 17px;
            fill: currentColor;
        }


    /* =========================================================
   Buttons
   ========================================================= */

    .product-page .product-button[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 40px;
        min-height: 40px;
        padding: 0 15px;
        border: 1px solid transparent;
        border-radius: 6px;
        outline: none;
        box-sizing: border-box;
        font-family: inherit;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.2;
        text-decoration: none;
        white-space: nowrap;
        appearance: none;
        cursor: pointer;
        transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
    }

    .product-page .product-button-primary[b-03kpr8qq6u] {
        color: #FFFFFF;
        background: var(--product-primary);
        border-color: var(--product-primary);
        box-shadow: 0 2px 5px rgba(15, 108, 189, .14);
    }

        .product-page .product-button-primary:hover:not(:disabled)[b-03kpr8qq6u] {
            color: #FFFFFF;
            background: var(--product-primary-hover);
            border-color: var(--product-primary-hover);
            box-shadow: 0 4px 11px rgba(15, 108, 189, .18);
        }

    .product-page .product-button-secondary[b-03kpr8qq6u] {
        color: #484644;
        font-weight: 500;
        background: #FFFFFF;
        border-color: #C8C6C4;
    }

        .product-page .product-button-secondary:hover:not(:disabled)[b-03kpr8qq6u] {
            color: var(--product-text);
            background: #F3F2F1;
            border-color: #8A8886;
        }

    .product-page .product-button:active:not(:disabled)[b-03kpr8qq6u] {
        box-shadow: none;
    }

    .product-page .product-button:focus-visible[b-03kpr8qq6u] {
        outline: 2px solid var(--product-primary);
        outline-offset: 2px;
    }

    .product-page .product-button:disabled[b-03kpr8qq6u] {
        opacity: .55;
        cursor: not-allowed;
        box-shadow: none;
    }

    .product-page .product-button-small[b-03kpr8qq6u] {
        height: 40px;
        min-height: 40px;
        padding: 0 13px;
    }

    .product-page .product-button-icon[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 17px;
        height: 17px;
        line-height: 0;
    }

        .product-page .product-button-icon svg[b-03kpr8qq6u] {
            display: block;
            width: 17px;
            height: 17px;
            fill: currentColor;
        }


    /* =========================================================
   Pricing Input
   ========================================================= */

    .product-page .product-input-prefix[b-03kpr8qq6u] {
        display: flex;
        align-items: stretch;
        width: 100%;
    }

        .product-page .product-input-prefix > span[b-03kpr8qq6u] {
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 38px;
            width: 38px;
            height: 34px;
            border: 1px solid var(--product-border);
            border-right: 0;
            border-radius: 4px 0 0 4px;
            background: var(--product-soft-surface);
            color: var(--product-secondary);
            font-size: 13px;
            font-weight: 600;
        }

        .product-page .product-input-prefix > input[b-03kpr8qq6u] {
            flex: 1 1 auto;
            width: 100%;
            min-width: 0;
            height: 34px;
            padding: 0 10px;
            border: 1px solid var(--product-input-border);
            border-radius: 0 4px 4px 0;
            outline: none;
            background: #FFFFFF;
            color: var(--product-text);
            font-family: inherit;
            font-size: 12px;
            box-shadow: none;
        }

            .product-page .product-input-prefix > input:hover[b-03kpr8qq6u] {
                border-color: var(--product-secondary);
            }

            .product-page .product-input-prefix > input:focus[b-03kpr8qq6u] {
                border-color: var(--product-primary);
                box-shadow: 0 0 0 2px rgba(15, 108, 189, .10);
            }


    /* =========================================================
   Variant Actions
   ========================================================= */

    .product-page .product-variant-actions[b-03kpr8qq6u] {
        display: flex;
        justify-content: flex-end;
        padding: 0 14px 14px;
    }


    /* =========================================================
   Product Items Table
   ========================================================= */

    .product-page .product-table-wrapper[b-03kpr8qq6u] {
        width: calc(100% - 28px);
        margin: 0 14px 14px;
        overflow-x: auto;
        border: 1px solid var(--product-border);
        border-radius: 5px;
        background: #FFFFFF;
    }

    .product-page .product-table[b-03kpr8qq6u] {
        width: 100%;
        min-width: 700px;
        margin: 0;
        border-collapse: collapse;
        table-layout: fixed;
    }

        .product-page .product-table th[b-03kpr8qq6u],
        .product-page .product-table td[b-03kpr8qq6u] {
            height: 38px;
            padding: 7px 10px;
            border-right: 1px solid var(--product-border);
            border-bottom: 1px solid var(--product-border);
            color: var(--product-text);
            text-align: left;
            vertical-align: middle;
            font-family: inherit;
            font-size: 12px;
            line-height: 1.3;
        }

            .product-page .product-table th:last-child[b-03kpr8qq6u],
            .product-page .product-table td:last-child[b-03kpr8qq6u] {
                border-right: 0;
            }

        .product-page .product-table tbody tr:last-child td[b-03kpr8qq6u] {
            border-bottom: 0;
        }

        .product-page .product-table th[b-03kpr8qq6u] {
            background: var(--product-soft-surface);
            font-weight: 650;
            white-space: nowrap;
        }

        .product-page .product-table td[b-03kpr8qq6u] {
            background: #FFFFFF;
        }

    .product-page .product-column-sl[b-03kpr8qq6u] {
        width: 56px;
        text-align: center !important;
    }

    .product-page .product-column-action[b-03kpr8qq6u] {
        width: 94px;
        text-align: center !important;
    }

    .product-page .product-row-actions[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
    }


    /* =========================================================
   Edit / Delete Buttons
   ========================================================= */

    .product-page .product-edit-button[b-03kpr8qq6u],
    .product-page .product-delete-button[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color .16s ease, border-color .16s ease, color .16s ease;
    }

    .product-page .product-edit-button[b-03kpr8qq6u] {
        background: var(--product-primary-light);
        color: var(--product-primary);
        border-color: #B7D7F4;
    }

        .product-page .product-edit-button:hover:not(:disabled)[b-03kpr8qq6u] {
            color: #0B5799;
            background: #DDEEFF;
            border-color: #8FC2ED;
        }

    .product-page .product-delete-button[b-03kpr8qq6u] {
        background: var(--product-danger-light);
        color: var(--product-danger);
    }

        .product-page .product-delete-button:hover:not(:disabled)[b-03kpr8qq6u] {
            color: #A4262C;
            background: #F8CDD1;
            border-color: #F4B5BC;
        }

        .product-page .product-edit-button:focus-visible[b-03kpr8qq6u],
        .product-page .product-delete-button:focus-visible[b-03kpr8qq6u] {
            outline: 2px solid var(--product-primary);
            outline-offset: 2px;
        }

        .product-page .product-edit-button:disabled[b-03kpr8qq6u],
        .product-page .product-delete-button:disabled[b-03kpr8qq6u] {
            opacity: .55;
            cursor: not-allowed;
        }

        .product-page .product-edit-button svg[b-03kpr8qq6u],
        .product-page .product-delete-button svg[b-03kpr8qq6u] {
            display: block;
            width: 16px;
            height: 16px;
            fill: currentColor;
        }


    /* =========================================================
   Empty State
   ========================================================= */

    .product-page .product-empty-state[b-03kpr8qq6u] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        min-height: 90px;
        padding: 14px;
        color: var(--product-secondary);
        text-align: center;
    }

    .product-page .product-empty-icon[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        margin-bottom: 2px;
        color: #8A8886;
    }

        .product-page .product-empty-icon svg[b-03kpr8qq6u] {
            display: block;
            width: 25px;
            height: 25px;
            fill: currentColor;
        }

    .product-page .product-empty-state strong[b-03kpr8qq6u] {
        color: var(--product-text);
        font-size: 12px;
        font-weight: 650;
    }

    .product-page .product-empty-state span[b-03kpr8qq6u] {
        font-size: 11px;
    }

    .product-page .product-unit-empty-state[b-03kpr8qq6u] {
        min-height: 100px;
    }


    /* =========================================================
   Validation
   ========================================================= */

    .product-page .validation-message[b-03kpr8qq6u],
    .product-page .text-danger[b-03kpr8qq6u] {
        display: block;
        margin-top: 4px;
        color: #9c1010;
        font-size: 11px;
        line-height: 1.25;
    }


    /* =========================================================
   Product Unit Modal
   ========================================================= */

    .product-page .product-unit-modal-backdrop[b-03kpr8qq6u] {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        background: rgba(0, 0, 0, .35);
    }

    .product-page .product-unit-modal[b-03kpr8qq6u] {
        width: min(460px, 100%);
        overflow: hidden;
        border: 1px solid var(--product-border);
        border-radius: 8px;
        background: #FFFFFF;
        box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
    }

    .product-page .product-unit-modal-header[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 64px;
        padding: 13px 16px;
        border-bottom: 1px solid var(--product-border);
    }

        .product-page .product-unit-modal-header h3[b-03kpr8qq6u] {
            margin: 0;
            color: var(--product-text);
            font-size: 17px;
            font-weight: 650;
        }

        .product-page .product-unit-modal-header p[b-03kpr8qq6u] {
            margin: 3px 0 0;
            color: var(--product-secondary);
            font-size: 12px;
        }

    .product-page .product-modal-close[b-03kpr8qq6u] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        border-radius: 4px;
        background: transparent;
        color: var(--product-secondary);
        cursor: pointer;
        transition: background-color .16s ease, color .16s ease;
    }

        .product-page .product-modal-close:hover:not(:disabled)[b-03kpr8qq6u] {
            background: #F3F2F1;
            color: var(--product-text);
        }

        .product-page .product-modal-close:focus-visible[b-03kpr8qq6u] {
            outline: 2px solid var(--product-primary);
            outline-offset: 2px;
        }

        .product-page .product-modal-close svg[b-03kpr8qq6u] {
            display: block;
            width: 18px;
            height: 18px;
            fill: currentColor;
        }

    .product-page .product-unit-modal-body[b-03kpr8qq6u] {
        display: grid;
        gap: 13px;
        padding: 16px;
    }

    .product-page .product-unit-modal-footer[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        padding: 12px 16px;
        border-top: 1px solid var(--product-border);
        background: var(--product-soft-surface);
    }


/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1000px) {

    .product-page .product-grid[b-03kpr8qq6u] {
        grid-template-columns: 1fr;
    }

    .product-page .product-items-section[b-03kpr8qq6u] {
        grid-column: auto;
    }
}


@media (max-width: 900px) {

    .product-page .product-variant-grid[b-03kpr8qq6u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 700px) {

    .product-page .product-header[b-03kpr8qq6u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-page .product-header-actions[b-03kpr8qq6u] {
        width: 100%;
    }

        .product-page .product-header-actions .product-button[b-03kpr8qq6u] {
            flex: 1;
        }

    .product-page .product-form-grid[b-03kpr8qq6u],
    .product-page .product-variant-grid[b-03kpr8qq6u] {
        grid-template-columns: 1fr;
    }

    .product-page .product-name-field[b-03kpr8qq6u] {
        grid-column: 1 / -1;
    }

    .product-page .product-section-header[b-03kpr8qq6u] {
        align-items: flex-start;
    }

    .product-page .product-table-wrapper[b-03kpr8qq6u] {
        overflow-x: auto;
    }

    .product-page .product-table[b-03kpr8qq6u] {
        min-width: 700px;
    }
}


@media (max-width: 480px) {

    .product-page .product-header[b-03kpr8qq6u] {
        gap: 14px;
    }

        .product-page .product-header h1[b-03kpr8qq6u] {
            font-size: 20px;
        }

        .product-page .product-header p[b-03kpr8qq6u] {
            font-size: 12px;
        }

    .product-page .product-header-actions[b-03kpr8qq6u] {
        flex-direction: column;
    }

        .product-page .product-header-actions .product-action-separator[b-03kpr8qq6u] {
            display: none;
        }

        .product-page .product-header-actions .product-button[b-03kpr8qq6u] {
            width: 100%;
            flex: none;
        }

    .product-page .product-section[b-03kpr8qq6u] {
        border-radius: 5px;
    }

    .product-page .product-section-header[b-03kpr8qq6u] {
        padding: 9px 12px;
    }

    .product-page .product-form-grid[b-03kpr8qq6u],
    .product-page .product-variant-grid[b-03kpr8qq6u] {
        padding: 12px;
    }

    .product-page .product-unit-modal-backdrop[b-03kpr8qq6u] {
        padding: 10px;
    }

    .product-page .product-unit-modal[b-03kpr8qq6u] {
        width: 100%;
    }

    .product-page .product-unit-modal-body[b-03kpr8qq6u] {
        padding: 14px;
    }

    .product-page .product-unit-modal-footer[b-03kpr8qq6u] {
        padding: 12px 14px;
    }
}

.stock-limit-input[b-03kpr8qq6u] {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #8a8886;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .stock-limit-input:hover[b-03kpr8qq6u] {
        border-color: #605E5C;
    }

    .stock-limit-input:focus-within[b-03kpr8qq6u] {
        border-color: #0f6cbd;
        box-shadow: 0 0 0 1px #0f6cbd;
    }

.stock-limit-icon[b-03kpr8qq6u] {
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f7fa;
    border-right: 1px solid #d6dce5;
}

    .stock-limit-icon svg[b-03kpr8qq6u] {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: #405577;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.stock-limit-input input[b-03kpr8qq6u] {
    flex: 1;
    min-width: 0;
    width: 100%;
    height: 100%;
    padding: 0 12px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #242424;
    font-size: 14px;
    line-height: 20px;
    box-sizing: border-box;
}

    .stock-limit-input input[b-03kpr8qq6u]::placeholder {
        color: #8a8886;
    }

    .stock-limit-input input[b-03kpr8qq6u]::-webkit-outer-spin-button,
    .stock-limit-input input[b-03kpr8qq6u]::-webkit-inner-spin-button {
        margin: 0;
    }

.product-breadcrumb[b-03kpr8qq6u] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
    font-size: 13px;
}

    .product-breadcrumb a[b-03kpr8qq6u] {
        color: #64748b;
        text-decoration: none;
    }

        .product-breadcrumb a:hover[b-03kpr8qq6u] {
            color: #2563eb;
        }

.product-breadcrumb-current[b-03kpr8qq6u] {
    color: #2563eb;
    font-weight: 500;
}

.product-breadcrumb-separator[b-03kpr8qq6u] {
    display: flex;
    align-items: center;
    color: #94a3b8;
}

    .product-breadcrumb-separator svg[b-03kpr8qq6u] {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

/* Respect OS accessibility settings without changing the normal hover behavior. */
@media (prefers-reduced-motion: reduce) {
    .product-page .product-button[b-03kpr8qq6u],
    .product-page .product-add-button[b-03kpr8qq6u],
    .product-page .product-edit-button[b-03kpr8qq6u],
    .product-page .product-delete-button[b-03kpr8qq6u],
    .product-page .product-modal-close[b-03kpr8qq6u] {
        transition: none;
    }
}
/* /Components/Pages/Product/InsertModal.razor.rz.scp.css */

[b-mxlenf9jdg] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 0;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Product/List.razor.rz.scp.css */
/* DNE.Inventory — Product List (Centered Headers + Values Except Product)
   Refined typography consistent with Product Details / Stock Report.
   One scoped design system, no override patches. */
.product-list-page[b-swe5nxdg8f] {
    --pl-blue: #0F6CBD;
    --pl-blue-hover: #115EA3;
    --pl-blue-pale: #EFF6FC;
    --pl-ink: #242424;
    --pl-muted: #605E5C;
    --pl-border: #E1DFDD;
    --pl-input-border: #8A8886;
    --pl-danger: #C50F1F;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--pl-ink);
    font: 400 15px/1.45 "Segoe UI", Arial, sans-serif;
}

    .product-list-page *[b-swe5nxdg8f],
    .product-list-page *[b-swe5nxdg8f]::before,
    .product-list-page *[b-swe5nxdg8f]::after {
        box-sizing: border-box;
    }

/* Top page title matches Add Product */
.pl-page-header[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 2px 0 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--pl-border);
}

.pl-page-heading[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pl-page-heading-text[b-swe5nxdg8f] {
    min-width: 0;
}

.pl-page-icon[b-swe5nxdg8f] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 7px;
    color: var(--pl-blue);
    background: var(--pl-blue-pale);
}

    .pl-page-icon svg[b-swe5nxdg8f] {
        display: block;
        width: 23px;
        height: 23px;
    }

.pl-page-heading h1[b-swe5nxdg8f] {
    margin: 0;
    color: var(--pl-ink);
    font-size: 23px;
    line-height: 1.23;
    font-weight: 650;
}

.pl-page-heading p[b-swe5nxdg8f] {
    margin: 4px 0 0;
    color: var(--pl-muted);
    font-size: 13px;
}

.pl-add-button[b-swe5nxdg8f],
.pl-add-button:visited[b-swe5nxdg8f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 auto;
    height: 38px;
    padding: 0 15px;
    border: 1px solid var(--pl-blue);
    border-radius: 5px;
    background: var(--pl-blue);
    color: #fff !important;
    font: 600 13px/1 "Segoe UI", Arial, sans-serif;
    white-space: nowrap;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .16s ease, box-shadow .16s ease;
}

    .pl-add-button:hover[b-swe5nxdg8f] {
        background: var(--pl-blue-hover);
        border-color: var(--pl-blue-hover);
        color: #fff !important;
        text-decoration: none;
        box-shadow: 0 3px 9px rgba(15,108,189,.15);
    }

    .pl-add-button svg[b-swe5nxdg8f] {
        display: block;
        flex: 0 0 17px;
        width: 17px;
        height: 17px;
        stroke: currentColor;
    }

/* Card shell and single-row toolbar */
.pl-list-shell[b-swe5nxdg8f] {
    --pl-columns: minmax(200px, 2.25fr) minmax(120px, 1.25fr) minmax(105px, .85fr) minmax(132px, 1fr) 244px;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--pl-border);
    border-radius: 7px;
}

.pl-toolbar[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 18px;
    min-height: 64px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--pl-border);
}

.pl-list-label[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    min-width: 0;
}

.pl-list-icon[b-swe5nxdg8f] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    color: var(--pl-blue);
    background: var(--pl-blue-pale);
}

    .pl-list-icon svg[b-swe5nxdg8f] {
        width: 17px;
        height: 17px;
        display: block;
    }

.pl-list-label strong[b-swe5nxdg8f] {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.pl-count[b-swe5nxdg8f] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 22px;
    min-width: 28px;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--pl-blue-pale);
    color: var(--pl-blue);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.pl-toolbar-controls[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}

.pl-search[b-swe5nxdg8f] {
    position: relative;
    display: block;
    flex: 0 1 320px;
    width: 320px;
    min-width: 180px;
}

    .pl-search > svg[b-swe5nxdg8f] {
        display: block;
        position: absolute;
        left: 12px;
        top: 50%;
        width: 17px;
        height: 17px;
        transform: translateY(-50%);
        color: #74716f;
        pointer-events: none;
    }

    .pl-search input[b-swe5nxdg8f] {
        display: block;
        width: 100%;
        min-width: 0;
        height: 36px;
        margin: 0;
        padding: 0 12px 0 38px;
        border: 1px solid var(--pl-input-border);
        border-radius: 5px;
        outline: none;
        background: #fff;
        color: var(--pl-ink);
        font: 14px "Segoe UI", Arial, sans-serif;
    }

        .pl-search input[b-swe5nxdg8f]::placeholder {
            color: #8A8886;
        }

        .pl-search input:focus[b-swe5nxdg8f] {
            border-color: var(--pl-blue);
            box-shadow: 0 0 0 2px rgba(15,108,189,.11);
        }

.pl-sort-group[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

    .pl-sort-group label[b-swe5nxdg8f] {
        font-size: 12px;
        font-weight: 500;
        color: var(--pl-muted);
        white-space: nowrap;
    }

    .pl-sort-group select[b-swe5nxdg8f] {
        display: block;
        width: 152px;
        height: 36px;
        margin: 0;
        padding: 0 28px 0 10px;
        border: 1px solid var(--pl-border);
        border-radius: 5px;
        outline: none;
        background: #fff;
        color: var(--pl-ink);
        font: 13px "Segoe UI", Arial, sans-serif;
        cursor: pointer;
    }

.pl-direction-button[b-swe5nxdg8f] {
    display: grid;
    place-items: center;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--pl-border);
    border-radius: 5px;
    color: var(--pl-blue);
    background: #fff;
    cursor: pointer;
}

    .pl-direction-button svg[b-swe5nxdg8f] {
        display: block;
        width: 17px;
        height: 17px;
    }

    .pl-direction-button:hover[b-swe5nxdg8f] {
        background: var(--pl-blue-pale);
        border-color: #B7D7F4;
    }

/* Same grid template for header and EVERY product row */
.pl-column-head[b-swe5nxdg8f],
.pl-row[b-swe5nxdg8f] {
    display: grid;
    grid-template-columns: var(--pl-columns);
    align-items: center;
    column-gap: 12px;
    padding: 0 14px;
    text-align: left;
}

    .pl-column-head > *[b-swe5nxdg8f],
    .pl-row > *[b-swe5nxdg8f] {
        min-width: 0;
    }
    /* All column titles centered; only product-name data left. */
    .pl-column-head > *[b-swe5nxdg8f] {
        text-align: center;
    }

    .pl-row > :first-child[b-swe5nxdg8f] {
        text-align: left;
    }

    .pl-row > :not(:first-child)[b-swe5nxdg8f] {
        text-align: center;
    }

.pl-column-head[b-swe5nxdg8f] {
    height: 36px;
    border-bottom: 1px solid var(--pl-border);
    background: #FAF9F8;
    color: #605E5C;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.pl-text-right[b-swe5nxdg8f] {
    text-align: center;
}

.pl-scroll[b-swe5nxdg8f] {
    height: min(64vh, 620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

/* Matches the Sales and Stock report record-count footer. */
.pl-list-footer[b-swe5nxdg8f] {
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

.pl-row[b-swe5nxdg8f] {
    height: 46px;
    border-bottom: 1px solid #F1F0EF;
    background: #fff;
    cursor: pointer;
    transition: background-color .12s ease;
}

    .pl-row:hover[b-swe5nxdg8f] {
        background: #F4F9FD;
    }

    .pl-row:focus-within[b-swe5nxdg8f] {
        background: #F4F9FD;
    }

.pl-product-link[b-swe5nxdg8f] {
    display: block;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--pl-ink);
    font: 500 14px/1.3 "Segoe UI", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .pl-product-link:hover[b-swe5nxdg8f] {
        color: var(--pl-blue);
    }

    .pl-product-link span[b-swe5nxdg8f] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pl-category[b-swe5nxdg8f],
.pl-rate[b-swe5nxdg8f],
.pl-date[b-swe5nxdg8f] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.pl-category[b-swe5nxdg8f] {
    color: var(--pl-muted);
}

.pl-rate[b-swe5nxdg8f] {
    color: #242424;
    text-align: center;
    font-weight: 400;
    font-variant-numeric: tabular-nums;
}

.pl-date[b-swe5nxdg8f] {
    color: #605E5C;
    text-align: center;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

/* Desktop: explicit icon + label actions, with consistent target sizes. */
.pl-actions[b-swe5nxdg8f],
.pl-desktop-actions[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 0;
}

.pl-action[b-swe5nxdg8f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 5px;
    height: 32px;
    padding: 0 9px;
    border: 1px solid var(--pl-border);
    border-radius: 5px;
    background: #fff;
    color: #484644;
    font: 500 12px/1 "Segoe UI", Arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease, border-color .15s ease;
}

    .pl-action svg[b-swe5nxdg8f] {
        display: block;
        flex: 0 0 15px;
        width: 15px;
        height: 15px;
    }

/* View: neutral — a safe, read-only action. */
.pl-action-view[b-swe5nxdg8f] {
    color: #484644;
    background: #FFFFFF;
    border-color: #C8C6C4;
}

    .pl-action-view:hover[b-swe5nxdg8f] {
        color: #242424;
        background: #F3F2F1;
        border-color: #8A8886;
    }

/* Edit: clearly identifiable blue action. */
.pl-action-edit[b-swe5nxdg8f] {
    color: var(--pl-blue);
    background: var(--pl-blue-pale);
    border-color: #B7D7F4;
}

    .pl-action-edit:hover[b-swe5nxdg8f] {
        color: var(--pl-blue-hover);
        background: #DDEEFF;
        border-color: #8FC2ED;
    }

.pl-action-delete[b-swe5nxdg8f] {
    color: #B33B46;
    border-color: #F4CDD1;
}

    .pl-action-delete:hover[b-swe5nxdg8f] {
        color: var(--pl-danger);
        background: #FDE7E9;
        border-color: #F3AEB8;
    }

/* The mobile trigger replaces the three desktop actions below 760px. */
.pl-mobile-actions-trigger[b-swe5nxdg8f] {
    display: none;
    place-items: center;
    width: 36px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--pl-border);
    border-radius: 5px;
    background: #fff;
    color: var(--pl-blue);
    cursor: pointer;
}

    .pl-mobile-actions-trigger svg[b-swe5nxdg8f] {
        width: 19px;
        height: 19px;
    }

/* Mobile bottom action sheet: fixed outside the virtualized scroll area. */
.pl-action-sheet-layer[b-swe5nxdg8f] {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1600;
}

.pl-action-sheet-backdrop[b-swe5nxdg8f] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(16, 24, 32, .40);
}

.pl-action-sheet[b-swe5nxdg8f] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 16px max(18px, env(safe-area-inset-bottom));
    border-radius: 14px 14px 0 0;
    background: #fff;
    box-shadow: 0 -8px 28px rgba(0, 0, 0, .12);
}

.pl-action-sheet-heading[b-swe5nxdg8f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0 13px;
    border-bottom: 1px solid var(--pl-border);
}

.pl-action-sheet-title[b-swe5nxdg8f] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 3px;
}

    .pl-action-sheet-title strong[b-swe5nxdg8f] {
        font-size: 16px;
        font-weight: 600;
    }

    .pl-action-sheet-title small[b-swe5nxdg8f] {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: var(--pl-muted);
        font-size: 13px;
    }

.pl-action-sheet-close[b-swe5nxdg8f] {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid var(--pl-border);
    border-radius: 6px;
    background: #fff;
    color: var(--pl-ink);
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.pl-action-sheet-options[b-swe5nxdg8f] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-top: 10px;
}

    .pl-action-sheet-options button[b-swe5nxdg8f] {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 46px;
        padding: 0 12px;
        border: 0;
        border-radius: 6px;
        background: #fff;
        color: var(--pl-ink);
        font: 500 14px/1.3 "Segoe UI", Arial, sans-serif;
        text-align: left;
        cursor: pointer;
    }

        .pl-action-sheet-options button:hover[b-swe5nxdg8f] {
            background: var(--pl-blue-pale);
        }

    .pl-action-sheet-options svg[b-swe5nxdg8f] {
        flex: 0 0 19px;
        width: 19px;
        height: 19px;
        color: var(--pl-blue);
    }

    .pl-action-sheet-options .pl-sheet-view svg[b-swe5nxdg8f] {
        color: #605E5C;
    }

    .pl-action-sheet-options .pl-sheet-edit[b-swe5nxdg8f] {
        color: var(--pl-blue);
    }

        .pl-action-sheet-options .pl-sheet-edit:hover[b-swe5nxdg8f] {
            background: var(--pl-blue-pale);
        }

    .pl-action-sheet-options .pl-sheet-delete[b-swe5nxdg8f],
    .pl-action-sheet-options .pl-sheet-delete svg[b-swe5nxdg8f] {
        color: var(--pl-danger);
    }

.pl-add-button:focus-visible[b-swe5nxdg8f],
.pl-product-link:focus-visible[b-swe5nxdg8f],
.pl-action:focus-visible[b-swe5nxdg8f],
.pl-mobile-actions-trigger:focus-visible[b-swe5nxdg8f],
.pl-action-sheet button:focus-visible[b-swe5nxdg8f],
.pl-search input:focus-visible[b-swe5nxdg8f],
.pl-sort-group select:focus-visible[b-swe5nxdg8f],
.pl-direction-button:focus-visible[b-swe5nxdg8f] {
    outline: 2px solid var(--pl-blue);
    outline-offset: 2px;
}

/* Empty state */
.pl-empty-state[b-swe5nxdg8f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 220px;
    padding: 20px;
    text-align: center;
    color: var(--pl-muted);
}

.pl-empty-icon[b-swe5nxdg8f] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--pl-blue);
    background: var(--pl-blue-pale);
    border-radius: 8px;
}

    .pl-empty-icon svg[b-swe5nxdg8f] {
        width: 22px;
        height: 22px;
    }

.pl-empty-state strong[b-swe5nxdg8f] {
    color: var(--pl-ink);
    font-size: 16px;
    font-weight: 600;
}

.pl-empty-state > span:last-child[b-swe5nxdg8f] {
    font-size: 13px;
}

/* Tablet: keep toolbar neat, reduce tracks. */
@media (max-width: 1020px) {
    .pl-list-shell[b-swe5nxdg8f] {
        --pl-columns: minmax(160px, 2fr) minmax(110px, 1.25fr) minmax(88px, .8fr) minmax(120px, 1fr) 244px;
    }

    .pl-column-head[b-swe5nxdg8f], .pl-row[b-swe5nxdg8f] {
        column-gap: 8px;
        padding: 0 10px;
    }

    .pl-toolbar[b-swe5nxdg8f] {
        flex-wrap: wrap;
        gap: 9px;
    }

    .pl-toolbar-controls[b-swe5nxdg8f] {
        width: 100%;
        justify-content: flex-start;
    }

    .pl-search[b-swe5nxdg8f] {
        flex: 1 1 260px;
        width: auto;
    }
}
/* Narrow screens: hide date column (fourth cell). */
@media (max-width: 760px) {
    .pl-desktop-actions[b-swe5nxdg8f] {
        display: none;
    }

    .pl-mobile-actions-trigger[b-swe5nxdg8f] {
        display: grid;
    }

    .pl-action-sheet-layer[b-swe5nxdg8f] {
        display: block;
    }

    .pl-list-shell[b-swe5nxdg8f] {
        --pl-columns: minmax(150px, 2fr) minmax(100px, 1.2fr) minmax(85px, .9fr) 64px;
    }

    .pl-column-head > :nth-child(4)[b-swe5nxdg8f],
    .pl-row > :nth-child(4)[b-swe5nxdg8f] {
        display: none;
    }

    .pl-page-header[b-swe5nxdg8f] {
        flex-wrap: wrap;
    }
}
/* Small mobile: product + rate + actions, no horizontal overflow. */
@media (max-width: 540px) {
    .pl-page-heading h1[b-swe5nxdg8f] {
        font-size: 21px;
    }

    .pl-page-header[b-swe5nxdg8f] {
        align-items: flex-start;
        gap: 10px;
    }

    .pl-add-button[b-swe5nxdg8f] {
        height: 36px;
    }

    .pl-toolbar[b-swe5nxdg8f] {
        padding: 10px;
    }

    .pl-toolbar-controls[b-swe5nxdg8f] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pl-search[b-swe5nxdg8f] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .pl-sort-group[b-swe5nxdg8f] {
        margin-left: auto;
    }

    .pl-list-shell[b-swe5nxdg8f] {
        --pl-columns: minmax(0, 1fr) minmax(80px, .55fr) 64px;
    }

    .pl-column-head > :nth-child(2)[b-swe5nxdg8f],
    .pl-row > :nth-child(2)[b-swe5nxdg8f] {
        display: none;
    }

    .pl-column-head[b-swe5nxdg8f], .pl-row[b-swe5nxdg8f] {
        column-gap: 7px;
        padding: 0 8px;
    }

    .pl-product-link[b-swe5nxdg8f] {
        font-size: 14px;
    }

    .pl-rate[b-swe5nxdg8f] {
        font-size: 13px;
    }
}

.pl-footer[b-swe5nxdg8f] {
    padding: 9px 14px;
    border-top: 1px solid var(--pl-border);
    color: var(--pl-muted);
    font-size: 12px;
    background: #fff;
}
/* /Components/Pages/Product/View.razor.rz.scp.css */
.product_details_page[b-un9i6tz38o] {
    padding: 1rem 1.5rem;
    background: var(--primary-bg);
}
.product_insert_header[b-un9i6tz38o]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.close_btn a[b-un9i6tz38o] {
    font-size: 1.3rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff !important;
    border: none;
    outline: none;
    min-width: 6rem;
    border-radius: 3px;
    padding: .375rem .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.close_btn[b-un9i6tz38o] {
    display: flex;
    gap: 1rem;
}
/* /Components/Pages/Product/ViewComponent.razor.rz.scp.css */
/* ================================================================
   DNE.Inventory | Product Details / Variant List
   Consolidated CSS — no appended override patches.
   Matches Product page: Fluent Blue, Segoe UI, compact surfaces.
   ================================================================ */

/* 1. Design tokens & page */
.product-detail-page[b-o0n2dbs3zh] {
    --variant-primary: #0F6CBD;
    --variant-primary-hover: #115EA3;
    --variant-primary-light: #EFF6FC;
    --variant-text: #242424;
    --variant-muted: #605E5C;
    --variant-border: #E1DFDD;
    --variant-input-border: #8A8886;
    --variant-surface: #FFFFFF;
    --variant-soft: #FAF9F8;
    width: 100%;
    min-width: 0;
    padding: 0;
    color: var(--variant-text);
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.45;
}

    .product-detail-page *[b-o0n2dbs3zh],
    .product-detail-page *[b-o0n2dbs3zh]::before,
    .product-detail-page *[b-o0n2dbs3zh]::after {
        box-sizing: border-box;
    }

/* 2. Page header and premium action buttons */
.product-detail-header[b-o0n2dbs3zh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    padding: 2px 0 16px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--variant-border);
}

.product-detail-heading[b-o0n2dbs3zh] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
}

    .product-detail-heading > div[b-o0n2dbs3zh] {
        min-width: 0;
    }

.product-detail-header-icon[b-o0n2dbs3zh],
.variant-section-icon[b-o0n2dbs3zh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    border-radius: 7px;
    background: var(--variant-primary-light);
    color: var(--variant-primary);
}

.product-detail-header-icon[b-o0n2dbs3zh] {
    width: 42px;
    height: 42px;
}

    .product-detail-header-icon svg[b-o0n2dbs3zh] {
        display: block;
        width: 24px;
        height: 24px;
        fill: none;
    }

.product-detail-header h1[b-o0n2dbs3zh] {
    margin: 0;
    color: var(--variant-text);
    font-size: 23px;
    font-weight: 650;
    line-height: 1.23;
    overflow-wrap: anywhere;
}

.product-detail-header p[b-o0n2dbs3zh] {
    margin: 4px 0 0;
    color: var(--variant-muted);
    font-size: 13px;
    line-height: 1.35;
}

.product-detail-actions[b-o0n2dbs3zh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 8px;
    margin: 0;
    min-width: 0;
}

.pd-action-separator[b-o0n2dbs3zh] {
    width: 1px;
    height: 22px;
    margin: 0 4px;
    background: var(--variant-border);
    flex: none;
}
/* Use page-level specificity to beat generic app button styles. */
.product-detail-page .pd-btn[b-o0n2dbs3zh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    gap: 8px;
    height: 40px;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 13px/1.2 "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

    .product-detail-page .pd-btn svg[b-o0n2dbs3zh] {
        display: block;
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
    }

.product-detail-page .pd-btn-back[b-o0n2dbs3zh] {
    color: #484644;
    background: #fff;
    border-color: #C8C6C4;
    font-weight: 500;
}

    .product-detail-page .pd-btn-back:hover[b-o0n2dbs3zh] {
        color: #242424;
        background: #F3F2F1;
        border-color: #8A8886;
    }

.product-detail-page .pd-btn-edit[b-o0n2dbs3zh] {
    color: var(--variant-primary);
    background: #fff;
    border-color: #B7D7F4;
}

    .product-detail-page .pd-btn-edit:hover[b-o0n2dbs3zh] {
        color: #0B5799;
        background: var(--variant-primary-light);
        border-color: #8FC2ED;
    }

.product-detail-page .pd-btn-primary[b-o0n2dbs3zh] {
    color: #fff;
    background: var(--variant-primary);
    border-color: var(--variant-primary);
    box-shadow: 0 2px 5px rgba(15, 108, 189, .14);
}

    .product-detail-page .pd-btn-primary:hover[b-o0n2dbs3zh] {
        color: #fff;
        background: var(--variant-primary-hover);
        border-color: var(--variant-primary-hover);
        box-shadow: 0 4px 11px rgba(15, 108, 189, .18);
    }

.product-detail-page .pd-btn:active:not(:disabled)[b-o0n2dbs3zh] {
    box-shadow: none;
}

.product-detail-page .pd-btn:focus-visible[b-o0n2dbs3zh] {
    outline: 2px solid var(--variant-primary);
    outline-offset: 2px;
}

.product-detail-page .pd-btn:disabled[b-o0n2dbs3zh] {
    opacity: .55;
    cursor: not-allowed;
    box-shadow: none;
}

/* 4. Product summary */
.product-overview[b-o0n2dbs3zh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px 24px;
    padding: 14px;
    margin-bottom: 12px;
    border: 1px solid var(--variant-border);
    border-radius: 6px;
    background: var(--variant-surface);
}

.overview-metric[b-o0n2dbs3zh] {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.overview-label[b-o0n2dbs3zh] {
    display: block;
    min-height: 18px;
    color: var(--variant-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: .045em;
}

.product-overview strong[b-o0n2dbs3zh] {
    display: block;
    min-height: 26px;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    overflow-wrap: anywhere;
}

.overview-count strong[b-o0n2dbs3zh] {
    color: var(--variant-primary);
    font-size: 19px;
}

/* 5. Variant section / search */
.variant-list-shell[b-o0n2dbs3zh] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--variant-border);
    border-radius: 6px;
    background: var(--variant-surface);
}

.variant-toolbar[b-o0n2dbs3zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--variant-border);
}

.variant-toolbar-title[b-o0n2dbs3zh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.variant-section-icon[b-o0n2dbs3zh] {
    width: 34px;
    height: 34px;
}

    .variant-section-icon svg[b-o0n2dbs3zh] {
        display: block;
        width: 19px;
        height: 19px;
        fill: none;
    }

.variant-toolbar h2[b-o0n2dbs3zh] {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}

.variant-toolbar p[b-o0n2dbs3zh] {
    margin: 3px 0 0;
    color: var(--variant-muted);
    font-size: 13px;
}

.variant-search[b-o0n2dbs3zh] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 1 315px;
    width: min(315px, 100%);
    height: 36px;
    min-width: 0;
    padding: 0 10px;
    border: 1px solid var(--variant-input-border);
    border-radius: 4px;
    background: #fff;
    color: var(--variant-muted);
}

    .variant-search:focus-within[b-o0n2dbs3zh] {
        border-color: var(--variant-primary);
        box-shadow: 0 0 0 2px rgba(15, 108, 189, .10);
    }

    .variant-search svg[b-o0n2dbs3zh] {
        display: block;
        flex: 0 0 17px;
        fill: none;
    }

    .variant-search input[b-o0n2dbs3zh] {
        width: 100%;
        min-width: 0;
        height: 100%;
        padding: 0;
        border: 0;
        outline: 0;
        color: var(--variant-text);
        background: transparent;
        font-family: inherit;
        font-size: 14px;
    }

        .variant-search input[b-o0n2dbs3zh]::placeholder {
            color: #8A8886;
        }

.variant-list-meta[b-o0n2dbs3zh] {
    padding: 7px 14px;
    color: var(--variant-muted);
    font-size: 13px;
}

    .variant-list-meta strong[b-o0n2dbs3zh] {
        color: var(--variant-text);
        font-weight: 600;
    }

/* 6. Dense variant list */
.variant-list[b-o0n2dbs3zh] {
    min-width: 0;
}

.variant-column-header[b-o0n2dbs3zh],
.variant-row[b-o0n2dbs3zh] {
    display: grid;
    grid-template-columns: minmax(210px, 3fr) minmax(110px, 1.2fr) minmax(110px, 1.2fr) minmax(105px, .95fr) 28px;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    padding: 0 14px;
}

.variant-column-header[b-o0n2dbs3zh] {
    min-height: 36px;
    border-top: 1px solid var(--variant-border);
    border-bottom: 1px solid var(--variant-border);
    color: #484644;
    background: var(--variant-soft);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .025em;
}

    .variant-column-header .numeric[b-o0n2dbs3zh] {
        text-align: right;
    }

.variant-row[b-o0n2dbs3zh] {
    min-height: 48px;
    border: 0;
    border-bottom: 1px solid #F0EFEE;
    border-radius: 0;
    color: var(--variant-text);
    background: #fff;
    font-family: inherit;
    font-size: 15px;
    text-align: left;
    cursor: pointer;
    transition: background-color .15s ease;
}

.variant-item:last-child > .variant-row[b-o0n2dbs3zh] {
    border-bottom: 0;
}

.variant-row:hover[b-o0n2dbs3zh],
.variant-row:focus-visible[b-o0n2dbs3zh] {
    background: var(--variant-primary-light);
}

.variant-row:focus-visible[b-o0n2dbs3zh] {
    outline: 2px solid var(--variant-primary);
    outline-offset: -2px;
}

.variant-item.is-expanded > .variant-row[b-o0n2dbs3zh] {
    background: var(--variant-primary-light);
    box-shadow: inset 3px 0 0 var(--variant-primary);
}

.variant-name[b-o0n2dbs3zh],
.variant-cell[b-o0n2dbs3zh] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.variant-name[b-o0n2dbs3zh] {
    color: var(--variant-text);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .005em;
}

.variant-cell[b-o0n2dbs3zh] {
    color: #494744;
    font-size: 14px;
}

.variant-stock-count[b-o0n2dbs3zh] {
    color: var(--variant-primary);
    text-align: right;
    font-size: 15px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

    .variant-stock-count small[b-o0n2dbs3zh] {
        color: var(--variant-muted);
        font-size: 11px;
        font-weight: 400;
    }

.variant-chevron[b-o0n2dbs3zh] {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--variant-primary);
    transition: transform .18s ease;
}

    .variant-chevron svg[b-o0n2dbs3zh] {
        display: block;
        fill: none;
    }

.variant-item.is-expanded .variant-chevron[b-o0n2dbs3zh] {
    transform: rotate(90deg);
}

/* 7. Expanded specifications */
.variant-expanded-panel[b-o0n2dbs3zh] {
    padding: 14px;
    border-bottom: 1px solid var(--variant-border);
    background: #F9FAFC;
}

.variant-expanded-heading[b-o0n2dbs3zh] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin-bottom: 10px;
}

    .variant-expanded-heading h3[b-o0n2dbs3zh] {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

    .variant-expanded-heading > span[b-o0n2dbs3zh] {
        color: var(--variant-muted);
        font-size: 13px;
    }

.variant-specs[b-o0n2dbs3zh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 18px;
    padding: 14px;
    margin: 0;
    border: 1px solid var(--variant-border);
    border-radius: 5px;
    background: #fff;
}

    .variant-specs > div[b-o0n2dbs3zh] {
        display: flex;
        flex-direction: column;
        gap: 4px;
        min-width: 0;
    }

    .variant-specs dt[b-o0n2dbs3zh] {
        color: var(--variant-muted);
        font-size: 12px;
    }

    .variant-specs dd[b-o0n2dbs3zh] {
        margin: 0;
        color: var(--variant-text);
        font-size: 14px;
        font-weight: 500;
        overflow-wrap: anywhere;
    }

.stock-heading[b-o0n2dbs3zh] {
    margin-top: 16px;
}

/* 8. Stock entries & barcode actions */
.variant-stock-header[b-o0n2dbs3zh],
.variant-stock-row[b-o0n2dbs3zh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr .8fr .65fr minmax(166px, auto);
    align-items: center;
    gap: 10px;
    padding: 0 12px;
}

.variant-stock-header[b-o0n2dbs3zh] {
    min-height: 34px;
    border: 1px solid var(--variant-border);
    border-bottom: 0;
    border-radius: 5px 5px 0 0;
    color: #484644;
    background: var(--variant-soft);
    font-size: 11px;
    font-weight: 700;
}

.variant-stock-list[b-o0n2dbs3zh] {
    border: 1px solid var(--variant-border);
    border-radius: 0 0 5px 5px;
    background: #fff;
}

.variant-stock-row[b-o0n2dbs3zh] {
    min-height: 46px;
    border-bottom: 1px solid #F0EFEE;
    color: var(--variant-text);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

    .variant-stock-row:last-child[b-o0n2dbs3zh] {
        border-bottom: 0;
    }

    .variant-stock-row > strong[b-o0n2dbs3zh] {
        color: var(--variant-primary);
        font-size: 15px;
        font-weight: 600;
    }

.variant-barcode-button[b-o0n2dbs3zh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: end;
    gap: 9px;
    min-width: 158px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid #B7D7F4;
    border-radius: 6px;
    color: var(--variant-primary);
    background: var(--variant-primary-light);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

    .variant-barcode-button:hover:not(:disabled)[b-o0n2dbs3zh] {
        color: var(--variant-primary-hover);
        background: #DDEEFF;
        border-color: #8FC2ED;
    }

    .variant-barcode-button:active:not(:disabled)[b-o0n2dbs3zh] {
        background: #CDE5FA;
    }

    .variant-barcode-button:focus-visible[b-o0n2dbs3zh] {
        outline: 2px solid var(--variant-primary);
        outline-offset: 2px;
    }

    .variant-barcode-button:disabled[b-o0n2dbs3zh] {
        cursor: progress;
        opacity: .70;
    }

.variant-barcode-icon[b-o0n2dbs3zh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
}

    .variant-barcode-icon svg[b-o0n2dbs3zh] {
        display: block;
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
    }

@keyframes variant-barcode-spin-b-o0n2dbs3zh {
    to {
        transform: rotate(360deg);
    }
}

.variant-barcode-spinner[b-o0n2dbs3zh] {
    animation: variant-barcode-spin-b-o0n2dbs3zh .8s linear infinite;
}

/* 9. Empty and error states */
.variant-empty-state[b-o0n2dbs3zh],
.variant-stock-empty[b-o0n2dbs3zh] {
    padding: 22px 14px;
    color: var(--variant-muted);
    text-align: center;
    font-size: 13px;
}

.variant-inactive-product[b-o0n2dbs3zh] {
    border: 1px solid var(--variant-border);
    border-radius: 6px;
    background: var(--variant-soft);
}

.variant-alert[b-o0n2dbs3zh] {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #F4B5BC;
    border-radius: 5px;
    color: #9C1010;
    background: #FDE7E9;
    font-size: 13px;
}

/* 10. Responsive — grouped in one place */
@media (max-width: 1050px) {
    .variant-specs[b-o0n2dbs3zh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .variant-column-header[b-o0n2dbs3zh],
    .variant-row[b-o0n2dbs3zh] {
        grid-template-columns: minmax(170px, 2fr) minmax(90px, 1fr) minmax(100px, 1fr) 28px;
    }

        .variant-column-header > :nth-child(3)[b-o0n2dbs3zh],
        .variant-row > :nth-child(3)[b-o0n2dbs3zh] {
            display: none;
        }

        .variant-column-header > :nth-child(4)[b-o0n2dbs3zh],
        .variant-row > :nth-child(4)[b-o0n2dbs3zh] {
            grid-column: 3;
        }

        .variant-column-header > :nth-child(5)[b-o0n2dbs3zh],
        .variant-row > :nth-child(5)[b-o0n2dbs3zh] {
            grid-column: 4;
        }
}

@media (max-width: 900px) {
    .product-detail-header[b-o0n2dbs3zh] {
        flex-wrap: wrap;
    }

    .product-detail-actions[b-o0n2dbs3zh] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 720px) {
    .product-detail-header[b-o0n2dbs3zh] {
        padding-bottom: 12px;
    }

        .product-detail-header h1[b-o0n2dbs3zh] {
            font-size: 21px;
        }

    .variant-toolbar[b-o0n2dbs3zh] {
        flex-wrap: wrap;
    }

    .variant-search[b-o0n2dbs3zh] {
        flex: 1 1 100%;
        max-width: none;
    }

    .variant-specs[b-o0n2dbs3zh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .variant-column-header[b-o0n2dbs3zh],
    .variant-row[b-o0n2dbs3zh] {
        grid-template-columns: minmax(0, 1fr) 75px 24px;
        column-gap: 8px;
        padding: 0 10px;
    }

        .variant-column-header > :nth-child(2)[b-o0n2dbs3zh],
        .variant-column-header > :nth-child(3)[b-o0n2dbs3zh],
        .variant-row > :nth-child(2)[b-o0n2dbs3zh],
        .variant-row > :nth-child(3)[b-o0n2dbs3zh] {
            display: none;
        }

        .variant-column-header > :nth-child(4)[b-o0n2dbs3zh],
        .variant-row > :nth-child(4)[b-o0n2dbs3zh] {
            grid-column: 2;
        }

        .variant-column-header > :nth-child(5)[b-o0n2dbs3zh],
        .variant-row > :nth-child(5)[b-o0n2dbs3zh] {
            grid-column: 3;
        }

    .variant-stock-header[b-o0n2dbs3zh] {
        display: none;
    }

    .variant-stock-list[b-o0n2dbs3zh] {
        border-radius: 5px;
    }

    .variant-stock-row[b-o0n2dbs3zh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 10px;
    }

    .variant-barcode-button[b-o0n2dbs3zh] {
        grid-column: 1 / -1;
        justify-self: start;
        min-width: 158px;
    }

    .variant-stock-row > :is(strong, span)[data-label][b-o0n2dbs3zh] {
        display: flex;
        flex-direction: column;
        gap: 2px;
        overflow-wrap: anywhere;
    }

        .variant-stock-row > :is(strong, span)[data-label][b-o0n2dbs3zh]::before {
            content: attr(data-label);
            display: block;
            color: var(--variant-muted);
            font-size: 11px;
            font-weight: 500;
        }
}

@media (max-width: 560px) {
    .product-detail-actions[b-o0n2dbs3zh] {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.3fr);
        align-items: center;
        gap: 7px;
    }

    .pd-action-separator[b-o0n2dbs3zh] {
        display: none;
    }

    .product-detail-page .pd-btn[b-o0n2dbs3zh] {
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        padding: 0 9px;
        gap: 5px;
        font-size: 12px;
    }

        .product-detail-page .pd-btn svg[b-o0n2dbs3zh] {
            width: 15px;
            height: 15px;
            flex-basis: 15px;
        }

        .product-detail-page .pd-btn span[b-o0n2dbs3zh] {
            overflow: hidden;
            text-overflow: ellipsis;
        }
}

@media (max-width: 420px) {
    .product-overview[b-o0n2dbs3zh] {
        gap: 12px 18px;
        padding: 10px;
    }

    .variant-specs[b-o0n2dbs3zh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 10px;
    }

    .variant-expanded-panel[b-o0n2dbs3zh] {
        padding: 10px;
    }

    .variant-toolbar[b-o0n2dbs3zh] {
        padding: 10px;
    }
}

@media (max-width: 380px) {
    .product-detail-actions[b-o0n2dbs3zh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-detail-page .pd-btn-back[b-o0n2dbs3zh] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .product-detail-page .pd-btn[b-o0n2dbs3zh],
    .variant-row[b-o0n2dbs3zh],
    .variant-chevron[b-o0n2dbs3zh],
    .variant-barcode-button[b-o0n2dbs3zh] {
        transition: none;
    }

    .variant-barcode-spinner[b-o0n2dbs3zh] {
        animation: none;
    }
}
/* /Components/Pages/Product/ViewModal.razor.rz.scp.css */
[b-8l4b87vozn] #ProductViewModelId[basemodal-scope] .modal_box {
    width: 80%;
    max-width: 1680px;
    margin: 10rem auto;
    max-height:95vh;
    overflow:auto;
}

    [b-8l4b87vozn] #ProductViewModelId[basemodal-scope] .modal_box .modal_head {
       padding-bottom:1rem;
    }
/* /Components/Pages/PurchasePaymentHistory/PaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-ng3r7u31jh] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-ng3r7u31jh]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-ng3r7u31jh] {
    width: 100%;
    margin-top: .5rem;
}
thead[b-ng3r7u31jh] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}
    table thead tr[b-ng3r7u31jh] {
        border-bottom: 1px solid lightgray;
    }

        table thead tr th[b-ng3r7u31jh] {
            padding: 0 .5rem .5rem;
            font-size: 1.3rem;
            font-weight: 500;
        }

            table thead tr th:last-child[b-ng3r7u31jh] {
                text-align: right;
            }

tbody tr td[b-ng3r7u31jh] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-ng3r7u31jh] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-ng3r7u31jh] {
    background: #f1f1f1;
}
/* /Components/Pages/Purchase/Insert.razor.rz.scp.css */
.purchase_insert_page[b-qfgs84ss7b] {
    background: var(--primary-bg);
}

    .purchase_insert_page .purchase_insert_header[b-qfgs84ss7b] {
        padding: 1.5rem 1.5rem 0;
    }
.purchase_insert_header h2[b-qfgs84ss7b] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Purchase/InsertComponent.razor.rz.scp.css */
.purchase_insert_header[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0 0;
    margin-bottom: 2rem;
    z-index: 9;
}
.purchase_insert_header_left[b-alxe3xe4gu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
    .purchase_insert_header .form_check[b-alxe3xe4gu] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }
        .purchase_insert_header .form_check:first-child[b-alxe3xe4gu] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }
        .purchase_insert_header .form_check label[b-alxe3xe4gu] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }


.purchase_create_container[b-alxe3xe4gu] {
    padding: .5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}


    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-alxe3xe4gu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-alxe3xe4gu] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-alxe3xe4gu] {
        margin: 0;
    }

    .purchase_create_container .form_group[b-alxe3xe4gu] {
        display: flex;
        flex-direction: column;
        /*gap: 1rem;*/
        justify-content: flex-start;
    }

.options_group[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

[b-alxe3xe4gu] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-alxe3xe4gu] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
}

    .options_group button img[b-alxe3xe4gu] {
        width: 100%;
    }

    .options_group button:focus[b-alxe3xe4gu] {
        outline: none;
        border: none;
        box-shadow: none;
    }

[b-alxe3xe4gu] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.purchase_create_container .form_group input[b-alxe3xe4gu] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .purchase_create_container .form_group input:focus[b-alxe3xe4gu] {
        outline: none;
    }

.purchase_create_container .form_group select[b-alxe3xe4gu] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .purchase_create_container .form_group select:focus[b-alxe3xe4gu] {
        outline: none;
    }


.add_product[b-alxe3xe4gu] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}
    .add_product button[b-alxe3xe4gu] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }
    .add_product :hover[b-alxe3xe4gu] {
        opacity:.9;
    }


.mainTable[b-alxe3xe4gu] {
    margin-top: 4rem;
}

    .mainTable table[b-alxe3xe4gu] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-alxe3xe4gu] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-alxe3xe4gu] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-alxe3xe4gu] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-alxe3xe4gu] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-alxe3xe4gu] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-alxe3xe4gu] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-alxe3xe4gu] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-alxe3xe4gu] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-alxe3xe4gu] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-alxe3xe4gu] {
                font-size: 1.4rem;
                font-weight:400;
                color: black;
                white-space: nowrap;
            }
            .mainTable table tbody tr:nth-child(odd)[b-alxe3xe4gu]{
                background:var(--secondary-bg);
            }
            .mainTable table tbody tr:hover[b-alxe3xe4gu]{
                background:var(--secondary-bg);
                cursor:pointer;
            }
            .mainTable table tbody tr td:first-child[b-alxe3xe4gu] {
                padding-left: 1rem;
            }


.action_btn[b-alxe3xe4gu] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right:.5rem;
}

    .action_btn button[b-alxe3xe4gu] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-alxe3xe4gu] {
            width: 100%;
        }


.net_amount[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .select_group[b-alxe3xe4gu] {
        padding: 1rem 0;
    }

    .net_amount .form_group[b-alxe3xe4gu] {
        width: 50%;
    }

        .net_amount .form_group h2[b-alxe3xe4gu] {
            font-size: 1.4rem;
            font-weight: 500;
            font-family: "Josefin Sans", sans-serif;
        }

        .net_amount .total_amount[b-alxe3xe4gu] {
            width: 40%;
        }

    .net_amount .form_group label[b-alxe3xe4gu] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }
    
    .net_amount .form_group[b-alxe3xe4gu] {
        height: 15rem;
        width: 35%;
    }

.total_amount ul[b-alxe3xe4gu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-alxe3xe4gu] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-alxe3xe4gu] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-alxe3xe4gu] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-alxe3xe4gu] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-alxe3xe4gu] {
            font-weight: 600;
        }

.discountField[b-alxe3xe4gu] {
    display: flex;
    justify-content: flex-end;
}
    .discountField #SpecialDiscountPriceId[b-alxe3xe4gu], #ExtraCostId[b-alxe3xe4gu] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-alxe3xe4gu] {
        margin-right: 2px;
    }

/*purchase modal */
[b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-alxe3xe4gu] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem !important;
}

[b-alxe3xe4gu] #SupplierInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
}
[b-alxe3xe4gu] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


[b-alxe3xe4gu] #ProductUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #PriceUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #AddSerialModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-alxe3xe4gu] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-alxe3xe4gu] .formClass {
    margin-top: 0;
}

[b-alxe3xe4gu] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-alxe3xe4gu] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.radio-button-container[b-alxe3xe4gu] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.radio-button[b-alxe3xe4gu] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.radio-button__input[b-alxe3xe4gu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-alxe3xe4gu] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.radio-button__custom[b-alxe3xe4gu] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-alxe3xe4gu] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.radio-button__input:checked + .radio-button__label[b-alxe3xe4gu] {
    color: #4c8bf5;
}

.radio-button__label:hover .radio-button__custom[b-alxe3xe4gu] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input[b-alxe3xe4gu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox-container[b-alxe3xe4gu] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.checkbox__custom[b-alxe3xe4gu] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.checkbox__label[b-alxe3xe4gu] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.checkbox__input:checked + .checkbox__label .checkbox__custom[b-alxe3xe4gu] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input:checked + .checkbox__label[b-alxe3xe4gu] {
    color: #4c8bf5;
}

.checkbox__label:hover .checkbox__custom[b-alxe3xe4gu] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

@media (min-width:320px) and (max-width: 767.98px) {

    .purchase_insert_header[b-alxe3xe4gu] {
        padding: 0;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        flex-wrap: wrap;
    }
        .purchase_insert_header .form_check label[b-alxe3xe4gu] {
            font-size: 1rem;
        }

    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu]{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        grid-template-columns: repeat(1, 1fr);
    }
    .mainTable[b-alxe3xe4gu] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-alxe3xe4gu] {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }
        
        .net_amount .form_group[b-alxe3xe4gu] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-alxe3xe4gu] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-alxe3xe4gu] {
        width: 100%;
    }
    [b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .purchase_insert_header[b-alxe3xe4gu] {
        padding: 0rem;
        flex-direction: row;
    }


    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu] {
        grid-template-columns: repeat(2, 1fr);
    }
    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        grid-template-columns: repeat(3, 1fr);
    }
    .mainTable[b-alxe3xe4gu] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-alxe3xe4gu] {
        display: flex;
    }

    .mainTable table tr td[b-alxe3xe4gu] {
        padding: 0 1rem;
    }
    [b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem;
    }
}

.submit_section[b-alxe3xe4gu] {
    justify-content: right !important;
}

[b-alxe3xe4gu] .formClass .checkbox input {
    width: auto !important;
}
/* /Components/Pages/Purchase/InsertModal.razor.rz.scp.css */
::deep .CustomeModal[BaseModal-scope][BaseModal-scope][b-r8qy4es5bv] {
    top: 7rem;
}

[b-r8qy4es5bv] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Purchase/InvoiceComponent.razor.rz.scp.css */
.invoice[b-561piq4sok] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-561piq4sok] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-561piq4sok] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-561piq4sok] {
            width: 100%;
        }

    .logo .logo_text[b-561piq4sok] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-561piq4sok] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-561piq4sok] {
        color: blue;
    }



.company_info[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-561piq4sok] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-561piq4sok] {
            font-weight: 400;
        }

.invoice_date[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-561piq4sok] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-561piq4sok] {
            font-weight: 400;
        }

.invoice_info[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-561piq4sok] {
    width: 25rem;
}

    .left_info h3[b-561piq4sok] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-561piq4sok] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-561piq4sok] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-561piq4sok] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-561piq4sok] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-561piq4sok] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-561piq4sok] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-561piq4sok] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-561piq4sok] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-561piq4sok] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-561piq4sok] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table tbody tr[b-561piq4sok] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-561piq4sok] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-561piq4sok] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-561piq4sok] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-561piq4sok] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-561piq4sok] {
                padding-left: 3rem;
            }

/*payment method */
.payment_and_notes[b-561piq4sok] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-561piq4sok] {
    width: 36.5%;
}

    .sub_total .sub_items[b-561piq4sok] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-561piq4sok] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-561piq4sok] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-561piq4sok] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-561piq4sok] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        margin:0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-561piq4sok] {
        padding: 5rem 0;
    }

    .invoice_header[b-561piq4sok] {
        padding: 0 2rem;
    }

        .invoice_header h1[b-561piq4sok] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-561piq4sok]:before {
                bottom: 12px;
            }

    .invoice_info[b-561piq4sok] {
        margin: 3rem 0;
    }

    .invoice_table[b-561piq4sok] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-561piq4sok] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-561piq4sok] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-561piq4sok] {
        width: 100%;
    }

    .terms[b-561piq4sok] {
        margin: 3rem 2rem 0;
    }

    .Shape3[b-561piq4sok] {
        bottom: -100px;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-561piq4sok] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-561piq4sok] {
        padding: 0 0 3rem 0;
    }

    .terms[b-561piq4sok] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Purchase/InvoiceModal.razor.rz.scp.css */
[b-jsomp8e48a] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-jsomp8e48a] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-jsomp8e48a] .invoice {
    margin: 0;
}
[b-jsomp8e48a] #PurchaseInvoiceModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    background: transparent;
}
[b-jsomp8e48a] #PurchaseInvoiceModal .modal_box[BaseModal-scope] {
    padding: 0;
}

[b-jsomp8e48a] .PrintModal .modal_head {
    background: white;
}
/* /Components/Pages/Purchase/List.razor.rz.scp.css */
.content_box_inner[b-l3mmwbtp3u] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-l3mmwbtp3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-l3mmwbtp3u] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-l3mmwbtp3u] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-l3mmwbtp3u] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-l3mmwbtp3u] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-l3mmwbtp3u] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-l3mmwbtp3u] {
        outline-color: gray;
    }


.action_btn[b-l3mmwbtp3u] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-l3mmwbtp3u] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-l3mmwbtp3u] {
            width: 100%;
        }

[b-l3mmwbtp3u] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}
[b-l3mmwbtp3u] .formClass {
    margin-top: 0;
}
[b-l3mmwbtp3u] .purchase_create_container {
    padding: 0;
}
[b-l3mmwbtp3u] .purchase_insert_header{
    padding:1rem 0 0;
}

[b-l3mmwbtp3u] #PurchaseInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-l3mmwbtp3u] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #SupplierInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }
[b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

    [b-l3mmwbtp3u] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

    [b-l3mmwbtp3u] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }
[b-l3mmwbtp3u] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


/*print invoice */

/*tooltip */
.action_btn[b-l3mmwbtp3u]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-l3mmwbtp3u] {
        padding: 0 1rem;
    }
    .purchase_header h2[b-l3mmwbtp3u] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-l3mmwbtp3u] {
        font-size: 1.1rem;
    }

    .search-box[b-l3mmwbtp3u] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-l3mmwbtp3u] {
            font-size: 1.1rem;
        }
    [b-l3mmwbtp3u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
      padding:2rem;
    }
    [b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
        top: 0rem;
    }
    [b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
        top: 0rem;
    }
    [b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
        top: 0rem;
    }
}
@media (min-width: 768px) and (max-width:991.98px) {
    [b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
        top: 0rem;
    }

    [b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
        top: 0rem;
    }

    [b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
        top: 0rem;
    }
}
/* /Components/Pages/Purchase/PurchaseDetail.razor.rz.scp.css */
.purchase_details[b-jed833yywt] {
    background: var(--primary-bg);
}
.purchase_details_header[b-jed833yywt] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items:center;
}
    .purchase_details_header h2[b-jed833yywt] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-jed833yywt] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-jed833yywt] .CustomeModal .modal_box .modal_head[BaseModal-scope]{
    padding-bottom:0;
}
@media (min-width:320px) and (max-width:767.98px) {
    .purchase_details_header[b-jed833yywt] {
        padding: 2rem 1rem 0;
        align-items: flex-start;
        flex-direction: column;
    }

        .purchase_details_header h2[b-jed833yywt] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Purchase/PurchaseDetailComponent.razor.rz.scp.css */
.invoice[b-h5pn8tatt9] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-h5pn8tatt9] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-h5pn8tatt9] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-h5pn8tatt9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-h5pn8tatt9] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-h5pn8tatt9] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-h5pn8tatt9] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-h5pn8tatt9] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-h5pn8tatt9] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-h5pn8tatt9] {
            height: 40px;
        }

        .invoice_table table thead[b-h5pn8tatt9] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .invoice_table table thead tr th[b-h5pn8tatt9] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-h5pn8tatt9] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-h5pn8tatt9] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-h5pn8tatt9] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-h5pn8tatt9] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-h5pn8tatt9] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-h5pn8tatt9] {
                padding: .5rem 2rem;
                white-space:nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-h5pn8tatt9] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-h5pn8tatt9] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-h5pn8tatt9]{
    width:55rem;    
}

.payment_and_notes .notes h2[b-h5pn8tatt9] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

    .payment_and_notes .notes p[b-h5pn8tatt9] {
        font-size: 1.3rem;
        font-weight: 400;
    }

.sub_and_payment_method .pyamet_method .bank_account[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-h5pn8tatt9] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-h5pn8tatt9] {
    width: 36.5%;
}

    .sub_total .sub_items[b-h5pn8tatt9] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-h5pn8tatt9] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-h5pn8tatt9] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-h5pn8tatt9] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-h5pn8tatt9] {
        width: 35%;
    }

        .terms .conditions h2[b-h5pn8tatt9] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-h5pn8tatt9] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-h5pn8tatt9] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-h5pn8tatt9] {
        padding: 1rem;
    }

    .date_and_action[b-h5pn8tatt9] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-h5pn8tatt9] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-h5pn8tatt9] {
            white-space: nowrap;
        }
    .payment_and_notes .notes[b-h5pn8tatt9]{
        width: auto;
    }
    .sub_and_payment_method[b-h5pn8tatt9] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-h5pn8tatt9] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-h5pn8tatt9] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Purchase/PurchaseDetailModal.razor.rz.scp.css */
[b-g2fkni6nbi] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-g2fkni6nbi] .invoice {
    margin: 0;
    padding-top: 0;
}

[b-g2fkni6nbi] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/Purpose/Insert.razor.rz.scp.css */
.insert_page[b-wyjdq4bbmz] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-wyjdq4bbmz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_insert[b-wyjdq4bbmz] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-wyjdq4bbmz] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-wyjdq4bbmz] .formClass {
    margin-top: 0;
}

[b-wyjdq4bbmz] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-wyjdq4bbmz] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-wyjdq4bbmz] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/Purpose/InsertComponent.razor.rz.scp.css */
.submit_btn[b-9kfevbagat] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-9kfevbagat] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Purpose/List.razor.rz.scp.css */
.content_box_inner[b-wymo5rkgmf] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-wymo5rkgmf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-wymo5rkgmf] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-wymo5rkgmf] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-wymo5rkgmf] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-wymo5rkgmf] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-wymo5rkgmf] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-wymo5rkgmf] {
        outline-color: gray;
    }

.action_btn[b-wymo5rkgmf] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-wymo5rkgmf] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-wymo5rkgmf] {
            width: 100%;
        }

[b-wymo5rkgmf] .formClass {
    margin-top: 0;
}

[b-wymo5rkgmf] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-wymo5rkgmf] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-wymo5rkgmf] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-wymo5rkgmf] {
        padding: 1rem;
    }

    .category_header h2[b-wymo5rkgmf] {
        font-size: 1.5rem;
    }

    .category_header a[b-wymo5rkgmf] {
        font-size: 1.1rem;
    }

    .search-box[b-wymo5rkgmf] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-wymo5rkgmf] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-wymo5rkgmf] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/Quality/Insert.razor.rz.scp.css */
.insert_page[b-xoxqatmxu0] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-xoxqatmxu0] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-xoxqatmxu0] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-xoxqatmxu0] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-xoxqatmxu0] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-xoxqatmxu0] .formClass {
    margin-top: 0;
}



@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-xoxqatmxu0] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Quality/InsertComponent.razor.rz.scp.css */
label[b-4ihme21zqu] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Quality/List.razor.rz.scp.css */
.content_box_inner[b-u355i0jp9k] {
    width: 100%;
    background: white;
    height: 100%;
    padding: 2rem;
}

.content_box_inner .quality_header[b-u355i0jp9k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quality_header h2[b-u355i0jp9k] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.quality_header a[b-u355i0jp9k] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-u355i0jp9k] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-u355i0jp9k] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-u355i0jp9k] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-u355i0jp9k] {
        outline-color: gray;
    }
.action_btn[b-u355i0jp9k] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-u355i0jp9k] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-u355i0jp9k] {
            width: 100%;
        }

[b-u355i0jp9k] .formClass {
    margin-top: 0;
}

[b-u355i0jp9k] #ProductQualityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-u355i0jp9k] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-u355i0jp9k] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-u355i0jp9k] {
        padding: 1rem;
    }
    .quality_header h2[b-u355i0jp9k] {
        font-size: 1.8rem;
    }

    .quality_header a[b-u355i0jp9k] {
        font-size: 1.1rem;
    }

    .search-box[b-u355i0jp9k] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-u355i0jp9k] {
            font-size: 1.1rem;
        }
 
}
/* /Components/Pages/Report/AllPurchase.razor.rz.scp.css */
.all-purchase-page[b-p763fsuuej] {
    --purchase-blue: #1177bd;
    --purchase-blue-hover: #0b65a5;
    --purchase-icon-bg: #edf7fd;
    --purchase-border: #dedede;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: #2a2a2a;
    font: 400 14px/1.45 "Segoe UI", Arial, sans-serif;
}

    .all-purchase-page *[b-p763fsuuej], .all-purchase-page *[b-p763fsuuej]::before, .all-purchase-page *[b-p763fsuuej]::after {
        box-sizing: border-box;
    }

.all-purchase-header[b-p763fsuuej] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--purchase-border);
}

.all-purchase-heading[b-p763fsuuej] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.all-purchase-icon[b-p763fsuuej] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--purchase-blue);
    background: var(--purchase-icon-bg);
}

.all-purchase-title h1[b-p763fsuuej] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    color: #282828;
    letter-spacing: -.025em;
}

.all-purchase-title p[b-p763fsuuej] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
}

.all-purchase-primary[b-p763fsuuej], .all-purchase-reset[b-p763fsuuej] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

.all-purchase-primary[b-p763fsuuej] {
    background: var(--purchase-blue);
    color: white;
    border-color: var(--purchase-blue);
}

    .all-purchase-primary:hover:not(:disabled)[b-p763fsuuej] {
        background: var(--purchase-blue-hover);
        border-color: var(--purchase-blue-hover);
    }

.all-purchase-reset[b-p763fsuuej] {
    color: #30353a;
    background: white;
    border-color: var(--purchase-border);
}

    .all-purchase-reset:hover:not(:disabled)[b-p763fsuuej] {
        background: #f4f5f6;
    }

    .all-purchase-primary:disabled[b-p763fsuuej], .all-purchase-reset:disabled[b-p763fsuuej] {
        opacity: .65;
        cursor: wait;
    }

    .all-purchase-primary:focus-visible[b-p763fsuuej], .all-purchase-reset:focus-visible[b-p763fsuuej] {
        outline: 2px solid var(--purchase-blue);
        outline-offset: 2px;
    }

.all-purchase-spinner[b-p763fsuuej] {
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: all-purchase-spin-b-p763fsuuej .65s linear infinite;
}

@keyframes all-purchase-spin-b-p763fsuuej {
    to {
        transform: rotate(360deg);
    }
}

.all-purchase-error[b-p763fsuuej] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px;
}

.all-purchase-summary[b-p763fsuuej] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.all-purchase-summary-item[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--purchase-border);
    border-radius: 7px;
    background: white;
}

    .all-purchase-summary-item > span[b-p763fsuuej] {
        color: #747474;
        font-size: 13px;
    }

    .all-purchase-summary-item > strong[b-p763fsuuej] {
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.all-purchase-discount > strong[b-p763fsuuej] {
    color: #b86b18;
}

.all-purchase-total > strong[b-p763fsuuej] {
    color: #1177bd;
}

.all-purchase-filter-panel[b-p763fsuuej], .all-purchase-list-shell[b-p763fsuuej] {
    border: 1px solid var(--purchase-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
}

.all-purchase-filter-panel[b-p763fsuuej] {
    margin-bottom: 12px;
}

.all-purchase-filter-grid[b-p763fsuuej] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
}

.all-purchase-filter-field[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 230px;
    width: 230px;
    min-width: 0;
}

    .all-purchase-filter-field label[b-p763fsuuej] {
        color: #303030;
        font-size: 13px;
        font-weight: 500;
    }

    .all-purchase-filter-field input[b-p763fsuuej] {
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        color: #333;
        background: white;
        font: 400 14px "Segoe UI",Arial,sans-serif;
    }

        .all-purchase-filter-field input:focus[b-p763fsuuej] {
            outline: 0;
            border-color: var(--purchase-blue);
            box-shadow: 0 0 0 2px rgba(17,119,189,.09);
        }

.all-purchase-filter-actions[b-p763fsuuej] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.all-purchase-list-shell[b-p763fsuuej] {
    overflow: hidden;
}

.all-purchase-list-toolbar[b-p763fsuuej] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.all-purchase-list-heading[b-p763fsuuej] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .all-purchase-list-heading strong[b-p763fsuuej] {
        font-size: 16px;
        font-weight: 600;
    }

.all-purchase-result-count[b-p763fsuuej] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--purchase-icon-bg);
    color: var(--purchase-blue);
    font-size: 12px;
    font-weight: 600;
}

.all-purchase-table-wrap[b-p763fsuuej] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.all-purchase-table[b-p763fsuuej] {
    width: 100%;
    min-width: 850px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

    .all-purchase-table .col-number[b-p763fsuuej] {
        width: 7%;
    }

    .all-purchase-table .col-product[b-p763fsuuej] {
        width: 36%;
    }

    .all-purchase-table .col-invoice[b-p763fsuuej] {
        width: 17%;
    }

    .all-purchase-table .col-date[b-p763fsuuej] {
        width: 28%;
    }

    .all-purchase-table .col-quantity[b-p763fsuuej] {
        width: 9%;
    }

    .all-purchase-table .col-discount[b-p763fsuuej] {
        width: 10%;
    }

    .all-purchase-table .col-total[b-p763fsuuej] {
        width: 10%;
    }

    .all-purchase-table thead th[b-p763fsuuej] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 33px;
        padding: 0 12px;
        background: #f5f6f7;
        color: #61676c;
        border-bottom: 1px solid #e6e6e6;
        font: 600 12px "Segoe UI",Arial,sans-serif;
        text-transform: uppercase;
        letter-spacing: .01em;
        text-align: left;
        white-space: nowrap;
    }

    .all-purchase-table tbody tr[b-p763fsuuej] {
        height: 36px;
        background: #fff;
    }

        .all-purchase-table tbody tr:hover[b-p763fsuuej] {
            background: #edf7fd;
        }

    .all-purchase-table tbody td[b-p763fsuuej] {
        height: 36px;
        max-height: 36px;
        padding: 0 12px;
        border-bottom: 1px solid #eee;
        color: #363636;
        font: 400 14px "Segoe UI",Arial,sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .all-purchase-table .numeric[b-p763fsuuej] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .all-purchase-table .all-purchase-status-row td[b-p763fsuuej] {
        height: 56px;
        text-align: center;
        color: #777;
    }

.all-purchase-list-footer[b-p763fsuuej] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

    .all-purchase-list-footer strong[b-p763fsuuej] {
        color: #292929;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

@media(max-width:1100px) {
    .all-purchase-summary[b-p763fsuuej] {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px) {
    .all-purchase-summary[b-p763fsuuej] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }

    .all-purchase-summary-item[b-p763fsuuej] {
        padding: 8px 10px;
        min-height: 58px;
    }

        .all-purchase-summary-item > strong[b-p763fsuuej] {
            font-size: 17px;
        }

    .all-purchase-title h1[b-p763fsuuej] {
        font-size: 22px;
    }

    .all-purchase-icon[b-p763fsuuej] {
        flex-basis: 42px;
        height: 42px;
    }

    .all-purchase-filter-field[b-p763fsuuej] {
        flex: 1 1 180px;
        width: auto;
        max-width: none;
    }
}

@media(max-width:470px) {
    .all-purchase-title h1[b-p763fsuuej] {
        font-size: 20px;
    }

    .all-purchase-summary[b-p763fsuuej] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .all-purchase-summary-item[b-p763fsuuej] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
    }

        .all-purchase-summary-item > strong[b-p763fsuuej] {
            font-size: 16px;
        }

    .all-purchase-filter-field[b-p763fsuuej] {
        flex-basis: 100%;
        width: 100%;
    }

    .all-purchase-filter-actions[b-p763fsuuej], .all-purchase-filter-actions button[b-p763fsuuej] {
        flex: 1;
    }
}

@media(prefers-reduced-motion:reduce) {
    .all-purchase-spinner[b-p763fsuuej] {
        animation: none;
    }
}
/* /Components/Pages/Report/AllReturn.razor.rz.scp.css */
.saleInvoiceComponentClass[b-1y6hvkm4ja] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-1y6hvkm4ja] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-1y6hvkm4ja] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-1y6hvkm4ja] {
    display: none;
}

.date_selection[b-1y6hvkm4ja] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-1y6hvkm4ja] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-1y6hvkm4ja] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-1y6hvkm4ja] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-1y6hvkm4ja] {
            width: 100%;
        }

    .logo .logo_text[b-1y6hvkm4ja] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-1y6hvkm4ja] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-1y6hvkm4ja] {
        color: blue;
    }

.input_date[b-1y6hvkm4ja] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-1y6hvkm4ja] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-1y6hvkm4ja] {
            font-weight: 400;
        }

.invoice_date[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-1y6hvkm4ja] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-1y6hvkm4ja] {
            font-weight: 400;
        }

.invoice_info[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-1y6hvkm4ja] {
    width: 25rem;
}

    .left_info h3[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-1y6hvkm4ja] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-1y6hvkm4ja] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-1y6hvkm4ja] {
    text-align: end;
}

.text_center[b-1y6hvkm4ja] {
    text-align: center;
}


.table_mine[b-1y6hvkm4ja] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-1y6hvkm4ja] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-1y6hvkm4ja] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-1y6hvkm4ja] {
    white-space: nowrap;
}

thead tr th[b-1y6hvkm4ja] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-1y6hvkm4ja] {
        text-align: right;
    }

tbody tr[b-1y6hvkm4ja] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-1y6hvkm4ja] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-1y6hvkm4ja] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-1y6hvkm4ja] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-1y6hvkm4ja] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-1y6hvkm4ja] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-1y6hvkm4ja] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-1y6hvkm4ja] {
    width: 36.5%;
}

    .sub_total .sub_items[b-1y6hvkm4ja] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-1y6hvkm4ja] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-1y6hvkm4ja] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-1y6hvkm4ja] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-1y6hvkm4ja] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-1y6hvkm4ja] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-1y6hvkm4ja] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-1y6hvkm4ja] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-1y6hvkm4ja] {
        width: 100%;
    }

        .date_select_box label[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-1y6hvkm4ja] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-1y6hvkm4ja] {
        display: inline-block;
    }

    .action_buttons[b-1y6hvkm4ja] {
        display: none;
    }


    .invoice[b-1y6hvkm4ja] {
        padding: 1rem 0;
    }

    .invoice_header[b-1y6hvkm4ja] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-1y6hvkm4ja] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-1y6hvkm4ja] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-1y6hvkm4ja] {
            font-size: 12px;
        }

    .invoice_serial h3[b-1y6hvkm4ja] {
        font-size: 14px;
    }

    .company_info[b-1y6hvkm4ja] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-1y6hvkm4ja] {
        align-items: flex-start;
    }

    .address[b-1y6hvkm4ja] {
        gap: 0;
    }

        .address p[b-1y6hvkm4ja] {
            font-size: 12px;
        }

    .invoice_date p[b-1y6hvkm4ja] {
        font-size: 12px;
    }

    .invoice_info[b-1y6hvkm4ja] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-1y6hvkm4ja] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-1y6hvkm4ja] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-1y6hvkm4ja] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-1y6hvkm4ja] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }

    .terms[b-1y6hvkm4ja] {
        margin: 3rem 2rem 0;
    }

    .greating[b-1y6hvkm4ja] {
        padding: 1rem;
    }

        .greating p[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-1y6hvkm4ja] {
        align-items: flex-end;
    }
    .invoice_info[b-1y6hvkm4ja] {
        margin: 3rem 0rem;
    }

    .table_mine[b-1y6hvkm4ja] {
        padding: 0 0 3rem 0;
    }

    .terms[b-1y6hvkm4ja] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/AllSales.razor.rz.scp.css */
.all-sales-page[b-nszc1sjb15] {
    --sale-blue: #1177bd;
    --sale-blue-hover: #0b65a5;
    --sale-icon-bg: #edf7fd;
    --sale-border: #dedede;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: #2a2a2a;
    font: 400 14px/1.45 "Segoe UI", Arial, sans-serif;
}

    .all-sales-page *[b-nszc1sjb15], .all-sales-page *[b-nszc1sjb15]::before, .all-sales-page *[b-nszc1sjb15]::after {
        box-sizing: border-box;
    }

.all-sales-header[b-nszc1sjb15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--sale-border);
}

.all-sales-heading[b-nszc1sjb15] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.all-sales-icon[b-nszc1sjb15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--sale-blue);
    background: var(--sale-icon-bg);
}

.all-sales-title h1[b-nszc1sjb15] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    color: #282828;
    letter-spacing: -.025em;
}

.all-sales-title p[b-nszc1sjb15] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
}

.all-sales-primary[b-nszc1sjb15], .all-sales-reset[b-nszc1sjb15] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

.all-sales-primary[b-nszc1sjb15] {
    background: var(--sale-blue);
    color: white;
    border-color: var(--sale-blue);
}

    .all-sales-primary:hover:not(:disabled)[b-nszc1sjb15] {
        background: var(--sale-blue-hover);
        border-color: var(--sale-blue-hover);
    }

.all-sales-reset[b-nszc1sjb15] {
    color: #30353a;
    background: white;
    border-color: var(--sale-border);
}

    .all-sales-reset:hover:not(:disabled)[b-nszc1sjb15] {
        background: #f4f5f6;
    }

    .all-sales-primary:disabled[b-nszc1sjb15], .all-sales-reset:disabled[b-nszc1sjb15] {
        opacity: .65;
        cursor: wait;
    }

    .all-sales-primary:focus-visible[b-nszc1sjb15], .all-sales-reset:focus-visible[b-nszc1sjb15] {
        outline: 2px solid var(--sale-blue);
        outline-offset: 2px;
    }

.all-sales-spinner[b-nszc1sjb15] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.45);
    border-top-color: white;
    border-radius: 50%;
    animation: all-sales-spin-b-nszc1sjb15 .65s linear infinite;
}

@keyframes all-sales-spin-b-nszc1sjb15 {
    to {
        transform: rotate(360deg);
    }
}

.all-sales-error[b-nszc1sjb15] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px;
}

.all-sales-summary[b-nszc1sjb15] {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.all-sales-summary-item[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--sale-border);
    border-radius: 7px;
    background: white;
}

    .all-sales-summary-item > span[b-nszc1sjb15] {
        color: #747474;
        font-size: 13px;
    }

    .all-sales-summary-item > strong[b-nszc1sjb15] {
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.all-sales-filter-panel[b-nszc1sjb15], .all-sales-list-shell[b-nszc1sjb15] {
    border: 1px solid var(--sale-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
}

.all-sales-filter-panel[b-nszc1sjb15] {
    margin-bottom: 12px;
}

.all-sales-filter-grid[b-nszc1sjb15] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding: 15px 16px;
}

.all-sales-filter-field[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 185px;
    max-width: 260px;
    min-width: 145px;
}

    .all-sales-filter-field label[b-nszc1sjb15] {
        color: #303030;
        font-size: 13px;
        font-weight: 500;
    }

    .all-sales-filter-field input[b-nszc1sjb15] {
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        color: #333;
        background: white;
        font: 400 14px "Segoe UI",Arial,sans-serif;
    }

        .all-sales-filter-field input:focus[b-nszc1sjb15] {
            outline: 0;
            border-color: var(--sale-blue);
            box-shadow: 0 0 0 2px rgba(17,119,189,.09);
        }

.all-sales-filter-actions[b-nszc1sjb15] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.all-sales-list-shell[b-nszc1sjb15] {
    overflow: hidden;
}

.all-sales-list-toolbar[b-nszc1sjb15] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.all-sales-list-heading[b-nszc1sjb15] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .all-sales-list-heading strong[b-nszc1sjb15] {
        font-size: 16px;
        font-weight: 600;
    }

.all-sales-result-count[b-nszc1sjb15] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--sale-icon-bg);
    color: var(--sale-blue);
    font-size: 12px;
    font-weight: 600;
}

.all-sales-table-wrap[b-nszc1sjb15] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.all-sales-table[b-nszc1sjb15] {
    width: 100%;
    min-width: 850px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

    .all-sales-table .col-number[b-nszc1sjb15] {
        width: 7%;
    }

    .all-sales-table .col-product[b-nszc1sjb15] {
        width: 25%;
    }

    .all-sales-table .col-invoice[b-nszc1sjb15] {
        width: 17%;
    }

    .all-sales-table .col-date[b-nszc1sjb15] {
        width: 22%;
    }

    .all-sales-table .col-quantity[b-nszc1sjb15] {
        width: 9%;
    }

    .all-sales-table .col-discount[b-nszc1sjb15] {
        width: 10%;
    }

    .all-sales-table .col-total[b-nszc1sjb15] {
        width: 10%;
    }

    .all-sales-table thead th[b-nszc1sjb15] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 33px;
        padding: 0 12px;
        background: #f5f6f7;
        color: #61676c;
        border-bottom: 1px solid #e6e6e6;
        font: 600 12px "Segoe UI",Arial,sans-serif;
        text-transform: uppercase;
        letter-spacing: .01em;
        text-align: left;
        white-space: nowrap;
    }

    .all-sales-table tbody tr[b-nszc1sjb15] {
        height: 36px;
        background: #fff;
    }

        .all-sales-table tbody tr:hover[b-nszc1sjb15] {
            background: #edf7fd;
        }

    .all-sales-table tbody td[b-nszc1sjb15] {
        height: 36px;
        max-height: 36px;
        padding: 0 12px;
        border-bottom: 1px solid #eee;
        color: #363636;
        font: 400 14px "Segoe UI",Arial,sans-serif;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .all-sales-table .numeric[b-nszc1sjb15] {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .all-sales-table .all-sales-status-row td[b-nszc1sjb15] {
        height: 56px;
        text-align: center;
        color: #777;
    }

.all-sales-list-footer[b-nszc1sjb15] {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

    .all-sales-list-footer strong[b-nszc1sjb15] {
        color: #292929;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

@media(max-width:1100px) {
    .all-sales-summary[b-nszc1sjb15] {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media(max-width:760px) {
    .all-sales-summary[b-nszc1sjb15] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
    }

    .all-sales-summary-item[b-nszc1sjb15] {
        padding: 8px 10px;
        min-height: 58px;
    }

        .all-sales-summary-item > strong[b-nszc1sjb15] {
            font-size: 17px;
        }

    .all-sales-title h1[b-nszc1sjb15] {
        font-size: 22px;
    }

    .all-sales-icon[b-nszc1sjb15] {
        flex-basis: 42px;
        height: 42px;
    }

    .all-sales-filter-field[b-nszc1sjb15] {
        max-width: none;
    }
}

@media(max-width:470px) {
    .all-sales-title h1[b-nszc1sjb15] {
        font-size: 20px;
    }

    .all-sales-summary[b-nszc1sjb15] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .all-sales-summary-item[b-nszc1sjb15] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
    }

        .all-sales-summary-item > strong[b-nszc1sjb15] {
            font-size: 16px;
        }

    .all-sales-filter-field[b-nszc1sjb15] {
        flex-basis: 100%;
    }

    .all-sales-filter-actions[b-nszc1sjb15], .all-sales-filter-actions button[b-nszc1sjb15] {
        flex: 1;
    }
}

@media(prefers-reduced-motion:reduce) {
    .all-sales-spinner[b-nszc1sjb15] {
        animation: none;
    }
}
/* /Components/Pages/Report/CustomerStatement.razor.rz.scp.css */
.content_box_inner[b-c9k1tegxw4] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-c9k1tegxw4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-c9k1tegxw4] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-c9k1tegxw4] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-c9k1tegxw4] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-c9k1tegxw4] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-c9k1tegxw4] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-c9k1tegxw4], select[b-c9k1tegxw4] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-c9k1tegxw4] {
        margin-left: auto;
    }

.input_date[b-c9k1tegxw4] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-c9k1tegxw4] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-c9k1tegxw4] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-c9k1tegxw4] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-c9k1tegxw4] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-c9k1tegxw4] {
    opacity: .8;
}

[b-c9k1tegxw4] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-c9k1tegxw4] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-c9k1tegxw4] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-c9k1tegxw4] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-c9k1tegxw4] {
        padding: 3rem 1rem;
    }

    .search_bar[b-c9k1tegxw4] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-c9k1tegxw4] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-c9k1tegxw4] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-c9k1tegxw4] {
        width: auto;
        align-items: stretch;
    }
    [b-c9k1tegxw4] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-c9k1tegxw4] {
        margin-top: 2rem;
    }
    .search_bar[b-c9k1tegxw4] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-c9k1tegxw4] {
            width: auto;
        }
        .search_bar .date_selection[b-c9k1tegxw4] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-c9k1tegxw4] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-c9k1tegxw4] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-c9k1tegxw4] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/CustomerStatus.razor.rz.scp.css */
.content_box_inner[b-uhvy2ynzdj] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-uhvy2ynzdj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-uhvy2ynzdj] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-uhvy2ynzdj] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-uhvy2ynzdj] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-uhvy2ynzdj] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-uhvy2ynzdj] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-uhvy2ynzdj], select[b-uhvy2ynzdj] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-uhvy2ynzdj] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.action_btn[b-uhvy2ynzdj] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-uhvy2ynzdj] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-uhvy2ynzdj] {
            width: 100%;
        }

td.action_btn[b-uhvy2ynzdj] {
    border-bottom: none;
}


[b-uhvy2ynzdj] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-uhvy2ynzdj] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-uhvy2ynzdj] {
    opacity: .8;
}

.table_container[b-uhvy2ynzdj] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-uhvy2ynzdj] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-uhvy2ynzdj] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-uhvy2ynzdj] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-uhvy2ynzdj] {
    white-space: nowrap;
}

thead tr th[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-uhvy2ynzdj] {
        text-align: right;
    }

tbody tr[b-uhvy2ynzdj] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-uhvy2ynzdj] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-uhvy2ynzdj] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-uhvy2ynzdj] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-uhvy2ynzdj] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-uhvy2ynzdj] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-uhvy2ynzdj] {
        padding: 3rem 1rem;
    }

    .table_container[b-uhvy2ynzdj] {
        margin-top: 2rem;
    }

    .search_bar[b-uhvy2ynzdj] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-uhvy2ynzdj] {
        overflow: auto;
    }

    .submit_btn[b-uhvy2ynzdj] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-uhvy2ynzdj] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-uhvy2ynzdj] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-uhvy2ynzdj] {
            width: auto;
        }

    .submit_btn[b-uhvy2ynzdj] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-uhvy2ynzdj] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/DistributionCustomerStatement.razor.rz.scp.css */
.content_box_inner[b-vbj3s91b92] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-vbj3s91b92] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-vbj3s91b92] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-vbj3s91b92] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-vbj3s91b92] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-vbj3s91b92] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-vbj3s91b92] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-vbj3s91b92], select[b-vbj3s91b92] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-vbj3s91b92] {
        margin-left: auto;
    }

.input_date[b-vbj3s91b92] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-vbj3s91b92] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-vbj3s91b92] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-vbj3s91b92] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-vbj3s91b92] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-vbj3s91b92] {
    opacity: .8;
}

[b-vbj3s91b92] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-vbj3s91b92] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-vbj3s91b92] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-vbj3s91b92] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-vbj3s91b92] {
        padding: 3rem 1rem;
    }

    .search_bar[b-vbj3s91b92] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-vbj3s91b92] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-vbj3s91b92] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-vbj3s91b92] {
        width: auto;
        align-items: stretch;
    }
    [b-vbj3s91b92] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-vbj3s91b92] {
        margin-top: 2rem;
    }
    .search_bar[b-vbj3s91b92] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-vbj3s91b92] {
            width: auto;
        }
        .search_bar .date_selection[b-vbj3s91b92] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-vbj3s91b92] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-vbj3s91b92] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-vbj3s91b92] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/DistributionDetails.razor.rz.scp.css */
.content_box_inner[b-gcrkqc3yp5] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-gcrkqc3yp5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-gcrkqc3yp5] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-gcrkqc3yp5] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-gcrkqc3yp5] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-gcrkqc3yp5] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-gcrkqc3yp5] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-gcrkqc3yp5], select[b-gcrkqc3yp5] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-gcrkqc3yp5] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-gcrkqc3yp5] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-gcrkqc3yp5] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-gcrkqc3yp5] {
    opacity: .8;
}

.table_container[b-gcrkqc3yp5] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-gcrkqc3yp5] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-gcrkqc3yp5] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-gcrkqc3yp5] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-gcrkqc3yp5] {
    white-space: nowrap;
}

thead tr th[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-gcrkqc3yp5] {
        text-align: right;
    }

tbody tr[b-gcrkqc3yp5] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-gcrkqc3yp5] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-gcrkqc3yp5] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-gcrkqc3yp5] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-gcrkqc3yp5] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-gcrkqc3yp5] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-gcrkqc3yp5] {
        padding: 3rem 1rem;
    }

    .table_container[b-gcrkqc3yp5] {
        margin-top: 2rem;
    }

    .search_bar[b-gcrkqc3yp5] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-gcrkqc3yp5] {
        overflow: auto;
    }

    .submit_btn[b-gcrkqc3yp5] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-gcrkqc3yp5] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-gcrkqc3yp5] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-gcrkqc3yp5] {
            width: auto;
        }

    .submit_btn[b-gcrkqc3yp5] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-gcrkqc3yp5] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/DistributionDueCollection.razor.rz.scp.css */
.content_box_inner[b-k10v7m3xzk] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-k10v7m3xzk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-k10v7m3xzk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-k10v7m3xzk] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-k10v7m3xzk] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-k10v7m3xzk] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-k10v7m3xzk] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-k10v7m3xzk], select[b-k10v7m3xzk] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-k10v7m3xzk] {
        margin-left: auto;
    }

.input_date[b-k10v7m3xzk] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-k10v7m3xzk] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-k10v7m3xzk] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-k10v7m3xzk] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-k10v7m3xzk] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-k10v7m3xzk] {
    opacity: .8;
}

[b-k10v7m3xzk] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-k10v7m3xzk] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-k10v7m3xzk] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-k10v7m3xzk] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-k10v7m3xzk] {
        padding: 3rem 1rem;
    }

    .search_bar[b-k10v7m3xzk] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-k10v7m3xzk] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-k10v7m3xzk] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-k10v7m3xzk] {
        width: auto;
        align-items: stretch;
    }
    [b-k10v7m3xzk] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-k10v7m3xzk] {
        margin-top: 2rem;
    }
    .search_bar[b-k10v7m3xzk] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-k10v7m3xzk] {
            width: auto;
        }
        .search_bar .date_selection[b-k10v7m3xzk] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-k10v7m3xzk] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-k10v7m3xzk] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-k10v7m3xzk] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/DistributionSalesDue.razor.rz.scp.css */
.content_box_inner[b-1h57e6kg3w] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-1h57e6kg3w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-1h57e6kg3w] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-1h57e6kg3w] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-1h57e6kg3w] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-1h57e6kg3w] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-1h57e6kg3w] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-1h57e6kg3w], select[b-1h57e6kg3w] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-1h57e6kg3w] {
        margin-left: auto;
    }

.input_date[b-1h57e6kg3w] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-1h57e6kg3w] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-1h57e6kg3w] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-1h57e6kg3w] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-1h57e6kg3w] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-1h57e6kg3w] {
    opacity: .8;
}

[b-1h57e6kg3w] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-1h57e6kg3w] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1h57e6kg3w] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1h57e6kg3w] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-1h57e6kg3w] {
        padding: 3rem 1rem;
    }

    .search_bar[b-1h57e6kg3w] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-1h57e6kg3w] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-1h57e6kg3w] {
        margin-left: 0;
        margin-top: 3rem;
    }

    .search_bar .search_box[b-1h57e6kg3w] {
        width: auto;
        align-items: stretch;
    }

    [b-1h57e6kg3w] .selectBox .selectInput {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-1h57e6kg3w] {
        margin-top: 2rem;
    }

    .search_bar[b-1h57e6kg3w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-1h57e6kg3w] {
            width: auto;
        }

        .search_bar .date_selection[b-1h57e6kg3w] {
            grid-column: 3 / span 2;
        }

    .submit_btn[b-1h57e6kg3w] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-1h57e6kg3w] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-1h57e6kg3w] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/ExpenseStatus.razor.rz.scp.css */
.content_box_inner[b-7b6ypuf56h] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-7b6ypuf56h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-7b6ypuf56h] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-7b6ypuf56h] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-7b6ypuf56h] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-7b6ypuf56h] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-7b6ypuf56h] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-7b6ypuf56h], select[b-7b6ypuf56h] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-7b6ypuf56h] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-7b6ypuf56h] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-7b6ypuf56h] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-7b6ypuf56h] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-7b6ypuf56h] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-7b6ypuf56h] {
    opacity: .8;
}

.table_container[b-7b6ypuf56h] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-7b6ypuf56h] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-7b6ypuf56h] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-7b6ypuf56h] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-7b6ypuf56h] {
    white-space: nowrap;
}

thead tr th[b-7b6ypuf56h] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-7b6ypuf56h] {
        text-align: right;
    }

tbody tr[b-7b6ypuf56h] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-7b6ypuf56h] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-7b6ypuf56h] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-7b6ypuf56h] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-7b6ypuf56h] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-7b6ypuf56h] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-7b6ypuf56h] {
        padding: 3rem 1rem;
    }

    .table_container[b-7b6ypuf56h] {
        margin-top: 2rem;
    }

    .search_bar[b-7b6ypuf56h] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-7b6ypuf56h] {
        overflow: auto;
    }

    .submit_btn[b-7b6ypuf56h] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-7b6ypuf56h] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-7b6ypuf56h] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-7b6ypuf56h] {
            width: auto;
        }

    .submit_btn[b-7b6ypuf56h] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-7b6ypuf56h] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/Profit.razor.rz.scp.css */
/* Profit report: Sale Details typography and spacing standard. */
.profit-page[b-pcrhmocr3n] {
    --profit-blue: #1177bd;
    --profit-blue-hover: #0b65a5;
    --profit-border: #dedede;
    --profit-icon-bg: #edf7fd;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: #2a2a2a;
    font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
}

    .profit-page *[b-pcrhmocr3n], .profit-page *[b-pcrhmocr3n]::before, .profit-page *[b-pcrhmocr3n]::after {
        box-sizing: border-box;
    }

.profit-page-header[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--profit-border);
}

.profit-page-heading[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.profit-page-icon[b-pcrhmocr3n] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--profit-blue);
    background: var(--profit-icon-bg);
}

.profit-page-title h1[b-pcrhmocr3n] {
    margin: 0;
    color: #282828;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.profit-page-title p[b-pcrhmocr3n] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
}

.profit-print-button[b-pcrhmocr3n], .profit-apply-button[b-pcrhmocr3n], .profit-reset-button[b-pcrhmocr3n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s;
}

.profit-print-button[b-pcrhmocr3n], .profit-apply-button[b-pcrhmocr3n] {
    color: #fff;
    border-color: var(--profit-blue);
    background: var(--profit-blue);
}

    .profit-print-button:hover:not(:disabled)[b-pcrhmocr3n], .profit-apply-button:hover:not(:disabled)[b-pcrhmocr3n] {
        background: var(--profit-blue-hover);
        border-color: var(--profit-blue-hover);
    }

.profit-reset-button[b-pcrhmocr3n] {
    color: #30353a;
    border-color: var(--profit-border);
    background: #fff;
}

    .profit-reset-button:hover:not(:disabled)[b-pcrhmocr3n] {
        background: #f4f5f6;
    }

.profit-page button:disabled[b-pcrhmocr3n] {
    opacity: .65;
    cursor: wait;
}

.profit-page button:focus-visible[b-pcrhmocr3n], .profit-page input:focus-visible[b-pcrhmocr3n] {
    outline: 2px solid var(--profit-blue);
    outline-offset: 2px;
}

.profit-summary[b-pcrhmocr3n] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.profit-summary-item[b-pcrhmocr3n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--profit-border);
    border-radius: 7px;
    background: #fff;
}

    .profit-summary-item span[b-pcrhmocr3n] {
        color: #747474;
        font-size: 13px;
        font-weight: 400;
    }

    .profit-summary-item strong[b-pcrhmocr3n] {
        overflow: hidden;
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .profit-summary-item .profit-sales-value[b-pcrhmocr3n] {
        color: #1177bd;
    }

    .profit-summary-item .profit-purchases-value[b-pcrhmocr3n] {
        color: #b86b18;
    }

    .profit-summary-item .profit-returns-value[b-pcrhmocr3n] {
        color: #6b7280;
    }

.profit-summary-result.profit-gain strong[b-pcrhmocr3n] {
    color: #198754;
}

.profit-summary-result.profit-loss strong[b-pcrhmocr3n] {
    color: #dc2626;
}

.profit-filter-panel[b-pcrhmocr3n], .profit-list-shell[b-pcrhmocr3n] {
    border: 1px solid var(--profit-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
}

.profit-filter-panel[b-pcrhmocr3n] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible;
}

.profit-filter-fieldset[b-pcrhmocr3n] {
    border: 0;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.profit-filter-grid[b-pcrhmocr3n] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
    overflow: visible;
}

.profit-filter-field[b-pcrhmocr3n] {
    position: relative;
    display: flex;
    flex: 1 1 165px;
    flex-direction: column;
    gap: 6px;
    min-width: 142px;
    overflow: visible;
}

    .profit-filter-field:focus-within[b-pcrhmocr3n] {
        z-index: 50;
    }

    .profit-filter-field > label[b-pcrhmocr3n] {
        color: #303030;
        font-size: 13px;
        font-weight: 500;
    }

    .profit-filter-field > input[b-pcrhmocr3n] {
        display: block;
        width: 100%;
        height: 38px;
        min-width: 0;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font: 400 14px "Segoe UI",Arial,sans-serif;
    }

    .profit-filter-field[b-pcrhmocr3n]  .selectBox[baseselectelement-scope] {
        width: 100%;
        min-height: 38px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
    }

    .profit-filter-field[b-pcrhmocr3n]  .selectBox .selectInput[BaseSelectElement-scope] {
        width: 100%;
        min-height: 34px;
        padding: 7px 8px;
        border: 0;
        outline: 0;
        color: #555;
        font-size: 14px;
    }

    .profit-filter-field:focus-within[b-pcrhmocr3n]  .selectBox[baseselectelement-scope] {
        border-color: var(--profit-blue);
        box-shadow: 0 0 0 2px rgba(17,119,189,.09);
    }

    .profit-filter-field[b-pcrhmocr3n]  .selectBox {
        position: relative;
        overflow: visible !important;
    }

    .profit-filter-field[b-pcrhmocr3n]  .dropdown-menu, .profit-filter-field[b-pcrhmocr3n]  .selectOptions, .profit-filter-field[b-pcrhmocr3n]  .options-list, .profit-filter-field[b-pcrhmocr3n]  .selectItems {
        z-index: 80 !important;
    }

.profit-select-control[aria-disabled="true"][b-pcrhmocr3n] {
    pointer-events: none;
    opacity: .65;
}

.profit-filter-actions[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.profit-list-shell[b-pcrhmocr3n] {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.profit-list-toolbar[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.profit-list-heading[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
}

.profit-result-count[b-pcrhmocr3n] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--profit-icon-bg);
    color: var(--profit-blue);
    font-size: 12px;
    font-weight: 600;
}

.profit-toolbar-hint[b-pcrhmocr3n] {
    font-size: 12px;
    color: #777;
}

.profit-table-scroll[b-pcrhmocr3n] {
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.profit-table[b-pcrhmocr3n] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.profit-col-type[b-pcrhmocr3n] {
    width: 60%;
}

.profit-col-quantity[b-pcrhmocr3n] {
    width: 18%;
}

.profit-col-amount[b-pcrhmocr3n] {
    width: 22%;
}

.profit-table thead[b-pcrhmocr3n] {
    position: sticky;
    top: 0;
    z-index: 5;
}

.profit-table th[b-pcrhmocr3n] {
    height: 33px;
    padding: 0 13px;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f6f7;
    color: #61676c;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.profit-table td[b-pcrhmocr3n] {
    height: 36px;
    padding: 0 13px;
    border-bottom: 1px solid #eee;
    background: #fff;
    color: #363636;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profit-table tbody tr:hover td[b-pcrhmocr3n] {
    background: #edf7fd;
}

.profit-table .profit-number[b-pcrhmocr3n] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.profit-table .profit-result-row td[b-pcrhmocr3n] {
    font-weight: 600;
    background: #f8fafc;
    border-top: 1px solid #e6e6e6;
}

.profit-table .profit-result-row.profit-gain td:last-child[b-pcrhmocr3n] {
    color: #198754;
}

.profit-table .profit-result-row.profit-loss td:last-child[b-pcrhmocr3n] {
    color: #dc2626;
}

.profit-list-footer[b-pcrhmocr3n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

.profit-footer-total[b-pcrhmocr3n] {
    font-variant-numeric: tabular-nums;
}

    .profit-footer-total strong[b-pcrhmocr3n] {
        font-weight: 600;
    }

    .profit-footer-total.profit-gain strong[b-pcrhmocr3n] {
        color: #198754;
    }

    .profit-footer-total.profit-loss strong[b-pcrhmocr3n] {
        color: #dc2626;
    }

.profit-spinner[b-pcrhmocr3n] {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: profit-spin-b-pcrhmocr3n .65s linear infinite;
}

.profit-spinner-dark[b-pcrhmocr3n] {
    border-color: rgba(33,37,41,.2);
    border-top-color: #343a40;
}

@keyframes profit-spin-b-pcrhmocr3n {
    to {
        transform: rotate(360deg);
    }
}

@media(max-width:920px) {
    .profit-summary[b-pcrhmocr3n] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media(max-width:760px) {
    .profit-filter-grid[b-pcrhmocr3n] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .profit-filter-field[b-pcrhmocr3n] {
        min-width: 0;
    }

    .profit-filter-actions[b-pcrhmocr3n] {
        grid-column: 1/-1;
    }
}

@media(max-width:470px) {
    .profit-page-title h1[b-pcrhmocr3n] {
        font-size: 20px;
    }

    .profit-page-icon[b-pcrhmocr3n] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .profit-summary[b-pcrhmocr3n] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .profit-summary-item[b-pcrhmocr3n] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 8px 10px;
        min-height: 40px;
    }

        .profit-summary-item strong[b-pcrhmocr3n] {
            font-size: 16px;
        }

    .profit-filter-grid[b-pcrhmocr3n] {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .profit-filter-actions[b-pcrhmocr3n] {
        grid-column: auto;
    }

        .profit-filter-actions button[b-pcrhmocr3n] {
            flex: 1;
        }

    .profit-table th[b-pcrhmocr3n], .profit-table td[b-pcrhmocr3n] {
        padding-left: 9px;
        padding-right: 9px;
    }

    .profit-col-type[b-pcrhmocr3n] {
        width: 45%;
    }

    .profit-col-quantity[b-pcrhmocr3n] {
        width: 25%;
    }

    .profit-col-amount[b-pcrhmocr3n] {
        width: 30%;
    }
}

@media(prefers-reduced-motion:reduce) {
    .profit-spinner[b-pcrhmocr3n] {
        animation: none;
    }

    .profit-page button[b-pcrhmocr3n] {
        transition: none;
    }
}
/* /Components/Pages/Report/PurchaseDetails.razor.rz.scp.css */
/* Matches the DNE.Inventory Stock Report visual language. */
.purchase-page[b-wlaqceynky] {
    --purchase-blue: #1177bd;
    --purchase-blue-hover: #0b65a5;
    --purchase-border: #dedede;
    --purchase-icon-bg: #edf7fd;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: #2a2a2a;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .purchase-page *[b-wlaqceynky], .purchase-page *[b-wlaqceynky]::before, .purchase-page *[b-wlaqceynky]::after {
        box-sizing: border-box
    }

.purchase-page-header[b-wlaqceynky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--purchase-border)
}

.purchase-page-heading[b-wlaqceynky] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.purchase-page-icon[b-wlaqceynky] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--purchase-blue);
    background: var(--purchase-icon-bg)
}

.purchase-page-title h1[b-wlaqceynky] {
    margin: 0;
    color: #282828;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.purchase-page-title p[b-wlaqceynky] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.purchase-print-button[b-wlaqceynky], .purchase-apply-button[b-wlaqceynky], .purchase-reset-button[b-wlaqceynky] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.purchase-print-button[b-wlaqceynky], .purchase-apply-button[b-wlaqceynky] {
    color: #fff;
    border-color: var(--purchase-blue);
    background: var(--purchase-blue)
}

    .purchase-print-button:hover[b-wlaqceynky], .purchase-apply-button:hover[b-wlaqceynky] {
        background: var(--purchase-blue-hover);
        border-color: var(--purchase-blue-hover)
    }

.purchase-reset-button[b-wlaqceynky] {
    color: #30353a;
    border-color: var(--purchase-border);
    background: #fff
}

    .purchase-reset-button:hover[b-wlaqceynky] {
        background: #f4f5f6
    }

.purchase-page button:disabled[b-wlaqceynky] {
    opacity: .65;
    cursor: wait
}

.purchase-page button:focus-visible[b-wlaqceynky], .purchase-page input:focus-visible[b-wlaqceynky], .purchase-page select:focus-visible[b-wlaqceynky] {
    outline: 2px solid var(--purchase-blue);
    outline-offset: 2px
}

.purchase-summary[b-wlaqceynky] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.purchase-summary-item[b-wlaqceynky] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--purchase-border);
    border-radius: 7px;
    background: #fff
}

    .purchase-summary-item span[b-wlaqceynky] {
        color: #747474;
        font-size: 13px;
        font-weight: 400
    }

    .purchase-summary-item strong[b-wlaqceynky] {
        overflow: hidden;
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.purchase-filter-panel[b-wlaqceynky], .purchase-list-shell[b-wlaqceynky] {
    border: 1px solid var(--purchase-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none
}

.purchase-filter-panel[b-wlaqceynky] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible
}

.purchase-filter-grid[b-wlaqceynky] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
    overflow: visible
}

.purchase-filter-field[b-wlaqceynky] {
    position: relative;
    display: flex;
    flex: 0 0 240px;
    width: 240px;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    overflow: visible
}

    .purchase-filter-field:focus-within[b-wlaqceynky] {
        z-index: 50
    }

    .purchase-filter-field > label[b-wlaqceynky] {
        color: #303030;
        font-size: 13px;
        font-weight: 500
    }

    .purchase-filter-field:nth-child(-n+2)[b-wlaqceynky] {
        flex-basis: 230px;
        width: 230px;
    }

    .purchase-filter-field > input[b-wlaqceynky] {
        display: block;
        width: 100%;
        height: 38px;
        min-width: 0;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font-size: 14px
    }

    .purchase-filter-field[b-wlaqceynky]  .selectBox[baseselectelement-scope] {
        width: 100%;
        min-height: 38px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff
    }

    .purchase-filter-field[b-wlaqceynky]  .selectBox .selectInput[BaseSelectElement-scope] {
        width: 100%;
        min-height: 34px;
        padding: 7px 8px;
        border: 0;
        outline: 0;
        color: #555;
        font-size: 14px
    }

    .purchase-filter-field:focus-within[b-wlaqceynky]  .selectBox[baseselectelement-scope] {
        border-color: var(--purchase-blue);
        box-shadow: 0 0 0 2px rgba(17,119,189,.09)
    }

    .purchase-filter-field[b-wlaqceynky]  .selectBox {
        position: relative;
        overflow: visible !important
    }

    .purchase-filter-field[b-wlaqceynky]  .dropdown-menu, .purchase-filter-field[b-wlaqceynky]  .selectOptions, .purchase-filter-field[b-wlaqceynky]  .options-list, .purchase-filter-field[b-wlaqceynky]  .selectItems {
        z-index: 80 !important
    }

.purchase-filter-actions[b-wlaqceynky] {
    display: flex;
    align-items: center;
    gap: 7px
}

.purchase-list-shell[b-wlaqceynky] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.purchase-list-toolbar[b-wlaqceynky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.purchase-list-heading[b-wlaqceynky] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600
}

.purchase-result-count[b-wlaqceynky] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--purchase-icon-bg);
    color: var(--purchase-blue);
    font-size: 12px;
    font-weight: 600
}

.purchase-toolbar-actions[b-wlaqceynky] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px
}

    .purchase-toolbar-actions > label[b-wlaqceynky] {
        color: #666;
        font-size: 13px
    }

    .purchase-toolbar-actions select[b-wlaqceynky], .purchase-sort-direction[b-wlaqceynky] {
        height: 31px;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        background: #fff;
        color: #444;
        font-size: 13px
    }

    .purchase-toolbar-actions select[b-wlaqceynky] {
        padding: 0 8px
    }

.purchase-sort-direction[b-wlaqceynky] {
    width: 31px;
    color: var(--purchase-blue);
    cursor: pointer;
    font-size: 16px
}

.purchase-search-wrap[b-wlaqceynky] {
    position: relative
}

    .purchase-search-wrap svg[b-wlaqceynky] {
        position: absolute;
        top: 50%;
        left: 11px;
        transform: translateY(-50%);
        color: #8e959c;
        pointer-events: none
    }

    .purchase-search-wrap input[b-wlaqceynky] {
        width: 220px;
        max-width: 100%;
        height: 32px;
        padding: 0 10px 0 33px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font-size: 13px
    }

.purchase-table-scroll[b-wlaqceynky] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.purchase-table[b-wlaqceynky] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

    .purchase-table thead[b-wlaqceynky] {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .purchase-table th[b-wlaqceynky] {
        box-sizing: border-box;
        height: 33px;
        padding: 0 13px;
        border-bottom: 1px solid #e6e6e6;
        background: #f5f6f7;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap
    }

    .purchase-table td[b-wlaqceynky] {
        height: 36px;
        box-sizing: border-box;
        padding: 0 13px;
        border-bottom: 1px solid #eee;
        background: #fff;
        color: #363636;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .purchase-table .purchase-data-row[b-wlaqceynky] {
        cursor: pointer
    }

        .purchase-table .purchase-data-row td[b-wlaqceynky] {
            transition: background-color .12s ease
        }

        .purchase-table .purchase-data-row:hover td[b-wlaqceynky], .purchase-table .purchase-data-row:focus-within td[b-wlaqceynky] {
            background: #edf7fd
        }

    .purchase-table .purchase-number[b-wlaqceynky] {
        text-align: right;
        font-variant-numeric: tabular-nums
    }

        .purchase-table .purchase-number small[b-wlaqceynky] {
            font-size: 12px;
            color: #969696
        }

    .purchase-table .purchase-product[b-wlaqceynky], .purchase-table .purchase-total[b-wlaqceynky] {
        font-weight: 500;
        color: #292929
    }

    .purchase-table .purchase-profit[b-wlaqceynky] {
        font-weight: 600;
        color: #15803d
    }

        .purchase-table .purchase-profit.purchase-loss[b-wlaqceynky] {
            color: #dc2626
        }

.purchase-summary-item.purchase-loss strong[b-wlaqceynky] {
    color: #dc2626
}

.purchase-summary-item.purchase-profit strong[b-wlaqceynky] {
    color: #15803d
}

.purchase-table .purchase-arrow[b-wlaqceynky] {
    width: 54px;
    padding: 0 13px;
    text-align: center;
    vertical-align: middle;
    overflow: visible
}

.purchase-detail-arrow[b-wlaqceynky] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    line-height: 1;
    transition: color .15s ease,background-color .15s ease
}

    .purchase-detail-arrow svg[b-wlaqceynky] {
        display: block;
        flex: none;
        width: 15px;
        height: 15px
    }

.purchase-table .purchase-data-row:hover .purchase-detail-arrow[b-wlaqceynky], .purchase-table .purchase-data-row:focus-within .purchase-detail-arrow[b-wlaqceynky] {
    color: var(--purchase-blue);
    background: #fff;
    border-color: #d9eafa
}

.purchase-detail-arrow:hover[b-wlaqceynky] {
    color: var(--purchase-blue);
    background: #e1f1fb;
}

.purchase-table .purchase-empty[b-wlaqceynky] {
    padding: 20px;
    text-align: center;
    color: #777
}

.purchase-list-footer[b-wlaqceynky] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

.purchase-footer-total[b-wlaqceynky] {
    font-variant-numeric: tabular-nums;
}

    .purchase-footer-total strong[b-wlaqceynky] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600;
    }

.purchase-drawer-layer[b-wlaqceynky] {
    position: fixed;
    inset: 0;
    z-index: 1500
}

.purchase-drawer-backdrop[b-wlaqceynky] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(20,29,35,.32)
}

.purchase-drawer[b-wlaqceynky] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: min(440px,100vw);
    background: #fff;
    box-shadow: -12px 0 30px rgba(0,0,0,.12);
    animation: purchase-drawer-enter-b-wlaqceynky .2s ease-out both
}

@keyframes purchase-drawer-enter-b-wlaqceynky {
    from {
        transform: translateX(25px);
        opacity: .75
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.purchase-drawer-header[b-wlaqceynky] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--purchase-border)
}

    .purchase-drawer-header span[b-wlaqceynky] {
        color: var(--purchase-blue);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .08em
    }

    .purchase-drawer-header h2[b-wlaqceynky] {
        margin: 6px 0 0;
        font-size: 18px;
        font-weight: 600;
        overflow-wrap: anywhere
    }

.purchase-drawer-close[b-wlaqceynky] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--purchase-border);
    border-radius: 5px;
    background: #fff;
    color: #666;
    font-size: 21px;
    cursor: pointer
}

.purchase-drawer-body[b-wlaqceynky] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px
}

.purchase-detail-highlight[b-wlaqceynky] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px
}

    .purchase-detail-highlight > div[b-wlaqceynky] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-height: 74px;
        padding: 11px 13px;
        border: 1px solid #dbe9f2;
        border-radius: 6px;
        background: #f4faff
    }

    .purchase-detail-highlight span[b-wlaqceynky] {
        color: #707070;
        font-size: 13px
    }

    .purchase-detail-highlight strong[b-wlaqceynky] {
        font-size: 18px;
        font-weight: 600;
        font-variant-numeric: tabular-nums
    }

.purchase-drawer-body h3[b-wlaqceynky] {
    margin: 20px 0 8px;
    font-size: 15px;
    font-weight: 600
}

.purchase-detail-highlight .purchase-result-profit strong[b-wlaqceynky], .purchase-info-list .purchase-result-profit[b-wlaqceynky] {
    color: #15803d;
}

.purchase-detail-highlight .purchase-result-loss strong[b-wlaqceynky], .purchase-info-list .purchase-result-loss[b-wlaqceynky] {
    color: #dc2626;
}

.purchase-info-list[b-wlaqceynky] {
    margin: 0
}

    .purchase-info-list > div[b-wlaqceynky] {
        display: grid;
        grid-template-columns: minmax(110px,.9fr) minmax(0,1.4fr);
        gap: 12px;
        padding: 11px 0;
        border-bottom: 1px solid #eaeaea
    }

    .purchase-info-list dt[b-wlaqceynky] {
        color: #737373;
        font-size: 13px
    }

    .purchase-info-list dd[b-wlaqceynky] {
        margin: 0;
        overflow-wrap: anywhere;
        font-size: 14px;
        font-weight: 500
    }

.purchase-print-error[b-wlaqceynky] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px
}

@media(max-width:920px) {
    .purchase-summary[b-wlaqceynky] {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 12px;
        margin-bottom: 12px
    }
}

@media(max-width:760px) {
    .purchase-filter-grid[b-wlaqceynky] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 12px;
        padding: 15px 16px;
        overflow: visible
    }

    .purchase-filter-field[b-wlaqceynky], .purchase-filter-field:nth-child(-n+2)[b-wlaqceynky] {
        width: auto;
        flex: 1 1 auto;
        min-width: 0
    }

    .purchase-toolbar-actions[b-wlaqceynky] {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 7px
    }

    .purchase-search-wrap[b-wlaqceynky] {
        position: relative
    }

        .purchase-search-wrap input[b-wlaqceynky] {
            width: 220px;
            max-width: 100%;
            height: 32px;
            padding: 0 10px 0 33px;
            border: 1px solid #bfc3c6;
            border-radius: 5px;
            background: #fff;
            color: #333;
            font-size: 13px
        }
}

@media(max-width:470px) {
    .purchase-page-title h1[b-wlaqceynky] {
        margin: 0;
        color: #282828;
        font-size: 23px;
        font-weight: 650;
        line-height: 1.25;
        letter-spacing: -.025em
    }

    .purchase-page-icon[b-wlaqceynky] {
        display: grid;
        place-items: center;
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 8px;
        color: var(--purchase-blue);
        background: var(--purchase-icon-bg)
    }

    .purchase-summary[b-wlaqceynky] {
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: 12px;
        margin-bottom: 12px
    }

    .purchase-summary-item[b-wlaqceynky] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 3px;
        min-width: 0;
        min-height: 66px;
        padding: 10px 16px;
        border: 1px solid var(--purchase-border);
        border-radius: 7px;
        background: #fff
    }

        .purchase-summary-item strong[b-wlaqceynky] {
            overflow: hidden;
            color: #272b2e;
            font-size: 19px;
            font-weight: 600;
            font-variant-numeric: tabular-nums;
            white-space: nowrap;
            text-overflow: ellipsis
        }

    .purchase-filter-grid[b-wlaqceynky] {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 12px;
        padding: 15px 16px;
        overflow: visible
    }

    .purchase-filter-field[b-wlaqceynky], .purchase-filter-field:nth-child(-n+2)[b-wlaqceynky] {
        width: 100%;
    }

    .purchase-filter-actions button[b-wlaqceynky] {
        flex: 1
    }

    .purchase-toolbar-actions > label[b-wlaqceynky] {
        color: #666;
        font-size: 13px
    }
}

@media(prefers-reduced-motion:reduce) {
    .purchase-drawer[b-wlaqceynky] {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-direction: column;
        width: min(440px,100vw);
        background: #fff;
        box-shadow: -12px 0 30px rgba(0,0,0,.12);
        animation: purchase-drawer-enter-b-wlaqceynky .2s ease-out both
    }

    .purchase-page button[b-wlaqceynky] {
        transition: none
    }
}


/* Purchase grid: compact numeric columns, item receives remaining width. */
.purchase-table .purchase-col-item[b-wlaqceynky] {
    width: auto;
}

.purchase-table .purchase-col-quantity[b-wlaqceynky] {
    width: 100px;
}

.purchase-table .purchase-col-price[b-wlaqceynky] {
    width: 105px;
}

.purchase-table .purchase-col-date[b-wlaqceynky] {
    width: 185px;
}

.purchase-table .purchase-col-total[b-wlaqceynky] {
    width: 120px;
}

.purchase-table .purchase-col-arrow[b-wlaqceynky] {
    width: 54px;
}

.purchase-table th:last-child[b-wlaqceynky], .purchase-table td:last-child[b-wlaqceynky] {
    width: 54px;
    min-width: 54px;
    max-width: 54px;
    padding: 0 13px;
    text-align: center;
}

@media(max-width:1100px) {
    .purchase-table th[b-wlaqceynky], .purchase-table td[b-wlaqceynky] {
        padding-left: 9px;
        padding-right: 9px;
    }

        .purchase-table th:last-child[b-wlaqceynky], .purchase-table td:last-child[b-wlaqceynky] {
            padding: 0 13px;
        }
}

@media(max-width:800px) {
    .purchase-table .purchase-col-quantity[b-wlaqceynky] {
        width: 85px;
    }

    .purchase-table .purchase-col-date[b-wlaqceynky] {
        width: 160px;
    }

    .purchase-table .purchase-col-total[b-wlaqceynky] {
        width: 105px;
    }

    .purchase-table .purchase-col-price[b-wlaqceynky] {
        width: 0;
    }

    .purchase-table th:nth-child(3)[b-wlaqceynky], .purchase-table td:nth-child(3)[b-wlaqceynky] {
        display: none;
    }
}

@media(max-width:520px) {
    .purchase-table .purchase-col-quantity[b-wlaqceynky] {
        width: 75px;
    }

    .purchase-table .purchase-col-total[b-wlaqceynky] {
        width: 100px;
    }

    .purchase-table .purchase-col-date[b-wlaqceynky] {
        width: 0;
    }

    .purchase-table th:nth-child(4)[b-wlaqceynky], .purchase-table td:nth-child(4)[b-wlaqceynky] {
        display: none;
    }
}

/* Apply button spinner; retains existing button styling. */
.purchase-button-spinner[b-wlaqceynky] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: purchase-button-spin-b-wlaqceynky .65s linear infinite;
    flex-shrink: 0
}

.purchase-apply-button:disabled[b-wlaqceynky] {
    cursor: wait;
    opacity: .8
}

@keyframes purchase-button-spin-b-wlaqceynky {
    to {
        transform: rotate(360deg)
    }
}

/* Reset uses a dark spinner to remain visible on the white button. */
.purchase-reset-button .purchase-button-spinner[b-wlaqceynky] {
    border-color: rgba(48,53,58,.22);
    border-top-color: #30353a;
}

/* Exact Sales Details item-name typography. */
.purchase-table td.purchase-product[b-wlaqceynky] {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
}

.purchase-select-wrap[b-wlaqceynky] {
    width: 100%;
    min-width: 0;
}
/* /Components/Pages/Report/PurchaseDue.razor.rz.scp.css */
.due-page[b-5joavucot5] {
    --due-blue: #1177bd;
    --due-blue-hover: #0b65a5;
    --due-border: #dedede;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    color: #2a2a2a;
    background: transparent;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .due-page *[b-5joavucot5], .due-page *[b-5joavucot5]::before, .due-page *[b-5joavucot5]::after {
        box-sizing: border-box
    }

.due-page-header[b-5joavucot5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--due-border)
}

.due-page-heading[b-5joavucot5] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.due-page-icon[b-5joavucot5] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--due-blue);
    background: #edf7fd
}

.due-page-title h1[b-5joavucot5] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.due-page-title p[b-5joavucot5] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.due-print-button[b-5joavucot5], .due-apply-button[b-5joavucot5], .due-reset-button[b-5joavucot5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.due-print-button[b-5joavucot5], .due-apply-button[b-5joavucot5] {
    color: #fff;
    background: var(--due-blue);
    border-color: var(--due-blue)
}

    .due-print-button:hover[b-5joavucot5], .due-apply-button:hover[b-5joavucot5] {
        background: var(--due-blue-hover);
        border-color: var(--due-blue-hover)
    }

.due-reset-button[b-5joavucot5] {
    color: #30353a;
    border-color: var(--due-border);
    background: #fff
}

    .due-reset-button:hover[b-5joavucot5] {
        background: #f4f5f6
    }

.due-page button:disabled[b-5joavucot5] {
    opacity: .65;
    cursor: wait
}

.due-page button:focus-visible[b-5joavucot5], .due-page input:focus-visible[b-5joavucot5] {
    outline: 2px solid var(--due-blue);
    outline-offset: 2px
}

.due-summary[b-5joavucot5] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

    .due-summary-card[b-5joavucot5], .due-summary > div[b-5joavucot5] {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
        min-height: 78px;
        padding: 10px 16px;
        border: 1px solid var(--due-border);
        border-radius: 7px;
        background: #fff
    }

        .due-summary-card span[b-5joavucot5], .due-summary > div span[b-5joavucot5] {
            color: #747474;
            font-size: 13px
        }

        .due-summary-card strong[b-5joavucot5], .due-summary > div strong[b-5joavucot5] {
            color: #2a2a2a;
            font-size: 22px;
            font-weight: 650;
            font-variant-numeric: tabular-nums
        }

        .due-summary-card small[b-5joavucot5], .due-summary > div small[b-5joavucot5] {
            color: #8a9098;
            font-size: 11px
        }

        .due-summary-card:nth-child(2) strong[b-5joavucot5], .due-summary > div:nth-child(2) strong[b-5joavucot5] {
            color: #16803c;
        }

        .due-summary-card:nth-child(3) strong[b-5joavucot5],
        .due-summary-card:nth-child(4) strong[b-5joavucot5], .due-summary > div:nth-child(4) strong[b-5joavucot5] {
            color: #c2410c;
        }

.due-filter-panel[b-5joavucot5] {
    padding: 15px 16px;
    margin-bottom: 12px;
    border: 1px solid var(--due-border);
    border-radius: 7px;
    background: #fff
}

.due-filter-grid[b-5joavucot5] {
    display: flex;
    align-items: end;
    gap: 12px;
    flex-wrap: wrap
}

.due-filter-field[b-5joavucot5] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0
}

    .due-filter-field label[b-5joavucot5] {
        font-size: 13px;
        font-weight: 600;
        color: #4b5563
    }

    .due-filter-field input[b-5joavucot5] {
        display: block;
        width: 100%;
        height: 38px;
        padding: 6px 12px;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background: #fff;
        color: #212529;
        font: 400 16px/1.5 "Segoe UI",Arial,sans-serif
    }

.due-date-field[b-5joavucot5] {
    width: 230px;
}

.due-customer-field[b-5joavucot5] {
    width: 240px;
}

.due-select-wrap[b-5joavucot5] {
    min-width: 0;
    height: 38px;
    width: 100%
}

    .due-select-wrap[b-5joavucot5]  .selectBox {
        height: 38px;
        min-width: 0;
        width: 100%;
        border: 1px solid #d5d8dc;
        border-radius: 5px;
        background: #fff
    }

    .due-select-wrap[b-5joavucot5]  .selectInput {
        width: 100%;
        max-width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 0;
        outline: 0;
        font-size: 16px;
        background: transparent
    }

.due-filter-actions[b-5joavucot5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 0
}

.due-list-shell[b-5joavucot5] {
    overflow: hidden;
    border: 1px solid var(--due-border);
    border-radius: 7px;
    background: #fff
}

.due-list-toolbar[b-5joavucot5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.due-list-heading[b-5joavucot5] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0
}

    .due-list-heading strong[b-5joavucot5] {
        font-size: 16px;
        font-weight: 600
    }

    .due-list-heading span[b-5joavucot5] {
        color: #858b92;
        font-size: 12px
    }

.due-search-wrap[b-5joavucot5] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 180px;
    width: min(100%,290px)
}

.due-search-icon[b-5joavucot5] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b9298;
    pointer-events: none;
    z-index: 1;
}

.due-search-wrap[b-5joavucot5]  input {
    width: 100%;
    height: 32px;
    padding: 0 32px 0 35px;
    border: 1px solid #d5d8dc;
    border-radius: 5px;
    font-size: 13px
}

.due-clear-search[b-5joavucot5] {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #f1f3f5;
    color: #5c6470;
    font-size: 20px;
    cursor: pointer
}

.due-grid-scroll[b-5joavucot5] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin
}

    .due-grid-scroll[b-5joavucot5]  table {
        width: 100%;
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        margin: 0
    }

    .due-grid-scroll[b-5joavucot5]  thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 33px;
        padding: 0 13px;
        border-bottom: 1px solid #e6e6e6;
        background: #f5f6f7;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap
    }

    .due-grid-scroll[b-5joavucot5]  tbody tr {
        position: relative;
        height: 36px;
        cursor: pointer
    }

    .due-grid-scroll[b-5joavucot5]  tbody td {
        height: 36px;
        padding: 0 13px;
        border-bottom: 1px solid #eee;
        background: #fff;
        color: #363636;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .due-grid-scroll[b-5joavucot5]  tbody tr:hover td {
        background: #edf7fd
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(1) {
        width: 27%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(2) {
        width: 16%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(3) {
        width: 15%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(4) {
        width: 15%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(5) {
        width: 20%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(6) {
        width: 7%;
        min-width: 72px
    }
    /* Match header and cell alignment by column. Customer/Phone left, amounts right, details centered. */
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(1),
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(2),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(1),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(2) {
        text-align: left
    }

    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(3),
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(4),
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(5),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(3),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(4),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(5) {
        text-align: right;
        font-variant-numeric: tabular-nums
    }

    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(6),
    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(6) {
        text-align: center
    }

    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(1) .col-header-content,
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(2) .col-header-content {
        justify-content: flex-start
    }

    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(3) .col-header-content,
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(4) .col-header-content,
    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(5) .col-header-content {
        justify-content: flex-end
    }

    .due-grid-scroll[b-5joavucot5]  thead th:nth-child(6) .col-header-content {
        justify-content: center
    }
    /* QuickGrid uses a flex header wrapper for sortable columns. Keep the
   Customer title and its sort indicator at the left edge of the cell. */
    .due-grid-scroll[b-5joavucot5]  thead th:first-child {
        padding-left: 13px;
        padding-right: 13px;
    }

        .due-grid-scroll[b-5joavucot5]  thead th:first-child .col-header-content {
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 5px;
            width: 100%;
            text-align: left
        }

        .due-grid-scroll[b-5joavucot5]  thead th:first-child .col-title {
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            text-align: left;
            margin: 0
        }

        .due-grid-scroll[b-5joavucot5]  thead th:first-child .col-title-text {
            text-align: left
        }

    .due-grid-scroll[b-5joavucot5]  tbody td:first-child {
        padding-left: 13px;
        padding-right: 13px;
        text-align: left;
        vertical-align: middle;
        font-weight: 500
    }

    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(3) {
        font-weight: 500
    }

    .due-grid-scroll[b-5joavucot5]  tbody td:nth-child(6) .due-view-button {
        vertical-align: middle
    }

    .due-grid-scroll[b-5joavucot5]  .col-title-text {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase
    }

    /* The link covers its customer row; the phone link remains independently clickable. */
    .due-grid-scroll[b-5joavucot5]  .due-row-link {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: block;
        cursor: pointer;
    }

        .due-grid-scroll[b-5joavucot5]  .due-row-link:focus-visible {
            outline: 2px solid var(--due-blue);
            outline-offset: -2px;
        }

    .due-grid-scroll[b-5joavucot5]  .due-phone {
        position: relative;
        z-index: 2;
    }

.due-phone[b-5joavucot5] {
    color: var(--due-blue);
    text-decoration: none
}

    .due-phone:hover[b-5joavucot5] {
        text-decoration: underline
    }

.due-amount[b-5joavucot5] {
    color: #c2410c;
    font-weight: 600;
    font-variant-numeric: tabular-nums
}

.due-view-button[b-5joavucot5] {
    display: inline-grid;
    place-items: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    cursor: pointer;
    transition: color .15s ease,background-color .15s ease
}

    .due-grid-scroll[b-5joavucot5]  tbody tr:hover .due-view-button, .due-view-button:focus-visible[b-5joavucot5] {
        background: #fff;
        color: var(--due-blue);
        border-color: #d9eafa
    }

    .due-view-button:hover[b-5joavucot5] {
        background: #e1f1fb;
        color: var(--due-blue)
    }

.due-list-footer[b-5joavucot5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

.due-footer-total[b-5joavucot5] {
    font-variant-numeric: tabular-nums;
}

    .due-footer-total strong[b-5joavucot5] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600;
    }

@media(max-width:1000px) {
    .due-summary[b-5joavucot5] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:700px) {
    .due-page-title h1[b-5joavucot5] {
        font-size: 20px
    }

    .due-page-title p[b-5joavucot5] {
        font-size: 12px
    }

    .due-summary[b-5joavucot5] {
        grid-template-columns: 1fr
    }

    .due-filter-field[b-5joavucot5] {
        flex: 1 1 100%;
        width: 100%
    }

        .due-filter-field input[b-5joavucot5], .due-select-wrap[b-5joavucot5], .due-date-field[b-5joavucot5], .due-customer-field[b-5joavucot5] {
            width: 100%
        }

    .due-filter-actions[b-5joavucot5] {
        width: 100%
    }

        .due-filter-actions button[b-5joavucot5] {
            flex: 1
        }

    .due-list-toolbar[b-5joavucot5] {
        flex-wrap: wrap
    }

    .due-search-wrap[b-5joavucot5] {
        width: 100%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(2), .due-grid-scroll[b-5joavucot5]  td:nth-child(2), .due-grid-scroll[b-5joavucot5]  th:nth-child(4), .due-grid-scroll[b-5joavucot5]  td:nth-child(4) {
        display: none
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(1) {
        width: 40%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(3) {
        width: 24%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(5) {
        width: 24%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(6) {
        width: 12%
    }
}

@media(max-width:440px) {
    .due-grid-scroll[b-5joavucot5]  th:nth-child(3), .due-grid-scroll[b-5joavucot5]  td:nth-child(3) {
        display: none
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(1) {
        width: 55%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(5) {
        width: 30%
    }

    .due-grid-scroll[b-5joavucot5]  th:nth-child(6) {
        width: 15%
    }

    .due-grid-scroll[b-5joavucot5]  thead th, .due-grid-scroll[b-5joavucot5]  tbody td,
    .due-grid-scroll[b-5joavucot5]  thead th:first-child,
    .due-grid-scroll[b-5joavucot5]  tbody td:first-child {
        padding-left: 7px;
        padding-right: 7px
    }
}

.due-button-spinner[b-5joavucot5] {
    display: inline-block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: due-button-spin-b-5joavucot5 .7s linear infinite;
}

.due-button-spinner-dark[b-5joavucot5] {
    border-color: rgba(33,37,41,.2);
    border-top-color: #343a40;
}

@keyframes due-button-spin-b-5joavucot5 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .due-button-spinner[b-5joavucot5] {
        animation: none;
    }
}

/* Prevent interaction with custom selectors while a report action is running. */
.due-select-wrap[aria-disabled="true"][b-5joavucot5],
.due-search-wrap[aria-disabled="true"][b-5joavucot5] {
    pointer-events: none;
    opacity: .65;
}

/* Purchase due has three summary metrics; Sale Due card sizing is inherited. */
.due-summary[b-5joavucot5] {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.due-grid-scroll .pd-table[b-5joavucot5] {
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

    .due-grid-scroll .pd-table thead th[b-5joavucot5] {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 33px;
        padding: 0 13px;
        background: #f5f6f7;
        border-bottom: 1px solid #e6e6e6;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: left;
        white-space: nowrap;
    }

    .due-grid-scroll .pd-table tbody td[b-5joavucot5] {
        height: 36px;
        padding: 0 13px;
        border-bottom: 1px solid #eee;
        color: #363636;
        background: #fff;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .due-grid-scroll .pd-table tbody tr[b-5joavucot5] {
        height: 36px;
        cursor: pointer;
    }

        .due-grid-scroll .pd-table tbody tr:hover td[b-5joavucot5], .due-grid-scroll .pd-table tbody tr:focus-within td[b-5joavucot5] {
            background: #edf7fd;
        }

    .due-grid-scroll .pd-table th:nth-child(1)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(1)[b-5joavucot5] {
        width: 34%;
        text-align: left;
    }

    .due-grid-scroll .pd-table tbody td:nth-child(1)[b-5joavucot5] {
        font-weight: 500;
    }

    .due-grid-scroll .pd-table th:nth-child(2)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(2)[b-5joavucot5] {
        width: 17%;
        text-align: right;
    }

    .due-grid-scroll .pd-table tbody td:nth-child(2)[b-5joavucot5] {
        font-weight: 500;
    }

    .due-grid-scroll .pd-table th:nth-child(3)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(3)[b-5joavucot5] {
        width: 21%;
        text-align: right;
    }

    .due-grid-scroll .pd-table th:nth-child(4)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(4)[b-5joavucot5] {
        width: 19%;
        text-align: right;
    }

    .due-grid-scroll .pd-table th:nth-child(5)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(5)[b-5joavucot5] {
        width: 9%;
        text-align: center;
    }

    .due-grid-scroll .pd-table td.pd-due[b-5joavucot5] {
        color: #c2410c;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

    .due-grid-scroll .pd-table .pd-view[b-5joavucot5] {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 27px;
        height: 27px;
        padding: 0;
        border: 1px solid transparent;
        border-radius: 5px;
        background: transparent;
        color: #8b9298;
    }

    .due-grid-scroll .pd-table tbody tr:hover .pd-view[b-5joavucot5], .due-grid-scroll .pd-table tbody tr:focus-within .pd-view[b-5joavucot5] {
        color: #1177bd;
        background: #fff;
        border-color: #d9eafa;
    }

    .due-grid-scroll .pd-table .pd-view:hover[b-5joavucot5] {
        background: #e1f1fb;
    }

    .due-grid-scroll .pd-table td.pd-empty[b-5joavucot5] {
        text-align: center;
        padding: 20px;
        font-weight: 400;
    }

.pd-clickable-row:focus-visible[b-5joavucot5] {
    outline: 2px solid #1177bd;
    outline-offset: -2px;
}

.pd-results-heading h2[b-5joavucot5] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.pd-results-heading p[b-5joavucot5] {
    margin: 2px 0 0;
    font-size: 12px;
    color: #777;
}

.pd-selector[aria-disabled="true"][b-5joavucot5], .pd-search[aria-disabled="true"][b-5joavucot5] {
    pointer-events: none;
    opacity: .65;
}


@media(max-width:470px) {
    .due-grid-scroll .pd-table thead th[b-5joavucot5], .due-grid-scroll .pd-table tbody td[b-5joavucot5] {
        padding-left: 7px;
        padding-right: 7px;
    }

    .due-grid-scroll .pd-table th:nth-child(3)[b-5joavucot5], .due-grid-scroll .pd-table td:nth-child(3)[b-5joavucot5] {
        display: none;
    }
}


/* Purchase Due uses three cards, while preserving Sale Due's card measurements. */
@media (max-width: 1000px) and (min-width: 471px) {
    .due-summary[b-5joavucot5] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 470px) {
    .due-summary[b-5joavucot5] {
        grid-template-columns: 1fr;
    }
}

/* Match Sale Due search clear button and preserve the supplier search icon. */
.due-search-wrap .due-clear-search[b-5joavucot5] {
    z-index: 2;
}

/* Match Sale Due header alignment, with keyboard-accessible client-side sorting. */
.due-grid-scroll .pd-table thead th:nth-child(1)[b-5joavucot5] {
    text-align: left;
}

.due-grid-scroll .pd-table thead th:nth-child(2)[b-5joavucot5],
.due-grid-scroll .pd-table thead th:nth-child(3)[b-5joavucot5],
.due-grid-scroll .pd-table thead th:nth-child(4)[b-5joavucot5] {
    text-align: right;
}

.due-grid-scroll .pd-table thead th:nth-child(5)[b-5joavucot5] {
    text-align: center;
}

.due-grid-scroll .pd-table .pd-sort-button[b-5joavucot5] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    width: 100%;
    min-height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 600;
    text-transform: inherit;
    text-align: inherit;
    cursor: pointer;
}

.due-grid-scroll .pd-table th:first-child .pd-sort-button[b-5joavucot5] {
    justify-content: flex-start;
}

.due-grid-scroll .pd-table .pd-sort-button:disabled[b-5joavucot5] {
    cursor: wait;
}

.due-grid-scroll .pd-table .pd-sort-button:focus-visible[b-5joavucot5] {
    outline: 2px solid var(--due-blue);
    outline-offset: -2px;
}

.due-grid-scroll .pd-table .pd-sort-indicator[b-5joavucot5] {
    font-size: 10px;
    color: #8b9298;
    flex-shrink: 0;
}
/* /Components/Pages/Report/PurchaseDuePayment.razor.rz.scp.css */
/* Purchase Due Payment: shared Sales Due / Sales Records typography and spacing */
.payment-due-page[b-rxw1u2m8gm] {
    --pd-blue: #1177bd;
    --pd-border: #dedede;
    width: 100%;
    min-width: 0;
    color: #2a2a2a;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .payment-due-page[b-rxw1u2m8gm], .payment-due-page *[b-rxw1u2m8gm], .payment-due-page *[b-rxw1u2m8gm]::before, .payment-due-page *[b-rxw1u2m8gm]::after {
        box-sizing: border-box
    }

.payment-due-header[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--pd-border)
}

.payment-due-heading[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.payment-due-icon[b-rxw1u2m8gm] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--pd-blue);
    background: #edf7fd
}

.payment-due-title h1[b-rxw1u2m8gm] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.payment-due-title p[b-rxw1u2m8gm] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.payment-due-print[b-rxw1u2m8gm], .payment-due-apply[b-rxw1u2m8gm], .payment-due-reset[b-rxw1u2m8gm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.payment-due-print[b-rxw1u2m8gm], .payment-due-apply[b-rxw1u2m8gm] {
    color: #fff;
    background: var(--pd-blue);
    border-color: var(--pd-blue)
}

    .payment-due-apply:hover:not(:disabled)[b-rxw1u2m8gm] {
        background: #0b65a5;
        border-color: #0b65a5
    }

.payment-due-reset[b-rxw1u2m8gm] {
    color: #30353a;
    border-color: var(--pd-border);
    background: #fff
}

    .payment-due-reset:hover:not(:disabled)[b-rxw1u2m8gm] {
        background: #f4f5f6
    }

.payment-due-page button:disabled[b-rxw1u2m8gm] {
    opacity: .65;
    cursor: not-allowed
}

.payment-due-page button:focus-visible[b-rxw1u2m8gm], .payment-due-page input:focus-visible[b-rxw1u2m8gm] {
    outline: 2px solid var(--pd-blue);
    outline-offset: 2px
}

.payment-due-summary[b-rxw1u2m8gm] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.payment-due-summary-card[b-rxw1u2m8gm] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--pd-border);
    border-radius: 7px;
    background: #fff
}

    .payment-due-summary-card span[b-rxw1u2m8gm] {
        color: #747474;
        font-size: 13px;
        font-weight: 400
    }

    .payment-due-summary-card strong[b-rxw1u2m8gm] {
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .payment-due-summary-card:nth-child(2) strong[b-rxw1u2m8gm] {
        color: #198754
    }

.payment-due-filter-panel[b-rxw1u2m8gm] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    border: 1px solid var(--pd-border);
    border-radius: 7px;
    background: #fff
}

.payment-due-filter-grid[b-rxw1u2m8gm] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    padding: 15px 16px;
}

.payment-due-field[b-rxw1u2m8gm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0;
    position: relative
}

    .payment-due-field:focus-within[b-rxw1u2m8gm] {
        z-index: 50
    }

    .payment-due-field label[b-rxw1u2m8gm] {
        font-size: 13px;
        font-weight: 500;
        color: #303030
    }

    .payment-due-field input[b-rxw1u2m8gm] {
        display: block;
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font: 400 16px/1.5 "Segoe UI",Arial,sans-serif
    }

.payment-due-date[b-rxw1u2m8gm] {
    width: 230px
}

.payment-due-supplier[b-rxw1u2m8gm] {
    width: 240px
}

.payment-due-select[b-rxw1u2m8gm] {
    min-width: 0;
    width: 100%;
    position: relative
}

    .payment-due-select[b-rxw1u2m8gm]  .selectBox {
        min-height: 38px;
        min-width: 0;
        width: 100%;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        position: relative
    }

    .payment-due-select[b-rxw1u2m8gm]  .selectInput {
        width: 100%;
        max-width: 100%;
        min-height: 34px;
        padding: 7px 8px;
        border: 0;
        outline: 0;
        font-size: 16px;
        font-family: "Segoe UI",Arial,sans-serif;
        font-weight: 400;
        line-height: 1.5;
        color: #555;
        background: transparent
    }

    .payment-due-select[aria-disabled="true"][b-rxw1u2m8gm] {
        pointer-events: none;
        opacity: .65
    }

.payment-due-actions[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    gap: 7px
}

.payment-due-list[b-rxw1u2m8gm] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid var(--pd-border);
    border-radius: 7px;
    background: #fff
}

.payment-due-toolbar[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.payment-due-list-heading[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

    .payment-due-list-heading strong[b-rxw1u2m8gm] {
        font-size: 16px;
        font-weight: 600
    }

.payment-due-result-count[b-rxw1u2m8gm] {
    padding: 3px 8px;
    border-radius: 5px;
    background: #edf7fd;
    color: var(--pd-blue);
    font-size: 12px;
    font-weight: 600
}

.payment-due-scroll[b-rxw1u2m8gm] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent
}

    .payment-due-scroll[b-rxw1u2m8gm]  table {
        width: 100%;
        min-width: 0;
        margin: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        box-sizing: border-box;
        height: 33px;
        padding: 0 13px;
        border-bottom: 1px solid #e6e6e6;
        background: #f5f6f7;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap;
        vertical-align: middle
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead .col-title-text {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase
    }

    .payment-due-scroll[b-rxw1u2m8gm]  tbody tr:not(.quickgrid-virtualize-placeholder) {
        height: 36px
    }

        .payment-due-scroll[b-rxw1u2m8gm]  tbody tr:not(.quickgrid-virtualize-placeholder) td {
            box-sizing: border-box;
            height: 36px;
            padding: 0 13px;
            border-bottom: 1px solid #eee;
            background: #fff;
            color: #363636;
            font-size: 14px;
            font-weight: 400;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle
        }

        .payment-due-scroll[b-rxw1u2m8gm]  tbody tr:not(.quickgrid-virtualize-placeholder):hover td {
            background: #edf7fd
        }

    .payment-due-scroll[b-rxw1u2m8gm]  th:nth-child(1) {
        width: 45%
    }

    .payment-due-scroll[b-rxw1u2m8gm]  th:nth-child(2) {
        width: 27%
    }

    .payment-due-scroll[b-rxw1u2m8gm]  th:nth-child(3) {
        width: 28%
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(1), .payment-due-scroll[b-rxw1u2m8gm]  tbody td:nth-child(1), .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(3), .payment-due-scroll[b-rxw1u2m8gm]  tbody td:nth-child(3) {
        text-align: left
    }

    .payment-due-scroll[b-rxw1u2m8gm]  tbody td:nth-child(1),
    .payment-due-page[b-rxw1u2m8gm]  .payment-due-supplier-name {
        color: #292929;
        font-size: 14px;
        font-weight: 500;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(2), .payment-due-scroll[b-rxw1u2m8gm]  tbody td:nth-child(2) {
        text-align: right;
        font-variant-numeric: tabular-nums
    }

    .payment-due-scroll[b-rxw1u2m8gm]  tbody td:nth-child(2) {
        font-weight: 500
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(1) .col-header-content, .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(3) .col-header-content {
        justify-content: flex-start
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th:nth-child(2) .col-header-content {
        justify-content: flex-end
    }

    .payment-due-scroll[b-rxw1u2m8gm]  .col-header-content {
        min-height: 33px;
        align-items: center
    }

.payment-due-footer[b-rxw1u2m8gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

.payment-due-footer-total[b-rxw1u2m8gm] {
    font-variant-numeric: tabular-nums
}

    .payment-due-footer-total strong[b-rxw1u2m8gm] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600
    }

.payment-due-spinner[b-rxw1u2m8gm] {
    display: inline-block;
    flex: none;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,.4);
    border-right-color: transparent;
    border-radius: 50%;
    animation: payment-due-spin-b-rxw1u2m8gm .65s linear infinite
}

.payment-due-spinner-dark[b-rxw1u2m8gm] {
    border-color: rgba(33,37,41,.25);
    border-right-color: transparent
}

@keyframes payment-due-spin-b-rxw1u2m8gm {
    to {
        transform: rotate(360deg)
    }
}

@media(max-width:760px) {
    .payment-due-filter-grid[b-rxw1u2m8gm] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .payment-due-date[b-rxw1u2m8gm], .payment-due-supplier[b-rxw1u2m8gm] {
        width: auto
    }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th, .payment-due-scroll[b-rxw1u2m8gm]  tbody td {
        padding-left: 9px;
        padding-right: 9px
    }
}

@media(max-width:470px) {
    .payment-due-title h1[b-rxw1u2m8gm] {
        font-size: 20px
    }

    .payment-due-icon[b-rxw1u2m8gm] {
        flex-basis: 42px;
        width: 42px;
        height: 42px
    }

    .payment-due-filter-grid[b-rxw1u2m8gm] {
        grid-template-columns: 1fr
    }

    .payment-due-actions button[b-rxw1u2m8gm] {
        flex: 1
    }

    .payment-due-summary[b-rxw1u2m8gm] {
        gap: 6px
    }

    .payment-due-summary-card[b-rxw1u2m8gm] {
        padding: 8px 10px
    }

        .payment-due-summary-card strong[b-rxw1u2m8gm] {
            font-size: 16px
        }

    .payment-due-scroll[b-rxw1u2m8gm]  thead th, .payment-due-scroll[b-rxw1u2m8gm]  tbody td {
        padding-left: 7px;
        padding-right: 7px
    }
}

@media(prefers-reduced-motion:reduce) {
    .payment-due-spinner[b-rxw1u2m8gm] {
        animation: none
    }
}
/* /Components/Pages/Report/PurchaseReturnDetails.razor.rz.scp.css */
.content_box_inner[b-0lzxcjoo0g] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-0lzxcjoo0g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-0lzxcjoo0g] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-0lzxcjoo0g] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-0lzxcjoo0g] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-0lzxcjoo0g] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-0lzxcjoo0g] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-0lzxcjoo0g], select[b-0lzxcjoo0g] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-0lzxcjoo0g] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-0lzxcjoo0g] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-0lzxcjoo0g] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-0lzxcjoo0g] {
    opacity: .8;
}

.table_container[b-0lzxcjoo0g] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-0lzxcjoo0g] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-0lzxcjoo0g] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-0lzxcjoo0g] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-0lzxcjoo0g] {
    white-space: nowrap;
}

thead tr th[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-0lzxcjoo0g] {
        text-align: right;
    }

tbody tr[b-0lzxcjoo0g] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-0lzxcjoo0g] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-0lzxcjoo0g] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-0lzxcjoo0g] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-0lzxcjoo0g] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-0lzxcjoo0g] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .table_container[b-0lzxcjoo0g] {
        margin-top: 2rem;
    }

    .content_box_inner[b-0lzxcjoo0g] {
        padding: 3rem 1rem;
    }

    .search_bar[b-0lzxcjoo0g] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-0lzxcjoo0g] {
        overflow: auto;
    }

    .submit_btn[b-0lzxcjoo0g] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-0lzxcjoo0g] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-0lzxcjoo0g] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-0lzxcjoo0g] {
            width: auto;
        }

    .submit_btn[b-0lzxcjoo0g] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-0lzxcjoo0g] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/ReturnDetails.razor.rz.scp.css */
.content_box_inner[b-fxroyji7j0] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-fxroyji7j0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-fxroyji7j0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-fxroyji7j0] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-fxroyji7j0] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-fxroyji7j0] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-fxroyji7j0] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-fxroyji7j0], select[b-fxroyji7j0] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-fxroyji7j0] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-fxroyji7j0] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-fxroyji7j0] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-fxroyji7j0] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-fxroyji7j0] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

    .submit_btn button:hover[b-fxroyji7j0] {
        opacity: .8;
    }

.table_container[b-fxroyji7j0] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-fxroyji7j0] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-fxroyji7j0] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-fxroyji7j0] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-fxroyji7j0] {
    white-space: nowrap;
}

thead tr th[b-fxroyji7j0] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-fxroyji7j0] {
        text-align: right;
    }

tbody tr[b-fxroyji7j0] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-fxroyji7j0] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-fxroyji7j0] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-fxroyji7j0] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-fxroyji7j0] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-fxroyji7j0] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .table_container[b-fxroyji7j0] {
        margin-top: 2rem;
    }
    .content_box_inner[b-fxroyji7j0] {
        padding: 3rem 1rem;
    }

    .search_bar[b-fxroyji7j0] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-fxroyji7j0] {
        overflow: auto;
    }

    .submit_btn[b-fxroyji7j0] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-fxroyji7j0] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-fxroyji7j0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-fxroyji7j0] {
            width: auto;
        }
    .submit_btn[b-fxroyji7j0] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-fxroyji7j0] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/ReturnInvoiceDetails.razor.rz.scp.css */
.saleInvoiceComponentClass[b-zh8e110jpw] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-zh8e110jpw] {
    justify-content: space-between;
    align-items: center;
}

[b-zh8e110jpw] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

[b-zh8e110jpw] .invoice {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-zh8e110jpw] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-zh8e110jpw] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-zh8e110jpw] {
            width: 100%;
        }

    .logo .logo_text[b-zh8e110jpw] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-zh8e110jpw] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-zh8e110jpw] {
        color: blue;
    }

.input_date[b-zh8e110jpw] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-zh8e110jpw] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-zh8e110jpw] {
            font-weight: 400;
        }

.invoice_date[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-zh8e110jpw] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-zh8e110jpw] {
            font-weight: 400;
        }

.invoice_info[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-zh8e110jpw] {
    width: 25rem;
}

    .left_info h3[b-zh8e110jpw] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-zh8e110jpw] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-zh8e110jpw] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-zh8e110jpw] {
    text-align: end;
}

.text_center[b-zh8e110jpw] {
    text-align: center;
}


.table_mine[b-zh8e110jpw] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-zh8e110jpw] {
    width: 100%;
}

/* Sticky header while scrolling */
[b-zh8e110jpw] thead {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

[b-zh8e110jpw] tr th {
    white-space: nowrap;
}

[b-zh8e110jpw] thead tr th {
    font-size: 1.5rem;
    font-weight: 500 !important;
    padding: 1rem;
    border: 0;
    color: black;
}

    [b-zh8e110jpw] thead tr th:last-child {
        text-align: right;
    }

[b-zh8e110jpw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    [b-zh8e110jpw] tbody tr:nth-child(odd) {
        background-color: #f4f4f4;
    }

    [b-zh8e110jpw] tbody tr:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    [b-zh8e110jpw] tbody tr td {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        [b-zh8e110jpw] tbody tr td:last-child {
            text-align: right;
        }
/* Hide all tables except the first one initially */
[b-zh8e110jpw] .table:not(:first-of-type) {
    display: none;
}

[b-zh8e110jpw] .greating {
    padding: 1rem 3rem;
    padding-top: 0;
}

.greating p[b-zh8e110jpw] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

[b-zh8e110jpw] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {

    .submit_btn button[b-zh8e110jpw] {
        font-size: 1rem;
        padding: .7rem;
    }

    [b-zh8e110jpw] .selectBox .selectInput {
        width: 18rem;
    }


    [b-zh8e110jpw] .invoice {
        padding: 1rem 0 !important;
    }

    [b-zh8e110jpw] .invoice_header {
        padding: 0 1rem !important;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-zh8e110jpw] {
        justify-content: flex-start;
    }

        [b-zh8e110jpw] .logo .logo_img {
            width: 30px !important;
            height: 30px !important;
        }

        .logo .logo_text[b-zh8e110jpw] {
            font-size: 12px !important;
        }

    [b-zh8e110jpw] .invoice_serial h3 {
        font-size: 12px !important;
        text-align: right;
    }

    [b-zh8e110jpw] .company_info {
        padding: 1rem !important;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    [b-zh8e110jpw] .invoice_info {
        margin: 1rem 0 !important;
        padding: 0 1rem !important;
    }
    [b-zh8e110jpw] .invoice_date {
        align-items: flex-start !important;
    }

    .address[b-zh8e110jpw] {
        gap: 0;
    }

        .address p[b-zh8e110jpw] {
            font-size: 12px;
        }

    [b-zh8e110jpw] .invoice_date p {
        font-size: 12px;
    }

    [b-zh8e110jpw] .invoice_info {
        margin: 1rem 0;
        padding: 0 1rem;
        flex-direction: column;
    }

    [b-zh8e110jpw] .left_info h4 {
        font-size: 1.2rem;
    }

    [b-zh8e110jpw] .right_info {
        align-items: flex-start !important;
    }

        [b-zh8e110jpw] .right_info h4 {
            font-size: 1.2rem !important;
        }

    .table_mine[b-zh8e110jpw] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-zh8e110jpw] {
            white-space: nowrap;
        }

    [b-zh8e110jpw] .invoice_table table thead tr th {
        white-space: nowrap;
        font-size: 1.2rem !important;
    }

    [b-zh8e110jpw] .sub_total {
        padding: 0 1rem;
    }

        [b-zh8e110jpw] .sub_total .sub_items span {
            font-size: 1.2rem !important;
        }

    [b-zh8e110jpw] .payment_and_notes {
        padding: 0 1rem !important;
    }

    [b-zh8e110jpw] .greating {
        padding: 1rem !important;
    }

        [b-zh8e110jpw] .greating p {
            font-size: 1.2rem !important;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-zh8e110jpw] {
        margin: 3rem 0rem;
    }

    .table_mine[b-zh8e110jpw] {
        padding: 0 0 3rem 0;
    }
}
/* /Components/Pages/Report/SalesDetails.razor.rz.scp.css */
/* Matches the DNE.Inventory Stock Report visual language. */
.sale-page[b-t165nyn98j] {
    --sale-blue: #1177bd;
    --sale-blue-hover: #0b65a5;
    --sale-border: #dedede;
    --sale-icon-bg: #edf7fd;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0;
    background: transparent;
    color: #2a2a2a;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .sale-page *[b-t165nyn98j], .sale-page *[b-t165nyn98j]::before, .sale-page *[b-t165nyn98j]::after {
        box-sizing: border-box
    }

.sale-page-header[b-t165nyn98j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--sale-border)
}

.sale-page-heading[b-t165nyn98j] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.sale-page-icon[b-t165nyn98j] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--sale-blue);
    background: var(--sale-icon-bg)
}

.sale-page-title h1[b-t165nyn98j] {
    margin: 0;
    color: #282828;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.sale-page-title p[b-t165nyn98j] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.sale-print-button[b-t165nyn98j], .sale-apply-button[b-t165nyn98j], .sale-reset-button[b-t165nyn98j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.sale-print-button[b-t165nyn98j], .sale-apply-button[b-t165nyn98j] {
    color: #fff;
    border-color: var(--sale-blue);
    background: var(--sale-blue)
}

    .sale-print-button:hover[b-t165nyn98j], .sale-apply-button:hover[b-t165nyn98j] {
        background: var(--sale-blue-hover);
        border-color: var(--sale-blue-hover)
    }

.sale-reset-button[b-t165nyn98j] {
    color: #30353a;
    border-color: var(--sale-border);
    background: #fff
}

    .sale-reset-button:hover[b-t165nyn98j] {
        background: #f4f5f6
    }

.sale-page button:disabled[b-t165nyn98j] {
    opacity: .65;
    cursor: wait
}

.sale-page button:focus-visible[b-t165nyn98j], .sale-page input:focus-visible[b-t165nyn98j], .sale-page select:focus-visible[b-t165nyn98j] {
    outline: 2px solid var(--sale-blue);
    outline-offset: 2px
}

.sale-summary[b-t165nyn98j] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.sale-summary-item[b-t165nyn98j] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--sale-border);
    border-radius: 7px;
    background: #fff
}

    .sale-summary-item span[b-t165nyn98j] {
        color: #747474;
        font-size: 13px;
        font-weight: 400
    }

    .sale-summary-item strong[b-t165nyn98j] {
        overflow: hidden;
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.sale-filter-panel[b-t165nyn98j], .sale-list-shell[b-t165nyn98j] {
    border: 1px solid var(--sale-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none
}

.sale-filter-panel[b-t165nyn98j] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible
}

.sale-filter-grid[b-t165nyn98j] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
    overflow: visible
}

.sale-filter-field[b-t165nyn98j] {
    position: relative;
    display: flex;
    flex: 0 0 240px;
    width: 240px;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    overflow: visible
}

    .sale-filter-field:focus-within[b-t165nyn98j] {
        z-index: 50
    }

    .sale-filter-field > label[b-t165nyn98j] {
        color: #303030;
        font-size: 13px;
        font-weight: 500
    }

    .sale-filter-field:nth-child(-n+2)[b-t165nyn98j] {
        flex-basis: 230px;
        width: 230px;
    }

    .sale-filter-field > input[b-t165nyn98j] {
        display: block;
        width: 100%;
        height: 38px;
        min-width: 0;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font-size: 14px
    }

.sale-select-wrap[b-t165nyn98j] {
    width: 100%;
    min-width: 0;
}

.sale-filter-field[b-t165nyn98j]  .selectBox[baseselectelement-scope] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #bfc3c6;
    border-radius: 5px;
    background: #fff
}

.sale-filter-field[b-t165nyn98j]  .selectBox .selectInput[BaseSelectElement-scope] {
    width: 100%;
    min-height: 34px;
    padding: 7px 8px;
    border: 0;
    outline: 0;
    color: #555;
    font-size: 14px
}

.sale-filter-field:focus-within[b-t165nyn98j]  .selectBox[baseselectelement-scope] {
    border-color: var(--sale-blue);
    box-shadow: 0 0 0 2px rgba(17,119,189,.09)
}

.sale-filter-field[b-t165nyn98j]  .selectBox {
    position: relative;
    overflow: visible !important
}

.sale-filter-field[b-t165nyn98j]  .dropdown-menu, .sale-filter-field[b-t165nyn98j]  .selectOptions, .sale-filter-field[b-t165nyn98j]  .options-list, .sale-filter-field[b-t165nyn98j]  .selectItems {
    z-index: 80 !important
}

.sale-filter-actions[b-t165nyn98j] {
    display: flex;
    align-items: center;
    gap: 7px
}

.sale-list-shell[b-t165nyn98j] {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.sale-list-toolbar[b-t165nyn98j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.sale-list-heading[b-t165nyn98j] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600
}

.sale-result-count[b-t165nyn98j] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--sale-icon-bg);
    color: var(--sale-blue);
    font-size: 12px;
    font-weight: 600
}

.sale-toolbar-actions[b-t165nyn98j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px
}

    .sale-toolbar-actions > label[b-t165nyn98j] {
        color: #666;
        font-size: 13px
    }

    .sale-toolbar-actions select[b-t165nyn98j], .sale-sort-direction[b-t165nyn98j] {
        height: 31px;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        background: #fff;
        color: #444;
        font-size: 13px
    }

    .sale-toolbar-actions select[b-t165nyn98j] {
        padding: 0 8px
    }

.sale-sort-direction[b-t165nyn98j] {
    width: 31px;
    color: var(--sale-blue);
    cursor: pointer;
    font-size: 16px
}

.sale-search-wrap[b-t165nyn98j] {
    position: relative
}

    .sale-search-wrap svg[b-t165nyn98j] {
        position: absolute;
        top: 50%;
        left: 11px;
        transform: translateY(-50%);
        color: #8e959c;
        pointer-events: none
    }

    .sale-search-wrap input[b-t165nyn98j] {
        width: 220px;
        max-width: 100%;
        height: 32px;
        padding: 0 10px 0 33px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font-size: 13px
    }

.sale-table-scroll[b-t165nyn98j] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.sale-table[b-t165nyn98j] {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

    .sale-table thead[b-t165nyn98j] {
        position: sticky;
        top: 0;
        z-index: 5
    }

    .sale-table th[b-t165nyn98j] {
        box-sizing: border-box;
        height: 33px;
        padding: 0 13px;
        border-bottom: 1px solid #e6e6e6;
        background: #f5f6f7;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        white-space: nowrap
    }

    .sale-table td[b-t165nyn98j] {
        height: 36px;
        box-sizing: border-box;
        padding: 0 13px;
        border-bottom: 1px solid #eee;
        background: #fff;
        color: #363636;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .sale-table .sale-data-row[b-t165nyn98j] {
        cursor: pointer
    }

        .sale-table .sale-data-row td[b-t165nyn98j] {
            transition: background-color .12s ease
        }

        .sale-table .sale-data-row:hover td[b-t165nyn98j], .sale-table .sale-data-row:focus-within td[b-t165nyn98j] {
            background: #edf7fd
        }

    .sale-table .sale-number[b-t165nyn98j] {
        text-align: right;
        font-variant-numeric: tabular-nums
    }

        .sale-table .sale-number small[b-t165nyn98j] {
            font-size: 12px;
            color: #969696
        }

    .sale-table .sale-product[b-t165nyn98j], .sale-table .sale-total[b-t165nyn98j] {
        font-weight: 500;
        color: #292929
    }

    /* Match Purchase Details item-name typography explicitly. */
    .sale-table td.sale-product[b-t165nyn98j] {
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.45;
    }

    .sale-table .sale-profit[b-t165nyn98j] {
        font-weight: 600;
        color: #15803d
    }

        .sale-table .sale-profit.sale-loss[b-t165nyn98j] {
            color: #dc2626
        }

.sale-summary-item.sale-loss strong[b-t165nyn98j] {
    color: #dc2626
}

.sale-summary-item.sale-profit strong[b-t165nyn98j] {
    color: #15803d
}

.sale-table .sale-arrow[b-t165nyn98j] {
    width: 54px;
    padding: 0 13px;
    text-align: center;
    vertical-align: middle;
    overflow: visible
}

.sale-detail-arrow[b-t165nyn98j] {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    line-height: 1;
    transition: color .15s ease,background-color .15s ease
}

    .sale-detail-arrow svg[b-t165nyn98j] {
        display: block;
        flex: none;
        width: 15px;
        height: 15px
    }

.sale-table .sale-data-row:hover .sale-detail-arrow[b-t165nyn98j], .sale-table .sale-data-row:focus-within .sale-detail-arrow[b-t165nyn98j] {
    color: var(--sale-blue);
    background: #fff;
    border-color: #d9eafa
}

.sale-detail-arrow:hover[b-t165nyn98j] {
    color: var(--sale-blue);
    background: #e1f1fb;
}

.sale-table .sale-empty[b-t165nyn98j] {
    padding: 20px;
    text-align: center;
    color: #777
}

.sale-list-footer[b-t165nyn98j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

.sale-footer-total[b-t165nyn98j] {
    font-variant-numeric: tabular-nums;
}

    .sale-footer-total strong[b-t165nyn98j] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600;
    }

.sale-drawer-layer[b-t165nyn98j] {
    position: fixed;
    inset: 0;
    z-index: 1500
}

.sale-drawer-backdrop[b-t165nyn98j] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(20,29,35,.32)
}

.sale-drawer[b-t165nyn98j] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: min(440px,100vw);
    background: #fff;
    box-shadow: -12px 0 30px rgba(0,0,0,.12);
    animation: sale-drawer-enter-b-t165nyn98j .2s ease-out both
}

@keyframes sale-drawer-enter-b-t165nyn98j {
    from {
        transform: translateX(25px);
        opacity: .75
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

.sale-drawer-header[b-t165nyn98j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--sale-border)
}

    .sale-drawer-header span[b-t165nyn98j] {
        color: var(--sale-blue);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .08em
    }

    .sale-drawer-header h2[b-t165nyn98j] {
        margin: 6px 0 0;
        font-size: 18px;
        font-weight: 600;
        overflow-wrap: anywhere
    }

.sale-drawer-close[b-t165nyn98j] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--sale-border);
    border-radius: 5px;
    background: #fff;
    color: #666;
    font-size: 21px;
    cursor: pointer
}

.sale-drawer-body[b-t165nyn98j] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px
}

.sale-detail-highlight[b-t165nyn98j] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px
}

    .sale-detail-highlight > div[b-t165nyn98j] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        min-height: 74px;
        padding: 11px 13px;
        border: 1px solid #dbe9f2;
        border-radius: 6px;
        background: #f4faff
    }

    .sale-detail-highlight span[b-t165nyn98j] {
        color: #707070;
        font-size: 13px
    }

    .sale-detail-highlight strong[b-t165nyn98j] {
        font-size: 18px;
        font-weight: 600;
        font-variant-numeric: tabular-nums
    }

.sale-drawer-body h3[b-t165nyn98j] {
    margin: 20px 0 8px;
    font-size: 15px;
    font-weight: 600
}

.sale-info-list[b-t165nyn98j] {
    margin: 0
}

    .sale-info-list > div[b-t165nyn98j] {
        display: grid;
        grid-template-columns: minmax(110px,.9fr) minmax(0,1.4fr);
        gap: 12px;
        padding: 11px 0;
        border-bottom: 1px solid #eaeaea
    }

    .sale-info-list dt[b-t165nyn98j] {
        color: #737373;
        font-size: 13px
    }

    .sale-info-list dd[b-t165nyn98j] {
        margin: 0;
        overflow-wrap: anywhere;
        font-size: 14px;
        font-weight: 500
    }

.sale-print-error[b-t165nyn98j] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px
}

@media(max-width:920px) {
    .sale-summary[b-t165nyn98j] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:760px) {
    .sale-filter-grid[b-t165nyn98j] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .sale-filter-field[b-t165nyn98j], .sale-filter-field:nth-child(-n+2)[b-t165nyn98j] {
        width: auto;
        flex: 1 1 auto;
        min-width: 0
    }

    .sale-toolbar-actions[b-t165nyn98j] {
        width: 100%
    }

    .sale-search-wrap[b-t165nyn98j] {
        flex: 1
    }

        .sale-search-wrap input[b-t165nyn98j] {
            width: 100%
        }
}

@media(max-width:470px) {
    .sale-page-title h1[b-t165nyn98j] {
        font-size: 20px
    }

    .sale-page-icon[b-t165nyn98j] {
        flex-basis: 42px;
        width: 42px;
        height: 42px
    }

    .sale-summary[b-t165nyn98j] {
        gap: 6px
    }

    .sale-summary-item[b-t165nyn98j] {
        padding: 8px 10px;
        min-height: 58px
    }

        .sale-summary-item strong[b-t165nyn98j] {
            font-size: 16px
        }

    .sale-filter-grid[b-t165nyn98j] {
        grid-template-columns: 1fr
    }

    .sale-filter-field[b-t165nyn98j], .sale-filter-field:nth-child(-n+2)[b-t165nyn98j] {
        width: 100%;
    }

    .sale-filter-actions button[b-t165nyn98j] {
        flex: 1
    }

    .sale-toolbar-actions > label[b-t165nyn98j] {
        display: none
    }
}

@media(prefers-reduced-motion:reduce) {
    .sale-drawer[b-t165nyn98j] {
        animation: none
    }

    .sale-page button[b-t165nyn98j] {
        transition: none
    }
}


/* Fixed compact columns; Item Name automatically receives all remaining space. */
.sale-table .sale-col-item[b-t165nyn98j] {
    width: auto;
}

.sale-table .sale-col-quantity[b-t165nyn98j] {
    width: 100px;
}

.sale-table .sale-col-price[b-t165nyn98j] {
    width: 95px;
}

.sale-table .sale-col-date[b-t165nyn98j] {
    width: 190px;
}

.sale-table .sale-col-total[b-t165nyn98j] {
    width: 110px;
}

.sale-table .sale-col-profit[b-t165nyn98j] {
    width: 105px;
}

.sale-table .sale-col-arrow[b-t165nyn98j] {
    width: 54px;
}

@media(max-width:1100px) {
    .sale-table th[b-t165nyn98j], .sale-table td[b-t165nyn98j] {
        padding-left: 9px;
        padding-right: 9px;
    }
}

@media(max-width:800px) {
    .sale-table .sale-col-quantity[b-t165nyn98j] {
        width: 90px;
    }

    .sale-table .sale-col-date[b-t165nyn98j] {
        width: 165px;
    }

    .sale-table .sale-col-total[b-t165nyn98j] {
        width: 100px;
    }

    .sale-table .sale-col-price[b-t165nyn98j], .sale-table .sale-col-profit[b-t165nyn98j] {
        width: 0;
    }

    .sale-table th:nth-child(3)[b-t165nyn98j], .sale-table td:nth-child(3)[b-t165nyn98j],
    .sale-table th:nth-child(6)[b-t165nyn98j], .sale-table td:nth-child(6)[b-t165nyn98j] {
        display: none;
    }
}

@media(max-width:520px) {
    .sale-table .sale-col-quantity[b-t165nyn98j] {
        width: 80px;
    }

    .sale-table .sale-col-total[b-t165nyn98j] {
        width: 95px;
    }

    .sale-table .sale-col-date[b-t165nyn98j] {
        width: 0;
    }

    .sale-table th:nth-child(4)[b-t165nyn98j], .sale-table td:nth-child(4)[b-t165nyn98j] {
        display: none;
    }
}

/* Apply button spinner; retains existing button styling. */
.sale-button-spinner[b-t165nyn98j] {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: sale-button-spin-b-t165nyn98j .65s linear infinite;
    flex-shrink: 0
}

.sale-apply-button:disabled[b-t165nyn98j] {
    cursor: wait;
    opacity: .8
}

@keyframes sale-button-spin-b-t165nyn98j {
    to {
        transform: rotate(360deg)
    }
}

.sale-summary-item.sale-summary-total strong[b-t165nyn98j] {
    color: #1177bd;
}

.sale-summary-item.sale-summary-discount strong[b-t165nyn98j] {
    color: #b86b18;
}
/* /Components/Pages/Report/SalesDue.razor.rz.scp.css */
.due-page[b-7i65i2f78e] {
    --due-blue: #1177bd;
    --due-blue-hover: #0b65a5;
    --due-border: #dedede;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    color: #2a2a2a;
    background: transparent;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .due-page *[b-7i65i2f78e], .due-page *[b-7i65i2f78e]::before, .due-page *[b-7i65i2f78e]::after {
        box-sizing: border-box
    }

.due-page-header[b-7i65i2f78e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--due-border)
}

.due-page-heading[b-7i65i2f78e] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.due-page-icon[b-7i65i2f78e] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--due-blue);
    background: #edf7fd
}

.due-page-title h1[b-7i65i2f78e] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.due-page-title p[b-7i65i2f78e] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.due-print-button[b-7i65i2f78e], .due-apply-button[b-7i65i2f78e], .due-reset-button[b-7i65i2f78e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.due-print-button[b-7i65i2f78e], .due-apply-button[b-7i65i2f78e] {
    color: #fff;
    background: var(--due-blue);
    border-color: var(--due-blue)
}

    .due-print-button:hover[b-7i65i2f78e], .due-apply-button:hover[b-7i65i2f78e] {
        background: var(--due-blue-hover);
        border-color: var(--due-blue-hover)
    }

.due-reset-button[b-7i65i2f78e] {
    color: #30353a;
    border-color: var(--due-border);
    background: #fff
}

    .due-reset-button:hover[b-7i65i2f78e] {
        background: #f4f5f6
    }

.due-page button:disabled[b-7i65i2f78e] {
    opacity: .65;
    cursor: wait
}

.due-page button:focus-visible[b-7i65i2f78e], .due-page input:focus-visible[b-7i65i2f78e] {
    outline: 2px solid var(--due-blue);
    outline-offset: 2px
}

.due-summary[b-7i65i2f78e] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.due-summary-card[b-7i65i2f78e] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    min-height: 78px;
    padding: 10px 16px;
    border: 1px solid var(--due-border);
    border-radius: 7px;
    background: #fff
}

    .due-summary-card span[b-7i65i2f78e] {
        color: #747474;
        font-size: 13px
    }

    .due-summary-card strong[b-7i65i2f78e] {
        color: #2a2a2a;
        font-size: 22px;
        font-weight: 650;
        font-variant-numeric: tabular-nums
    }

    .due-summary-card small[b-7i65i2f78e] {
        color: #8a9098;
        font-size: 11px
    }

    .due-summary-card:nth-child(2) strong[b-7i65i2f78e] {
        color: #16803c;
    }

    .due-summary-card:nth-child(3) strong[b-7i65i2f78e],
    .due-summary-card:nth-child(4) strong[b-7i65i2f78e] {
        color: #c2410c;
    }

.due-filter-panel[b-7i65i2f78e] {
    padding: 15px 16px;
    margin-bottom: 12px;
    border: 1px solid var(--due-border);
    border-radius: 7px;
    background: #fff
}

.due-filter-grid[b-7i65i2f78e] {
    display: flex;
    align-items: end;
    gap: 12px;
    flex-wrap: wrap
}

.due-filter-field[b-7i65i2f78e] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0
}

    .due-filter-field label[b-7i65i2f78e] {
        font-size: 13px;
        font-weight: 600;
        color: #4b5563
    }

    .due-filter-field input[b-7i65i2f78e] {
        display: block;
        width: 100%;
        height: 38px;
        padding: 6px 12px;
        border: 1px solid #ced4da;
        border-radius: 6px;
        background: #fff;
        color: #212529;
        font: 400 16px/1.5 "Segoe UI",Arial,sans-serif
    }

.due-date-field[b-7i65i2f78e] {
    width: 230px;
}

.due-customer-field[b-7i65i2f78e] {
    width: 240px;
}

.due-select-wrap[b-7i65i2f78e] {
    min-width: 0;
    height: 38px;
    width: 100%
}

    .due-select-wrap[b-7i65i2f78e]  .selectBox {
        height: 38px;
        min-width: 0;
        width: 100%;
        border: 1px solid #d5d8dc;
        border-radius: 5px;
        background: #fff
    }

    .due-select-wrap[b-7i65i2f78e]  .selectInput {
        width: 100%;
        max-width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 0;
        outline: 0;
        font-size: 16px;
        background: transparent
    }

.due-filter-actions[b-7i65i2f78e] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: 0
}

.due-list-shell[b-7i65i2f78e] {
    overflow: hidden;
    border: 1px solid var(--due-border);
    border-radius: 7px;
    background: #fff
}

.due-list-toolbar[b-7i65i2f78e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.due-list-heading[b-7i65i2f78e] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0
}

    .due-list-heading strong[b-7i65i2f78e] {
        font-size: 16px;
        font-weight: 600
    }

    .due-list-heading span[b-7i65i2f78e] {
        color: #858b92;
        font-size: 12px
    }

.due-search-wrap[b-7i65i2f78e] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 180px;
    width: min(100%,290px)
}

.due-search-icon[b-7i65i2f78e] {
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
    color: #8b9298;
    pointer-events: none;
    z-index: 1;
}

.due-search-wrap[b-7i65i2f78e]  input {
    width: 100%;
    height: 32px;
    padding: 0 32px 0 35px;
    border: 1px solid #d5d8dc;
    border-radius: 5px;
    font-size: 13px
}

.due-clear-search[b-7i65i2f78e] {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #f1f3f5;
    color: #5c6470;
    font-size: 20px;
    cursor: pointer
}

.due-grid-scroll[b-7i65i2f78e] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin
}

    .due-grid-scroll[b-7i65i2f78e]  table {
        width: 100%;
        min-width: 0;
        border-collapse: separate;
        border-spacing: 0;
        table-layout: fixed;
        margin: 0
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th {
        position: sticky;
        top: 0;
        z-index: 2;
        height: 33px;
        padding: 0 13px;
        border-bottom: 1px solid #e6e6e6;
        background: #f5f6f7;
        color: #61676c;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        white-space: nowrap
    }

    .due-grid-scroll[b-7i65i2f78e]  tbody tr {
        position: relative;
        height: 36px;
        cursor: pointer
    }

    .due-grid-scroll[b-7i65i2f78e]  tbody td {
        height: 36px;
        padding: 0 13px;
        border-bottom: 1px solid #eee;
        background: #fff;
        color: #363636;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .due-grid-scroll[b-7i65i2f78e]  tbody tr:hover td {
        background: #edf7fd
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(1) {
        width: 27%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(2) {
        width: 16%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(3) {
        width: 15%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(4) {
        width: 15%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(5) {
        width: 20%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(6) {
        width: 7%;
        min-width: 72px
    }
    /* Match header and cell alignment by column. Customer/Phone left, amounts right, details centered. */
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(1),
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(2),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(1),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(2) {
        text-align: left
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(3),
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(4),
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(5),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(3),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(4),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(5) {
        text-align: right;
        font-variant-numeric: tabular-nums
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(6),
    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(6) {
        text-align: center
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(1) .col-header-content,
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(2) .col-header-content {
        justify-content: flex-start
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(3) .col-header-content,
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(4) .col-header-content,
    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(5) .col-header-content {
        justify-content: flex-end
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th:nth-child(6) .col-header-content {
        justify-content: center
    }
    /* QuickGrid uses a flex header wrapper for sortable columns. Keep the
   Customer title and its sort indicator at the left edge of the cell. */
    .due-grid-scroll[b-7i65i2f78e]  thead th:first-child {
        padding-left: 13px;
        padding-right: 13px;
    }

        .due-grid-scroll[b-7i65i2f78e]  thead th:first-child .col-header-content {
            padding: 0;
            margin: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 5px;
            width: 100%;
            text-align: left
        }

        .due-grid-scroll[b-7i65i2f78e]  thead th:first-child .col-title {
            display: inline-flex;
            justify-content: flex-start;
            align-items: center;
            text-align: left;
            margin: 0
        }

        .due-grid-scroll[b-7i65i2f78e]  thead th:first-child .col-title-text {
            text-align: left
        }

    .due-grid-scroll[b-7i65i2f78e]  tbody td:first-child {
        padding-left: 13px;
        padding-right: 13px;
        text-align: left;
        vertical-align: middle;
        font-weight: 500
    }

    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(3) {
        font-weight: 500
    }

    .due-grid-scroll[b-7i65i2f78e]  tbody td:nth-child(6) .due-view-button {
        vertical-align: middle
    }

    .due-grid-scroll[b-7i65i2f78e]  .col-title-text {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase
    }

    /* The link covers its customer row; the phone link remains independently clickable. */
    .due-grid-scroll[b-7i65i2f78e]  .due-row-link {
        position: absolute;
        inset: 0;
        z-index: 1;
        display: block;
        cursor: pointer;
    }

        .due-grid-scroll[b-7i65i2f78e]  .due-row-link:focus-visible {
            outline: 2px solid var(--due-blue);
            outline-offset: -2px;
        }

    .due-grid-scroll[b-7i65i2f78e]  .due-phone {
        position: relative;
        z-index: 2;
    }

.due-phone[b-7i65i2f78e] {
    color: var(--due-blue);
    text-decoration: none
}

    .due-phone:hover[b-7i65i2f78e] {
        text-decoration: underline
    }

.due-amount[b-7i65i2f78e] {
    color: #c2410c;
    font-weight: 600;
    font-variant-numeric: tabular-nums
}

.due-view-button[b-7i65i2f78e] {
    display: inline-grid;
    place-items: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    cursor: pointer;
    transition: color .15s ease,background-color .15s ease
}

    .due-grid-scroll[b-7i65i2f78e]  tbody tr:hover .due-view-button, .due-view-button:focus-visible[b-7i65i2f78e] {
        background: #fff;
        color: var(--due-blue);
        border-color: #d9eafa
    }

    .due-view-button:hover[b-7i65i2f78e] {
        background: #e1f1fb;
        color: var(--due-blue)
    }

.due-list-footer[b-7i65i2f78e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

.due-footer-total[b-7i65i2f78e] {
    font-variant-numeric: tabular-nums;
}

    .due-footer-total strong[b-7i65i2f78e] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600;
    }

@media(max-width:1000px) {
    .due-summary[b-7i65i2f78e] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:700px) {
    .due-page-title h1[b-7i65i2f78e] {
        font-size: 20px
    }

    .due-page-title p[b-7i65i2f78e] {
        font-size: 12px
    }

    .due-summary[b-7i65i2f78e] {
        grid-template-columns: 1fr
    }

    .due-filter-field[b-7i65i2f78e] {
        flex: 1 1 100%;
        width: 100%
    }

        .due-filter-field input[b-7i65i2f78e], .due-select-wrap[b-7i65i2f78e], .due-date-field[b-7i65i2f78e], .due-customer-field[b-7i65i2f78e] {
            width: 100%
        }

    .due-filter-actions[b-7i65i2f78e] {
        width: 100%
    }

        .due-filter-actions button[b-7i65i2f78e] {
            flex: 1
        }

    .due-list-toolbar[b-7i65i2f78e] {
        flex-wrap: wrap
    }

    .due-search-wrap[b-7i65i2f78e] {
        width: 100%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(2), .due-grid-scroll[b-7i65i2f78e]  td:nth-child(2), .due-grid-scroll[b-7i65i2f78e]  th:nth-child(4), .due-grid-scroll[b-7i65i2f78e]  td:nth-child(4) {
        display: none
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(1) {
        width: 40%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(3) {
        width: 24%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(5) {
        width: 24%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(6) {
        width: 12%
    }
}

@media(max-width:440px) {
    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(3), .due-grid-scroll[b-7i65i2f78e]  td:nth-child(3) {
        display: none
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(1) {
        width: 55%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(5) {
        width: 30%
    }

    .due-grid-scroll[b-7i65i2f78e]  th:nth-child(6) {
        width: 15%
    }

    .due-grid-scroll[b-7i65i2f78e]  thead th, .due-grid-scroll[b-7i65i2f78e]  tbody td,
    .due-grid-scroll[b-7i65i2f78e]  thead th:first-child,
    .due-grid-scroll[b-7i65i2f78e]  tbody td:first-child {
        padding-left: 7px;
        padding-right: 7px
    }
}

.due-button-spinner[b-7i65i2f78e] {
    display: inline-block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: due-button-spin-b-7i65i2f78e .7s linear infinite;
}

.due-button-spinner-dark[b-7i65i2f78e] {
    border-color: rgba(33,37,41,.2);
    border-top-color: #343a40;
}

@keyframes due-button-spin-b-7i65i2f78e {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .due-button-spinner[b-7i65i2f78e] {
        animation: none;
    }
}

/* Prevent interaction with custom selectors while a report action is running. */
.due-select-wrap[aria-disabled="true"][b-7i65i2f78e],
.due-search-wrap[aria-disabled="true"][b-7i65i2f78e] {
    pointer-events: none;
    opacity: .65;
}

/* Sale Details filter standard; override older inconsistent declarations. */
.due-filter-panel[b-7i65i2f78e] {
    padding: 0;
    position: relative;
    z-index: 30;
    overflow: visible;
}

.due-filter-grid[b-7i65i2f78e] {
    padding: 15px 16px;
    gap: 12px;
    align-items: flex-end;
}

.due-filter-field[b-7i65i2f78e] {
    gap: 6px;
}

    .due-filter-field > label[b-7i65i2f78e] {
        font: 500 13px/1.45 "Segoe UI",Arial,sans-serif;
        color: #303030;
    }

    .due-filter-field > input[b-7i65i2f78e] {
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        color: #333;
        font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
    }

.due-select-wrap[b-7i65i2f78e]  .selectBox .selectInput {
    font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
}

.due-filter-actions[b-7i65i2f78e] {
    gap: 7px;
}
/* /Components/Pages/Report/SalesDueCollection.razor.rz.scp.css */
/* Sale Due Collection — mirrors Stock2 report design, isolated to this page. */
.collection-page[b-r0nzv5l4o7] {
    --collection-blue: #1177bd;
    --collection-blue-hover: #0b65a5;
    --collection-icon-bg: #edf7fd;
    --collection-border: #dedede;
    width: 100%;
    min-width: 0;
    padding: 0;
    color: #2a2a2a;
    font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
}

    .collection-page *[b-r0nzv5l4o7], .collection-page *[b-r0nzv5l4o7]::before, .collection-page *[b-r0nzv5l4o7]::after {
        box-sizing: border-box;
    }

.collection-page-header[b-r0nzv5l4o7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dedede;
}

.collection-page-heading[b-r0nzv5l4o7] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.collection-page-icon[b-r0nzv5l4o7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--collection-blue);
    background: var(--collection-icon-bg);
}

.collection-page-title h1[b-r0nzv5l4o7] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: #282828;
}

.collection-page-title p[b-r0nzv5l4o7] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
}

.collection-print-button[b-r0nzv5l4o7], .collection-apply-button[b-r0nzv5l4o7], .collection-reset-button[b-r0nzv5l4o7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s,color .16s;
}

.collection-print-button[b-r0nzv5l4o7], .collection-apply-button[b-r0nzv5l4o7] {
    color: #fff;
    background: var(--collection-blue);
    border-color: var(--collection-blue);
}

    .collection-print-button:hover:not(:disabled)[b-r0nzv5l4o7], .collection-apply-button:hover:not(:disabled)[b-r0nzv5l4o7] {
        background: var(--collection-blue-hover);
        border-color: var(--collection-blue-hover);
    }

.collection-reset-button[b-r0nzv5l4o7] {
    color: #30353a;
    border-color: #dedede;
    background: #fff;
}

    .collection-reset-button:hover:not(:disabled)[b-r0nzv5l4o7] {
        background: #f4f5f6;
    }

.collection-page button:disabled[b-r0nzv5l4o7] {
    opacity: .6;
    cursor: wait;
}

.collection-page button:focus-visible[b-r0nzv5l4o7] {
    outline: 2px solid var(--collection-blue);
    outline-offset: 2px;
}

.collection-summary[b-r0nzv5l4o7] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.collection-summary-item[b-r0nzv5l4o7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--collection-border);
    border-radius: 7px;
    background: #fff;
    min-width: 0;
}

    .collection-summary-item span[b-r0nzv5l4o7] {
        font-size: 13px;
        color: #747474;
    }

    .collection-summary-item strong[b-r0nzv5l4o7] {
        font-size: 19px;
        font-weight: 600;
        color: #272b2e;
        font-variant-numeric: tabular-nums;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.collection-filter-panel[b-r0nzv5l4o7], .collection-list-shell[b-r0nzv5l4o7] {
    border: 1px solid var(--collection-border);
    border-radius: 7px;
    background: #fff;
    box-shadow: none;
}

.collection-filter-panel[b-r0nzv5l4o7] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible;
}

.collection-filter-grid[b-r0nzv5l4o7] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
    overflow: visible;
}

.collection-filter-field[b-r0nzv5l4o7] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    overflow: visible;
}

    .collection-filter-field:focus-within[b-r0nzv5l4o7] {
        z-index: 50;
    }

    .collection-filter-field > label[b-r0nzv5l4o7] {
        color: #303030;
        font-size: 13px;
        font-weight: 500;
    }

    .collection-filter-field > input[b-r0nzv5l4o7] {
        display: block;
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
    }

        .collection-filter-field > input:focus[b-r0nzv5l4o7] {
            outline: none;
            border-color: var(--collection-blue);
            box-shadow: 0 0 0 2px rgba(17,119,189,.09);
        }

.collection-date-field[b-r0nzv5l4o7] {
    width: 230px;
}

.collection-customer-field[b-r0nzv5l4o7] {
    width: 240px;
}

.collection-filter-actions[b-r0nzv5l4o7] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.collection-filter-field[b-r0nzv5l4o7]  .selectBox[baseselectelement-scope] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #bfc3c6;
    border-radius: 5px;
    background: #fff;
}

.collection-filter-field[b-r0nzv5l4o7]  .selectBox .selectInput[BaseSelectElement-scope] {
    width: 100%;
    min-height: 34px;
    padding: 7px 8px;
    border: 0;
    outline: 0;
    color: #555;
    font-size: 14px;
}

.collection-filter-field[b-r0nzv5l4o7]  .selectBox {
    position: relative;
    overflow: visible !important;
}

.collection-filter-field[b-r0nzv5l4o7]  .dropdown-menu, .collection-filter-field[b-r0nzv5l4o7]  .selectOptions, .collection-filter-field[b-r0nzv5l4o7]  .options-list, .collection-filter-field[b-r0nzv5l4o7]  .selectItems {
    z-index: 80 !important;
}

.collection-list-shell[b-r0nzv5l4o7] {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.collection-list-toolbar[b-r0nzv5l4o7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.collection-list-heading[b-r0nzv5l4o7] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

    .collection-list-heading strong[b-r0nzv5l4o7] {
        font-size: 16px;
        font-weight: 600;
        color: #292929;
    }

.collection-result-count[b-r0nzv5l4o7] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--collection-icon-bg);
    color: var(--collection-blue);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.collection-sort-button[b-r0nzv5l4o7] {
    height: 31px;
    padding: 0 10px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    background: #fff;
    color: #444;
    font-size: 13px;
    cursor: pointer;
}

    .collection-sort-button:hover:not(:disabled)[b-r0nzv5l4o7] {
        background: var(--collection-icon-bg);
    }
/* The exact same grid definition is shared by header and rows, preventing numeric drift. */
.collection-column-heading[b-r0nzv5l4o7], .collection-row[b-r0nzv5l4o7] {
    display: grid;
    grid-template-columns: minmax(0,2.8fr) minmax(130px,1fr) minmax(115px,.9fr);
    align-items: center;
    column-gap: 10px;
    padding: 0 13px;
}

.collection-column-heading[b-r0nzv5l4o7] {
    height: 33px;
    background: #f5f6f7;
    color: #61676c;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
}

.collection-number[b-r0nzv5l4o7] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.collection-scroll[b-r0nzv5l4o7] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.collection-row[b-r0nzv5l4o7] {
    height: 36px;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
    color: #363636;
    font-size: 14px;
    transition: background-color .12s ease;
}

    .collection-row:hover[b-r0nzv5l4o7] {
        background: #edf7fd;
    }

.collection-customer[b-r0nzv5l4o7], .collection-amount[b-r0nzv5l4o7], .collection-date[b-r0nzv5l4o7] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.collection-customer[b-r0nzv5l4o7] {
    color: #292929;
    font-weight: 500;
}

.collection-amount[b-r0nzv5l4o7] {
    color: #292929;
    font-weight: 500;
}

.collection-date[b-r0nzv5l4o7] {
    color: #737373;
}

.collection-list-footer[b-r0nzv5l4o7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px;
}

.collection-footer-total[b-r0nzv5l4o7] {
    font-variant-numeric: tabular-nums;
}

    .collection-footer-total strong[b-r0nzv5l4o7] {
        color: #292929;
        font-weight: 600;
        margin-left: 5px;
    }

@media(max-width:760px) {
    .collection-page-icon[b-r0nzv5l4o7] {
        width: 42px;
        height: 42px
    }

    .collection-page-title h1[b-r0nzv5l4o7] {
        font-size: 22px
    }

    .collection-filter-grid[b-r0nzv5l4o7] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .collection-filter-field[b-r0nzv5l4o7] {
        width: auto;
        min-width: 0
    }

    .collection-column-heading[b-r0nzv5l4o7], .collection-row[b-r0nzv5l4o7] {
        grid-template-columns: minmax(0,1.6fr) minmax(105px,1fr) minmax(95px,.9fr);
        gap: 7px;
        padding: 0 9px;
    }
}

@media(max-width:470px) {
    .collection-page-title h1[b-r0nzv5l4o7] {
        font-size: 20px
    }

    .collection-summary[b-r0nzv5l4o7] {
        grid-template-columns: 1fr;
        gap: 5px
    }

    .collection-summary-item[b-r0nzv5l4o7] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        padding: 8px 10px
    }

        .collection-summary-item strong[b-r0nzv5l4o7] {
            font-size: 16px
        }

    .collection-filter-grid[b-r0nzv5l4o7] {
        grid-template-columns: 1fr
    }

    .collection-filter-field[b-r0nzv5l4o7] {
        width: 100%;
    }

    .collection-filter-actions[b-r0nzv5l4o7] {
        width: 100%
    }

        .collection-filter-actions button[b-r0nzv5l4o7] {
            flex: 1
        }

    .collection-column-heading[b-r0nzv5l4o7], .collection-row[b-r0nzv5l4o7] {
        grid-template-columns: minmax(0,1.3fr) minmax(90px,1fr) 82px;
        gap: 5px;
        padding: 0 7px
    }

    .collection-column-heading[b-r0nzv5l4o7] {
        font-size: 10px
    }

    .collection-row[b-r0nzv5l4o7] {
        font-size: 12px
    }

    .collection-list-footer[b-r0nzv5l4o7] {
        align-items: flex-start;
    }
}

@media(prefers-reduced-motion:reduce) {
    .collection-row[b-r0nzv5l4o7], .collection-print-button[b-r0nzv5l4o7], .collection-apply-button[b-r0nzv5l4o7], .collection-reset-button[b-r0nzv5l4o7] {
        transition: none;
    }
}

/* Button loading states: same compact Stock Report action dimensions. */
.collection-page .collection-button-spinner[b-r0nzv5l4o7] {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: collection-button-spin-b-r0nzv5l4o7 .7s linear infinite;
}

.collection-page button[aria-busy="true"][b-r0nzv5l4o7] {
    cursor: wait;
}

@keyframes collection-button-spin-b-r0nzv5l4o7 {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .collection-page .collection-button-spinner[b-r0nzv5l4o7] {
        animation: none;
    }
}

/* Collected amount is positive; record count remains neutral. */
.collection-summary-item .collection-total-amount[b-r0nzv5l4o7] {
    color: #198754;
}
/* /Components/Pages/Report/SalesInvoiceDetails.razor.rz.scp.css */
/* Page-only styles. InvoiceComponent keeps its own existing invoice and print styles. */
.invoice-report-page[b-zhgr6dbo6a] {
    --invoice-blue: #1177bd;
    --invoice-border: #dedede;
    width: 100%;
    min-width: 0;
    color: #2a2a2a;
    font: 400 14px/1.45 "Segoe UI", Arial, sans-serif;
}

    .invoice-report-page *[b-zhgr6dbo6a], .invoice-report-page *[b-zhgr6dbo6a]::before, .invoice-report-page *[b-zhgr6dbo6a]::after {
        box-sizing: border-box;
    }

.invoice-report-header[b-zhgr6dbo6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--invoice-border);
}

.invoice-report-heading[b-zhgr6dbo6a] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.invoice-report-icon[b-zhgr6dbo6a] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: #edf7fd;
    color: var(--invoice-blue);
}

.invoice-report-title h1[b-zhgr6dbo6a] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em;
    color: #282828;
}

.invoice-report-title p[b-zhgr6dbo6a] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px;
}

.invoice-report-filter-panel[b-zhgr6dbo6a], .invoice-report-result[b-zhgr6dbo6a], .invoice-report-empty[b-zhgr6dbo6a] {
    border: 1px solid var(--invoice-border);
    border-radius: 7px;
    background: #fff;
}

.invoice-report-filter-panel[b-zhgr6dbo6a] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible;
}

.invoice-report-filter-grid[b-zhgr6dbo6a] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    padding: 15px 16px;
}

.invoice-report-filter-field[b-zhgr6dbo6a] {
    position: relative;
    width: min(100%, 340px);
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

    .invoice-report-filter-field label[b-zhgr6dbo6a] {
        font-size: 13px;
        font-weight: 500;
        color: #303030;
    }

.invoice-report-search[b-zhgr6dbo6a] {
    min-height: 38px;
    position: relative;
}

.invoice-report-filter-field[b-zhgr6dbo6a]  .selectBox {
    position: relative;
    width: 100%;
    min-height: 38px;
    overflow: visible !important;
}

    .invoice-report-filter-field[b-zhgr6dbo6a]  .selectBox .selectInput {
        width: 100%;
        min-height: 38px;
        padding: 7px 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        outline: none;
        font-size: 14px;
        background: #fff;
        color: #333;
    }

        .invoice-report-filter-field[b-zhgr6dbo6a]  .selectBox .selectInput:focus {
            border-color: var(--invoice-blue);
            box-shadow: 0 0 0 2px rgba(17,119,189,.09);
        }

.invoice-report-filter-field[b-zhgr6dbo6a]  .dropdown-menu, .invoice-report-filter-field[b-zhgr6dbo6a]  .selectOptions, .invoice-report-filter-field[b-zhgr6dbo6a]  .options-list, .invoice-report-filter-field[b-zhgr6dbo6a]  .selectItems {
    z-index: 80 !important;
}

.invoice-report-placeholder[b-zhgr6dbo6a] {
    display: flex;
    align-items: center;
    height: 38px;
    padding: 0 10px;
    border: 1px solid #dedede;
    border-radius: 5px;
    color: #777;
}

.invoice-report-result[b-zhgr6dbo6a] {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.invoice-report-result-heading[b-zhgr6dbo6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

    .invoice-report-result-heading strong[b-zhgr6dbo6a] {
        font-size: 16px;
        font-weight: 600;
        color: #292929;
    }

    .invoice-report-result-heading span[b-zhgr6dbo6a] {
        color: var(--invoice-blue);
        font-size: 13px;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

.invoice-report-content[b-zhgr6dbo6a] {
    min-width: 0;
    overflow-x: auto;
}

.invoice-report-empty[b-zhgr6dbo6a] {
    padding: 28px 16px;
    text-align: center;
    color: #777;
}

    .invoice-report-empty p[b-zhgr6dbo6a] {
        margin: 0;
    }

.invoice-report-error[b-zhgr6dbo6a] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
}

@media (max-width: 470px) {
    .invoice-report-icon[b-zhgr6dbo6a] {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .invoice-report-title h1[b-zhgr6dbo6a] {
        font-size: 20px;
    }

    .invoice-report-filter-field[b-zhgr6dbo6a] {
        width: 100%;
    }

    .invoice-report-filter-grid[b-zhgr6dbo6a] {
        padding: 12px;
    }

    .invoice-report-result-heading[b-zhgr6dbo6a] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Report/StaticReport.razor.rz.scp.css */
/* Static Report aligned with Sale Details and Profit Report. Table height is content-driven. */
.static-page[b-coz041etzr] {
    --static-blue: #1177bd;
    --static-blue-hover: #0b65a5;
    --static-border: #dedede;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    color: #2a2a2a;
    background: transparent;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif
}

    .static-page *[b-coz041etzr], .static-page *[b-coz041etzr]::before, .static-page *[b-coz041etzr]::after {
        box-sizing: border-box
    }

.static-page-header[b-coz041etzr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--static-border)
}

.static-page-heading[b-coz041etzr] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.static-page-icon[b-coz041etzr] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    color: var(--static-blue);
    background: #edf7fd
}

.static-page-title h1[b-coz041etzr] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -.025em
}

.static-page-title p[b-coz041etzr] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.static-print-button[b-coz041etzr], .static-apply-button[b-coz041etzr], .static-reset-button[b-coz041etzr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s,border-color .16s
}

.static-print-button[b-coz041etzr], .static-apply-button[b-coz041etzr] {
    color: #fff;
    background: var(--static-blue);
    border-color: var(--static-blue)
}

    .static-print-button:not(:disabled):hover[b-coz041etzr], .static-apply-button:not(:disabled):hover[b-coz041etzr] {
        background: var(--static-blue-hover);
        border-color: var(--static-blue-hover)
    }

.static-reset-button[b-coz041etzr] {
    color: #30353a;
    border-color: var(--static-border);
    background: #fff
}

    .static-reset-button:not(:disabled):hover[b-coz041etzr] {
        background: #f4f5f6
    }

.static-page button:disabled[b-coz041etzr] {
    opacity: .65;
    cursor: not-allowed
}

.static-page button[aria-busy="true"]:disabled[b-coz041etzr] {
    cursor: wait
}

.static-page button:focus-visible[b-coz041etzr], .static-page input:focus-visible[b-coz041etzr] {
    outline: 2px solid var(--static-blue);
    outline-offset: 2px
}

.static-summary[b-coz041etzr] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.static-summary-item[b-coz041etzr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--static-border);
    border-radius: 7px;
    background: #fff
}

    .static-summary-item span[b-coz041etzr] {
        color: #747474;
        font-size: 13px;
        font-weight: 400
    }

    .static-summary-item strong[b-coz041etzr] {
        overflow: hidden;
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.static-sales strong[b-coz041etzr] {
    color: #1177bd
}

.static-collections strong[b-coz041etzr] {
    color: #198754
}

.static-payments strong[b-coz041etzr] {
    color: #c77715
}

.static-summary-result.static-gain strong[b-coz041etzr], .static-list-footer .static-gain[b-coz041etzr] {
    color: #198754
}

.static-summary-result.static-loss strong[b-coz041etzr], .static-list-footer .static-loss[b-coz041etzr] {
    color: #dc2626
}

.static-filter-panel[b-coz041etzr] {
    padding: 15px 16px;
    margin-bottom: 12px;
    border: 1px solid var(--static-border);
    border-radius: 7px;
    background: #fff
}

.static-filter-grid[b-coz041etzr] {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    flex-wrap: wrap
}

.static-filter-field[b-coz041etzr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 1 220px;
    min-width: 160px
}

    .static-filter-field label[b-coz041etzr] {
        font-size: 13px;
        font-weight: 500;
        color: #303030
    }

    .static-filter-field input[b-coz041etzr] {
        width: 100%;
        height: 38px;
        min-width: 0;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font: 14px "Segoe UI",Arial,sans-serif
    }

        .static-filter-field input:disabled[b-coz041etzr] {
            background: #f5f6f7;
            color: #777;
            cursor: not-allowed
        }

.static-filter-actions[b-coz041etzr] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: 0
}

.static-list-shell[b-coz041etzr] {
    overflow: hidden;
    border: 1px solid var(--static-border);
    border-radius: 7px;
    background: #fff
}

.static-list-toolbar[b-coz041etzr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

.static-list-heading[b-coz041etzr] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 600
}

    .static-list-heading strong[b-coz041etzr] {
        font-weight: 600
    }

.static-result-count[b-coz041etzr] {
    padding: 3px 8px;
    border-radius: 5px;
    background: #edf7fd;
    color: var(--static-blue);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums
}

.static-toolbar-hint[b-coz041etzr] {
    color: #777;
    font-size: 12px
}

.static-table-scroll[b-coz041etzr] {
    overflow-x: hidden;
    overflow-y: visible
}

.static-table[b-coz041etzr] {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0
}

.static-col-name[b-coz041etzr] {
    width: auto
}

.static-col-amount[b-coz041etzr] {
    width: 180px
}

.static-table thead th[b-coz041etzr] {
    height: 33px;
    padding: 0 13px;
    border-bottom: 1px solid #e6e6e6;
    background: #f5f6f7;
    color: #61676c;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .01em;
    white-space: nowrap
}

.static-table tbody td[b-coz041etzr] {
    height: 36px;
    padding: 0 13px;
    border-bottom: 1px solid #eee;
    color: #363636;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.static-table .static-number[b-coz041etzr] {
    text-align: right;
    font-variant-numeric: tabular-nums
}

.static-table tbody tr:not(.static-section-row):hover td[b-coz041etzr] {
    background: #edf7fd
}

.static-table tbody .static-section-row td[b-coz041etzr] {
    height: 32px;
    background: #f5f6f7;
    color: #61676c;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase
}

.static-table tbody .static-subtotal-row td[b-coz041etzr] {
    font-weight: 600;
    background: #fafbfc
}

.static-table tbody .static-profit-row td[b-coz041etzr] {
    font-weight: 600;
    background: #f8fafc
}

.static-table tbody .static-profit-row.static-gain td:last-child[b-coz041etzr] {
    color: #198754
}

.static-table tbody .static-profit-row.static-loss td:last-child[b-coz041etzr] {
    color: #dc2626
}

.static-list-footer[b-coz041etzr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

    .static-list-footer strong[b-coz041etzr] {
        font-size: 12px;
        font-weight: 600;
        font-variant-numeric: tabular-nums
    }

.static-spinner[b-coz041etzr] {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: static-spin-b-coz041etzr .65s linear infinite
}

.static-spinner-dark[b-coz041etzr] {
    border-color: rgba(48,53,58,.2);
    border-top-color: #30353a
}

@keyframes static-spin-b-coz041etzr {
    to {
        transform: rotate(360deg)
    }
}

@media(max-width:900px) {
    .static-summary[b-coz041etzr] {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width:600px) {
    .static-page-title h1[b-coz041etzr] {
        font-size: 20px
    }

    .static-page-title p[b-coz041etzr] {
        font-size: 13px
    }

    .static-page-icon[b-coz041etzr] {
        flex-basis: 42px;
        width: 42px;
        height: 42px
    }

    .static-filter-field[b-coz041etzr] {
        flex: 1 1 100%
    }

    .static-filter-actions[b-coz041etzr] {
        width: 100%;
        margin-left: 0
    }

        .static-filter-actions button[b-coz041etzr] {
            flex: 1
        }

    .static-col-amount[b-coz041etzr] {
        width: 125px
    }

    .static-table thead th[b-coz041etzr], .static-table tbody td[b-coz041etzr] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media(max-width:380px) {
    .static-summary[b-coz041etzr] {
        gap: 8px
    }

    .static-summary-item[b-coz041etzr] {
        padding: 9px 10px
    }

        .static-summary-item strong[b-coz041etzr] {
            font-size: 16px
        }
}

@media(prefers-reduced-motion:reduce) {
    .static-spinner[b-coz041etzr] {
        animation: none
    }

    .static-page button[b-coz041etzr] {
        transition: none
    }
}
/* /Components/Pages/Report/Stock2.razor.rz.scp.css */
/* DNE.Inventory — Stock Report
   Visual language aligned with the Add Product page:
   neutral #f6f6f6 workspace, white panels, light gray borders,
   cyan/blue action buttons and soft blue icon backgrounds.
   The virtualized row remains EXACTLY 36px with the larger grid fonts. */
.stock-page[b-g0ojubz3kh] {
    --stock-blue: #1177bd;
    --stock-blue-hover: #0b65a5;
    --stock-icon-bg: #edf7fd;
    --stock-ink: #2a2a2a;
    --stock-muted: #6e747a;
    --stock-border: #dedede;
    --stock-surface: #fff;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 0; /* Match Product Page: outer layout handles spacing */
    background: transparent;
    color: var(--stock-ink);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

    .stock-page *[b-g0ojubz3kh], .stock-page *[b-g0ojubz3kh]::before, .stock-page *[b-g0ojubz3kh]::after {
        box-sizing: border-box;
    }

/* Same page heading format as Add Product */
.stock-page-header[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid #dedede;
}

.stock-page-heading[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.stock-page-icon[b-g0ojubz3kh], .stock-section-icon[b-g0ojubz3kh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 8px;
    color: var(--stock-blue);
    background: var(--stock-icon-bg);
}

.stock-page-icon[b-g0ojubz3kh] {
    width: 48px;
    height: 48px;
}

.stock-page-title[b-g0ojubz3kh] {
    min-width: 0;
}

    .stock-page-title h1[b-g0ojubz3kh] {
        margin: 0;
        font-size: 23px;
        font-weight: 650;
        line-height: 1.25;
        letter-spacing: -.025em;
        color: #282828;
    }

    .stock-page-title p[b-g0ojubz3kh] {
        margin: 3px 0 0;
        color: #777;
        font-size: 13px;
        line-height: 1.4;
    }

.stock-print-button[b-g0ojubz3kh], .stock-apply-button[b-g0ojubz3kh], .stock-reset-button[b-g0ojubz3kh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 5px;
    border: 1px solid transparent;
    height: 38px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.stock-print-button[b-g0ojubz3kh], .stock-apply-button[b-g0ojubz3kh] {
    color: #fff;
    border-color: var(--stock-blue);
    background: var(--stock-blue);
}

    .stock-print-button:hover[b-g0ojubz3kh], .stock-apply-button:hover[b-g0ojubz3kh] {
        background: var(--stock-blue-hover);
        border-color: var(--stock-blue-hover);
    }

.stock-reset-button[b-g0ojubz3kh] {
    color: #30353a;
    border-color: #dedede;
    background: #fff;
}

    .stock-reset-button:hover[b-g0ojubz3kh] {
        background: #f4f5f6;
    }

    .stock-print-button:focus-visible[b-g0ojubz3kh], .stock-apply-button:focus-visible[b-g0ojubz3kh],
    .stock-reset-button:focus-visible[b-g0ojubz3kh] {
        outline: 2px solid var(--stock-blue);
        outline-offset: 2px;
    }

/* Compact, white metric cards. Do not use large gradients or shadows. */
.stock-summary[b-g0ojubz3kh] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.stock-summary-item[b-g0ojubz3kh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--stock-border);
    border-radius: 7px;
    background: #fff;
}

.stock-summary-label[b-g0ojubz3kh] {
    font-size: 13px;
    font-weight: 400;
    color: #747474;
}

.stock-summary-item strong[b-g0ojubz3kh] {
    color: #272b2e;
    font-size: 19px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* White sections and icon heading, consistent with Add Product */
.stock-filter-panel[b-g0ojubz3kh], .stock-list-shell[b-g0ojubz3kh] {
    border: 1px solid var(--stock-border);
    border-radius: 7px;
    background: var(--stock-surface);
    box-shadow: none;
}
/* Dropdowns must be able to extend outside the filter section. */
.stock-filter-panel[b-g0ojubz3kh] {
    position: relative;
    z-index: 30;
    margin-bottom: 12px;
    overflow: visible;
}
/* Keep virtualized stock rows below the open filter dropdowns. */
.stock-list-shell[b-g0ojubz3kh] {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.stock-panel-heading[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 51px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.stock-section-icon[b-g0ojubz3kh] {
    width: 32px;
    height: 32px;
}

.stock-panel-heading > div[b-g0ojubz3kh], .stock-list-titles[b-g0ojubz3kh] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

    .stock-panel-heading strong[b-g0ojubz3kh], .stock-list-titles strong[b-g0ojubz3kh] {
        color: #292929;
        font-size: 16px;
        font-weight: 600;
    }

    .stock-panel-heading small[b-g0ojubz3kh], .stock-list-titles small[b-g0ojubz3kh] {
        color: #828282;
        font-size: 13px;
        font-weight: 400;
    }

.stock-filter-grid[b-g0ojubz3kh] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    padding: 12px 14px 14px;
}

.stock-filter-field[b-g0ojubz3kh] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 1 1 165px;
    flex-direction: column;
    gap: 6px;
    min-width: 142px;
    overflow: visible;
}
    /* Raise whichever selector is currently open, including on narrow screens. */
    .stock-filter-field:focus-within[b-g0ojubz3kh] {
        z-index: 50;
    }

.stock-filter-grid[b-g0ojubz3kh] {
    position: relative;
    overflow: visible;
}

.stock-filter-field > label[b-g0ojubz3kh], .stock-search-field > label[b-g0ojubz3kh] {
    color: #303030;
    font-size: 13px;
    font-weight: 500;
}

.stock-filter-actions[b-g0ojubz3kh] {
    display: flex;
    gap: 7px;
    align-items: center;
    padding-bottom: 0;
}

.stock-search-field[b-g0ojubz3kh] {
    display: flex;
    flex: 1.2 1 190px;
    flex-direction: column;
    gap: 6px;
    min-width: 165px;
    margin-left: auto;
}

.stock-search-input-wrap[b-g0ojubz3kh] {
    position: relative;
}

    .stock-search-input-wrap svg[b-g0ojubz3kh] {
        position: absolute;
        top: 50%;
        left: 11px;
        transform: translateY(-50%);
        color: #8e959c;
        pointer-events: none;
    }

    .stock-search-input-wrap input[b-g0ojubz3kh] {
        display: block;
        width: 100%;
        height: 38px;
        padding: 0 10px 0 33px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: #fff;
        color: #333;
        font-size: 14px;
        outline: none;
    }

        .stock-search-input-wrap input[b-g0ojubz3kh]::placeholder {
            color: #999;
        }

        .stock-search-input-wrap input:focus[b-g0ojubz3kh] {
            border-color: var(--stock-blue);
            box-shadow: 0 0 0 2px rgba(17,119,189,.09);
        }
/* Nested BaseSelectElement: ::deep required for Blazor CSS isolation */
.stock-filter-field[b-g0ojubz3kh]  .selectBox[baseselectelement-scope] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #bfc3c6;
    border-radius: 5px;
    background: #fff;
}

.stock-filter-field[b-g0ojubz3kh]  .selectBox .selectInput[BaseSelectElement-scope] {
    width: 100%;
    min-height: 34px;
    padding: 7px 8px;
    border: 0;
    outline: 0;
    color: #555;
    font-size: 14px;
}

.stock-filter-field:focus-within[b-g0ojubz3kh]  .selectBox[baseselectelement-scope] {
    border-color: var(--stock-blue);
    box-shadow: 0 0 0 2px rgba(17,119,189,.09);
}

/* BaseSelectElement dropdown menus (Blazor isolated CSS). */
.stock-filter-field[b-g0ojubz3kh]  .selectBox {
    position: relative;
    overflow: visible !important;
}

.stock-filter-field[b-g0ojubz3kh]  .dropdown-menu,
.stock-filter-field[b-g0ojubz3kh]  .selectOptions,
.stock-filter-field[b-g0ojubz3kh]  .options-list,
.stock-filter-field[b-g0ojubz3kh]  .selectItems {
    z-index: 80 !important;
}

/* Same white section header look as Product page, compact data rows */
.stock-list-toolbar[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    min-height: 52px;
    gap: 10px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6;
}

.stock-list-heading[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.stock-result-count[b-g0ojubz3kh] {
    padding: 3px 8px;
    border-radius: 5px;
    background: var(--stock-icon-bg);
    color: var(--stock-blue);
    font-size: 12px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.stock-sort-controls[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    gap: 7px;
}

    .stock-sort-controls label[b-g0ojubz3kh] {
        color: #666;
        font-size: 13px;
    }

    .stock-sort-controls select[b-g0ojubz3kh], .stock-sort-direction[b-g0ojubz3kh] {
        height: 31px;
        border: 1px solid #c9c9c9;
        border-radius: 5px;
        background: #fff;
        color: #444;
        font-size: 13px;
        cursor: pointer;
    }

    .stock-sort-controls select[b-g0ojubz3kh] {
        padding: 0 8px;
    }

.stock-sort-direction[b-g0ojubz3kh] {
    width: 31px;
    color: var(--stock-blue);
    font-size: 16px;
}

    .stock-sort-direction:hover[b-g0ojubz3kh] {
        background: var(--stock-icon-bg);
    }

    .stock-sort-controls select:focus-visible[b-g0ojubz3kh], .stock-sort-direction:focus-visible[b-g0ojubz3kh] {
        outline: 2px solid var(--stock-blue);
        outline-offset: 2px;
    }

.stock-column-heading[b-g0ojubz3kh], .stock-row[b-g0ojubz3kh] {
    display: grid;
    grid-template-columns: minmax(170px, 2.8fr) /* Product */
    minmax(110px, 1.2fr) /* Category */
    minmax(120px, 1.5fr) /* Supplier */
    minmax(95px, 1fr) /* Quantity */
    minmax(90px, .95fr) /* Unit cost */
    minmax(95px, 1fr) /* Total */
    28px; /* Arrow */
    align-items: center;
    column-gap: 10px;
    padding: 0 13px;
}

.stock-column-heading[b-g0ojubz3kh] {
    height: 33px;
    background: #f5f6f7;
    color: #61676c;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em;
}

.stock-number[b-g0ojubz3kh] {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.stock-scroll[b-g0ojubz3kh] {
    height: min(64vh, 620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent;
}

.stock-row[b-g0ojubz3kh] {
    height: 36px; /* Must equal Virtualize ItemSize="36" */
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    color: #363636;
    font-size: 15px;
    transition: background-color .12s ease;
}

    .stock-row:hover[b-g0ojubz3kh], .stock-row:focus-within[b-g0ojubz3kh] {
        background: #edf7fd;
    }

.stock-product-name[b-g0ojubz3kh], .stock-category[b-g0ojubz3kh], .stock-supplier[b-g0ojubz3kh], .stock-quantity[b-g0ojubz3kh], .stock-price[b-g0ojubz3kh], .stock-total[b-g0ojubz3kh] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.stock-product-name[b-g0ojubz3kh] {
    color: #292929;
    font-size: 15px;
    font-weight: 500;
}

.stock-category[b-g0ojubz3kh] {
    color: #605e5c;
    font-size: 14px;
}

.stock-supplier[b-g0ojubz3kh] {
    color: #737373;
    font-size: 14px;
}

.stock-quantity[b-g0ojubz3kh] {
    color: #333;
    font-weight: 400;
}

    .stock-quantity small[b-g0ojubz3kh] {
        color: #969696;
        font-size: 12px;
        font-weight: 500;
    }

.stock-price[b-g0ojubz3kh] {
    color: #636363;
}

.stock-total[b-g0ojubz3kh] {
    color: #292929;
    font-weight: 500;
}

.stock-detail-button[b-g0ojubz3kh] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

    .stock-row:hover .stock-detail-button[b-g0ojubz3kh], .stock-detail-button:focus-visible[b-g0ojubz3kh] {
        color: var(--stock-blue);
        background: #fff;
        border-color: #d9eafa;
    }

    .stock-detail-button:hover[b-g0ojubz3kh] {
        color: var(--stock-blue);
        background: #e1f1fb;
    }

/* Product-style details drawer, fixed outside the scroll container */
.stock-drawer-layer[b-g0ojubz3kh] {
    position: fixed;
    inset: 0;
    z-index: 1500;
}

.stock-drawer-backdrop[b-g0ojubz3kh] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: rgba(20, 29, 35, .32);
    cursor: default;
}

.stock-drawer[b-g0ojubz3kh] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    width: min(440px, 100vw);
    max-width: 100%;
    background: #fff;
    box-shadow: -12px 0 30px rgba(0, 0, 0, .12);
    animation: stock-drawer-enter-b-g0ojubz3kh .2s ease-out both;
}

@keyframes stock-drawer-enter-b-g0ojubz3kh {
    from {
        transform: translateX(25px);
        opacity: .75;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.stock-drawer-header[b-g0ojubz3kh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 20px;
    border-bottom: 1px solid #dedede;
}

.stock-drawer-eyebrow[b-g0ojubz3kh] {
    color: var(--stock-blue);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .08em;
}

.stock-drawer-header h2[b-g0ojubz3kh] {
    margin: 6px 0 0;
    color: #292929;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.stock-drawer-close[b-g0ojubz3kh] {
    display: grid;
    place-items: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #dedede;
    border-radius: 5px;
    background: #fff;
    color: #666;
    font-size: 21px;
    cursor: pointer;
}

    .stock-drawer-close:hover[b-g0ojubz3kh] {
        background: #f4f5f6;
    }

.stock-drawer-body[b-g0ojubz3kh] {
    flex: 1;
    overflow-y: auto;
    padding: 18px 20px;
}

.stock-detail-highlight[b-g0ojubz3kh] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .stock-detail-highlight > div[b-g0ojubz3kh] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 6px;
        min-height: 74px;
        padding: 11px 13px;
        border: 1px solid #dbe9f2;
        border-radius: 6px;
        background: #f4faff;
    }

    .stock-detail-highlight span[b-g0ojubz3kh] {
        color: #707070;
        font-size: 13px;
    }

    .stock-detail-highlight strong[b-g0ojubz3kh] {
        color: #292929;
        font-size: 18px;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
    }

    .stock-detail-highlight small[b-g0ojubz3kh] {
        color: #787878;
        font-size: 12px;
    }

.stock-drawer-body h3[b-g0ojubz3kh] {
    margin: 20px 0 8px;
    font-size: 15px;
    font-weight: 600;
    color: #292929;
}

.stock-info-list[b-g0ojubz3kh] {
    margin: 0;
}

    .stock-info-list > div[b-g0ojubz3kh] {
        display: grid;
        grid-template-columns: minmax(110px, .9fr) minmax(0, 1.4fr);
        align-items: baseline;
        gap: 12px;
        padding: 11px 0;
        border-bottom: 1px solid #eaeaea;
    }

    .stock-info-list dt[b-g0ojubz3kh] {
        color: #737373;
        font-size: 13px;
    }

    .stock-info-list dd[b-g0ojubz3kh] {
        margin: 0;
        min-width: 0;
        color: #303030;
        font-size: 14px;
        font-weight: 500;
        overflow-wrap: anywhere;
    }

/* Responsive column visibility; keep header and rows aligned. */
@media (max-width: 1120px) {
    .stock-column-heading[b-g0ojubz3kh], .stock-row[b-g0ojubz3kh] {
        grid-template-columns: minmax(150px, 2.8fr) minmax(100px, 1.2fr) minmax(110px, 1.5fr) minmax(90px, 1fr) minmax(90px, .95fr) 28px;
    }
        /* Hide Total */
        .stock-column-heading > :nth-child(6)[b-g0ojubz3kh],
        .stock-row > :nth-child(6)[b-g0ojubz3kh] {
            display: none;
        }
}

@media (max-width: 920px) {
    .stock-column-heading[b-g0ojubz3kh], .stock-row[b-g0ojubz3kh] {
        grid-template-columns: minmax(150px, 2.5fr) minmax(105px, 1fr) minmax(90px, 1fr) 28px;
    }
        /* Hide Supplier and Unit cost; keep Category */
        .stock-column-heading > :nth-child(3)[b-g0ojubz3kh],
        .stock-column-heading > :nth-child(5)[b-g0ojubz3kh],
        .stock-row > :nth-child(3)[b-g0ojubz3kh],
        .stock-row > :nth-child(5)[b-g0ojubz3kh] {
            display: none;
        }
}

@media (max-width: 760px) {
    .stock-page[b-g0ojubz3kh] {
        padding: 0;
    }

    .stock-page-title h1[b-g0ojubz3kh] {
        font-size: 22px;
    }

    .stock-page-icon[b-g0ojubz3kh] {
        width: 42px;
        height: 42px;
    }

    .stock-summary[b-g0ojubz3kh] {
        gap: 7px;
    }

    .stock-summary-item[b-g0ojubz3kh] {
        padding: 8px 10px;
        min-height: 58px;
    }

        .stock-summary-item strong[b-g0ojubz3kh] {
            font-size: 17px;
        }

    .stock-filter-grid[b-g0ojubz3kh] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stock-filter-field[b-g0ojubz3kh], .stock-search-field[b-g0ojubz3kh] {
        min-width: 0;
    }

    .stock-search-field[b-g0ojubz3kh] {
        margin-left: 0;
    }

    .stock-column-heading[b-g0ojubz3kh], .stock-row[b-g0ojubz3kh] {
        grid-template-columns: minmax(0, 1fr) 94px 28px;
        gap: 7px;
        padding: 0 9px;
    }
        /* Small screens show Product, Quantity and Details arrow. Category is in drawer. */
        .stock-column-heading > :nth-child(2)[b-g0ojubz3kh],
        .stock-row > :nth-child(2)[b-g0ojubz3kh] {
            display: none;
        }
}

@media (max-width: 470px) {
    .stock-page[b-g0ojubz3kh] {
        padding: 0;
    }

    .stock-page-header[b-g0ojubz3kh] {
        align-items: flex-start;
    }

    .stock-page-title h1[b-g0ojubz3kh] {
        font-size: 20px;
    }

    .stock-page-title p[b-g0ojubz3kh] {
        font-size: 13px;
    }

    .stock-print-button[b-g0ojubz3kh] {
        padding: 0 10px;
        height: 34px;
    }

    .stock-summary[b-g0ojubz3kh] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .stock-summary-item[b-g0ojubz3kh] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        min-height: 40px;
        padding: 8px 10px;
    }

        .stock-summary-item strong[b-g0ojubz3kh] {
            font-size: 16px;
        }

    .stock-filter-grid[b-g0ojubz3kh] {
        grid-template-columns: 1fr;
    }

    .stock-filter-actions[b-g0ojubz3kh] {
        width: 100%;
    }

        .stock-filter-actions button[b-g0ojubz3kh] {
            flex: 1;
        }

    .stock-sort-controls > label[b-g0ojubz3kh] {
        display: none;
    }

    .stock-list-titles small[b-g0ojubz3kh] {
        display: none;
    }

    .stock-drawer-header[b-g0ojubz3kh], .stock-drawer-body[b-g0ojubz3kh] {
        padding: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stock-drawer[b-g0ojubz3kh] {
        animation: none;
    }

    .stock-row[b-g0ojubz3kh], .stock-detail-button[b-g0ojubz3kh], .stock-print-button[b-g0ojubz3kh], .stock-apply-button[b-g0ojubz3kh], .stock-reset-button[b-g0ojubz3kh] {
        transition: none;
    }
}

/* Whole-row interaction: does not change the 36px Virtualize item height. */
.stock-row[b-g0ojubz3kh] {
    cursor: pointer;
}

    .stock-row:focus-visible[b-g0ojubz3kh] {
        outline: 2px solid var(--stock-blue);
        outline-offset: -2px;
        background: var(--stock-icon-bg);
    }

.stock-detail-button[b-g0ojubz3kh] {
    pointer-events: none; /* Row handles the click. */
}

/* Print status and errors - scoped to Stock2.razor */
.stock-print-button:disabled[b-g0ojubz3kh] {
    opacity: .7;
    cursor: wait;
}

.stock-print-error[b-g0ojubz3kh] {
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px;
    line-height: 1.4;
}

/* Action feedback and totals follow the existing compact report design. */
.stock-page button:disabled[b-g0ojubz3kh] {
    opacity: .7;
    cursor: wait;
}

.stock-button-spinner[b-g0ojubz3kh] {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: stock-button-spin-b-g0ojubz3kh .7s linear infinite;
}

@keyframes stock-button-spin-b-g0ojubz3kh {
    to {
        transform: rotate(360deg);
    }
}

.stock-summary-item .stock-value-amount[b-g0ojubz3kh] {
    color: #1177bd;
}

.stock-summary-item .stock-quantity-amount[b-g0ojubz3kh] {
    color: #198754;
}

.stock-list-footer[b-g0ojubz3kh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.stock-footer-total[b-g0ojubz3kh] {
    font-variant-numeric: tabular-nums;
}

    .stock-footer-total strong[b-g0ojubz3kh] {
        margin-left: 5px;
        color: #292929;
        font-weight: 600;
    }

@media (prefers-reduced-motion: reduce) {
    .stock-button-spinner[b-g0ojubz3kh] {
        animation: none;
    }
}

/* Disable filter selectors during initial load and report actions. */
.stock-filter-field[aria-disabled="true"][b-g0ojubz3kh] {
    pointer-events: none;
    opacity: .65;
}

.stock-page button:disabled[b-g0ojubz3kh],
.stock-page input:disabled[b-g0ojubz3kh],
.stock-page select:disabled[b-g0ojubz3kh] {
    cursor: not-allowed;
    opacity: .65;
}
/* /Components/Pages/Report/TopPurchase.razor.rz.scp.css */
.top-purchase-page[b-51kswvnq0i] {
    --blue: #1177bd;
    --hover: #0b65a5;
    --border: #dedede;
    --muted: #6e747a;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
    color: #2a2a2a
}

    .top-purchase-page *[b-51kswvnq0i], .top-purchase-page *[b-51kswvnq0i]::before, .top-purchase-page *[b-51kswvnq0i]::after {
        box-sizing: border-box
    }

.top-purchase-header[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border)
}

.top-purchase-heading[b-51kswvnq0i] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.top-purchase-icon[b-51kswvnq0i] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #edf7fd;
    color: var(--blue);
    font-size: 25px
}

.top-purchase-heading h1[b-51kswvnq0i] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    color: #282828
}

.top-purchase-heading p[b-51kswvnq0i] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.top-purchase-primary[b-51kswvnq0i], .top-purchase-secondary[b-51kswvnq0i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

.top-purchase-primary[b-51kswvnq0i] {
    color: white;
    background: var(--blue);
    border-color: var(--blue)
}

    .top-purchase-primary:hover:not(:disabled)[b-51kswvnq0i] {
        background: var(--hover);
        border-color: var(--hover)
    }

.top-purchase-secondary[b-51kswvnq0i] {
    color: #30353a;
    background: white;
    border-color: var(--border)
}

    .top-purchase-secondary:hover:not(:disabled)[b-51kswvnq0i] {
        background: #f4f5f6
    }

    .top-purchase-primary:disabled[b-51kswvnq0i], .top-purchase-secondary:disabled[b-51kswvnq0i] {
        opacity: .7;
        cursor: wait
    }

.top-purchase-spinner[b-51kswvnq0i] {
    display: inline-block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: top-purchase-spin-b-51kswvnq0i .7s linear infinite
}

@keyframes top-purchase-spin-b-51kswvnq0i {
    to {
        transform: rotate(360deg)
    }
}

.top-purchase-summary[b-51kswvnq0i] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.top-purchase-metric[b-51kswvnq0i] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: white
}

    .top-purchase-metric span[b-51kswvnq0i] {
        color: #747474;
        font-size: 13px
    }

.top-purchase-summary .top-purchase-metric strong[b-51kswvnq0i] {
    color: #272b2e;
    font-size: 19px;
    font-weight: 600;
    font-variant-numeric: tabular-nums
}

    .top-purchase-summary .top-purchase-metric strong.top-purchase-quantity-value[b-51kswvnq0i] {
        color: #1177bd
    }

.top-purchase-filter-panel[b-51kswvnq0i], .top-purchase-list-shell[b-51kswvnq0i] {
    border: 1px solid var(--border);
    border-radius: 7px;
    background: white;
    box-shadow: none
}

.top-purchase-filter-panel[b-51kswvnq0i] {
    margin-bottom: 12px
}

.top-purchase-filters[b-51kswvnq0i] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding: 15px 16px
}

.top-purchase-field[b-51kswvnq0i] {
    display: flex;
    flex: 0 0 230px;
    width: 230px;
    max-width: 100%;
    flex-direction: column;
    gap: 6px;
    min-width: 0
}

    .top-purchase-field label[b-51kswvnq0i] {
        font-size: 13px;
        font-weight: 500;
        color: #303030
    }

    .top-purchase-field input[b-51kswvnq0i] {
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: white;
        color: #333;
        font: 400 14px "Segoe UI",Arial,sans-serif
    }

        .top-purchase-field input:focus[b-51kswvnq0i] {
            outline: 2px solid #cce7f8;
            border-color: var(--blue)
        }

.top-purchase-actions[b-51kswvnq0i] {
    display: flex;
    align-items: center;
    gap: 7px
}

.top-purchase-list-shell[b-51kswvnq0i] {
    overflow: hidden
}

.top-purchase-list-toolbar[b-51kswvnq0i] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

    .top-purchase-list-toolbar strong[b-51kswvnq0i] {
        font-size: 16px;
        font-weight: 600
    }

.top-purchase-count[b-51kswvnq0i] {
    padding: 3px 8px;
    border-radius: 5px;
    background: #edf7fd;
    color: var(--blue);
    font-size: 12px;
    font-weight: 600
}

.top-purchase-column-heading[b-51kswvnq0i], .top-purchase-row[b-51kswvnq0i] {
    display: grid;
    grid-template-columns: 75px minmax(0,1fr) minmax(110px,180px);
    align-items: center;
    gap: 10px;
    padding: 0 13px
}

.top-purchase-column-heading[b-51kswvnq0i] {
    height: 33px;
    background: #f5f6f7;
    color: #61676c;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em
}

.top-purchase-scroll[b-51kswvnq0i] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent
}

.top-purchase-row[b-51kswvnq0i] {
    height: 36px;
    border-bottom: 1px solid #eee;
    background: white;
    color: #363636;
    font-size: 14px
}

    .top-purchase-row:hover[b-51kswvnq0i] {
        background: #edf7fd
    }

.top-purchase-product[b-51kswvnq0i] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500
}

.top-purchase-number[b-51kswvnq0i] {
    text-align: right;
    font-variant-numeric: tabular-nums
}

.top-purchase-list-footer[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 37px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

    .top-purchase-list-footer strong[b-51kswvnq0i] {
        color: #333;
        font-weight: 600
    }

.top-purchase-empty[b-51kswvnq0i], .top-purchase-loading[b-51kswvnq0i] {
    display: grid;
    place-items: center;
    min-height: 140px;
    padding: 20px;
    text-align: center;
    color: var(--muted)
}

.top-purchase-error[b-51kswvnq0i] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px
}

@media(max-width:600px) {
    .top-purchase-heading h1[b-51kswvnq0i] {
        font-size: 20px
    }

    .top-purchase-icon[b-51kswvnq0i] {
        width: 42px;
        height: 42px
    }

    .top-purchase-summary[b-51kswvnq0i] {
        gap: 7px
    }

    .top-purchase-filters[b-51kswvnq0i] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .top-purchase-field[b-51kswvnq0i] {
        min-width: 0;
        width: 100%;
        max-width: none;
        flex: initial
    }

    .top-purchase-actions[b-51kswvnq0i] {
        grid-column: 1/-1
    }

        .top-purchase-actions button[b-51kswvnq0i] {
            flex: 1
        }

    .top-purchase-column-heading[b-51kswvnq0i], .top-purchase-row[b-51kswvnq0i] {
        grid-template-columns: 46px minmax(0,1fr) 92px;
        gap: 7px;
        padding: 0 9px
    }
}

@media(max-width:400px) {
    .top-purchase-summary[b-51kswvnq0i] {
        grid-template-columns: 1fr
    }

    .top-purchase-filters[b-51kswvnq0i] {
        grid-template-columns: 1fr
    }

    .top-purchase-actions[b-51kswvnq0i] {
        grid-column: auto
    }
}

@media(prefers-reduced-motion:reduce) {
    .top-purchase-spinner[b-51kswvnq0i] {
        animation: none
    }
}
/* /Components/Pages/Report/TopReturn.razor.rz.scp.css */
.saleInvoiceComponentClass[b-yojcqb8ly7] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-yojcqb8ly7] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-yojcqb8ly7] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-yojcqb8ly7] {
    display: none;
}

.date_selection[b-yojcqb8ly7] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-yojcqb8ly7] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-yojcqb8ly7] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-yojcqb8ly7] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-yojcqb8ly7] {
            width: 100%;
        }

    .logo .logo_text[b-yojcqb8ly7] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-yojcqb8ly7] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-yojcqb8ly7] {
        color: blue;
    }

.input_date[b-yojcqb8ly7] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-yojcqb8ly7] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-yojcqb8ly7] {
            font-weight: 400;
        }

.invoice_date[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-yojcqb8ly7] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-yojcqb8ly7] {
            font-weight: 400;
        }

.invoice_info[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-yojcqb8ly7] {
    width: 25rem;
}

    .left_info h3[b-yojcqb8ly7] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-yojcqb8ly7] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-yojcqb8ly7] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-yojcqb8ly7] {
    text-align: end;
}

.text_center[b-yojcqb8ly7] {
    text-align: center;
}


.table_mine[b-yojcqb8ly7] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-yojcqb8ly7] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-yojcqb8ly7] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-yojcqb8ly7] {
    white-space: nowrap;
}

thead tr th[b-yojcqb8ly7] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-yojcqb8ly7] {
        text-align: right;
    }

tbody tr[b-yojcqb8ly7] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-yojcqb8ly7] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-yojcqb8ly7] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-yojcqb8ly7] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-yojcqb8ly7] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-yojcqb8ly7] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-yojcqb8ly7] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-yojcqb8ly7] {
    width: 36.5%;
}

    .sub_total .sub_items[b-yojcqb8ly7] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-yojcqb8ly7] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-yojcqb8ly7] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-yojcqb8ly7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-yojcqb8ly7] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-yojcqb8ly7] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-yojcqb8ly7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-yojcqb8ly7] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-yojcqb8ly7] {
        width: 100%;
    }

        .date_select_box label[b-yojcqb8ly7] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-yojcqb8ly7] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-yojcqb8ly7] {
        display: inline-block;
    }

    .action_buttons[b-yojcqb8ly7] {
        display: none;
    }


    .invoice[b-yojcqb8ly7] {
        padding: 1rem 0;
    }

    .invoice_header[b-yojcqb8ly7] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-yojcqb8ly7] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-yojcqb8ly7] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-yojcqb8ly7] {
            font-size: 12px;
        }

    .invoice_serial h3[b-yojcqb8ly7] {
        font-size: 14px;
    }

    .company_info[b-yojcqb8ly7] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-yojcqb8ly7] {
        align-items: flex-start;
    }

    .address[b-yojcqb8ly7] {
        gap: 0;
    }

        .address p[b-yojcqb8ly7] {
            font-size: 12px;
        }

    .invoice_date p[b-yojcqb8ly7] {
        font-size: 12px;
    }

    .invoice_info[b-yojcqb8ly7] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-yojcqb8ly7] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-yojcqb8ly7] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-yojcqb8ly7] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-yojcqb8ly7] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-yojcqb8ly7] {
            font-size: 1.2rem;
        }

    .terms[b-yojcqb8ly7] {
        margin: 3rem 2rem 0;
    }

    .greating[b-yojcqb8ly7]{
        padding: 1rem;
    }

    .greating p[b-yojcqb8ly7] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-yojcqb8ly7] {
        align-items: flex-end;
    }
    .invoice_info[b-yojcqb8ly7] {
        margin: 3rem 0rem;
    }

    .table_mine[b-yojcqb8ly7] {
        padding: 0 0 3rem 0;
    }

    .terms[b-yojcqb8ly7] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/TopSale.razor.rz.scp.css */
.top-sale-page[b-mjm0maf50n] {
    --blue: #1177bd;
    --hover: #0b65a5;
    --border: #dedede;
    --muted: #6e747a;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    font: 400 14px/1.45 "Segoe UI",Arial,sans-serif;
    color: #2a2a2a
}

    .top-sale-page *[b-mjm0maf50n], .top-sale-page *[b-mjm0maf50n]::before, .top-sale-page *[b-mjm0maf50n]::after {
        box-sizing: border-box
    }

.top-sale-header[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 3px 0 15px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border)
}

.top-sale-heading[b-mjm0maf50n] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0
}

.top-sale-icon[b-mjm0maf50n] {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #edf7fd;
    color: var(--blue);
    font-size: 25px
}

.top-sale-heading h1[b-mjm0maf50n] {
    margin: 0;
    font-size: 23px;
    font-weight: 650;
    line-height: 1.25;
    color: #282828
}

.top-sale-heading p[b-mjm0maf50n] {
    margin: 3px 0 0;
    color: #777;
    font-size: 13px
}

.top-sale-primary[b-mjm0maf50n], .top-sale-secondary[b-mjm0maf50n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    font: 600 14px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

.top-sale-primary[b-mjm0maf50n] {
    color: white;
    background: var(--blue);
    border-color: var(--blue)
}

    .top-sale-primary:hover:not(:disabled)[b-mjm0maf50n] {
        background: var(--hover);
        border-color: var(--hover)
    }

.top-sale-secondary[b-mjm0maf50n] {
    color: #30353a;
    background: white;
    border-color: var(--border)
}

    .top-sale-secondary:hover:not(:disabled)[b-mjm0maf50n] {
        background: #f4f5f6
    }

    .top-sale-primary:disabled[b-mjm0maf50n], .top-sale-secondary:disabled[b-mjm0maf50n] {
        opacity: .7;
        cursor: wait
    }

.top-sale-spinner[b-mjm0maf50n] {
    display: inline-block;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: top-sale-spin-b-mjm0maf50n .7s linear infinite
}

@keyframes top-sale-spin-b-mjm0maf50n {
    to {
        transform: rotate(360deg)
    }
}

.top-sale-summary[b-mjm0maf50n] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.top-sale-metric[b-mjm0maf50n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 66px;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: 7px;
    background: white
}

    .top-sale-metric span[b-mjm0maf50n] {
        color: #747474;
        font-size: 13px
    }

    .top-sale-metric strong[b-mjm0maf50n] {
        color: #272b2e;
        font-size: 19px;
        font-weight: 600;
        font-variant-numeric: tabular-nums
    }

.top-sale-filter-panel[b-mjm0maf50n], .top-sale-list-shell[b-mjm0maf50n] {
    border: 1px solid var(--border);
    border-radius: 7px;
    background: white;
    box-shadow: none
}

.top-sale-filter-panel[b-mjm0maf50n] {
    margin-bottom: 12px
}

.top-sale-filters[b-mjm0maf50n] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding: 15px 16px
}

.top-sale-field[b-mjm0maf50n] {
    display: flex;
    flex: 0 0 230px;
    width: 230px;
    flex-direction: column;
    gap: 6px;
    min-width: 0
}

    .top-sale-field label[b-mjm0maf50n] {
        font-size: 13px;
        font-weight: 500;
        color: #303030
    }

    .top-sale-field input[b-mjm0maf50n] {
        width: 100%;
        height: 38px;
        padding: 0 10px;
        border: 1px solid #bfc3c6;
        border-radius: 5px;
        background: white;
        color: #333;
        font: 400 14px "Segoe UI",Arial,sans-serif
    }

        .top-sale-field input:focus[b-mjm0maf50n] {
            outline: 2px solid #cce7f8;
            border-color: var(--blue)
        }

.top-sale-actions[b-mjm0maf50n] {
    display: flex;
    align-items: center;
    gap: 7px
}

.top-sale-list-shell[b-mjm0maf50n] {
    overflow: hidden
}

.top-sale-list-toolbar[b-mjm0maf50n] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #e6e6e6
}

    .top-sale-list-toolbar strong[b-mjm0maf50n] {
        font-size: 16px;
        font-weight: 600
    }

.top-sale-count[b-mjm0maf50n] {
    padding: 3px 8px;
    border-radius: 5px;
    background: #edf7fd;
    color: var(--blue);
    font-size: 12px;
    font-weight: 600
}

.top-sale-column-heading[b-mjm0maf50n], .top-sale-row[b-mjm0maf50n] {
    display: grid;
    grid-template-columns: 75px minmax(0,1fr) minmax(110px,180px);
    align-items: center;
    gap: 10px;
    padding: 0 13px
}

.top-sale-column-heading[b-mjm0maf50n] {
    height: 33px;
    background: #f5f6f7;
    color: #61676c;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .01em
}

.top-sale-scroll[b-mjm0maf50n] {
    height: min(64vh,620px);
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #bbb transparent
}

.top-sale-row[b-mjm0maf50n] {
    height: 36px;
    border-bottom: 1px solid #eee;
    background: white;
    color: #363636;
    font-size: 14px
}

    .top-sale-row:hover[b-mjm0maf50n] {
        background: #edf7fd
    }

.top-sale-product[b-mjm0maf50n] {
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500
}

.top-sale-number[b-mjm0maf50n] {
    text-align: right;
    font-variant-numeric: tabular-nums
}

.top-sale-list-footer[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 37px;
    padding: 9px 14px;
    border-top: 1px solid #eee;
    color: #777;
    font-size: 12px
}

    .top-sale-list-footer strong[b-mjm0maf50n] {
        color: #333;
        font-weight: 600
    }

.top-sale-empty[b-mjm0maf50n], .top-sale-loading[b-mjm0maf50n] {
    display: grid;
    place-items: center;
    min-height: 140px;
    padding: 20px;
    text-align: center;
    color: var(--muted)
}

.top-sale-error[b-mjm0maf50n] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #f4b4bc;
    border-radius: 5px;
    background: #fff3f4;
    color: #9c1010;
    font-size: 13px
}

@media(max-width:600px) {
    .top-sale-heading h1[b-mjm0maf50n] {
        font-size: 20px
    }

    .top-sale-icon[b-mjm0maf50n] {
        width: 42px;
        height: 42px
    }

    .top-sale-summary[b-mjm0maf50n] {
        gap: 7px
    }

    .top-sale-filters[b-mjm0maf50n] {
        display: grid;
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .top-sale-field[b-mjm0maf50n] {
        min-width: 0;
        width: 100%;
        flex: initial
    }

    .top-sale-actions[b-mjm0maf50n] {
        grid-column: 1/-1
    }

        .top-sale-actions button[b-mjm0maf50n] {
            flex: 1
        }

    .top-sale-column-heading[b-mjm0maf50n], .top-sale-row[b-mjm0maf50n] {
        grid-template-columns: 46px minmax(0,1fr) 92px;
        gap: 7px;
        padding: 0 9px
    }
}

@media(max-width:400px) {
    .top-sale-summary[b-mjm0maf50n] {
        grid-template-columns: 1fr
    }

    .top-sale-filters[b-mjm0maf50n] {
        grid-template-columns: 1fr
    }

    .top-sale-actions[b-mjm0maf50n] {
        grid-column: auto
    }
}

@media(prefers-reduced-motion:reduce) {
    .top-sale-spinner[b-mjm0maf50n] {
        animation: none
    }
}
/* /Components/Pages/ReturnType/Insert.razor.rz.scp.css */
.return_type_insert[b-hkrltx0myc] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-hkrltx0myc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-hkrltx0myc] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-hkrltx0myc] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-hkrltx0myc] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-hkrltx0myc] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-hkrltx0myc] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/ReturnType/InsertComponent.razor.rz.scp.css */
label[b-nxglnmuiqi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/ReturnType/List.razor.rz.scp.css */
.content_box_inner[b-jlxcap4e57] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .return_header[b-jlxcap4e57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.return_header h2[b-jlxcap4e57] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.return_header a[b-jlxcap4e57] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-jlxcap4e57] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-jlxcap4e57] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-jlxcap4e57] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-jlxcap4e57] {
        outline-color: gray;
    }

.action_btn[b-jlxcap4e57] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-jlxcap4e57] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-jlxcap4e57] {
            width: 100%;
        }

[b-jlxcap4e57] .formClass {
    margin-top: 0;
}

[b-jlxcap4e57] #ReturnTypeInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-jlxcap4e57] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-jlxcap4e57]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-jlxcap4e57] {
        padding: 1rem;
    }
    .return_header h2[b-jlxcap4e57] {
        font-size: 1.8rem;
    }

    .return_header a[b-jlxcap4e57] {
        font-size: 1.1rem;
    }

    .search-box[b-jlxcap4e57] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-jlxcap4e57] {
            font-size: 1.1rem;
        }
    [b-jlxcap4e57] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Return/Distribution/Detail.razor.rz.scp.css */
.return_details[b-elybrvczyp] {
    background: var(--primary-bg);
}

.return_details_header[b-elybrvczyp] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .return_details_header h2[b-elybrvczyp] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-elybrvczyp] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-elybrvczyp] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}

@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-elybrvczyp] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-elybrvczyp] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Distribution/DetailComponent.razor.rz.scp.css */
.invoice[b-ez6zw4j5q5] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-ez6zw4j5q5] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-ez6zw4j5q5] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-ez6zw4j5q5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-ez6zw4j5q5] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-ez6zw4j5q5] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-ez6zw4j5q5] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-ez6zw4j5q5] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-ez6zw4j5q5] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-ez6zw4j5q5] {
            height: 40px;
        }

        .invoice_table table thead[b-ez6zw4j5q5] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-ez6zw4j5q5] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-ez6zw4j5q5] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-ez6zw4j5q5] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-ez6zw4j5q5] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-ez6zw4j5q5] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-ez6zw4j5q5] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-ez6zw4j5q5] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-ez6zw4j5q5] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-ez6zw4j5q5] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-ez6zw4j5q5] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-ez6zw4j5q5] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-ez6zw4j5q5] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-ez6zw4j5q5] {
    width: 36.5%;
}

    .sub_total .sub_items[b-ez6zw4j5q5] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-ez6zw4j5q5] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-ez6zw4j5q5] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-ez6zw4j5q5] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-ez6zw4j5q5] {
        width: 35%;
    }

        .terms .conditions h2[b-ez6zw4j5q5] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-ez6zw4j5q5] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-ez6zw4j5q5] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-ez6zw4j5q5] {
        padding: 1rem;
    }

    .date_and_action[b-ez6zw4j5q5] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-ez6zw4j5q5] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-ez6zw4j5q5] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-ez6zw4j5q5] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-ez6zw4j5q5] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-ez6zw4j5q5] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Distribution/Insert.razor.rz.scp.css */
.return_insert_page[b-x3fjiz81oy] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-x3fjiz81oy] {
        padding: 1.5rem 1.5rem 0;
    }

.return_insert_header h2[b-x3fjiz81oy] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Distribution/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-xoztqbbeaz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .Return_insert_header_left .form_check[b-xoztqbbeaz] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-xoztqbbeaz] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-xoztqbbeaz] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.submit_btn button[b-xoztqbbeaz] {
    border: none;
    outline: none;
    border-radius: .25rem;
}

    .submit_btn button:focus[b-xoztqbbeaz] {
        outline: none;
        border: none;
        box-shadow: none;
    }

#distributiuon-return-cancle-button[b-xoztqbbeaz] {
    background-color: #dc3545 !important;
    color: white !important;
}

.Return_create_container[b-xoztqbbeaz] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-xoztqbbeaz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-xoztqbbeaz] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-xoztqbbeaz] {
        margin: 0;
    }

.Return_create_container .form_group[b-xoztqbbeaz] {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    justify-content: flex-start;
}

    .Return_create_container .form_group label[b-xoztqbbeaz] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.options_group[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-xoztqbbeaz] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-xoztqbbeaz] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-xoztqbbeaz] {
        width: 100%;
    }

    .options_group button:focus[b-xoztqbbeaz] {
        outline: none;
        border: none;
        box-shadow: none;
    }


.Return_create_container .form_group input[b-xoztqbbeaz] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .Return_create_container .form_group input:focus[b-xoztqbbeaz] {
        outline: none;
    }

.Return_create_container .form_group select[b-xoztqbbeaz] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .Return_create_container .form_group select:focus[b-xoztqbbeaz] {
        outline: none;
    }



.add_product[b-xoztqbbeaz] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-xoztqbbeaz] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-xoztqbbeaz] {
        opacity: .9;
    }


/*return modal */

[b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-xoztqbbeaz] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-xoztqbbeaz] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-xoztqbbeaz] .formClass {
    margin-top: 0;
}





.mainTable[b-xoztqbbeaz] {
    margin-top: 4rem;
}

    .mainTable table[b-xoztqbbeaz] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-xoztqbbeaz] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-xoztqbbeaz] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-xoztqbbeaz] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-xoztqbbeaz] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-xoztqbbeaz] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-xoztqbbeaz] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-xoztqbbeaz] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-xoztqbbeaz] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-xoztqbbeaz] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-xoztqbbeaz] {
                font-size: 1.4rem;
                font-weight: 400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-xoztqbbeaz] {
                    padding-left: 1rem;
                }

.action_btn[b-xoztqbbeaz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-xoztqbbeaz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xoztqbbeaz] {
            width: 100%;
        }

.net_amount[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-xoztqbbeaz] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-xoztqbbeaz] {
        width: 40%;
    }

    .net_amount .form_group label[b-xoztqbbeaz] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-xoztqbbeaz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-xoztqbbeaz] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-xoztqbbeaz] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-xoztqbbeaz] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-xoztqbbeaz] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-xoztqbbeaz] {
            font-weight: 600;
        }


/*return modal */

[b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-xoztqbbeaz] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-xoztqbbeaz] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-xoztqbbeaz] {
        display: flex;
        align-items: flex-start;
    }

        .Return_insert_header_left .form_check label[b-yeds014zgf][b-xoztqbbeaz] {
            font-size: 1rem;
        }

    .submit_btn_group .submit_btn[b-xoztqbbeaz] {
        padding: 0.5rem 1rem;
    }

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-xoztqbbeaz] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-xoztqbbeaz] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

        .net_amount .form_group[b-xoztqbbeaz] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-xoztqbbeaz] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-xoztqbbeaz] {
        width: 100%;
    }

    [b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-xoztqbbeaz] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-xoztqbbeaz] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable[b-xoztqbbeaz] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-xoztqbbeaz] {
        display: flex;
    }

    .mainTable table tr td[b-xoztqbbeaz] {
        padding: 0 1rem;
    }

    [b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Distribution/InvoiceComponent.razor.rz.scp.css */
.invoice[b-9arbetavpc] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-9arbetavpc] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-9arbetavpc] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-9arbetavpc] {
            width: 100%;
        }

    .logo .logo_text[b-9arbetavpc] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-9arbetavpc] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-9arbetavpc] {
        color: blue;
    }




.company_info[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-9arbetavpc] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-9arbetavpc] {
            font-weight: 400;
        }

.invoice_date[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-9arbetavpc] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-9arbetavpc] {
            font-weight: 400;
        }

.invoice_info[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-9arbetavpc] {
    width: 25rem;
}

    .left_info h3[b-9arbetavpc] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-9arbetavpc] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align: right;
    }

        .right_info h4:nth-child(2)[b-9arbetavpc] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-9arbetavpc] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-9arbetavpc] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-9arbetavpc] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-9arbetavpc] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-9arbetavpc] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-9arbetavpc] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-9arbetavpc] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-9arbetavpc] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-9arbetavpc] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-9arbetavpc] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-9arbetavpc] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-9arbetavpc] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-9arbetavpc] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-9arbetavpc] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-9arbetavpc] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-9arbetavpc] {
    width: 36.5%;
}

    .sub_total .sub_items[b-9arbetavpc] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-9arbetavpc] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-9arbetavpc] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-9arbetavpc] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-9arbetavpc] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-9arbetavpc] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-9arbetavpc] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-9arbetavpc] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-9arbetavpc]:before {
                bottom: 12px;
            }

    .company_info[b-9arbetavpc] {
        padding: 1rem;
    }

    .invoice_info[b-9arbetavpc] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-9arbetavpc] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-9arbetavpc] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-9arbetavpc] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-9arbetavpc] {
        width: 100%;
        padding: 1rem;
    }

    .payment_and_notes[b-9arbetavpc] {
        padding: 0 1rem;
        gap: 1rem;
    }

    .terms[b-9arbetavpc] {
        margin: 3rem 2rem 0;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-9arbetavpc] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-9arbetavpc] {
        padding: 0 0 3rem 0;
    }

    .terms[b-9arbetavpc] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Distribution/List.razor.rz.scp.css */
.content_box_inner[b-f1fl2jqi4p] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-f1fl2jqi4p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-f1fl2jqi4p] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-f1fl2jqi4p] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-f1fl2jqi4p] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-f1fl2jqi4p] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-f1fl2jqi4p] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-f1fl2jqi4p] {
        outline-color: gray;
    }


.action_btn[b-f1fl2jqi4p] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-f1fl2jqi4p] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-f1fl2jqi4p] {
            width: 100%;
        }

[b-f1fl2jqi4p] .Return_create_container {
    padding: 0;
}

[b-f1fl2jqi4p] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-f1fl2jqi4p] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius: .5rem;
}

[b-f1fl2jqi4p] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-f1fl2jqi4p] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-f1fl2jqi4p] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-f1fl2jqi4p] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-f1fl2jqi4p]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-f1fl2jqi4p] {
        padding: 1rem;
    }

    .purchase_header h2[b-f1fl2jqi4p] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-f1fl2jqi4p] {
        font-size: 1.1rem;
    }

    .search-box[b-f1fl2jqi4p] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-f1fl2jqi4p] {
            font-size: 1.1rem;
        }

    [b-f1fl2jqi4p] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-f1fl2jqi4p] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-f1fl2jqi4p] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-f1fl2jqi4p] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Purchase/Detail.razor.rz.scp.css */
.return_details[b-h0d8s231p8] {
    background: var(--primary-bg);
}

.return_details_header[b-h0d8s231p8] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .return_details_header h2[b-h0d8s231p8] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-h0d8s231p8] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-h0d8s231p8] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}

@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-h0d8s231p8] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-h0d8s231p8] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Purchase/DetailComponent.razor.rz.scp.css */
.invoice[b-m4t2u6j3z7] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-m4t2u6j3z7] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-m4t2u6j3z7] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-m4t2u6j3z7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-m4t2u6j3z7] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-m4t2u6j3z7] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-m4t2u6j3z7] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-m4t2u6j3z7] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-m4t2u6j3z7] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-m4t2u6j3z7] {
            height: 40px;
        }

        .invoice_table table thead[b-m4t2u6j3z7] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-m4t2u6j3z7] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-m4t2u6j3z7] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-m4t2u6j3z7] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-m4t2u6j3z7] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-m4t2u6j3z7] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-m4t2u6j3z7] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-m4t2u6j3z7] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-m4t2u6j3z7] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-m4t2u6j3z7] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-m4t2u6j3z7] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-m4t2u6j3z7] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-m4t2u6j3z7] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-m4t2u6j3z7] {
    width: 36.5%;
}

    .sub_total .sub_items[b-m4t2u6j3z7] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-m4t2u6j3z7] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-m4t2u6j3z7] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-m4t2u6j3z7] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-m4t2u6j3z7] {
        width: 35%;
    }

        .terms .conditions h2[b-m4t2u6j3z7] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-m4t2u6j3z7] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-m4t2u6j3z7] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-m4t2u6j3z7] {
        padding: 1rem;
    }

    .date_and_action[b-m4t2u6j3z7] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-m4t2u6j3z7] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-m4t2u6j3z7] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-m4t2u6j3z7] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-m4t2u6j3z7] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-m4t2u6j3z7] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Purchase/Insert.razor.rz.scp.css */
.return_insert_page[b-25kffly1kc] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-25kffly1kc] {
        padding: 1.5rem 1.5rem 0;
    }

.return_insert_header h2[b-25kffly1kc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Purchase/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-ld4k331lhr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .Return_insert_header_left .form_check[b-ld4k331lhr] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-ld4k331lhr] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-ld4k331lhr] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.Return_create_container[b-ld4k331lhr] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-ld4k331lhr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-ld4k331lhr] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-ld4k331lhr] {
        margin: 0;
    }

.Return_create_container .form_group[b-ld4k331lhr] {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    justify-content: flex-start;
}

    .Return_create_container .form_group label[b-ld4k331lhr] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.options_group[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-ld4k331lhr] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-ld4k331lhr] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-ld4k331lhr] {
        width: 100%;
    }

    .options_group button:focus[b-ld4k331lhr] {
        outline: none;
        border: none;
        box-shadow: none;
    }


.Return_create_container .form_group input[b-ld4k331lhr] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .Return_create_container .form_group input:focus[b-ld4k331lhr] {
        outline: none;
    }

.Return_create_container .form_group select[b-ld4k331lhr] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .Return_create_container .form_group select:focus[b-ld4k331lhr] {
        outline: none;
    }



.add_product[b-ld4k331lhr] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-ld4k331lhr] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-ld4k331lhr] {
        opacity: .9;
    }


/*return modal */

[b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-ld4k331lhr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-ld4k331lhr] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-ld4k331lhr] .formClass {
    margin-top: 0;
}





.mainTable[b-ld4k331lhr] {
    margin-top: 4rem;
}

    .mainTable table[b-ld4k331lhr] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-ld4k331lhr] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-ld4k331lhr] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-ld4k331lhr] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-ld4k331lhr] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-ld4k331lhr] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-ld4k331lhr] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-ld4k331lhr] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-ld4k331lhr] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-ld4k331lhr] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-ld4k331lhr] {
                font-size: 1.4rem;
                font-weight: 400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-ld4k331lhr] {
                    padding-left: 1rem;
                }

.action_btn[b-ld4k331lhr] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-ld4k331lhr] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-ld4k331lhr] {
            width: 100%;
        }

.net_amount[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-ld4k331lhr] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-ld4k331lhr] {
        width: 40%;
    }

    .net_amount .form_group label[b-ld4k331lhr] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-ld4k331lhr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-ld4k331lhr] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-ld4k331lhr] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-ld4k331lhr] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-ld4k331lhr] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-ld4k331lhr] {
            font-weight: 600;
        }


/*return modal */

[b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-ld4k331lhr] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-ld4k331lhr] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-ld4k331lhr] {
        display: flex;
        align-items: flex-start;
    }

        .Return_insert_header_left .form_check label[b-yeds014zgf][b-ld4k331lhr] {
            font-size: 1rem;
        }

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-ld4k331lhr] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-ld4k331lhr] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

        .net_amount .form_group[b-ld4k331lhr] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-ld4k331lhr] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-ld4k331lhr] {
        width: 100%;
    }

    [b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-ld4k331lhr] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-ld4k331lhr] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable[b-ld4k331lhr] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-ld4k331lhr] {
        display: flex;
    }

    .mainTable table tr td[b-ld4k331lhr] {
        padding: 0 1rem;
    }

    [b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Purchase/InvoiceComponent.razor.rz.scp.css */
.invoice[b-70qy6a6rq9] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-70qy6a6rq9] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-70qy6a6rq9] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-70qy6a6rq9] {
            width: 100%;
        }

    .logo .logo_text[b-70qy6a6rq9] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-70qy6a6rq9] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-70qy6a6rq9] {
        color: blue;
    }




.company_info[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-70qy6a6rq9] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-70qy6a6rq9] {
            font-weight: 400;
        }

.invoice_date[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-70qy6a6rq9] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-70qy6a6rq9] {
            font-weight: 400;
        }

.invoice_info[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-70qy6a6rq9] {
    width: 25rem;
}

    .left_info h3[b-70qy6a6rq9] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-70qy6a6rq9] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align: right;
    }

        .right_info h4:nth-child(2)[b-70qy6a6rq9] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-70qy6a6rq9] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-70qy6a6rq9] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-70qy6a6rq9] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-70qy6a6rq9] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-70qy6a6rq9] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-70qy6a6rq9] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-70qy6a6rq9] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-70qy6a6rq9] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-70qy6a6rq9] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-70qy6a6rq9] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-70qy6a6rq9] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-70qy6a6rq9] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-70qy6a6rq9] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-70qy6a6rq9] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-70qy6a6rq9] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-70qy6a6rq9] {
    width: 36.5%;
}

    .sub_total .sub_items[b-70qy6a6rq9] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-70qy6a6rq9] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-70qy6a6rq9] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-70qy6a6rq9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-70qy6a6rq9] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-70qy6a6rq9] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-70qy6a6rq9] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-70qy6a6rq9] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-70qy6a6rq9]:before {
                bottom: 12px;
            }

    .company_info[b-70qy6a6rq9] {
        padding: 1rem;
    }

    .invoice_info[b-70qy6a6rq9] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-70qy6a6rq9] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-70qy6a6rq9] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-70qy6a6rq9] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-70qy6a6rq9] {
        width: 100%;
        padding: 1rem;
    }

    .payment_and_notes[b-70qy6a6rq9] {
        padding: 0 1rem;
        gap: 1rem;
    }

    .terms[b-70qy6a6rq9] {
        margin: 3rem 2rem 0;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-70qy6a6rq9] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-70qy6a6rq9] {
        padding: 0 0 3rem 0;
    }

    .terms[b-70qy6a6rq9] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Purchase/List.razor.rz.scp.css */
.content_box_inner[b-1jqetnwlap] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-1jqetnwlap] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-1jqetnwlap] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-1jqetnwlap] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-1jqetnwlap] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-1jqetnwlap] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-1jqetnwlap] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-1jqetnwlap] {
        outline-color: gray;
    }


.action_btn[b-1jqetnwlap] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1jqetnwlap] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1jqetnwlap] {
            width: 100%;
        }

[b-1jqetnwlap] .Return_create_container {
    padding: 0;
}

[b-1jqetnwlap] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-1jqetnwlap] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius: .5rem;
}

[b-1jqetnwlap] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-1jqetnwlap] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-1jqetnwlap] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-1jqetnwlap] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-1jqetnwlap]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-1jqetnwlap] {
        padding: 1rem;
    }

    .purchase_header h2[b-1jqetnwlap] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-1jqetnwlap] {
        font-size: 1.1rem;
    }

    .search-box[b-1jqetnwlap] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-1jqetnwlap] {
            font-size: 1.1rem;
        }

    [b-1jqetnwlap] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-1jqetnwlap] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-1jqetnwlap] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-1jqetnwlap] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Sale/Insert.razor.rz.scp.css */
.return_insert_page[b-l8z7xlau0l] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-l8z7xlau0l] {
        padding: 1.5rem 1.5rem 0;
    }
.return_insert_header h2[b-l8z7xlau0l] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Sale/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-m37iyjts14] {
    display: flex;
    flex-direction:column;
    gap:1rem;
}

    .Return_insert_header_left .form_check[b-m37iyjts14] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-m37iyjts14] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-m37iyjts14] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.Return_create_container[b-m37iyjts14] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-m37iyjts14] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-m37iyjts14] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-m37iyjts14] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-m37iyjts14] {
        margin: 0;
    }

    .Return_create_container .form_group[b-m37iyjts14] {
        display: flex;
        flex-direction: column;
        /*gap: 1rem;*/
        justify-content: flex-start;
    }

        .Return_create_container .form_group label[b-m37iyjts14] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
        }
.options_group[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-m37iyjts14] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-m37iyjts14] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-m37iyjts14] {
        width: 100%;
    }

    .options_group button:focus[b-m37iyjts14] {
        outline: none;
        border: none;
        box-shadow: none;
    }
    

        .Return_create_container .form_group input[b-m37iyjts14] {
            padding: 0.7rem;
            font-size: 1.3rem;
            border: 1px solid #d5d5d5;
            background: var(--primary-bg);
        }

            .Return_create_container .form_group input:focus[b-m37iyjts14] {
                outline: none;
            }

        .Return_create_container .form_group select[b-m37iyjts14] {
            padding: 0.7rem;
            font-size: 1.3rem;
            border: 1px solid #d5d5d5;
            background: var(--primary-bg);
            cursor: pointer;
        }

            .Return_create_container .form_group select:focus[b-m37iyjts14] {
                outline: none;
            }



.add_product[b-m37iyjts14] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-m37iyjts14] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-m37iyjts14] {
        opacity: .9;
    }


/*return modal */

[b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-m37iyjts14] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-m37iyjts14] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-m37iyjts14] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-m37iyjts14] .formClass {
    margin-top: 0;
}





.mainTable[b-m37iyjts14] {
    margin-top: 4rem;
}
    .mainTable table[b-m37iyjts14] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-m37iyjts14] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-m37iyjts14] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }
            .mainTable table thead tr td[b-m37iyjts14] {
                font-size: 1.5rem;
                color: black;
                font-weight: 500;
                white-space: nowrap;
            }

                .mainTable table thead tr td:first-child[b-m37iyjts14] {
                    padding-left: 1rem;
                }

                .mainTable table thead tr td:last-child[b-m37iyjts14] {
                    text-align: right;
                    padding-right: 1rem;
                }

        /*body*/
        .mainTable table tbody tr[b-m37iyjts14] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }
            .mainTable table tbody tr:last-child[b-m37iyjts14] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-m37iyjts14] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-m37iyjts14] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-m37iyjts14] {
                font-size: 1.4rem;
                font-weight:400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-m37iyjts14] {
                    padding-left: 1rem;
                }
.action_btn[b-m37iyjts14] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-m37iyjts14] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-m37iyjts14] {
            width: 100%;
        }

.net_amount[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-m37iyjts14] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-m37iyjts14] {
        width: 40%;
    }

    .net_amount .form_group label[b-m37iyjts14] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-m37iyjts14] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-m37iyjts14] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-m37iyjts14] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-m37iyjts14] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-m37iyjts14] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-m37iyjts14] {
            font-weight: 600;
        }


/*return modal */

[b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-m37iyjts14] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-m37iyjts14] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-m37iyjts14] {
        display: flex;
        align-items: flex-start;
    }
        .Return_insert_header_left .form_check label[b-yeds014zgf][b-m37iyjts14] {
            font-size: 1rem;
        }

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        grid-template-columns: repeat(1, 1fr);
    }
    .form_N_title_wraper .feilds[b-m37iyjts14] {
        grid-template-columns: repeat(1, 1fr);
    }
    .mainTable[b-m37iyjts14] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-m37iyjts14] {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }
        .net_amount .form_group[b-m37iyjts14] {
            width: 100%;
            height: 12rem;
        }
    .mainTable table tr td[b-m37iyjts14] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-m37iyjts14] {
        width: 100%;
    }
    [b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-m37iyjts14] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-m37iyjts14] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        grid-template-columns: repeat(2, 1fr);
    }
    .form_N_title_wraper .feilds[b-m37iyjts14] {
        grid-template-columns: repeat(3, 1fr);
    }
    .mainTable[b-m37iyjts14] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-m37iyjts14] {
        display: flex;
    }

    .mainTable table tr td[b-m37iyjts14] {
        padding: 0 1rem;
    }
    [b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Sale/InsertModal.razor.rz.scp.css */
::deep .CustomeModal[BaseModal-scope][BaseModal-scope][b-jkq9a6g6hy] {
    top: 7rem;
}

[b-jkq9a6g6hy] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Return/Sale/InvoiceComponent.razor.rz.scp.css */
.invoice[b-98u6mincz3] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-98u6mincz3] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-98u6mincz3] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-98u6mincz3] {
            width: 100%;
        }

    .logo .logo_text[b-98u6mincz3] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-98u6mincz3] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-98u6mincz3] {
        color: blue;
    }




.company_info[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-98u6mincz3] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-98u6mincz3] {
            font-weight: 400;
        }

.invoice_date[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-98u6mincz3] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-98u6mincz3] {
            font-weight: 400;
        }

.invoice_info[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-98u6mincz3] {
    width: 25rem;
}

    .left_info h3[b-98u6mincz3] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-98u6mincz3] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align:right;
    }

        .right_info h4:nth-child(2)[b-98u6mincz3] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-98u6mincz3] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-98u6mincz3] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-98u6mincz3] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-98u6mincz3] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-98u6mincz3] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-98u6mincz3] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-98u6mincz3] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-98u6mincz3] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space:nowrap;
        }

        .invoice_table table tbody tr[b-98u6mincz3] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-98u6mincz3] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-98u6mincz3] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-98u6mincz3] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-98u6mincz3] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-98u6mincz3] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-98u6mincz3] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-98u6mincz3] {
    width: 36.5%;
}

    .sub_total .sub_items[b-98u6mincz3] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-98u6mincz3] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-98u6mincz3] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-98u6mincz3] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-98u6mincz3] {
    padding: 1rem 3rem;
    padding-top:0;
}

    .greating p[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        margin:0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-98u6mincz3] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-98u6mincz3] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-98u6mincz3] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-98u6mincz3]:before {
                bottom: 12px;
            }
    .company_info[b-98u6mincz3]{
        padding: 1rem;
    }
    .invoice_info[b-98u6mincz3] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-98u6mincz3] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-98u6mincz3] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-98u6mincz3] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-98u6mincz3] {
        width: 100%;
        padding: 1rem;
    }
    .payment_and_notes[b-98u6mincz3]{
        padding: 0 1rem;
        gap: 1rem;
    }
    .terms[b-98u6mincz3] {
        margin: 3rem 2rem 0;
    }

}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-98u6mincz3] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-98u6mincz3] {
        padding: 0 0 3rem 0;
    }

    .terms[b-98u6mincz3] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Sale/InvoiceModal.razor.rz.scp.css */
[b-jqtelwn5r1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-jqtelwn5r1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-jqtelwn5r1] .invoice {
    margin: 0;
}

[b-jqtelwn5r1] #ReturnInvoiceModal .modal_box[BaseModal-scope] {
    padding: 0;
}

[b-jqtelwn5r1] .PrintModal .modal_head {
    background: white;
}
/* /Components/Pages/Return/Sale/List.razor.rz.scp.css */
.content_box_inner[b-sods1rg8qn] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-sods1rg8qn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-sods1rg8qn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-sods1rg8qn] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-sods1rg8qn] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-sods1rg8qn] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-sods1rg8qn] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-sods1rg8qn] {
        outline-color: gray;
    }


.action_btn[b-sods1rg8qn] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-sods1rg8qn] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-sods1rg8qn] {
            width: 100%;
        }

[b-sods1rg8qn] .Return_create_container {
    padding: 0;
}
[b-sods1rg8qn] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-sods1rg8qn] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius:.5rem;
}

[b-sods1rg8qn] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-sods1rg8qn] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important; 
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-sods1rg8qn] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-sods1rg8qn] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-sods1rg8qn]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-sods1rg8qn] {
        padding: 1rem;
    }

    .purchase_header h2[b-sods1rg8qn] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-sods1rg8qn] {
        font-size: 1.1rem;
    }

    .search-box[b-sods1rg8qn] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-sods1rg8qn] {
            font-size: 1.1rem;
        }

    [b-sods1rg8qn] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-sods1rg8qn] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-sods1rg8qn] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-sods1rg8qn] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Sale/ReturnDetail.razor.rz.scp.css */
.return_details[b-hjdp1hf369] {
    background: var(--primary-bg);
}
.return_details_header[b-hjdp1hf369] {
    display: flex;
    justify-content: space-between;
    padding:2rem 2rem 0;
    align-items:center;
}
    .return_details_header h2[b-hjdp1hf369] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }
.submit_btn a[b-hjdp1hf369] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}
[b-hjdp1hf369] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}
@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-hjdp1hf369] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-hjdp1hf369] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Sale/ReturnDetailComponent.razor.rz.scp.css */
.invoice[b-pw9r0z1orj] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding:0 2rem  2rem;
}

.date_and_action[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-pw9r0z1orj] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-pw9r0z1orj] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-pw9r0z1orj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-pw9r0z1orj] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-pw9r0z1orj] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-pw9r0z1orj] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-pw9r0z1orj] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-pw9r0z1orj] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-pw9r0z1orj] {
            height: 40px;
        }

        .invoice_table table thead[b-pw9r0z1orj] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-pw9r0z1orj] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-pw9r0z1orj] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-pw9r0z1orj] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-pw9r0z1orj] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-pw9r0z1orj] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-pw9r0z1orj] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-pw9r0z1orj] {
                padding: .5rem 2rem;
                white-space:nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-pw9r0z1orj] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.pyamet_method[b-pw9r0z1orj] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-pw9r0z1orj] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-pw9r0z1orj] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-pw9r0z1orj] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-pw9r0z1orj] {
    width: 36.5%;
}

    .sub_total .sub_items[b-pw9r0z1orj] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-pw9r0z1orj] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-pw9r0z1orj] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-pw9r0z1orj] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-pw9r0z1orj] {
        width: 35%;
    }

        .terms .conditions h2[b-pw9r0z1orj] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-pw9r0z1orj] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-pw9r0z1orj] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-pw9r0z1orj] {
        padding: 1rem;
    }

    .date_and_action[b-pw9r0z1orj] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-pw9r0z1orj] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-pw9r0z1orj] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-pw9r0z1orj] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-pw9r0z1orj] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-pw9r0z1orj] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Sale/ReturnDetailModal.razor.rz.scp.css */
[b-ttmioyug12] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80% !important;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-ttmioyug12] .invoice {
    margin: 0;
    padding-top:0;
}

[b-ttmioyug12] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/SalePaymentHistory/SalePaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-fkbxn9r30o] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
/*custom scrollbar for notification dorpdown*/
    .history_table[b-fkbxn9r30o]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-fkbxn9r30o] {
    width: 100%;
    margin-top: .5rem;
}
thead[b-fkbxn9r30o] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}
table thead tr[b-fkbxn9r30o]{
    border-bottom:1px solid lightgray;
}

    table thead tr th[b-fkbxn9r30o] {
        padding:0 .5rem .5rem;
        font-size:1.3rem;
        font-weight:500;
    }
        table thead tr th:last-child[b-fkbxn9r30o] {
            text-align: right;
        }

tbody tr td[b-fkbxn9r30o] {
    padding: .5rem;
    font-size:1.2rem;
    font-weight:400;
}
    tbody tr td:last-child[b-fkbxn9r30o]{
        text-align:right;
    }
tbody tr:nth-child(odd)[b-fkbxn9r30o] {
    background: #f1f1f1;
}
/* /Components/Pages/Sale/Insert.razor.rz.scp.css */
.sales_innsert_page[b-bvqtnml2s6] {
    background: var(--primary-bg);
}
    .sales_innsert_page .sales_insert_header[b-bvqtnml2s6] {
        padding: 1.5rem 1.5rem 0;
    }
.sales_insert_header h2[b-bvqtnml2s6] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
[b-bvqtnml2s6] .salse_insert_header_left h2 {
    display: none;
}
/* /Components/Pages/Sale/InsertComponent.razor.rz.scp.css */
.salse_insert_header[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 0rem;
    z-index: 9;
}

.salse_insert_header_left[b-i8jxrp0kb1] {
    display: flex;
    align-items: center;
}

.checkbox_group[b-i8jxrp0kb1] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox_group label[b-i8jxrp0kb1] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        line-height: 0;
    }


.sale_create_container[b-i8jxrp0kb1] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-i8jxrp0kb1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

.sale_create_first_container .form_N_title_product_wraper .feilds[b-i8jxrp0kb1] {
    grid-template-columns: repeat(4, 1fr);
}

.form_N_title_wraper h3[b-i8jxrp0kb1] {
    padding-bottom: .5rem;
    width: fit-content;
}

.form_N_title_wraper hr[b-i8jxrp0kb1] {
    margin: 0;
}

.options_group[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-i8jxrp0kb1] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

[b-i8jxrp0kb1] .BaseInput[BaseInputElement-scope] {
    width: 100%;
}

.options_group button[b-i8jxrp0kb1] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: 0;
    background: transparent;
    color: var(--addInputBtn);
    outline: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .options_group button img[b-i8jxrp0kb1] {
        width: 100%;
    }


    .options_group button:focus[b-i8jxrp0kb1] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.sale_create_container .form_group input[b-i8jxrp0kb1] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .sale_create_container .form_group input:focus[b-i8jxrp0kb1] {
        outline: none;
    }

.sale_create_container .form_group select[b-i8jxrp0kb1] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .sale_create_container .form_group select:focus[b-i8jxrp0kb1] {
        outline: none;
    }

.quantiry_status[b-i8jxrp0kb1] {
    font-size: 1.25rem;
}

.add_product[b-i8jxrp0kb1] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-i8jxrp0kb1] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-i8jxrp0kb1] {
        opacity: .9;
    }



.mainTable[b-i8jxrp0kb1] {
    margin-top: 4rem;
}


    .mainTable table[b-i8jxrp0kb1] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-i8jxrp0kb1] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-i8jxrp0kb1] {
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-i8jxrp0kb1] {
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-i8jxrp0kb1] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-i8jxrp0kb1] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-i8jxrp0kb1] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-i8jxrp0kb1] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-i8jxrp0kb1] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-i8jxrp0kb1] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-i8jxrp0kb1] {
                font-size: 1.4rem;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-i8jxrp0kb1] {
                    padding-left: 1rem;
                }

.action_btn[b-i8jxrp0kb1] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-i8jxrp0kb1] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-i8jxrp0kb1] {
            width: 100%;
        }

.net_amount[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group h2[b-i8jxrp0kb1] {
        font-size: 1.4rem;
        font-weight: 500;
        font-family: "Josefin Sans", sans-serif;
    }

    .net_amount .total_amount[b-i8jxrp0kb1] {
        width: 40%;
    }

    .net_amount .select_group[b-i8jxrp0kb1] {
        padding: 1rem 0;
    }

    .net_amount .form_group label[b-i8jxrp0kb1] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

    .net_amount .form_group[b-i8jxrp0kb1] {
        height: 15rem;
        width: 35%;
    }

    .net_amount .shipping_form_group .shipping_select_group textarea[b-i8jxrp0kb1] {
        border: 1px solid #d5d5d5;
        width: 100%;
    }

.shipping_form_group[b-i8jxrp0kb1] {
    margin-top: 3rem;
}

    .shipping_form_group .shipping_select_group[b-i8jxrp0kb1] {
        padding: 5px;
    }

.discountField[b-i8jxrp0kb1] {
    display: flex;
    justify-content: flex-end;
}

    .discountField #SpecialDiscountPriceId[b-i8jxrp0kb1], #ExtraCostId[b-i8jxrp0kb1], #ShippingCostId[b-i8jxrp0kb1] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-i8jxrp0kb1] {
        margin-right: 2px;
    }

.collection-field[b-i8jxrp0kb1] {
    display: flex;
    justify-content: flex-end;
}

    .collection-field input[b-i8jxrp0kb1] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

.total_amount ul[b-i8jxrp0kb1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-i8jxrp0kb1] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-i8jxrp0kb1] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-i8jxrp0kb1] {
            font-size: 1.5rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-i8jxrp0kb1] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

/*modals css */
.sale_view_container[b-i8jxrp0kb1] {
    height: 100%;
}

[b-i8jxrp0kb1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-i8jxrp0kb1] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-i8jxrp0kb1] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-i8jxrp0kb1] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-i8jxrp0kb1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-i8jxrp0kb1] .formClass {
    margin-top: 0;
}
/*tooltip */
[b-i8jxrp0kb1] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-i8jxrp0kb1] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.radio-button-container[b-i8jxrp0kb1] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.radio-button[b-i8jxrp0kb1] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.radio-button__input[b-i8jxrp0kb1] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-i8jxrp0kb1] {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-size: 1.8rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
    margin-right: 20px;
}

.radio-button__custom[b-i8jxrp0kb1] {
    position: absolute;
    top: 8px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-i8jxrp0kb1] {
    background-color: #5aa55f;
    border-color: transparent;
    transform: scale(1.3);
    box-shadow: 0 0 20px #4c8bf580;
}

.variant-section[b-i8jxrp0kb1] {
    width: 100%;
    max-width: 915px;
    margin-top: 8px;
}

.variant-title[b-i8jxrp0kb1] {
    font-size: 17px;
    color: #263238;
    margin-bottom: 7px;
}

.variant-list[b-i8jxrp0kb1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    background: #fafafa;
    border: 1px solid #dedede;
    border-radius: 7px;
    flex-wrap: wrap;
}

.variant-item[b-i8jxrp0kb1] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 78px;
    height: 38px;
    padding: 0 11px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.15s ease;
}

    .variant-item input[b-i8jxrp0kb1] {
        position: absolute;
        opacity: 0;
    }

.custom-checkbox[b-i8jxrp0kb1] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #b8b8b8;
    border-radius: 4px;
    background: #fff;
}

.checkmark[b-i8jxrp0kb1] {
    display: none;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.variant-text[b-i8jxrp0kb1] {
    font-size: 15px;
    color: #263238;
}

/* Hover */

.variant-item:hover[b-i8jxrp0kb1] {
    border-color: #63ad5c;
    background: #f7fcf6;
}

/* Checked */

.variant-item:has(input:checked)[b-i8jxrp0kb1] {
    background: #eef8ed;
    border-color: #b9ddb6;
}

    .variant-item:has(input:checked) .custom-checkbox[b-i8jxrp0kb1] {
        background: #5caf58;
        border-color: #5caf58;
    }

    .variant-item:has(input:checked) .checkmark[b-i8jxrp0kb1] {
        display: block;
    }

    .variant-item:has(input:checked) .variant-text[b-i8jxrp0kb1] {
        color: #438640;
        font-weight: 500;
    }

.radio-button__input:checked + .radio-button__label[b-i8jxrp0kb1] {
    color: #5aa55f;
}

.radio-button__label:hover .radio-button__custom[b-i8jxrp0kb1] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

@media (min-width:320px) and (max-width: 767.98px) {
    .salse_insert_header[b-i8jxrp0kb1] {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .salse_insert_header_left[b-i8jxrp0kb1] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-i8jxrp0kb1] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-i8jxrp0kb1] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
    }


    .mainTable table tr td[b-i8jxrp0kb1] {
        padding: 0 1rem;
    }

    .net_amount .form_group[b-i8jxrp0kb1] {
        height: 100%;
        width: 100%;
    }

        .net_amount .form_group textarea[b-i8jxrp0kb1] {
            height: 5rem;
        }

    .net_amount .total_amount[b-i8jxrp0kb1] {
        width: 100%;
    }

    [b-i8jxrp0kb1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
        top: 0rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .salse_insert_header[b-i8jxrp0kb1] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .salse_insert_header_left[b-i8jxrp0kb1] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mainTable[b-i8jxrp0kb1] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-i8jxrp0kb1] {
        display: flex;
        flex-direction: row;
    }

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable table tr td[b-i8jxrp0kb1] {
        padding: 0 1rem;
    }
}

.submit_section[b-i8jxrp0kb1] {
    justify-content: right !important;
    margin-top: 20px;
    margin-bottom: 40px;
}

[b-i8jxrp0kb1] .formClass .checkbox input {
    width: auto !important;
}

[b-i8jxrp0kb1] .formClass input, textarea[b-i8jxrp0kb1] {
    font-size: 1.5rem !important;
}

.text-danger[b-i8jxrp0kb1] {
    font-size: 15px !important;
}

/* Optimized component helpers */
.sale_create_container .quantity-message[b-i8jxrp0kb1] {
    font-size: 1.4rem;
}

.sale_create_container .stock-quantity-message[b-i8jxrp0kb1] {
    display: inline-block;
    margin-top: 5px;
}

.sale_create_container .serials-text[b-i8jxrp0kb1] {
    font-size: 10px;
}

.fixed-discount-option[b-i8jxrp0kb1] {
    display: inline-flex;
    align-items: center;
    padding-right: 10px;
}

    .fixed-discount-option label[b-i8jxrp0kb1] {
        margin-left: 5px;
        font-size: 1.4rem;
    }

.shipping_form_group[b-i8jxrp0kb1] {
    width: 100% !important;
}

@media (max-width: 767.98px) {
    .variant-section[b-i8jxrp0kb1] {
        max-width: 100%;
    }

    .radio-button-container[b-i8jxrp0kb1] {
        flex-wrap: wrap;
        gap: 8px;
    }

    .radio-button__label[b-i8jxrp0kb1] {
        margin-right: 10px;
    }
}
/* /Components/Pages/Sale/InsertModal.razor.rz.scp.css */
[b-9vvigxck11] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    background: white;
    border-radius: .5rem;
    width: 100%;
    max-width: 1600px;
}
/* /Components/Pages/Sale/InvoiceComponent.razor.rz.scp.css */
/* Scoped invoice preview. Print templates remain controlled by the existing print components. */
.saleInvoiceComponentClass[b-6dpl0su5pn] {
    --invoice-blue: #1177bd;
    --invoice-border: #dedede;
    color: #2a2a2a;
    font: 14px/1.45 "Segoe UI",Arial,sans-serif;
    min-width: 0;
}

    .saleInvoiceComponentClass *[b-6dpl0su5pn] {
        box-sizing: border-box;
    }

.invoice-action-header[b-6dpl0su5pn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--invoice-border);
    padding: 3px 0 15px;
    margin-bottom: 12px;
}

.invoice-action-title[b-6dpl0su5pn] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

    .invoice-action-title h2[b-6dpl0su5pn] {
        margin: 0;
        font-size: 23px;
        font-weight: 650;
        color: #282828;
    }

    .invoice-action-title p[b-6dpl0su5pn] {
        margin: 3px 0 0;
        color: #777;
        font-size: 13px;
    }

.invoice-action-icon[b-6dpl0su5pn] {
    display: grid;
    place-items: center;
    flex: 0 0 48px;
    height: 48px;
    border-radius: 8px;
    background: #edf7fd;
    color: var(--invoice-blue);
    font-size: 25px;
}

.submit_btn[b-6dpl0su5pn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.invoice-btn[b-6dpl0su5pn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 38px;
    padding: 0 15px;
    border: 1px solid var(--invoice-border);
    border-radius: 5px;
    background: #fff;
    color: #30353a;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .invoice-btn:hover:not(:disabled)[b-6dpl0su5pn] {
        background: #f4f5f6;
    }

.invoice-btn-primary[b-6dpl0su5pn] {
    background: var(--invoice-blue);
    border-color: var(--invoice-blue);
    color: white;
}

    .invoice-btn-primary:hover:not(:disabled)[b-6dpl0su5pn] {
        background: #0b65a5;
    }

.invoice-btn-success[b-6dpl0su5pn] {
    background: #198754;
    border-color: #198754;
    color: #fff;
}

    .invoice-btn-success:hover:not(:disabled)[b-6dpl0su5pn] {
        background: #146c43;
    }

.invoice-btn:disabled[b-6dpl0su5pn] {
    opacity: .65;
    cursor: wait;
}

.invoice-btn-spinner[b-6dpl0su5pn] {
    width: 15px;
    height: 15px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: invoice-spin-b-6dpl0su5pn .65s linear infinite;
}

@keyframes invoice-spin-b-6dpl0su5pn {
    to {
        transform: rotate(360deg);
    }
}

.invoice-message[b-6dpl0su5pn] {
    padding: 12px 14px;
    margin: 12px 0;
    border-radius: 6px;
}

.invoice-error[b-6dpl0su5pn] {
    background: #fff3f4;
    border: 1px solid #f4b4bc;
    color: #9c1010;
}

.content_box_inner[b-6dpl0su5pn] {
    min-width: 0;
}

.invoice[b-6dpl0su5pn] {
    margin: 12px 0;
    border: 1px solid var(--invoice-border);
    border-radius: 7px;
    background: #fff;
    overflow: hidden;
}

.invoice_header[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 24px;
}

.logo[b-6dpl0su5pn] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

    .logo .logo_img[b-6dpl0su5pn] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-6dpl0su5pn] {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

    .logo .logo_text[b-6dpl0su5pn] {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
    }

.invoice_serial h3[b-6dpl0su5pn] {
    font-size: 20px;
    font-weight: 500;
    color: #515365;
    margin: 0;
}

    .invoice_serial h3 span[b-6dpl0su5pn] {
        color: var(--invoice-blue);
    }

.company_info[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 0 24px 24px;
}

.address[b-6dpl0su5pn], .invoice_date[b-6dpl0su5pn] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .address p[b-6dpl0su5pn], .invoice_date p[b-6dpl0su5pn] {
        font-size: 14px;
        font-weight: 500;
        margin: 0;
    }

        .address p:first-child[b-6dpl0su5pn] {
            font-weight: 600;
        }

#invoice_title[b-6dpl0su5pn] {
    font-size: 18px;
}

.invoice_date[b-6dpl0su5pn] {
    align-items: flex-end;
}

    .invoice_date p span[b-6dpl0su5pn] {
        font-weight: 400;
    }

.invoice_info[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 24px;
}

.left_info[b-6dpl0su5pn], .right_info[b-6dpl0su5pn] {
    min-width: 0;
    max-width: 48%;
}

    .left_info h3[b-6dpl0su5pn], .right_info h3[b-6dpl0su5pn] {
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: .03em;
        color: #777;
        font-weight: 600;
        margin: 0 0 10px;
    }

    .left_info h4[b-6dpl0su5pn], .right_info h4[b-6dpl0su5pn] {
        font-size: 14px;
        font-weight: 400;
        margin: 0 0 5px;
        overflow-wrap: anywhere;
    }

        .left_info h4:nth-child(2)[b-6dpl0su5pn], .right_info h4:nth-child(2)[b-6dpl0su5pn] {
            color: var(--invoice-blue);
            font-weight: 600;
        }

.right_info[b-6dpl0su5pn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h4[b-6dpl0su5pn] {
        text-align: right;
    }

.invoice_table[b-6dpl0su5pn] {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 18px;
}

    .invoice_table table[b-6dpl0su5pn] {
        width: 100%;
        min-width: 650px;
        border-collapse: collapse;
    }

        .invoice_table table thead[b-6dpl0su5pn] {
            background: #f5f6f7;
        }

            .invoice_table table thead th[b-6dpl0su5pn] {
                font-size: 12px;
                font-weight: 600;
                color: #61676c;
                text-transform: uppercase;
                text-align: left;
                padding: 11px 14px;
                border-bottom: 1px solid #e6e6e6;
                white-space: nowrap;
            }

        .invoice_table table tbody tr[b-6dpl0su5pn] {
            border-bottom: 1px solid #eee;
        }

            .invoice_table table tbody tr:hover[b-6dpl0su5pn] {
                background: #edf7fd;
            }

        .invoice_table table tbody td[b-6dpl0su5pn] {
            font-size: 14px;
            padding: 10px 14px;
            vertical-align: top;
        }

            .invoice_table table tbody td p[b-6dpl0su5pn] {
                margin: 0;
            }

        .invoice_table table th:last-child[b-6dpl0su5pn], .invoice_table table td:last-child[b-6dpl0su5pn] {
            text-align: right;
        }

.sub_and_payment_method[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 24px 24px;
}

.payment_and_notes[b-6dpl0su5pn] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    font-size: 14px;
}

    .payment_and_notes .notes[b-6dpl0su5pn] {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

        .payment_and_notes .notes h2[b-6dpl0su5pn] {
            font-size: 14px;
            font-weight: 600;
        }

.sub_total[b-6dpl0su5pn] {
    flex: 0 0 37%;
    min-width: 240px;
}

    .sub_total .sub_items[b-6dpl0su5pn] {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 9px 0;
        border-bottom: 1px solid #eee;
        font-size: 14px;
    }

        .sub_total .sub_items:last-child[b-6dpl0su5pn] {
            font-weight: 600;
            color: #b45309;
        }

.greating[b-6dpl0su5pn] {
    padding: 16px 24px;
}

    .greating p[b-6dpl0su5pn] {
        font-size: 13px;
        color: #777;
        margin: 0;
    }

[b-6dpl0su5pn] .modal_head {
    padding: 0;
}

@media(max-width:767.98px) {
    .invoice-action-title h2[b-6dpl0su5pn] {
        font-size: 20px;
    }

    .invoice-action-icon[b-6dpl0su5pn] {
        flex-basis: 42px;
        height: 42px;
    }

    .submit_btn[b-6dpl0su5pn] {
        justify-content: flex-start;
    }

    .invoice_header[b-6dpl0su5pn] {
        padding: 16px;
    }

    .logo .logo_img[b-6dpl0su5pn] {
        width: 40px;
        height: 40px;
    }

    .logo .logo_text[b-6dpl0su5pn] {
        font-size: 13px;
    }

    .invoice_serial h3[b-6dpl0su5pn] {
        font-size: 13px;
    }

    .company_info[b-6dpl0su5pn], .invoice_info[b-6dpl0su5pn] {
        padding: 12px 16px;
        flex-direction: column;
    }

    .invoice_date[b-6dpl0su5pn], .right_info[b-6dpl0su5pn] {
        align-items: flex-start;
    }

        .right_info h4[b-6dpl0su5pn] {
            text-align: left;
        }

    .left_info[b-6dpl0su5pn], .right_info[b-6dpl0su5pn] {
        max-width: 100%;
    }

    .sub_and_payment_method[b-6dpl0su5pn] {
        flex-direction: column;
        padding: 12px 16px;
    }

    .sub_total[b-6dpl0su5pn] {
        flex: auto;
        min-width: 0;
        width: 100%;
    }

    .greating[b-6dpl0su5pn] {
        padding: 14px 16px;
    }
}

@media print {
    .invoice-action-header[b-6dpl0su5pn], .invoice-message[b-6dpl0su5pn] {
        display: none !important;
    }

    .invoice[b-6dpl0su5pn] {
        border: 0;
        margin: 0;
    }
}

@media(prefers-reduced-motion:reduce) {
    .invoice-btn-spinner[b-6dpl0su5pn] {
        animation: none;
    }
}
/* /Components/Pages/Sale/InvoiceModal.razor.rz.scp.css */
[b-gyjrho1e1q] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-gyjrho1e1q] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-gyjrho1e1q] .invoice {
    margin: 0;
    background: white;
}

[b-gyjrho1e1q] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    background: transparent;
}

[b-gyjrho1e1q] .PrintModal .modal_head {
    background: white;
}

/* /Components/Pages/Sale/List.razor.rz.scp.css */
.content_box_inner[b-g1xao60enc] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
[b-g1xao60enc] .content_body {
    position: unset;
}
.content_box_inner .sales_header[b-g1xao60enc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-g1xao60enc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-g1xao60enc] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-g1xao60enc] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-g1xao60enc] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-g1xao60enc] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-g1xao60enc] {
        outline-color: gray;
    }

.action_btn[b-g1xao60enc] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-g1xao60enc] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-g1xao60enc] {
            width: 100%;
        }

/*update modal */

[b-g1xao60enc] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-g1xao60enc] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}
[b-g1xao60enc] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}
[b-g1xao60enc] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}
[b-g1xao60enc] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}
[b-g1xao60enc] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-g1xao60enc] .formClass {
    margin-top: 0;
}

[b-g1xao60enc] .salse_insert_header {
    padding: 0;
}

[b-g1xao60enc] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}
[b-g1xao60enc] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-g1xao60enc]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-g1xao60enc] {
        padding: 1rem;
    }
    .sales_header h2[b-g1xao60enc] {
        font-size: 1.8rem;
    }

    .sales_header a[b-g1xao60enc] {
        font-size: 1.1rem;
    }

    .search-box[b-g1xao60enc] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-g1xao60enc] {
            font-size: 1.1rem;
        }
    .sale_create_container[b-g1xao60enc] {
        padding: 0;
    }
    [b-g1xao60enc] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-g1xao60enc] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-g1xao60enc] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-g1xao60enc] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }
    [b-g1xao60enc] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
    }

    [b-g1xao60enc] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }
        [b-g1xao60enc] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Sale/SaleDetail.razor.rz.scp.css */
.sale_details[b-r0m3ro64ce]{
    background:var(--primary-bg);
}

.sale_details_header[b-r0m3ro64ce] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items:center;
}
    .sale_details_header h2[b-r0m3ro64ce] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-r0m3ro64ce] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}
[b-r0m3ro64ce] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}
@media (min-width:320px) and (max-width:767.98px) {
    .sale_details_header[b-r0m3ro64ce] {
        padding: 2rem 1rem 0;
        align-items: center;
    }
    .sale_details_header h2[b-r0m3ro64ce]{
        font-size: 1.45rem;
    }
}
/* /Components/Pages/Sale/SaleDetailComponent.razor.rz.scp.css */
.invoice[b-x72ywn1rsr] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-x72ywn1rsr] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-x72ywn1rsr] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-x72ywn1rsr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-x72ywn1rsr] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-x72ywn1rsr] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-x72ywn1rsr] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-x72ywn1rsr] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-x72ywn1rsr] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-x72ywn1rsr] {
            height: 40px;
        }

        .invoice_table table thead[b-x72ywn1rsr] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-x72ywn1rsr] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-x72ywn1rsr] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-x72ywn1rsr] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-x72ywn1rsr] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-x72ywn1rsr] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-x72ywn1rsr] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-x72ywn1rsr] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-x72ywn1rsr] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.pyamet_method[b-x72ywn1rsr] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-x72ywn1rsr] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: .7rem;
    }

    .payment_and_notes .notes p[b-x72ywn1rsr] {
        font-size: 1.3rem;
        font-weight: 400;
    }


.sub_and_payment_method .pyamet_method .bank_account[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-x72ywn1rsr] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-x72ywn1rsr] {
    width: 36.5%;
}

    .sub_total .sub_items[b-x72ywn1rsr] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-x72ywn1rsr] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-x72ywn1rsr] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-x72ywn1rsr] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-x72ywn1rsr] {
        width: 35%;
    }

        .terms .conditions h2[b-x72ywn1rsr] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-x72ywn1rsr] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-x72ywn1rsr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-x72ywn1rsr] {
        padding: 1rem;
        margin: 1rem 0;
    }

    .date_and_action[b-x72ywn1rsr] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-x72ywn1rsr] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-x72ywn1rsr] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-x72ywn1rsr] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-x72ywn1rsr] {
        width: 100%;
    }

    .payment_and_notes .notes[b-x72ywn1rsr] {
        width: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-x72ywn1rsr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Sale/SaleDetailModal.razor.rz.scp.css */
[b-577y2zamsk] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-577y2zamsk] .invoice {
    margin: 0;
    padding-top:0;
}

[b-577y2zamsk] .modal_head {
    background: var(--primary-bg);
    padding:3rem 3rem 0;
}
/* /Components/Pages/Size/Insert.razor.rz.scp.css */
.insert_page[b-7uqnm60b6f] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-7uqnm60b6f] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-7uqnm60b6f] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-7uqnm60b6f] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-7uqnm60b6f] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-7uqnm60b6f] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-7uqnm60b6f] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Size/InsertComponent.razor.rz.scp.css */
label[b-ofh990ancb] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Size/List.razor.rz.scp.css */
.content_box_inner[b-xrcj0d0fub] {
    width: 100%;
    padding: 0 0 6rem;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .variant_header[b-xrcj0d0fub] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variant_header h2[b-xrcj0d0fub] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.variant_header a[b-xrcj0d0fub] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xrcj0d0fub] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xrcj0d0fub] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xrcj0d0fub] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xrcj0d0fub] {
        outline-color: gray;
    }

.action_btn[b-xrcj0d0fub] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xrcj0d0fub] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xrcj0d0fub] {
            width: 100%;
        }

[b-xrcj0d0fub] .formClass {
    margin-top: 0;
}

[b-xrcj0d0fub] #ProductVariantInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xrcj0d0fub] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-xrcj0d0fub] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xrcj0d0fub] {
        padding: 1rem;
    }
    .variant_header h2[b-xrcj0d0fub] {
        font-size: 1.8rem;
    }

    .variant_header a[b-xrcj0d0fub] {
        font-size: 1.1rem;
    }

    .search-box[b-xrcj0d0fub] {
        justify-content: flex-start;
    }

    .search-box .search_key[b-xrcj0d0fub] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/Supplier/Insert.razor.rz.scp.css */
.insert_page[b-ap2n73j1h8] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ap2n73j1h8] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-ap2n73j1h8] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-ap2n73j1h8] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 40vw;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-ap2n73j1h8] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-ap2n73j1h8] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-ap2n73j1h8] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Supplier/InsertComponent.razor.rz.scp.css */

.input_group_main[b-w9ssbk758i] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}

.input_groups[b-w9ssbk758i] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

label[b-w9ssbk758i] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}

.input_group[b-w9ssbk758i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select_input_item[b-w9ssbk758i] {
    width: 100%;
}
.input_group button[b-w9ssbk758i] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

        .input_group button img[b-w9ssbk758i] {
            width: 100%;
        }

        .input_group button:focus[b-w9ssbk758i] {
            outline: none;
            border: none;
            box-shadow: none;
        }

[b-w9ssbk758i] .formClass textarea {
   height: auto;
}

.submit_btn[b-w9ssbk758i] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 0rem;
}


[b-w9ssbk758i] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-w9ssbk758i] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-w9ssbk758i] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-w9ssbk758i] #spanText {
    width: 110px;
}

@media (min-width: 320px) and (max-width:575.98px) {
    .input_group_main[b-w9ssbk758i] {
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    [b-w9ssbk758i] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-w9ssbk758i] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Supplier/InsertModal.razor.rz.scp.css */
[b-2f3ddosedn] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Supplier/List.razor.rz.scp.css */
.content_box_inner[b-a13bqu9nea] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .supplier_header[b-a13bqu9nea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supplier_header h2[b-a13bqu9nea] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.supplier_header a[b-a13bqu9nea] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-a13bqu9nea] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-a13bqu9nea] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-a13bqu9nea] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-a13bqu9nea] {
        outline-color: gray;
    }

.action_btn[b-a13bqu9nea] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-a13bqu9nea] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-a13bqu9nea] {
            width: 100%;
        }

[b-a13bqu9nea] .tableContainer[BaseTable-scope] {
    overflow-x: auto !important;
}

[b-a13bqu9nea] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-a13bqu9nea] .formClass {
    margin-top: 0;
}

[b-a13bqu9nea] #ProductUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
.action_btn[b-a13bqu9nea]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-a13bqu9nea] {
        padding: 1rem;
    }
    .supplier_header h2[b-a13bqu9nea] {
        font-size: 1.8rem;
    }

    .supplier_header a[b-a13bqu9nea] {
        font-size: 1.1rem;
    }

    .search-box[b-a13bqu9nea] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-a13bqu9nea] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Supplier/SupplierDetail.razor.rz.scp.css */
/* Supplier header matches Customer Details top-right action buttons. */
.supplier-page[b-tg17w74f0l] {
    --sd-primary: #0F6CBD;
    --sd-primary-hover: #115EA3;
    --sd-primary-light: #EFF6FC;
    --sd-text: #242424;
    --sd-muted: #605E5C;
    --sd-border: #E1DFDD;
    width: 100%;
    min-width: 0;
    padding-bottom: 40px;
    color: var(--sd-text);
    font: 14px "Segoe UI", Arial, sans-serif;
}

    .supplier-page *[b-tg17w74f0l] {
        box-sizing: border-box;
    }

.supplier-page-header[b-tg17w74f0l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 2px 0 16px;
    border-bottom: 1px solid var(--sd-border);
}

.supplier-page-heading[b-tg17w74f0l] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.supplier-page-icon[b-tg17w74f0l] {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 7px;
    background: var(--sd-primary-light);
    color: var(--sd-primary);
}

    .supplier-page-icon svg[b-tg17w74f0l] {
        width: 23px;
        height: 23px;
        fill: currentColor;
    }

.supplier-page-heading h1[b-tg17w74f0l] {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 650;
    margin: 0;
    color: var(--sd-text);
}

.supplier-page-heading p[b-tg17w74f0l] {
    font-size: 13px;
    line-height: 1.35;
    margin: 4px 0 0;
    color: var(--sd-muted);
}

.supplier-page-actions[b-tg17w74f0l] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    gap: 8px;
    margin: 0;
    min-width: 0;
}

.sd-action-separator[b-tg17w74f0l] {
    width: 1px;
    height: 22px;
    margin: 0 4px;
    background: var(--sd-border);
    flex: none;
}

.supplier-page .sd-btn[b-tg17w74f0l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    gap: 8px;
    width: auto;
    min-width: 0;
    height: 40px;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 13px/1.2 "Segoe UI",Arial,sans-serif;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    appearance: none;
    box-shadow: none;
    transition: background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;
}

    .supplier-page .sd-btn svg[b-tg17w74f0l] {
        display: block;
        width: 17px;
        height: 17px;
        flex: 0 0 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
/* Match Customer Details explicit link/visited/hover colors, not Bootstrap defaults. */
.supplier-page .supplier-page-actions a.sd-btn-back[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-back:link[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-back:visited[b-tg17w74f0l] {
    color: #484644 !important;
    background: #fff !important;
    border-color: #C8C6C4 !important;
    box-shadow: none !important;
    font-weight: 500;
}

    .supplier-page .supplier-page-actions a.sd-btn-back:hover[b-tg17w74f0l] {
        color: #242424 !important;
        background: #F3F2F1 !important;
        border-color: #8A8886 !important;
        box-shadow: none !important;
    }

.supplier-page .supplier-page-actions a.sd-btn-edit[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-edit:link[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-edit:visited[b-tg17w74f0l] {
    color: #0F6CBD !important;
    background: #fff !important;
    border-color: #B7D7F4 !important;
    box-shadow: none !important;
}

    .supplier-page .supplier-page-actions a.sd-btn-edit:hover[b-tg17w74f0l] {
        color: #0B5799 !important;
        background: #EFF6FC !important;
        border-color: #8FC2ED !important;
        box-shadow: none !important;
    }

.supplier-page .supplier-page-actions a.sd-btn-primary[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-primary:link[b-tg17w74f0l],
.supplier-page .supplier-page-actions a.sd-btn-primary:visited[b-tg17w74f0l] {
    color: #fff !important;
    background: #0F6CBD !important;
    border-color: #0F6CBD !important;
    box-shadow: 0 2px 5px rgba(15,108,189,.14) !important;
}

    .supplier-page .supplier-page-actions a.sd-btn-primary:hover[b-tg17w74f0l] {
        color: #fff !important;
        background: #115EA3 !important;
        border-color: #115EA3 !important;
        box-shadow: 0 4px 11px rgba(15,108,189,.18) !important;
    }

.supplier-page .supplier-page-actions a.sd-btn:focus-visible[b-tg17w74f0l] {
    outline: 2px solid #0F6CBD;
    outline-offset: 2px;
}

@media(max-width:900px) {
    .supplier-page-header[b-tg17w74f0l] {
        flex-wrap: wrap;
    }

    .supplier-page-actions[b-tg17w74f0l] {
        width: 100%;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media(max-width:560px) {
    .supplier-page-actions[b-tg17w74f0l] {
        display: grid;
        grid-template-columns: auto minmax(0,1fr) minmax(0,1.3fr);
        gap: 7px;
    }

    .sd-action-separator[b-tg17w74f0l] {
        display: none;
    }

    .supplier-page .supplier-page-actions .sd-btn[b-tg17w74f0l] {
        width: 100%;
        min-width: 0;
        height: 38px;
        min-height: 38px;
        padding: 0 9px;
        gap: 5px;
        font-size: 12px;
    }

    .supplier-page .sd-btn svg[b-tg17w74f0l] {
        width: 15px;
        height: 15px;
        flex-basis: 15px;
    }

    .supplier-page .sd-btn span[b-tg17w74f0l] {
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media(max-width:380px) {
    .supplier-page-actions[b-tg17w74f0l] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .supplier-page .supplier-page-actions .sd-btn-back[b-tg17w74f0l] {
        grid-column: 1/-1;
    }
}

@media(prefers-reduced-motion:reduce) {
    .supplier-page .sd-btn[b-tg17w74f0l] {
        transition: none;
    }
}
/* /Components/Pages/Supplier/SupplierDetailComponent.razor.rz.scp.css */
/* Add Product sections + Stock Report grid. Scoped component styles. */
.supplier-detail-content[b-n6glci1edi] {
    --sd-primary: #0F6CBD;
    --sd-primary-hover: #115EA3;
    --sd-primary-light: #EFF6FC;
    --sd-text: #242424;
    --sd-muted: #605E5C;
    --sd-border: #E1DFDD;
    --sd-surface: #fff;
    --sd-soft: #FAF9F8;
    width: 100%;
    min-width: 0;
    padding-top: 12px;
    color: var(--sd-text);
    font: 14px "Segoe UI",Arial,sans-serif
}

    .supplier-detail-content *[b-n6glci1edi] {
        box-sizing: border-box
    }

.supplier-section-grid[b-n6glci1edi] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    margin-bottom: 12px
}

.supplier-section[b-n6glci1edi], .due_table[b-n6glci1edi] {
    min-width: 0;
    border: 1px solid var(--sd-border);
    border-radius: 6px;
    background: var(--sd-surface);
    margin: 0 0 12px;
    overflow: hidden
}

.supplier-section-grid .supplier-section[b-n6glci1edi] {
    margin-bottom: 0
}

.supplier-section-header[b-n6glci1edi], .sale_table_button[b-n6glci1edi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 58px;
    padding: 9px 14px;
    border-bottom: 1px solid var(--sd-border);
    margin: 0
}

.supplier-section-heading[b-n6glci1edi] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0
}

.supplier-section-icon[b-n6glci1edi] {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    background: var(--sd-primary-light);
    color: var(--sd-primary)
}

    .supplier-section-icon svg[b-n6glci1edi] {
        width: 19px;
        height: 19px;
        fill: currentColor
    }

.supplier-section-heading h2[b-n6glci1edi], .sale_table_button h4[b-n6glci1edi] {
    margin: 0;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 650
}

.supplier-section-heading p[b-n6glci1edi] {
    margin: 3px 0 0;
    font-size: 12px;
    line-height: 1.25;
    color: var(--sd-muted)
}

.supplier-fields[b-n6glci1edi] {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 11px 16px;
    padding: 13px 14px 14px
}

.supplier-field[b-n6glci1edi] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px
}

.supplier-field-label[b-n6glci1edi] {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    color: var(--sd-text)
}

.supplier-field-value[b-n6glci1edi] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 7px 10px;
    border: 1px solid var(--sd-border);
    border-radius: 4px;
    background: var(--sd-soft);
    font-size: 12px;
    overflow-wrap: anywhere
}

.supplier-balance-body[b-n6glci1edi] {
    padding: 18px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

    .supplier-balance-body > span[b-n6glci1edi] {
        font-size: 12px;
        color: var(--sd-muted)
    }

    .supplier-balance-body strong[b-n6glci1edi] {
        font-size: 28px;
        font-weight: 650;
        font-variant-numeric: tabular-nums;
        color: var(--sd-primary)
    }

    .supplier-balance-body p[b-n6glci1edi] {
        margin: 0;
        font-size: 12px;
        color: var(--sd-muted)
    }

.supplier-button[b-n6glci1edi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 6px;
    font: 600 13px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .16s,border-color .16s
}

.supplier-button-primary[b-n6glci1edi] {
    background: var(--sd-primary);
    color: #fff;
    border-color: var(--sd-primary)
}

    .supplier-button-primary:hover[b-n6glci1edi] {
        background: var(--sd-primary-hover);
        color: #fff
    }

.supplier-grid-body[b-n6glci1edi] {
    padding: 12px 14px 14px;
    min-width: 0
}

.due_table .sale_table_button[b-n6glci1edi] {
    min-height: 58px
}

    .due_table .sale_table_button h4[b-n6glci1edi] {
        font-size: 16px
    }

.due_table[b-n6glci1edi]  .tableContainer {
    margin: 12px 14px 14px
}

.supplier-grid-body[b-n6glci1edi]  .tableContainer {
    margin: 0
}

.supplier-detail-content[b-n6glci1edi]  .tableContainer {
    height: min(64vh,620px);
    min-height: 230px;
    max-height: none;
    overflow: auto;
    min-width: 0;
    border: 1px solid var(--sd-border);
    border-radius: 5px
}

.supplier-detail-content[b-n6glci1edi]  .quickgrid {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse
}

    .supplier-detail-content[b-n6glci1edi]  .quickgrid thead tr {
        height: 33px
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid tbody tr {
        height: 36px
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid th {
        height: 33px;
        padding: 5px 9px;
        background: #F5F8FA;
        font-size: 12px;
        font-weight: 650;
        white-space: nowrap;
        border-bottom: 1px solid var(--sd-border)
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid td {
        height: 36px;
        padding: 5px 9px;
        border-bottom: 1px solid #edf0f2;
        vertical-align: middle;
        font-size: 12px
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid tbody tr:hover td {
        background: #F6FBFF
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid .col-title {
        white-space: nowrap
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid .col-justify-end {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 5px
    }

.supplier-grid-button[b-n6glci1edi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 5px;
    font: 600 11px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

.supplier-grid-button-view[b-n6glci1edi] {
    background: #EFF6FC;
    color: #0F6CBD;
    border-color: #B7D7F4
}

    .supplier-grid-button-view:hover[b-n6glci1edi] {
        background: #DDEEFF
    }

.supplier-grid-button-transfer[b-n6glci1edi] {
    background: #FFF7E6;
    color: #8B650F;
    border-color: #F1DFB9
}

    .supplier-grid-button-transfer:hover[b-n6glci1edi] {
        background: #FFF0CD
    }

.supplier-grid-button-receive[b-n6glci1edi] {
    background: var(--sd-primary);
    color: #fff
}

    .supplier-grid-button-receive:hover[b-n6glci1edi] {
        background: var(--sd-primary-hover)
    }

.supplier-grid-button:disabled[b-n6glci1edi] {
    opacity: .5;
    cursor: not-allowed
}

@media(max-width:1000px) {
    .supplier-section-grid[b-n6glci1edi] {
        grid-template-columns: 1fr
    }
}

@media(max-width:700px) {
    .supplier-fields[b-n6glci1edi] {
        grid-template-columns: 1fr
    }

    .supplier-section-header[b-n6glci1edi], .sale_table_button[b-n6glci1edi] {
        gap: 8px
    }

    .supplier-grid-body[b-n6glci1edi] {
        padding: 8px
    }

    .due_table[b-n6glci1edi]  .tableContainer {
        margin: 8px
    }
}

@media(max-width:480px) {
    .supplier-section-header[b-n6glci1edi], .sale_table_button[b-n6glci1edi] {
        padding: 9px 12px
    }

    .supplier-fields[b-n6glci1edi] {
        padding: 12px
    }

    .supplier-detail-content[b-n6glci1edi]  .quickgrid th, .supplier-detail-content[b-n6glci1edi]  .quickgrid td {
        padding: 5px 6px;
        font-size: 11px
    }

    .supplier-grid-button[b-n6glci1edi] {
        padding: 4px 6px
    }
}


/* Purchase Due: same Stock Report table density and actions as Customer Sale Due. */
.supplier-detail-content .supplier-due-header[b-n6glci1edi] {
    min-height: 52px;
    padding: 8px 14px
}

.supplier-detail-content .supplier-due-grid-wrap[b-n6glci1edi] {
    min-width: 0;
    padding: 0 14px 14px
}

    .supplier-detail-content .supplier-due-grid-wrap[b-n6glci1edi]  .tableContainer {
        height: min(64vh,620px);
        min-height: 180px;
        margin: 0;
        overflow: auto;
        border: 0;
        border-radius: 0;
        scrollbar-width: thin;
        scrollbar-color: #bbb transparent
    }

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  table.quickgrid {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-family: "Segoe UI",Arial,sans-serif;
    font-size: 12px
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th {
    height: 33px;
    padding: 0 10px;
    background: #f5f6f7;
    color: #61676c;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td {
    height: 36px;
    padding: 0 10px;
    color: #363636;
    font-size: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid tbody tr:hover td {
    background: #edf7fd
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:nth-child(1), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:nth-child(1) {
    width: 17%
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:nth-child(2), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:nth-child(2) {
    width: 19%
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:nth-child(3), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:nth-child(3), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:nth-child(4), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:nth-child(4), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:nth-child(5), .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:nth-child(5) {
    width: 15%;
    text-align: right
}

.supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid th:last-child, .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  .quickgrid td:last-child {
    width: 140px;
    overflow: visible;
    text-align: center
}

.supplier-due-actions[b-n6glci1edi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap
}

.supplier-due-arrow[b-n6glci1edi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    color: #8b9298;
    cursor: pointer
}

    .supplier-due-arrow:hover[b-n6glci1edi], .supplier-due-arrow:focus-visible[b-n6glci1edi] {
        color: #1177bd;
        background: #e1f1fb;
        border-color: #d9eafa
    }

.supplier-due-pay[b-n6glci1edi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 28px;
    min-width: 79px;
    padding: 0 9px;
    border: 1px solid #b7d7f4;
    border-radius: 5px;
    background: #eff6fc;
    color: #0f6cbd;
    font: 600 11px "Segoe UI",Arial,sans-serif;
    cursor: pointer;
    white-space: nowrap
}

    .supplier-due-pay:hover:not(:disabled)[b-n6glci1edi] {
        background: #dceeff;
        border-color: #8fc2ed
    }

    .supplier-due-pay:disabled[b-n6glci1edi] {
        background: #f4f5f6;
        border-color: #e4e6e8;
        color: #a0a5aa;
        cursor: not-allowed
    }

.supplier-due-stock[b-n6glci1edi]  .col-options {
    z-index: 10
}

    .supplier-due-stock[b-n6glci1edi]  .col-options label {
        display: flex;
        align-items: center;
        gap: 7px;
        margin: 5px 0;
        white-space: nowrap
    }

@media(max-width:950px) {
    .supplier-detail-content .supplier-due-grid-wrap[b-n6glci1edi]  .tableContainer {
        overflow-x: auto
    }

    .supplier-detail-content .supplier-due-stock[b-n6glci1edi]  table.quickgrid {
        min-width: 780px
    }
}

@media(max-width:700px) {
    .supplier-detail-content .supplier-due-grid-wrap[b-n6glci1edi] {
        padding: 0 8px 8px
    }
}
/* /Components/Pages/Supplier/SupplierModal.razor.rz.scp.css */
[b-qu0zj2t0pi] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-qu0zj2t0pi] .invoice {
    margin: 0;
    padding-top: 0;
}

[b-qu0zj2t0pi] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/Tutorial.razor.rz.scp.css */
.content_box_inner[b-amj49ahhou] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .header[b-amj49ahhou] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header h2[b-amj49ahhou] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.header a[b-amj49ahhou] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.tutorial-grid[b-amj49ahhou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.video-container[b-amj49ahhou] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background-color: #f0f0f0; /* Placeholder background */
}

    .video-container iframe[b-amj49ahhou] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* /Components/Pages/Type/Insert.razor.rz.scp.css */
.insert_page[b-7ax3yo03q9] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-7ax3yo03q9] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-7ax3yo03q9] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-7ax3yo03q9] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-7ax3yo03q9] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-7ax3yo03q9] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-7ax3yo03q9] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Type/InsertComponent.razor.rz.scp.css */
label[b-6546ga9xf5] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Type/InsertModal.razor.rz.scp.css */
[b-110yhgli74] .CustomeModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Pages/Type/List.razor.rz.scp.css */
.content_box_inner[b-bzoz6fq9t1] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-bzoz6fq9t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-bzoz6fq9t1] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-bzoz6fq9t1] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-bzoz6fq9t1] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-bzoz6fq9t1] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-bzoz6fq9t1] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-bzoz6fq9t1] {
        outline-color: gray;
    }

.action_btn[b-bzoz6fq9t1] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-bzoz6fq9t1] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-bzoz6fq9t1] {
            width: 100%;
        }

[b-bzoz6fq9t1] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-bzoz6fq9t1] .formClass {
    margin-top: 0;
}

[b-bzoz6fq9t1] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-bzoz6fq9t1] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-bzoz6fq9t1] {
        padding: 1rem;
    }

    .brand_header h2[b-bzoz6fq9t1] {
        font-size: 1.8rem;
    }

    .brand_header a[b-bzoz6fq9t1] {
        font-size: 1.1rem;
    }

    .search-box[b-bzoz6fq9t1] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-bzoz6fq9t1] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Unit/Insert.razor.rz.scp.css */
.insert_page[b-fdb5ulv74n] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-fdb5ulv74n] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.product_unit_container[b-fdb5ulv74n] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .product_unit_container .insert_form[b-fdb5ulv74n] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-fdb5ulv74n] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-fdb5ulv74n] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .product_unit_container .insert_form[b-fdb5ulv74n] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Unit/InsertComponent.razor.rz.scp.css */
label[b-2mo8bb6too] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Unit/List.razor.rz.scp.css */
.content_box_inner[b-js5o53nhj9] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
.content_box_inner .product_unit_header[b-js5o53nhj9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_unit_header h2[b-js5o53nhj9] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.product_unit_header a[b-js5o53nhj9] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-js5o53nhj9] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-js5o53nhj9] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-js5o53nhj9] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-js5o53nhj9] {
        outline-color: gray;
    }

.action_btn[b-js5o53nhj9] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-js5o53nhj9] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-js5o53nhj9] {
            width: 100%;
        }

[b-js5o53nhj9] .formClass {
    margin-top: 0;
}

[b-js5o53nhj9] #ProductUnitInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js5o53nhj9] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-js5o53nhj9] #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-js5o53nhj9] {
        padding: 1rem;
    }

    .product_unit_header h2[b-js5o53nhj9] {
        font-size: 2rem;
    }

    .product_unit_header a[b-js5o53nhj9] {
        font-size: 1.1rem;
    }

    .search-box[b-js5o53nhj9] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-js5o53nhj9] {
            font-size: 1.1rem;
        }
        .search-box input[b-js5o53nhj9] {
            font-size: 1.2rem;
        }
}

/*responsive css */
@media (min-width: 320px) and (max-width:767.99px) {
 


    
}
/* /Components/Profile/ChangePassword.razor.rz.scp.css */

/* Page Layout */

.profile-password-page[b-ehdngxb8f4] {
    width: 100%;
    padding: 24px 0 50px;
    box-sizing: border-box;
}

.profile-password-card[b-ehdngxb8f4] {
    width: 100%;
    max-width: 900px;
    background: var(--primary-bg, #fff);
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
}

/* Header */

.profile-password-header[b-ehdngxb8f4] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 26px 30px;
    border-bottom: 1px solid #e9edf2;
}

.profile-password-icon[b-ehdngxb8f4] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eaf3ff;
    color: #2563eb;
    font-size: 24px;
}

.profile-password-header h2[b-ehdngxb8f4] {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 600;
    color: #1e293b;
}

.profile-password-header p[b-ehdngxb8f4] {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

/* Form */

.profile-password-form[b-ehdngxb8f4] {
    width: 100%;
}

.profile-password-section[b-ehdngxb8f4] {
    padding: 28px 30px 32px;
}

.section-heading[b-ehdngxb8f4] {
    margin-bottom: 24px;
}

    .section-heading h3[b-ehdngxb8f4] {
        margin: 0 0 5px;
        font-size: 16px;
        font-weight: 600;
        color: #334155;
    }

    .section-heading p[b-ehdngxb8f4] {
        margin: 0;
        font-size: 13px;
        color: #64748b;
    }

/* Password Fields */

.password-fields[b-ehdngxb8f4] {
    display: flex;
    flex-direction: column;
    gap: 22px;
    width: 100%;
    max-width: 550px;
}

.password-form-group[b-ehdngxb8f4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

    .password-form-group label[b-ehdngxb8f4] {
        font-size: 13px;
        font-weight: 600;
        color: #334155;
    }

.password-input-wrapper[b-ehdngxb8f4] {
    position: relative;
    width: 100%;
}

.password-form-group[b-ehdngxb8f4]  .form-control {
    width: 100%;
    height: 44px;
    padding: 10px 45px 10px 13px;
    border: 1px solid #dce2ea;
    border-radius: 7px;
    background: var(--secondary-bg, #fff);
    color: #1e293b;
    font-size: 14px;
    box-shadow: none;
    transition: border-color .15s ease, box-shadow .15s ease;
}

    .password-form-group[b-ehdngxb8f4]  .form-control:focus {
        outline: none;
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
    }

    .password-form-group[b-ehdngxb8f4]  .form-control::placeholder {
        color: #94a3b8;
    }

    .password-form-group[b-ehdngxb8f4]  .form-control.invalid {
        border-color: #dc3545;
    }

.password-form-group[b-ehdngxb8f4]  .validation-message {
    font-size: 12px;
    color: #dc3545;
}

/* Show / Hide Password */

.password-toggle[b-ehdngxb8f4] {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 17px;
    cursor: pointer;
    padding: 0;
    border-radius: 4px;
}

    .password-toggle:hover[b-ehdngxb8f4] {
        color: #2563eb;
    }

    .password-toggle:focus-visible[b-ehdngxb8f4] {
        outline: 2px solid #2563eb;
        outline-offset: 2px;
    }

/* Security Information */

.password-security-note[b-ehdngxb8f4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 550px;
    margin-top: 24px;
    padding: 13px 15px;
    background: #f8fafc;
    border: 1px solid #e9edf2;
    border-radius: 7px;
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

    .password-security-note i[b-ehdngxb8f4] {
        color: #2563eb;
        font-size: 15px;
        margin-top: 1px;
    }

/* Footer */

.profile-password-footer[b-ehdngxb8f4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 30px;
    border-top: 1px solid #e9edf2;
    background: #fafbfc;
}

.btn-cancel[b-ehdngxb8f4],
.btn-save[b-ehdngxb8f4] {
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color .15s ease;
}

.btn-cancel[b-ehdngxb8f4] {
    background: #fff;
    border: 1px solid #dce2ea;
    color: #475569;
}

    .btn-cancel:hover[b-ehdngxb8f4] {
        background: #f1f5f9;
        color: #334155;
    }

.btn-save[b-ehdngxb8f4] {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #fff;
    cursor: pointer;
}

    .btn-save:hover:not(:disabled)[b-ehdngxb8f4] {
        background: #1d4ed8;
    }

    .btn-save:disabled[b-ehdngxb8f4] {
        opacity: .7;
        cursor: not-allowed;
    }

/* Tablet */

@media (max-width: 720px) {
    .profile-password-page[b-ehdngxb8f4] {
        padding: 12px 0 32px;
    }

    .profile-password-header[b-ehdngxb8f4] {
        padding: 20px;
    }

    .profile-password-section[b-ehdngxb8f4] {
        padding: 22px 20px;
    }

    .profile-password-footer[b-ehdngxb8f4] {
        padding: 18px 20px;
    }
}

/* Mobile */

@media (max-width: 480px) {
    .profile-password-header h2[b-ehdngxb8f4] {
        font-size: 19px;
    }

    .profile-password-icon[b-ehdngxb8f4] {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 21px;
    }

    .profile-password-footer[b-ehdngxb8f4] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .btn-cancel[b-ehdngxb8f4],
    .btn-save[b-ehdngxb8f4] {
        width: 100%;
    }

    .password-security-note[b-ehdngxb8f4] {
        font-size: 12px;
    }
}
/* /Components/Profile/Edit.razor.rz.scp.css */

/* Page Layout */

.profile-edit-page[b-83yswsohdq] {
    width: 100%;
    padding: 24px 0 50px;
    box-sizing: border-box;
}

.profile-edit-card[b-83yswsohdq] {
    width: 100%;
    max-width: 900px;
    background: var(--primary-bg, #fff);
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(15, 23, 42, .04);
}

/* Header */

.profile-edit-header[b-83yswsohdq] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 26px 30px;
    border-bottom: 1px solid #e9edf2;
}

.profile-edit-icon[b-83yswsohdq] {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eaf3ff;
    color: #2563eb;
    font-size: 24px;
}

.profile-edit-header h2[b-83yswsohdq] {
    margin: 0 0 5px;
    font-size: 22px;
    font-weight: 600;
    color: #1e293b;
}

.profile-edit-header p[b-83yswsohdq] {
    margin: 0;
    font-size: 13px;
    color: #64748b;
    line-height: 1.5;
}

/* Form */

.profile-edit-form[b-83yswsohdq] {
    width: 100%;
}

.profile-edit-section[b-83yswsohdq] {
    padding: 28px 30px 32px;
}

.section-heading[b-83yswsohdq] {
    margin-bottom: 24px;
}

    .section-heading h3[b-83yswsohdq] {
        margin: 0 0 5px;
        font-size: 16px;
        font-weight: 600;
        color: #334155;
    }

    .section-heading p[b-83yswsohdq] {
        margin: 0;
        font-size: 13px;
        color: #64748b;
    }

/* Form Grid */

.profile-form-grid[b-83yswsohdq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.profile-form-group[b-83yswsohdq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 8px;
}

    .profile-form-group label[b-83yswsohdq] {
        font-size: 13px;
        font-weight: 600;
        color: #334155;
    }

    .profile-form-group[b-83yswsohdq]  .form-control {
        width: 100%;
        height: 44px;
        padding: 10px 13px;
        border: 1px solid #dce2ea;
        border-radius: 7px;
        background: var(--secondary-bg, #fff);
        color: #1e293b;
        font-size: 14px;
        box-shadow: none;
        transition: border-color .15s ease, box-shadow .15s ease;
    }

        .profile-form-group[b-83yswsohdq]  .form-control:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
        }

        .profile-form-group[b-83yswsohdq]  .form-control::placeholder {
            color: #94a3b8;
        }

        .profile-form-group[b-83yswsohdq]  .form-control.invalid {
            border-color: #dc3545;
        }

    .profile-form-group[b-83yswsohdq]  .validation-message {
        font-size: 12px;
        color: #dc3545;
    }

/* Footer */

.profile-edit-footer[b-83yswsohdq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 20px 30px;
    border-top: 1px solid #e9edf2;
    background: #fafbfc;
}

.btn-cancel[b-83yswsohdq],
.btn-save[b-83yswsohdq] {
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color .15s ease;
}

.btn-cancel[b-83yswsohdq] {
    background: #fff;
    border: 1px solid #dce2ea;
    color: #475569;
}

    .btn-cancel:hover[b-83yswsohdq] {
        background: #f1f5f9;
        color: #334155;
    }

.btn-save[b-83yswsohdq] {
    background: #2563eb;
    border: 1px solid #2563eb;
    color: #fff;
    cursor: pointer;
}

    .btn-save:hover:not(:disabled)[b-83yswsohdq] {
        background: #1d4ed8;
    }

    .btn-save:disabled[b-83yswsohdq] {
        opacity: .7;
        cursor: not-allowed;
    }

/* Tablet */

@media (max-width: 720px) {
    .profile-edit-page[b-83yswsohdq] {
        padding: 12px 0 32px;
    }

    .profile-edit-header[b-83yswsohdq] {
        padding: 20px;
    }

    .profile-edit-section[b-83yswsohdq] {
        padding: 22px 20px;
    }

    .profile-form-grid[b-83yswsohdq] {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .profile-edit-footer[b-83yswsohdq] {
        padding: 18px 20px;
    }
}

/* Mobile */

@media (max-width: 480px) {
    .profile-edit-header h2[b-83yswsohdq] {
        font-size: 19px;
    }

    .profile-edit-icon[b-83yswsohdq] {
        width: 42px;
        height: 42px;
        min-width: 42px;
        font-size: 21px;
    }

    .profile-edit-footer[b-83yswsohdq] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .btn-cancel[b-83yswsohdq],
    .btn-save[b-83yswsohdq] {
        width: 100%;
    }
}
/* /Components/Profile/Profile.razor.rz.scp.css */
.profile-page[b-lxl3yliz38] {
    --profile-blue: #1177bd;
    --profile-border: #dedede;
    width: 100%;
    min-width: 0;
    padding-bottom: 40px;
    color: #272b2e;
    font: 14px/1.45 "Segoe UI", Arial, sans-serif;
}

    .profile-page[b-lxl3yliz38], .profile-page *[b-lxl3yliz38] {
        box-sizing: border-box;
    }

.profile-card[b-lxl3yliz38] {
    width: 100%;
    max-width: 860px;
    overflow: hidden;
    border: 1px solid var(--profile-border);
    border-radius: 7px;
    background: #fff;
}

.profile-identity[b-lxl3yliz38] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
}

.profile-initials[b-lxl3yliz38] {
    display: grid;
    place-items: center;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #eaf4fb;
    color: var(--profile-blue);
    font-size: 18px;
    font-weight: 700;
}

.profile-identity-text[b-lxl3yliz38] {
    min-width: 0;
}

    .profile-identity-text h2[b-lxl3yliz38] {
        margin: 0;
        font-size: 17px;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

    .profile-identity-text p[b-lxl3yliz38] {
        margin: 3px 0 0;
        color: #777;
        font-size: 13px;
        overflow-wrap: anywhere;
    }

.profile-section-heading[b-lxl3yliz38] {
    padding: 18px 20px 8px;
}

    .profile-section-heading h3[b-lxl3yliz38] {
        margin: 0;
        font-size: 15px;
        font-weight: 600;
    }

    .profile-section-heading p[b-lxl3yliz38] {
        margin: 3px 0 0;
        color: #777;
        font-size: 12px;
    }

.profile-details[b-lxl3yliz38] {
    margin: 0;
    padding: 0 20px 8px;
}

.profile-detail[b-lxl3yliz38] {
    display: grid;
    grid-template-columns: minmax(130px, 32%) minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    min-height: 49px;
    padding: 11px 0;
    border-bottom: 1px solid #edf0f2;
}

    .profile-detail:last-child[b-lxl3yliz38] {
        border-bottom: 0;
    }

    .profile-detail dt[b-lxl3yliz38] {
        color: #6b7280;
        font-size: 13px;
        font-weight: 500;
    }

    .profile-detail dd[b-lxl3yliz38] {
        margin: 0;
        color: #272b2e;
        font-size: 14px;
        font-weight: 500;
        overflow-wrap: anywhere;
    }

.profile-message[b-lxl3yliz38] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 24px 20px;
    color: #6b7280;
    font-size: 13px;
}

.profile-spinner[b-lxl3yliz38] {
    width: 16px;
    height: 16px;
    border: 2px solid #cfe6f5;
    border-top-color: var(--profile-blue);
    border-radius: 50%;
    animation: profile-spin-b-lxl3yliz38 .7s linear infinite;
}

.profile-error[b-lxl3yliz38] {
    margin: 18px 20px;
    padding: 12px 14px;
    border: 1px solid #f2c8c8;
    border-radius: 5px;
    background: #fff5f5;
    color: #a52626;
    font-size: 13px;
}

@keyframes profile-spin-b-lxl3yliz38 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 520px) {
    .profile-page[b-lxl3yliz38] {
        padding-bottom: 28px;
    }

    .profile-identity[b-lxl3yliz38] {
        padding: 16px;
    }

    .profile-section-heading[b-lxl3yliz38] {
        padding: 16px 16px 6px;
    }

    .profile-details[b-lxl3yliz38] {
        padding: 0 16px 6px;
    }

    .profile-detail[b-lxl3yliz38] {
        grid-template-columns: 1fr;
        gap: 3px;
        padding: 11px 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-spinner[b-lxl3yliz38] {
        animation: none;
    }
}
/* /Components/Profile/ProfileComponent.razor.rz.scp.css */
.profile_container[b-pbkwz1qcyd] {
    width: 100%;
    height: 100%;
}

.cover_photo[b-pbkwz1qcyd] {
    width: 100%;
    height: 16rem;
    position: relative;
}

    .cover_photo img[b-pbkwz1qcyd] {
        width: 100%;
        height: 100%;
    }

.edit_btn[b-pbkwz1qcyd] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

    .edit_btn a[b-pbkwz1qcyd] {
        padding: .5rem 1rem;
        background: blue;
        color: white !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        font-size: 1.3rem;
        font-weight: 500;
    }


    .edit_btn label span[b-pbkwz1qcyd] {
        font-size: 1.12rem;
        color: white;
    }

    .edit_btn label input[b-pbkwz1qcyd] {
        display: none;
    }

.profile_img_text_container[b-pbkwz1qcyd] {
    width: 100%;
    margin-top: -60px;
}

.profile_img_holder[b-pbkwz1qcyd] {
    position: relative;
    border-radius: 50%;
    margin-left: 1rem;
    padding: .75rem;
    width: 10rem;
    height: 10rem;
    backdrop-filter: blur(4px);
}

.profile_img[b-pbkwz1qcyd] {
    position: relative;
}

    .profile_img img[b-pbkwz1qcyd] {
        width: 100%;
        height: auto;
    }

    .profile_img label[b-pbkwz1qcyd] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 2rem;
        width: 2rem;
        background: blue;
        border-radius: 50%;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .profile_img label input[b-pbkwz1qcyd] {
            display: none;
        }
        .profile_img label img[b-pbkwz1qcyd]{
            width:13px;
        }

.details[b-pbkwz1qcyd] {
    margin-top: 20px;
}

    .details .user_info[b-pbkwz1qcyd] {
        max-width: 400px;
        text-align: left;
    }

.user_info h2[b-pbkwz1qcyd] {
    font-size: 2rem;
    font-weight: 600;
    color: black;
    padding-bottom: .2rem;
}

.user_info p[b-pbkwz1qcyd] {
    font-size: 1.2rem;
    font-weight: 400;
    color: black;
}
/* /Components/Shared/Bases/BaseModal.razor.rz.scp.css */

.CustomeModal[BaseModal-scope][BaseModal-scope] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    /*max-width: 1680px;*/
    margin: 0 auto;
    background: #0000006e;
    transition: .3s;
    visibility: hidden;
    z-index: 9999;
    padding: 3rem;
}

    .CustomeModal.active[BaseModal-scope] {
        visibility: visible;
        
    }

.CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    background: white;
    border-radius: .5rem;
    width: 50rem;
    max-width: 1680px;
}

        .CustomeModal .modal_box.active[BaseModal-scope] {
            left: 38vw;
        }

        .CustomeModal .modal_box button:focus[BaseModal-scope] {
            border: none;
            outline: none;
        }

        .CustomeModal .modal_box .modal_head[BaseModal-scope] {
            display: flex;
            justify-content: space-between;
            gap: 3rem;
            align-items: center;
            padding-bottom:1rem;
        }

            .CustomeModal .modal_box .modal_head h2[BaseModal-scope] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
/* /Components/Shared/Bases/BaseSelectElement.razor.rz.scp.css */
/* For virtualized grids, it's essential that all rows have the same known height */
ul li[BaseSelectElement-scope] {
    height: 30px;
}

#stockFormRight.selectItemBox[BaseSelectElement-scope] {
    position: relative;
}

.selectItemBox[BaseSelectElement-scope] {
    position: absolute;
    background: white;
    width: 100%;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 99;
    padding: 1rem;
    display: block;
}

.search_box[BaseSelectElement-scope] {
    display: flex;
}

    .search_box #SearchInput[BaseSelectElement-scope] {
        padding: .5rem;
        width: 100%;
        font-size: 1.4rem;
        border-radius: 7px;
        border: 1px solid #e2e2e2;
        outline: none;
        cursor: pointer;
    }

.search_icon[BaseSelectElement-scope] {
    display: inline;
    font-size: 1.5rem;
    background: white;
    padding: 7px
}

.selectItem li[BaseSelectElement-scope] {
    min-width: 100%;
    width: auto;
    padding: .5rem .7rem;
    font-size: 1.5rem;
    cursor: pointer;
    border-bottom: 1px dashed gray;
    white-space: nowrap;
}

    .selectItem li:hover[BaseSelectElement-scope] {
        background: #ebe9e9;
    }

[BaseSelectElement-scope] .selectBox .selectInput {
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.selectItem[BaseSelectElement-scope] {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    flex-direction: column;
    max-height: 20rem;
    min-height: 20rem;
    overflow: auto;
}

    .selectItem #SearchInput[BaseSelectElement-scope] {
        font-size: 1.2rem;
        border: none;
        border-bottom: 1px solid black;
        border-radius: 0;
        outline: none;
        width: 90%;
    }

    .selectItem[BaseSelectElement-scope]::-webkit-scrollbar {
        background-color: transparent;
        width: .5rem;
        height: .5rem;
    }

    .selectItem[BaseSelectElement-scope]::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 46%, 0.5);
        border-radius: 8px;
        width: 1rem;
    }

.selectElm[BaseSelectElement-scope] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 3px;
    width: 100%;
}

    .selectElm span[BaseSelectElement-scope] {
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: capitalize;
        width: 100%;
        padding: 4px 0;
    }

    .selectElm:hover[BaseSelectElement-scope] {
        background: #e3e3e3;
        cursor: pointer;
    }

.selectBox[BaseSelectElement-scope] {
    position: relative;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.up_down_arrow[BaseSelectElement-scope] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .up_down_arrow button[BaseSelectElement-scope] {
        width: 22px;
        min-width: 20px;
        height: 22px;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
    }

    .up_down_arrow img[BaseSelectElement-scope] {
        width: 15px;
    }

    .up_down_arrow button img[BaseSelectElement-scope] {
        width: 100%;
    }

@media (min-width: 320px) and (max-width:767.99px) {
    .selectCategory label[BaseSelectElement-scope] {
        padding-bottom: 1rem;
    }
}
/* /Components/Shared/Bases/BaseSuggestionInput.razor.rz.scp.css */
/* For virtualized grids, it's essential that all rows have the same known height */
ul li[BaseInputElement-scope] {
    height: 30px;
}

#stockFormRight.selectItemBox[BaseInputElement-scope] {
    position: relative;
}

.selectItemBox[BaseInputElement-scope] {
    position: absolute;
    background: white;
    width: 100%;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 99;
    padding: 1rem;
    display: block;
}

.search_box[BaseInputElement-scope] {
    display: flex;
}

    .search_box #SearchInput[BaseInputElement-scope] {
        padding: .5rem;
        width: 100%;
        font-size: 1.4rem;
        border-radius: 7px;
        border: 1px solid #e2e2e2;
        outline: none;
        cursor: pointer;
    }

.search_icon[BaseInputElement-scope] {
    display: inline;
    font-size: 1.5rem;
    background: white;
    padding: 7px
}

.selectItem li[BaseInputElement-scope] {
    min-width: 100%;
    width: auto;
    padding: .5rem .7rem;
    font-size: 1.5rem;
    cursor: pointer;
    border-bottom: 1px dashed gray;
    white-space: nowrap;
}

    .selectItem li:hover[BaseInputElement-scope] {
        background: #ebe9e9;
    }

.selectBox .selectInput[BaseInputElement-scope] {
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.selectItemBox[BaseInputElement-scope] {
}

.selectItem[BaseInputElement-scope] {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    flex-direction: column;
    max-height: 20rem;
    min-height: 20rem;
    overflow: auto;
}

    .selectItem #SearchInput[BaseInputElement-scope] {
        font-size: 1.2rem;
        border: none;
        border-bottom: 1px solid black;
        border-radius: 0;
        outline: none;
        width: 90%;
    }

    .selectItem[BaseInputElement-scope]::-webkit-scrollbar {
        background-color: transparent;
        width: .5rem;
        height: .5rem;
    }

    .selectItem[BaseInputElement-scope]::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 46%, 0.5);
        border-radius: 8px;
        width: 1rem;
    }

.selectElm[BaseInputElement-scope] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 3px;
    width: 100%;
}

    .selectElm span[BaseInputElement-scope] {
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: capitalize;
        width: 100%;
        padding: 4px 0;
    }

    .selectElm:hover[BaseInputElement-scope] {
        background: #e3e3e3;
        cursor: pointer;
    }

.selectBox[BaseInputElement-scope] {
    position: relative;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.up_down_arrow[BaseInputElement-scope] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .up_down_arrow button[BaseInputElement-scope] {
        width: 22px;
        min-width: 20px;
        height: 22px;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
    }

        .up_down_arrow button img[BaseInputElement-scope] {
            width: 100%;
        }

@media (min-width: 320px) and (max-width:767.99px) {
    .selectCategory label[BaseInputElement-scope] {
        padding-bottom: 1rem;
    }
}
/* /Components/Shared/Bases/BaseTable.razor.rz.scp.css */

.tableContainer[BaseTable-scope] {
    min-height: 30rem;
    max-height: 50rem;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 7px;
    background: var(--primary-bg);
    overflow-x: hidden;
}

/*custom scrollbar for notification dorpdown*/
    .tableContainer[BaseTable-scope]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .tableContainer[BaseTable-scope]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .tableContainer[BaseTable-scope]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

.tableContainer[BaseTable-scope]::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 100px;
    height:10px;
}
/* Fix height and enable scrolling */
.grid[BaseTable-scope]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[BaseTable-scope] thead {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

    [BaseTable-scope] thead tr th {
        padding: 1rem;
        font-size: 1.4rem;
    }
/* For virtualized grids, it's essential that all rows have the same known height */

[BaseTable-scope] .col-title-text{
    font-weight:500;
}
[BaseTable-scope] tbody tr {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

[BaseTable-scope] tbody tr:nth-child(even) {
    background-color: #f4f4f4;
}

[BaseTable-scope] tbody tr:hover {
    background-color: #f4f4f4;
}

[BaseTable-scope] tbody tr td {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    padding-left: 1.5rem !important;
}

[BaseTable-scope] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

.action_btn[BaseTable-scope] {
    text-align: right;
}

@media (min-width: 320px) and (max-width: 767.98px) {
    .tableContainer[BaseTable-scope] {
        overflow: auto;
    }
}@media (min-width: 768px) and (max-width: 991.98px) {
    .tableContainer[BaseTable-scope] {
        overflow: auto;
    }
}
/* /Components/Shared/DeleteModal.razor.rz.scp.css */
[DeleteModal-scope] h2 {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

[DeleteModal-scope] h2 span {
    font-size: 2.5rem;
    color: red;
}

[DeleteModal-scope] p {
    font-size: 1.5rem;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    padding: 1rem;
}

.dlt_btns[DeleteModal-scope] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

dlt_btns button[DeleteModal-scope] {
    padding: .5rem 2rem;
    font-size: 1.4rem !important;
    border: none;
    outline: none;
    font-family: 'Josefin Sans', sans-serif;
}

#deleteIcon[DeleteModal-scope] {
    padding-right: 1rem;
    width:4rem;
    display:inline-block;
}
    #deleteIcon img[DeleteModal-scope]{
        width:100%;
    }
/* /Components/Shared/LoadSpinner.razor.rz.scp.css */
.loadSpinner[Spinner-scope]
{
    position:absolute;
    top:0;
    left:50%;
}
/* /Components/Shared/PrintButtonComponent.razor.rz.scp.css */
.print-container[b-8ciu2skdy6] {
    position: relative;
    display: inline-block;
}

.dropdown[b-8ciu2skdy6] {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    min-width: 100px;
    border: 1px solid #ccc;
    z-index: 1;
}

    .dropdown ul[b-8ciu2skdy6] {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .dropdown li[b-8ciu2skdy6] {
        padding: 8px;
        cursor: pointer;
    }

        .dropdown li:hover[b-8ciu2skdy6] {
            background-color: #ddd;
        }
/* /Components/Shared/PrintComponent.razor.rz.scp.css */
.PrintModal[b-w9rubms2ul] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    transition: .3s;
    visibility: hidden;
    z-index: 99999;
    padding: 3rem;
}

    .PrintModal.active[b-w9rubms2ul] {
        visibility: visible;
    }

    .PrintModal .modal_box[b-w9rubms2ul] {
        padding: 2rem;
        background: white;
        border-radius: .5rem;
        width: 90rem;
        max-width: 1680px;
    }

        .PrintModal .modal_box button:focus[b-w9rubms2ul] {
            border: none;
            outline: none;
        }

        .PrintModal .modal_box .modal_head[b-w9rubms2ul] {
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
            align-items: center;
          padding: 0 0 1rem;
        }

            .PrintModal .modal_box .modal_head h2[b-w9rubms2ul] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
.modal_head button[b-w9rubms2ul], .modal_head a[b-w9rubms2ul] {
    font-size: 1.3rem;
    min-width: 6rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border: none;
    line-height: 1.7rem;
    color: white;
    border-radius: .25rem;
    white-space: nowrap;
}
.modal_box iframe[b-w9rubms2ul] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80vh;
}

.modal_box img[b-w9rubms2ul] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* /Components/Shared/PrintInvoiceComponent.razor.rz.scp.css */
/* Modal styles are scoped to this component to avoid affecting report pages. */
.PrintModal[b-d9d7gmvgcu] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(0, 0, 0, .52);
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s ease, visibility .15s ease;
}

    .PrintModal.active[b-d9d7gmvgcu] {
        visibility: visible;
        opacity: 1;
    }

    .PrintModal[b-d9d7gmvgcu], .PrintModal *[b-d9d7gmvgcu] {
        box-sizing: border-box;
    }

        .PrintModal .modal_box[b-d9d7gmvgcu] {
            width: min(1120px, 95vw);
            height: min(90vh, 1100px);
            max-height: calc(100dvh - 32px);
            min-height: 0;
            display: flex;
            flex-direction: column;
            overflow: hidden;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 20px 60px rgba(0,0,0,.22);
        }

        .PrintModal .modal_head[b-d9d7gmvgcu] {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            min-height: 64px;
            padding: 12px 20px;
            border-bottom: 1px solid #e5e7eb;
            background: #fff;
            z-index: 2;
        }

        .PrintModal .modal_title[b-d9d7gmvgcu] {
            font-size: 15px;
            font-weight: 600;
            color: #273449;
        }

        .PrintModal .modal_actions[b-d9d7gmvgcu] {
            display: flex;
            align-items: center;
            gap: 10px;
        }

            .PrintModal .modal_actions button[b-d9d7gmvgcu] {
                min-width: 88px;
                height: 38px;
                padding: 6px 14px;
                font-size: 13px;
                font-weight: 500;
                line-height: 1.3;
                border-radius: 5px;
                white-space: nowrap;
            }

        .PrintModal .modal_content[b-d9d7gmvgcu] {
            flex: 1 1 auto;
            min-height: 0;
            overflow: auto;
            overscroll-behavior: contain;
            padding: 24px;
            background: #f3f5f8;
        }

        .PrintModal .a4-container[b-d9d7gmvgcu] {
            display: flex;
            flex-direction: column;
            width: 210mm;
            min-height: 297mm;
            max-width: none;
            margin: 0 auto;
            padding: 12mm;
            background: white;
            color: #111;
            box-shadow: 0 2px 12px rgba(0,0,0,.1);
            font-family: Arial, sans-serif;
            font-size: 13px;
        }

        .PrintModal .header[b-d9d7gmvgcu] {
            text-align: center;
            border-bottom: 1px solid #111;
            padding-bottom: 15px;
            margin-bottom: 20px;
        }

        .PrintModal .contact-info[b-d9d7gmvgcu] {
            display: flex;
            justify-content: space-between;
            gap: 8px;
            font-size: 12px;
            margin-bottom: 15px;
        }

            .PrintModal .contact-info span:nth-child(1)[b-d9d7gmvgcu] {
                width: 25%;
                text-align: left;
            }

            .PrintModal .contact-info span:nth-child(2)[b-d9d7gmvgcu] {
                width: 50%;
                text-align: center;
            }

            .PrintModal .contact-info span:nth-child(3)[b-d9d7gmvgcu] {
                width: 25%;
                text-align: right;
            }

        .PrintModal .company-name[b-d9d7gmvgcu] {
            font-size: 24px;
            font-weight: 700;
            color: #111;
            margin-top: 10px;
        }

        .PrintModal .company-tagline[b-d9d7gmvgcu] {
            font-size: 14px;
            color: #111;
            margin-bottom: 5px;
        }

        .PrintModal .company-details[b-d9d7gmvgcu] {
            font-size: 12px;
            color: #111;
        }

        .PrintModal .company-address[b-d9d7gmvgcu] {
            font-size: 11px;
            color: #111;
            margin-top: 5px;
        }

        .PrintModal .invoice-info[b-d9d7gmvgcu] {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            margin: 20px 0;
            padding: 15px;
        }

        .PrintModal .invoice-to[b-d9d7gmvgcu] {
            flex: 1;
            min-width: 0;
            text-align: left;
        }

        .PrintModal .invoice-details[b-d9d7gmvgcu] {
            width: 30%;
            text-align: left;
        }

        .PrintModal .label[b-d9d7gmvgcu] {
            font-weight: 700;
            color: #111;
            margin-bottom: 5px;
        }

        .PrintModal .value[b-d9d7gmvgcu] {
            color: #111;
            margin-bottom: 8px;
            overflow-wrap: anywhere;
        }

        .PrintModal .items-table[b-d9d7gmvgcu] {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            border: 1px solid #111;
        }

            .PrintModal .items-table th[b-d9d7gmvgcu], .PrintModal .items-table td[b-d9d7gmvgcu] {
                padding: 12px;
                border: 1px solid #111;
            }

            .PrintModal .items-table th[b-d9d7gmvgcu] {
                font-weight: 600;
            }

            .PrintModal .items-table .text-right[b-d9d7gmvgcu] {
                text-align: right;
            }

            .PrintModal .items-table .text-center[b-d9d7gmvgcu] {
                text-align: center;
            }

        .PrintModal .summary[b-d9d7gmvgcu] {
            display: flex;
            justify-content: space-between;
            gap: 24px;
            margin-top: 30px;
            min-height: 0;
        }

        .PrintModal .summary-payment[b-d9d7gmvgcu] {
            width: 40%;
            overflow-wrap: anywhere;
        }

        .PrintModal .summary-table[b-d9d7gmvgcu] {
            width: 60%;
        }

        .PrintModal .summary-payment-row[b-d9d7gmvgcu] {
            padding: 8px 0;
        }

        .PrintModal .summary-row[b-d9d7gmvgcu] {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            padding: 8px 20px 8px 0;
        }

            .PrintModal .summary-row span:first-child[b-d9d7gmvgcu] {
                width: 60%;
                text-align: left;
            }

            .PrintModal .summary-row span:last-child[b-d9d7gmvgcu] {
                width: 40%;
                text-align: right;
            }

        .PrintModal .return-policy[b-d9d7gmvgcu] {
            font-size: 11px;
            color: #111;
            margin-top: auto;
            padding-top: 20px;
            margin-bottom: 10px;
            text-align: left;
        }

        .PrintModal .footer[b-d9d7gmvgcu] {
            position: static;
            width: auto;
            min-height: 0;
            text-align: left;
            padding-top: 10px;
            border-top: 1px solid #111;
            font-size: 9px;
            background: transparent;
        }

@media (max-width: 767.98px) {
    .PrintModal[b-d9d7gmvgcu] {
        padding: 10px;
    }

        .PrintModal .modal_box[b-d9d7gmvgcu] {
            width: 100%;
            height: calc(100dvh - 20px);
            max-height: none;
        }

        .PrintModal .modal_head[b-d9d7gmvgcu] {
            padding: 10px 12px;
            min-height: 58px;
        }

        .PrintModal .modal_title[b-d9d7gmvgcu] {
            font-size: 13px;
        }

        .PrintModal .modal_actions[b-d9d7gmvgcu] {
            gap: 6px;
        }

            .PrintModal .modal_actions button[b-d9d7gmvgcu] {
                min-width: 64px;
                padding: 6px 9px;
            }

        .PrintModal .modal_content[b-d9d7gmvgcu] {
            padding: 12px;
        }
}
/* The printing library prints #sale-invoice-id; keep the document itself free of modal UI. */
@media print {
    @page {
        size: A4;
        margin: 0;
    }

    .PrintModal .modal_head[b-d9d7gmvgcu] {
        display: none !important;
    }

    .PrintModal .modal_content[b-d9d7gmvgcu] {
        padding: 0;
        overflow: visible;
        background: white;
    }

    .PrintModal .a4-container[b-d9d7gmvgcu] {
        margin: 0;
        padding: 5mm;
        box-shadow: none;
    }
}
/* /Components/Shared/PrintStockReportComponent.razor.rz.scp.css */
.PrintModal[b-d4xmoaflnu] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    transition: .3s;
    visibility: hidden;
    z-index: 99999;
    padding: 3rem;
}

    .PrintModal.active[b-d4xmoaflnu] {
        visibility: visible;
    }

    .PrintModal .modal_box[b-d4xmoaflnu] {
        padding: 2rem;
        background: white;
        border-radius: .5rem;
        width: 90rem;
        max-width: 1680px;
    }

        .PrintModal .modal_box button:focus[b-d4xmoaflnu] {
            border: none;
            outline: none;
        }

        .PrintModal .modal_box .modal_head[b-d4xmoaflnu] {
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
            align-items: center;
          padding: 0 0 1rem;
        }

            .PrintModal .modal_box .modal_head h2[b-d4xmoaflnu] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
.modal_head button[b-d4xmoaflnu], .modal_head a[b-d4xmoaflnu] {
    font-size: 1.3rem;
    min-width: 6rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border: none;
    line-height: 1.7rem;
    color: white;
    border-radius: .25rem;
    white-space: nowrap;
}
.modal_box iframe[b-d4xmoaflnu] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80vh;
}

.modal_box img[b-d4xmoaflnu] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#invoice-modal-container[b-d4xmoaflnu] {
    height: 700px;
    overflow: auto;
}

*[b-d4xmoaflnu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@page {
    size: legal landscape;
    margin: 0;
}

body[b-d4xmoaflnu] {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    padding: 20px;
}

.legal-container[b-d4xmoaflnu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 216mm;
    min-height: 356mm;
    background: white;
    margin: 0 auto;
    padding: 5px;
}

.stock-report-header[b-d4xmoaflnu] {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.company-name[b-d4xmoaflnu] {
    font-size: 24px;
    font-weight: bold;
    color: black;
    margin-top: 10px;
}

.company-tagline[b-d4xmoaflnu] {
    font-size: 14px;
    color: black;
    margin-bottom: 5px;
}

.items-table[b-d4xmoaflnu] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid black;
}

    .items-table th[b-d4xmoaflnu] {
        color: black;
        padding: 12px;
        font-weight: 600;
        border: 1px solid black;
    }

    .items-table td[b-d4xmoaflnu] {
        padding: 12px;
        border: 1px solid black;
    }

    .items-table tr:hover[b-d4xmoaflnu] {
        background: #f8f9fa;
    }

.text-right[b-d4xmoaflnu] {
    text-align: right;
}

.text-center[b-d4xmoaflnu] {
    text-align: center;
}

@media print {
    body[b-d4xmoaflnu] {
        background: white;
        padding: 0;
    }

    .legal-container[b-d4xmoaflnu] {
        margin: 0;
    }

    .stock-report-header *[b-d4xmoaflnu] {
        margin-left: auto;
        margin-right: auto;
    }
}
/* /Components/Shared/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-73a2wtqeel] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#spanText[b-73a2wtqeel] {
    visibility: hidden;
    position: absolute;
    /*width: 110px;*/
    font-size: 1.2rem;
    bottom: 114%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 9;
}

    #spanText[b-73a2wtqeel]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-wrapper:hover #spanText[b-73a2wtqeel] {
    visibility: visible;
}