/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-j8cvm00z97] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-j8cvm00z97] {
    flex: 1;
}

.sidebar[b-j8cvm00z97] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-j8cvm00z97] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-j8cvm00z97] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2k2ur89wbz],
.components-reconnect-repeated-attempt-visible[b-2k2ur89wbz],
.components-reconnect-failed-visible[b-2k2ur89wbz],
.components-pause-visible[b-2k2ur89wbz],
.components-resume-failed-visible[b-2k2ur89wbz],
.components-rejoining-animation[b-2k2ur89wbz] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-retrying[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-failed[b-2k2ur89wbz],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-2k2ur89wbz] {
    display: block;
}


#components-reconnect-modal[b-2k2ur89wbz] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2k2ur89wbz 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-2k2ur89wbz 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-2k2ur89wbz 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-2k2ur89wbz]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-2k2ur89wbz 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-2k2ur89wbz {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-2k2ur89wbz {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-2k2ur89wbz {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-2k2ur89wbz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-2k2ur89wbz] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-2k2ur89wbz] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2k2ur89wbz] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2k2ur89wbz] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-2k2ur89wbz] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-2k2ur89wbz] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2k2ur89wbz 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-2k2ur89wbz] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-2k2ur89wbz {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Inventory/BarcodeLabels.razor.rz.scp.css */
/* ── شاشة ملصقات الباركود (BarcodeLabels) ── */
.bl-wrap[b-4naeq61q29] { max-width: 1200px; margin: 0 auto; padding: 12px 20px 60px; display: flex; flex-direction: column; gap: 16px; }
.bl-muted[b-4naeq61q29] { color: #6B7280; }

.bl-card[b-4naeq61q29] { border-radius: 14px; background: #fff; padding: 20px; }

.bl-head[b-4naeq61q29] { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.bl-toolbar[b-4naeq61q29] { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 14px; }
.bl-search[b-4naeq61q29] { flex: 1 1 240px; }
.bl-cat[b-4naeq61q29] { width: 200px; }

.bl-table[b-4naeq61q29] { border-radius: 10px; overflow: hidden; }

.bl-options[b-4naeq61q29] { display: flex; gap: 24px; align-items: center; flex-wrap: wrap; margin: 12px 0 6px; }

.bl-actions[b-4naeq61q29] { display: flex; gap: 12px; justify-content: flex-end; flex-wrap: wrap; }
.bl-busy[b-4naeq61q29] { text-align: center; }
.bl-preview[b-4naeq61q29] { width: 100%; border: 1px solid #E5E7EB; border-radius: 10px; background: #fff; min-height: 400px; }
/* /Components/Pages/Inventory/BulkImport.razor.rz.scp.css */
/* ── الاستيراد الجماعي للأصناف (BulkImport) ── */
.bulk-wrap[b-1dcl931ihx] { max-width: 1080px; margin: 0 auto; padding: 12px 20px 60px; display: flex; flex-direction: column; gap: 16px; }
.bulk-muted[b-1dcl931ihx] { color: #6B7280; }

.bulk-steps[b-1dcl931ihx] { display: flex; gap: 8px; flex-wrap: wrap; }
.bulk-step[b-1dcl931ihx] {
    padding: 7px 14px; border-radius: 999px; background: #F3F4F6; color: #9CA3AF;
    font-weight: 700; font-size: .82rem; border: 1px solid #E5E7EB;
}
.bulk-step.active[b-1dcl931ihx] { background: #6D5BD0; color: #fff; border-color: #6D5BD0; }
.bulk-step.done[b-1dcl931ihx] { background: #D1FAE5; color: #065F46; border-color: #A7F3D0; }

.bulk-card[b-1dcl931ihx] { border-radius: 14px; background: #fff; padding: 22px; }
.bulk-actions[b-1dcl931ihx] { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }

.bulk-map-grid[b-1dcl931ihx] { display: grid; grid-template-columns: 1fr 300px; gap: 18px; align-items: start; }
@media (max-width: 860px) { .bulk-map-grid[b-1dcl931ihx] { grid-template-columns: 1fr; } }
.bulk-map-fields[b-1dcl931ihx] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 700px) { .bulk-map-fields[b-1dcl931ihx] { grid-template-columns: 1fr; } }
.bulk-map-preview[b-1dcl931ihx] { border-radius: 12px; padding: 12px 16px; max-height: 340px; overflow: auto; background: #FAFAFC; }
.bulk-map-list[b-1dcl931ihx] { margin: 0; padding-right: 18px; }
.bulk-map-list li[b-1dcl931ihx] { margin: 3px 0; font-size: .85rem; }
.bulk-map-col[b-1dcl931ihx] { background: #EEF2FF; color: #3730A3; border-radius: 6px; padding: 2px 8px; font-weight: 600; }

.bulk-summary[b-1dcl931ihx] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 14px; }
.bulk-stat[b-1dcl931ihx] { padding: 12px 14px; border-radius: 12px; background: #F9FAFB; border: 1px solid #E5E7EB; border-top: 4px solid #9CA3AF; }
.bulk-stat.ok[b-1dcl931ihx] { border-top-color: #10B981; }
.bulk-stat.info[b-1dcl931ihx] { border-top-color: #3B82F6; }
.bulk-stat.warn[b-1dcl931ihx] { border-top-color: #F59E0B; }
.bulk-stat.bad[b-1dcl931ihx] { border-top-color: #EF4444; }
.bulk-stat.neutral[b-1dcl931ihx] { border-top-color: #9CA3AF; }
.bulk-stat-val[b-1dcl931ihx] { font-size: 1.4rem; font-weight: 800; }
.bulk-stat-lbl[b-1dcl931ihx] { font-size: .8rem; color: #6B7280; margin-top: 2px; }

.bulk-table[b-1dcl931ihx] { border-radius: 12px; overflow: hidden; }
.bulk-confirm[b-1dcl931ihx] { min-width: 240px; }
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-h1cxw6ukp5] { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #8B5CF6 0%, #6D5BD0 100%); padding: 24px; }
.login-card[b-h1cxw6ukp5] { background: #fff; border-radius: 20px; box-shadow: 0 24px 60px rgba(0,0,0,.25); padding: 40px 36px; width: 100%; max-width: 400px; }
.login-logo[b-h1cxw6ukp5] { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
.login-logo-icon[b-h1cxw6ukp5] { font-size: 2.2rem; color: #6D5BD0; }
.login-brand-name[b-h1cxw6ukp5] { font-weight: 800; font-size: 1.2rem; color: #1F2937; }
.login-brand-erp[b-h1cxw6ukp5] { font-weight: 700; color: #F472B6; letter-spacing: 3px; font-size: .75rem; }
.login-subtitle[b-h1cxw6ukp5] { color: #6B7280; margin: 0 0 24px 0; }
.login-error[b-h1cxw6ukp5] { background: #fdecea; color: #c0392b; padding: 10px 14px; border-radius: 8px; margin-bottom: 16px; font-size: .875rem; }
.login-field[b-h1cxw6ukp5] { margin-bottom: 16px; }
.login-field label[b-h1cxw6ukp5] { display: block; margin-bottom: 4px; font-size: .875rem; color: #1F2937; }
.login-field input[b-h1cxw6ukp5] { width: 100%; padding: 11px 12px; border: 1px solid #C7C5F4; border-radius: 10px; font-size: 1rem; font-family: inherit; }
.login-field input:focus[b-h1cxw6ukp5] { outline: none; border-color: #6D5BD0; box-shadow: 0 0 0 3px rgba(109,91,208,.15); }
.login-remember[b-h1cxw6ukp5] { display: flex; align-items: center; gap: 8px; margin-bottom: 20px; font-size: .875rem; color: #1F2937; }
.login-remember input[b-h1cxw6ukp5] { width: auto; }
.login-btn[b-h1cxw6ukp5] { width: 100%; padding: 12px; background: linear-gradient(135deg, #8B5CF6 0%, #6D5BD0 100%); color: #fff; border: none; border-radius: 10px; font-size: 1.05rem; font-weight: 700; cursor: pointer; box-shadow: 0 4px 14px rgba(109,91,208,.32); transition: box-shadow .2s ease, transform .2s ease; }
.login-btn:hover[b-h1cxw6ukp5] { box-shadow: 0 6px 20px rgba(109,91,208,.5); transform: translateY(-1px); }
.login-demo[b-h1cxw6ukp5] { margin-top: 20px; font-size: .75rem; color: #999; text-align: center; }
/* /Components/Pages/Pos/CardReconciliation.razor.rz.scp.css */
/* ── شاشة تسوية بطاقات الدفع (Card Reconciliation) ── */
.recon-page[b-two4t42key] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.recon-header[b-two4t42key] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.recon-title[b-two4t42key] { display: flex; align-items: center; gap: 12px; }
.recon-muted[b-two4t42key] { color: #6B7280; }

.recon-controls[b-two4t42key] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    flex-wrap: wrap;
    background: #fff;
}
.recon-controls .mud-input-control[b-two4t42key] { min-width: 170px; }

.recon-import-btn[b-two4t42key] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #EEF2FF;
    color: #4338CA;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #C7D2FE;
    user-select: none;
    white-space: nowrap;
}
.recon-import-btn:hover[b-two4t42key] { background: #E0E7FF; }

.recon-summary[b-two4t42key] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 12px;
}
.recon-stat[b-two4t42key] {
    padding: 14px 16px;
    border-radius: 12px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-top: 4px solid #9CA3AF;
}
.recon-stat.total[b-two4t42key] { border-top-color: #6D5BD0; }
.recon-stat.matched[b-two4t42key] { border-top-color: #10B981; }
.recon-stat.pending[b-two4t42key] { border-top-color: #F59E0B; }
.recon-stat.bank-only[b-two4t42key] { border-top-color: #EF4444; }
.recon-stat.mismatch[b-two4t42key] { border-top-color: #F97316; }
.recon-stat-val[b-two4t42key] { font-size: 1.35rem; font-weight: 800; }
.recon-stat-lbl[b-two4t42key] { font-size: .82rem; color: #6B7280; margin-top: 2px; }

.recon-table-paper[b-two4t42key] { border-radius: 12px; background: #fff; overflow: hidden; }
.recon-sub[b-two4t42key] { font-size: .75rem; color: #6B7280; margin-top: 2px; }

.recon-badge[b-two4t42key] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}
.recon-badge.ok[b-two4t42key] { background: #D1FAE5; color: #065F46; }
.recon-badge.warn[b-two4t42key] { background: #FEF3C7; color: #92400E; }
.recon-badge.bad[b-two4t42key] { background: #FEE2E2; color: #991B1B; }
.recon-badge.mism[b-two4t42key] { background: #FFEDD5; color: #9A3412; }
/* /Components/Pages/Pos/CashTransfers.razor.rz.scp.css */
/* ── سجل التحويلات النقدية (Cash Transfer Log) ── */
.recon-page[b-p71gix40o9] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 24px 20px 60px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.recon-header[b-p71gix40o9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.recon-title[b-p71gix40o9] { display: flex; align-items: center; gap: 12px; }
.recon-muted[b-p71gix40o9] { color: #6B7280; }

.recon-controls[b-p71gix40o9] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    flex-wrap: wrap;
    background: #fff;
}
.recon-controls .mud-input-control[b-p71gix40o9] { min-width: 170px; }

.recon-table-paper[b-p71gix40o9] { border-radius: 12px; background: #fff; overflow: hidden; }

.recon-badge[b-p71gix40o9] {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}
.recon-badge.matched[b-p71gix40o9] { background: #D1FAE5; color: #065F46; } /* تمويل درج الكاش */
.recon-badge.pending[b-p71gix40o9] { background: #FEF3C7; color: #92400E; } /* سحب نقد */
/* /Components/Pages/Pos/Pos.razor.rz.scp.css */
.pos-root[b-jy4qvprtgh] { position: fixed; inset: 0; display: flex; flex-direction: column; background: #F4F5F9; overflow: hidden; }

.pos-topbar[b-jy4qvprtgh] { display: flex; align-items: center; gap: 16px; background: #fff; border-bottom: 1px solid #E5E7EB; padding: 8px 16px; }
.pos-brand[b-jy4qvprtgh] { display: flex; align-items: center; gap: 8px; }
.pos-brand-text[b-jy4qvprtgh] { font-weight: 800; color: #6D5BD0; font-size: 1.1rem; }
.pos-search[b-jy4qvprtgh] { flex: 1; max-width: 560px; }
.pos-topbar-right[b-jy4qvprtgh] { display: flex; align-items: center; gap: 16px; margin-inline-start: auto; }
.pos-muted[b-jy4qvprtgh] { color: #6B7280; }

.pos-main[b-jy4qvprtgh] { flex: 1; display: flex; overflow: hidden; }

.pos-items[b-jy4qvprtgh] { flex: 1; display: flex; flex-direction: column; overflow: hidden; padding: 12px; gap: 12px; }

.pos-categories[b-jy4qvprtgh] { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 12px; }
.pos-cat[b-jy4qvprtgh] {
    min-width: 110px; padding: 14px 16px; border: none; border-radius: 12px;
    background: var(--c); color: #fff; font-weight: 700; font-size: 1rem; cursor: pointer; flex-shrink: 0;
    box-shadow: 0 5px 0 rgba(0,0,0,.26), 0 10px 18px rgba(0,0,0,.16);
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.pos-cat:hover[b-jy4qvprtgh] { transform: translateY(-2px); box-shadow: 0 7px 0 rgba(0,0,0,.26), 0 14px 24px rgba(0,0,0,.24); filter: brightness(1.07); }
.pos-cat:active[b-jy4qvprtgh] { transform: translateY(3px); box-shadow: 0 2px 0 rgba(0,0,0,.26), 0 3px 6px rgba(0,0,0,.16); }
.pos-cat.active[b-jy4qvprtgh] { outline: 3px solid #1F2937; outline-offset: 2px; }

.pos-grid[b-jy4qvprtgh] { flex: 1; display: grid; grid-template-columns: repeat(var(--pos-cols, 6), 1fr); gap: 12px; overflow-y: auto; align-content: start; }

.pos-item[b-jy4qvprtgh] {
    position: relative;
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    padding: calc(22px * var(--pos-scale, 1)) calc(12px * var(--pos-scale, 1));
    border: none; border-radius: 14px;
    background: linear-gradient(180deg, color-mix(in srgb, var(--pos-accent, #6D5BD0) 80%, #fff) 0%, var(--pos-accent, #6D5BD0) 100%);
    color: #fff;
    cursor: pointer;
    box-shadow: 0 6px 0 color-mix(in srgb, var(--pos-accent, #6D5BD0) 66%, #000), 0 12px 22px rgba(0, 0, 0, .20);
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.pos-item:hover[b-jy4qvprtgh] {
    transform: translateY(-3px);
    filter: brightness(1.06);
    box-shadow: 0 9px 0 color-mix(in srgb, var(--pos-accent, #6D5BD0) 66%, #000), 0 18px 30px rgba(0, 0, 0, .28);
}
.pos-item:active[b-jy4qvprtgh] { transform: translateY(3px); box-shadow: 0 2px 0 color-mix(in srgb, var(--pos-accent, #6D5BD0) 66%, #000), 0 3px 6px rgba(0, 0, 0, .20); }
.pos-item-icon[b-jy4qvprtgh] { font-size: calc(2.6rem * var(--pos-scale, 1)); color: #fff; }
.pos-item-name[b-jy4qvprtgh] { font-weight: 800; text-align: center; font-size: calc(1.05rem * var(--pos-scale, 1)); color: #fff; line-height: 1.25; }
.pos-item-price[b-jy4qvprtgh] { font-weight: 800; font-size: calc(1rem * var(--pos-scale, 1)); color: #FDE68A; }
.pos-item-img[b-jy4qvprtgh] { width: calc(56px * var(--pos-scale, 1)); height: calc(56px * var(--pos-scale, 1)); object-fit: cover; border-radius: 10px; border: 2px solid rgba(255,255,255,.7); }

/* ── تمييز الأصناف النافدة (الرصيد 0) والأصناف التي فشل فحص رصيدها في الشبكة ── */
.pos-item--out[b-jy4qvprtgh] {
    filter: grayscale(1);
    opacity: .55;
    box-shadow: none;
}
.pos-item--out:hover[b-jy4qvprtgh] { transform: none; filter: grayscale(1); opacity: .6; box-shadow: none; }
.pos-item-stock-badge[b-jy4qvprtgh] {
    position: absolute;
    top: 4px;
    inset-inline-start: 4px;
    z-index: 2;
    background: #EF4444;
    color: #fff;
    font-size: .62rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    direction: rtl;
}

/* ── مؤشر قرب انتهاء الصلاحية على زر الصنف (دُفعة ضمن نافذة التحذير من ItemBatch) ── */
.pos-item--near-expiry[b-jy4qvprtgh] {
    box-shadow: 0 5px 0 color-mix(in srgb, var(--pos-accent, #6D5BD0) 66%, #000), 0 12px 22px rgba(245, 158, 11, .28);
}
.pos-item-expiry-badge[b-jy4qvprtgh] {
    position: absolute;
    top: 4px;
    inset-inline-end: 4px;
    z-index: 2;
    background: #F59E0B;
    color: #fff;
    font-size: .6rem;
    font-weight: 800;
    padding: 2px 6px;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    direction: rtl;
}
.pos-item--flash[b-jy4qvprtgh] {
    outline: 3px solid #EF4444;
    outline-offset: 2px;
    animation: pos-flash-b-jy4qvprtgh 0.8s ease-in-out infinite alternate;
}
@keyframes pos-flash-b-jy4qvprtgh {
    from { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }
    to   { box-shadow: 0 0 0 8px rgba(239, 68, 68, .35); }
}

.pos-cart[b-jy4qvprtgh] { width: var(--pos-cart-w, 720px); min-width: var(--pos-cart-w, 720px); display: flex; flex-direction: row; gap: 10px; background: #fff; border-inline-start: 1px solid #E5E7EB; padding: 10px; overflow: hidden; min-height: 0; }
.pos-cart-left[b-jy4qvprtgh] { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 7px; min-height: 0; }
.pos-cart-right[b-jy4qvprtgh] { width: 340px; min-width: 340px; display: flex; flex-direction: column; min-height: 0; overflow-y: auto; }
.pos-cart-header[b-jy4qvprtgh] { display: flex; align-items: center; justify-content: space-between; }
.pos-cart-lines[b-jy4qvprtgh] { flex: 1; overflow-y: auto; min-height: 0; }

/* ── سلة عمودين مضغوطة: صف شبكة من صنفين، بارتفاع صغير لعرض 16 صنفاً في الشاشة،
      مع تظليل شطرنجي (أبيض ← بنفسجي أغمق) للتمييز البصري ── */
.pos-cart-row[b-jy4qvprtgh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 1px 3px;
    border-radius: 8px;
    margin-bottom: 1px;
}
.pos-cart-row--alt[b-jy4qvprtgh] { background: #EBE1F9; }

.pos-line[b-jy4qvprtgh] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 1px 5px;
    background: #fff;
    border: 1px solid #E9E5F6;
    border-radius: 7px;
    min-width: 0;
    box-shadow: none;
}
.pos-cart-row--alt .pos-line[b-jy4qvprtgh] { background: #E2D5F6; border-color: #CDBEEE; }

.pos-line-top[b-jy4qvprtgh] { display: flex; align-items: center; gap: 3px; min-width: 0; padding-inline-end: 22px; }
.pos-line-name[b-jy4qvprtgh] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    font-size: .74rem;
    line-height: 1.15;
    color: #1F2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: right;
}
.pos-line-price[b-jy4qvprtgh] { font-size: .7rem; font-weight: 700; color: #8B5CF6; white-space: nowrap; }

.pos-line-bottom[b-jy4qvprtgh] { display: flex; align-items: center; justify-content: space-between; gap: 3px; }
.pos-line-qty[b-jy4qvprtgh] { display: flex; align-items: center; gap: 1px; }
.pos-qty-box[b-jy4qvprtgh] {
    width: 34px;
    height: 28px;
    padding: 0;
    border: 1px solid #CFC5EC;
    border-radius: 5px;
    text-align: center;
    font-size: .82rem;
    font-weight: 700;
    color: #1F2937;
    background: #fff;
    box-shadow: none;
}
.pos-qty-box:focus[b-jy4qvprtgh] { border-color: #6D5BD0; outline: none; box-shadow: 0 0 0 2px rgba(109, 91, 208, .18); }
.pos-line-total[b-jy4qvprtgh] { font-weight: 800; font-size: .76rem; color: #6D5BD0; white-space: nowrap; text-align: end; min-width: 40px; }

/* ── تمييز سطر السلة الذي تعذّر إتمامه لنقص الرصيد (أو صنف نفد من المخزون) ── */
.pos-line--no-stock[b-jy4qvprtgh] {
    background: #FEF2F2;
    border: 1.5px solid #FCA5A5;
}
.pos-cart-row--alt .pos-line--no-stock[b-jy4qvprtgh] { background: #FDE8E8; border-color: #FCA5A5; }
.pos-line--no-stock .pos-line-name[b-jy4qvprtgh] { color: #B91C1C; }
.pos-line--no-stock .pos-line-total[b-jy4qvprtgh] { color: #B91C1C; }
.pos-line-stock-badge[b-jy4qvprtgh] {
    flex-shrink: 0;
    background: #EF4444;
    color: #fff;
    font-size: .58rem;
    font-weight: 800;
    padding: 1px 5px;
    border-radius: 4px;
    line-height: 1.4;
    white-space: nowrap;
    direction: rtl;
}

/* تكبير أزرار + / − فقط لأصابع شاشة اللمس (منطقة لمس 30×30px) —
   زر الحذف يبقى صغيراً عائماً في زاوية البطاقة كي لا يرفع ارتفاع السطر ويحافظ على عرض 16 صنفاً */
.pos-cart-lines[b-jy4qvprtgh]  .pos-line .pos-line-qty .mud-icon-button {
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    padding: 0;
    flex-shrink: 0;
}
.pos-cart-lines[b-jy4qvprtgh]  .pos-line .pos-line-qty .mud-icon-button .mud-icon-size-small { font-size: 21px; }

.pos-cart-lines[b-jy4qvprtgh]  .pos-line .pos-line-top > .mud-icon-button {
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
    width: 20px;
    height: 20px;
    min-width: 20px;
    min-height: 20px;
    padding: 0;
}
.pos-cart-lines[b-jy4qvprtgh]  .pos-line .pos-line-top > .mud-icon-button .mud-icon-size-small { font-size: 16px; }

.pos-totals[b-jy4qvprtgh] { border-top: 1px solid #E5E7EB; padding-top: 6px; }
.pos-total-row[b-jy4qvprtgh] { display: flex; justify-content: space-between; padding: 3px 0; font-size: 1.1rem; }
.pos-total-row.grand[b-jy4qvprtgh] { font-size: 1.7rem; font-weight: 800; color: #6D5BD0; border-top: 2px solid #6D5BD0; margin-top: 4px; padding-top: 8px; }

.pos-payment[b-jy4qvprtgh] { display: flex; flex-direction: column; gap: 6px; }
.pos-pay-methods[b-jy4qvprtgh] { display: flex; gap: 8px; }
.pos-pay[b-jy4qvprtgh] {
    flex: 1; padding: calc(14px * var(--pos-scale, 1)); border: none; border-radius: 10px;
    background: linear-gradient(180deg, #FFFFFF 0%, #EDEFF3 100%);
    color: #374151; font-weight: 700; font-size: calc(1.15rem * var(--pos-scale, 1)); cursor: pointer;
    box-shadow: 0 3px 0 #C4C9D3, 0 6px 12px rgba(16,24,40,.10);
    transition: transform .1s ease, box-shadow .1s ease, background .1s ease, color .1s ease;
}
.pos-pay:hover[b-jy4qvprtgh] { transform: translateY(-1px); box-shadow: 0 4px 0 #C4C9D3, 0 8px 14px rgba(16,24,40,.14); }
.pos-pay:active[b-jy4qvprtgh] { transform: translateY(3px); box-shadow: 0 1px 0 #C4C9D3, 0 2px 4px rgba(16,24,40,.12); }
.pos-pay.active[b-jy4qvprtgh] {
    background: linear-gradient(180deg, #8B5CF6 0%, #6D5BD0 100%);
    color: #fff;
    box-shadow: 0 3px 0 #46359E, 0 8px 16px rgba(109,91,208,.38);
}
.pos-pay.pos-pay-new-invoice[b-jy4qvprtgh] {
    background: linear-gradient(180deg, #34D399 0%, #10B981 100%);
    color: #fff;
    box-shadow: 0 3px 0 #059669, 0 8px 16px rgba(16,185,129,.35);
}
.pos-change[b-jy4qvprtgh] { font-weight: 800; font-size: 1.6rem; color: #10B981; text-align: center; }
.pos-change.negative[b-jy4qvprtgh] { color: #EF4444; }

/* ── شارة مفتاح الاختصار (F1..F7) على أزرار نقطة البيع — يراها الكاشير مباشرة ── */
.pos-kbd[b-jy4qvprtgh] {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 26px; height: 20px; padding: 0 6px;
    border-radius: 6px;
    background: #EEF2FF; color: #4338CA;
    border: 1px solid #C7D2FE;
    font-size: .68rem; font-weight: 800;
    margin-inline-start: 6px;
    white-space: nowrap; user-select: none; line-height: 1;
}

.pos-keypad[b-jy4qvprtgh] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.pos-key[b-jy4qvprtgh] {
    padding: calc(15px * var(--pos-scale, 1)) calc(12px * var(--pos-scale, 1)); border: none; border-radius: 12px;
    background: linear-gradient(180deg, #FFFFFF 0%, #EDEFF3 100%);
    color: #1F2937; font-size: calc(1.6rem * var(--pos-scale, 1)); font-weight: 800; cursor: pointer;
    box-shadow: 0 4px 0 #C4C9D3, 0 6px 12px rgba(16,24,40,.08);
    transition: transform .08s ease, box-shadow .08s ease, background .08s ease, color .08s ease;
}
.pos-key:hover[b-jy4qvprtgh] {
    background: linear-gradient(180deg, #F0EDFB 0%, #E0D8F8 100%);
    color: #6D5BD0;
    box-shadow: 0 4px 0 #B9ACEB, 0 8px 14px rgba(109,91,208,.18);
}
.pos-key:active[b-jy4qvprtgh] {
    transform: translateY(3px);
    background: linear-gradient(180deg, #6D5BD0 0%, #8B5CF6 100%);
    color: #fff;
    box-shadow: 0 1px 0 #46359E, 0 1px 3px rgba(109,91,208,.20);
}

.pos-checkout[b-jy4qvprtgh] {
    padding: 18px; font-size: 1.45rem; font-weight: 800;
    background: linear-gradient(180deg, #C4B5FD 0%, #A78BFA 100%) !important;
    color: #fff !important;
    border-radius: 12px !important;
    box-shadow: 0 5px 0 #8B5CF6, 0 10px 18px rgba(139, 92, 246, .38) !important;
    transition: transform .1s ease, box-shadow .1s ease, background .1s ease !important;
}
.pos-checkout:hover[b-jy4qvprtgh] {
    background: linear-gradient(180deg, #DDD0FD 0%, #B794F6 100%) !important;
    box-shadow: 0 5px 0 #8B5CF6, 0 12px 22px rgba(139, 92, 246, .5) !important;
    transform: translateY(-2px);
}
.pos-checkout:active[b-jy4qvprtgh] {
    transform: translateY(4px) !important;
    box-shadow: 0 1px 0 #8B5CF6, 0 3px 6px rgba(139, 92, 246, .3) !important;
}
.pos-checkout:disabled[b-jy4qvprtgh] {
    background: #9CA3AF !important;
    color: #F3F4F6 !important;
    box-shadow: 0 4px 0 #6B7280 !important;
    transform: none !important;
}

/* ── وضع إخفاء المنتجات والتصنيفات (من إعدادات نقطة البيع) ──
   تُخفى منطقة الأصناف/التصنيفات بالكامل وتتمدد السلة لملء المساحة المتبقية،
   مع بقاء حجم عناصر السلة الداخلية (أعمدة يسار/يمين) كما هي. */
.pos-hide-items .pos-items[b-jy4qvprtgh] { display: none; }
.pos-hide-items .pos-cart[b-jy4qvprtgh] { width: auto; min-width: 0; flex: 1; }

/* ── القائمة المنسدلة للبحث الفوري (تظهر عند كتابة أول حرف) ── */
.pos-search[b-jy4qvprtgh] { position: relative; }
.pos-search-dropdown[b-jy4qvprtgh] {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
    max-height: 320px;
    overflow-y: auto;
    z-index: 1200;
}
.pos-search-option[b-jy4qvprtgh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: right;
    border-bottom: 1px solid #F1F2F6;
}
.pos-search-option:hover[b-jy4qvprtgh] { background: #F5F3FF; }
.pos-search-opt-name[b-jy4qvprtgh] { font-weight: 600; }
.pos-search-opt-price[b-jy4qvprtgh] { color: #6D5BD0; font-weight: 800; font-size: .85rem; white-space: nowrap; }

/* ── حقول الدفع بالبطاقة (رقم الموافقة إلزامي + آخر 4 أرقام + الشبكة) ── */
.pos-card-fields[b-jy4qvprtgh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    border: 1px dashed rgba(109, 91, 208, .45);
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(109, 91, 208, .06), rgba(109, 91, 208, .02));
    margin-bottom: 8px;
}
.pos-card-row.two[b-jy4qvprtgh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
/* /Components/Pages/Pos/PosReceiptDialog.razor.rz.scp.css */
.pos-receipt[b-btwpfr1rfa] { font-size: 0.85rem; color: #111; max-width: 320px; margin: 0 auto; }
.pos-receipt.pos-receipt-58[b-btwpfr1rfa] { max-width: 232px; }
.rc-shop[b-btwpfr1rfa] { text-align: center; font-weight: 800; font-size: 1.1rem; }
.rc-phone[b-btwpfr1rfa] { text-align: center; font-size: 0.9rem; color: #333; margin: 2px 0; }
.rc-title[b-btwpfr1rfa] { text-align: center; font-weight: 700; margin: 4px 0; }
.rc-sep[b-btwpfr1rfa] { border-top: 1px dashed #999; margin: 8px 0; }
.rc-row[b-btwpfr1rfa] { display: flex; justify-content: space-between; padding: 2px 0; }
.rc-row span:first-child[b-btwpfr1rfa] { color: #555; }
.rc-items[b-btwpfr1rfa] { width: 100%; border-collapse: collapse; margin: 4px 0; }
.rc-items th[b-btwpfr1rfa], .rc-items td[b-btwpfr1rfa] { text-align: start; padding: 3px 4px; border-bottom: 1px dotted #ddd; }
.rc-items th[b-btwpfr1rfa] { font-size: 0.75rem; color: #555; }
.rc-items td:last-child[b-btwpfr1rfa], .rc-items th:last-child[b-btwpfr1rfa] { text-align: end; }
.rc-grand[b-btwpfr1rfa] { display: flex; justify-content: space-between; font-weight: 800; font-size: 1.05rem; margin-top: 4px; }
.rc-thanks[b-btwpfr1rfa] { text-align: center; font-weight: 700; margin-top: 6px; }

/* زر الطباعة الخام (يستدعي window.print مباشرة) */
.erp-print-btn[b-btwpfr1rfa] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, #8B5CF6 0%, #6D5BD0 100%);
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px 18px;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 4px 14px rgba(109, 91, 208, 0.32);
    transition: box-shadow .2s ease, transform .2s ease;
}
.erp-print-btn:hover[b-btwpfr1rfa] { box-shadow: 0 6px 20px rgba(109, 91, 208, 0.5); transform: translateY(-1px); }
/* /Components/Pages/Reports/ReportsDashboard.razor.rz.scp.css */
/* ═══ لوحة التقارير — تصميم خاص (معزول CSS بادئة repdash-) ═══ */
.repdash[b-3jwmyzkrnt] {
    max-width: 1240px;
    margin: 0 auto;
    padding: 22px 20px 48px;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

/* ── الترويسة ── */
.repdash-hero[b-3jwmyzkrnt] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 22px 24px;
    border-radius: 18px;
    background: linear-gradient(120deg, #6D5BD0 0%, #8B5CF6 45%, #0E7490 100%);
    color: #fff;
    box-shadow: 0 10px 26px rgba(93, 76, 180, .25), inset 0 1px 0 rgba(255,255,255,.18);
    overflow: hidden;
}
.repdash-hero[b-3jwmyzkrnt]::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 95% 10%, rgba(255,255,255,.14) 0%, transparent 42%),
        radial-gradient(circle at 5% 90%, rgba(255,255,255,.10) 0%, transparent 38%);
    pointer-events: none;
}
.repdash-logo svg[b-3jwmyzkrnt] { display: block; filter: drop-shadow(0 3px 6px rgba(0,0,0,.25)); }
.repdash-hero-text h1[b-3jwmyzkrnt] { margin: 0; font-size: 1.65rem; font-weight: 800; letter-spacing: -.3px; }
.repdash-hero-text p[b-3jwmyzkrnt] { margin: 4px 0 0; font-size: .92rem; opacity: .92; }
.repdash-hero-actions[b-3jwmyzkrnt] { display: flex; align-items: center; gap: 10px; margin-inline-start: auto; flex-wrap: wrap; }
.repdash-date[b-3jwmyzkrnt] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 7px 14px; border-radius: 999px;
    background: rgba(255,255,255,.16); color: #fff;
    font-size: .82rem; font-weight: 600; white-space: nowrap;
}
.repdash-cta[b-3jwmyzkrnt] {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 9px 18px; border-radius: 12px;
    background: #fff; color: #4338CA;
    font-weight: 800; font-size: .9rem;
    box-shadow: 0 3px 8px rgba(0,0,0,.16);
    text-decoration: none; white-space: nowrap;
    transition: transform .12s ease, box-shadow .12s ease;
}
.repdash-cta:hover[b-3jwmyzkrnt] { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(0,0,0,.22); }

/* ── رؤوس الأقسام ── */
.repdash-section[b-3jwmyzkrnt] { display: flex; flex-direction: column; gap: 14px; }
.repdash-section-head[b-3jwmyzkrnt] { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; border-bottom: 2px solid #E5E7EB; padding-bottom: 8px; }
.repdash-section-head h2[b-3jwmyzkrnt] { margin: 0; font-size: 1.12rem; font-weight: 800; color: #1F2937; }
.repdash-section-head span[b-3jwmyzkrnt] { font-size: .8rem; color: #6B7280; }

/* ── بطاقات المؤشرات (KPI) ── */
.repdash-kpi-grid[b-3jwmyzkrnt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
    gap: 12px;
}
.repdash-kpi[b-3jwmyzkrnt] {
    display: flex; flex-direction: column; gap: 8px;
    padding: 14px 14px 12px;
    border-radius: 14px;
    border: 1px solid #E5E7EB;
    background: linear-gradient(180deg, var(--g1) 0%, var(--g2) 100%);
    text-decoration: none;
    transition: transform .13s ease, box-shadow .13s ease, border-color .13s ease;
}
.repdash-kpi:hover[b-3jwmyzkrnt] { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,.12); border-color: var(--k); }
.repdash-kpi-icon[b-3jwmyzkrnt] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 38px; height: 38px; border-radius: 12px;
    background: var(--k); color: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
}
.repdash-kpi-label[b-3jwmyzkrnt] { font-size: .78rem; font-weight: 700; color: #374151; line-height: 1.25; }
.repdash-kpi-value[b-3jwmyzkrnt] { font-size: 1.22rem; font-weight: 800; color: #111827; white-space: nowrap; }

/* ── بطاقات التقارير ── */
.repdash-card-grid[b-3jwmyzkrnt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
    gap: 12px;
}
.repdash-card[b-3jwmyzkrnt] {
    display: flex; align-items: center; gap: 12px;
    padding: 14px 14px;
    border-radius: 14px;
    border: 1px solid #E5E7EB;
    border-inline-start: 5px solid var(--c);
    background: #fff;
    text-decoration: none;
    transition: transform .13s ease, box-shadow .13s ease, border-color .13s ease;
}
.repdash-card:hover[b-3jwmyzkrnt] { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,.10); border-color: var(--c); }
.repdash-card-icon[b-3jwmyzkrnt] {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0;
    background: color-mix(in srgb, var(--c) 14%, #fff); color: var(--c);
}
.repdash-card-body[b-3jwmyzkrnt] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.repdash-card-title[b-3jwmyzkrnt] { font-weight: 800; font-size: .95rem; color: #111827; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.repdash-card-sub[b-3jwmyzkrnt] { font-size: .76rem; color: #6B7280; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.repdash-card-arrow[b-3jwmyzkrnt] { color: #9CA3AF; flex-shrink: 0; }

/* ── التذييل ── */
.repdash-footer[b-3jwmyzkrnt] {
    display: flex; align-items: center; gap: 6px;
    padding: 10px 14px; border-radius: 10px;
    background: #F9FAFB; border: 1px solid #E5E7EB;
    color: #6B7280; font-size: .84rem;
}