/* _content/SafinAhmedERP.Web/Components/AuditTrail.razor.rz.scp.css */
.audit-trail-container[b-6dfhlfejv5] {
    padding: 15px;
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm);
}

.audit-timeline[b-6dfhlfejv5] {
    position: relative;
    margin: 0;
    padding: 0;
}

.audit-timeline[b-6dfhlfejv5]::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: var(--border-color);
}

.audit-item[b-6dfhlfejv5] {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}

.audit-badge[b-6dfhlfejv5] {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 32px;
    z-index: 1;
}

.audit-content[b-6dfhlfejv5] {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: var(--border-radius-sm);
    padding: 10px 15px;
    box-shadow: var(--shadow-sm);
}

.audit-header[b-6dfhlfejv5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.audit-title[b-6dfhlfejv5] {
    font-weight: 600;
    color: var(--text-color);
}

.audit-date[b-6dfhlfejv5] {
    font-size: 0.8rem;
    color: var(--text-light);
}

.audit-body[b-6dfhlfejv5] {
    color: var(--text-color);
}
/* _content/SafinAhmedERP.Web/Components/ContextualSearch.razor.rz.scp.css */
.contextual-search[b-agzncq60mx] {
    width: 100%;
}

.input-group[b-agzncq60mx] {
    border-radius: var(--border-radius-sm);
    box-shadow: var(--shadow-sm);
    transition: box-shadow var(--transition-fast);
}

    .input-group:hover[b-agzncq60mx], .input-group:focus-within[b-agzncq60mx] {
        box-shadow: var(--shadow-md);
    }

.input-group-text[b-agzncq60mx] {
    background-color: var(--card-bg-color);
    border-color: var(--border-color);
}

.form-control[b-agzncq60mx] {
    border-color: var(--border-color);
}

.badge[b-agzncq60mx] {
    font-weight: 500;
    font-size: 0.7rem;
}

/* RTL Support */
[dir="rtl"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)[b-agzncq60mx] {
    margin-right: -1px;
    margin-left: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: var(--border-radius-sm);
    border-bottom-left-radius: var(--border-radius-sm);
}

[dir="rtl"] .input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating)[b-agzncq60mx] {
    margin-left: -1px;
    margin-right: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: var(--border-radius-sm);
    border-bottom-right-radius: var(--border-radius-sm);
}
/* _content/SafinAhmedERP.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* Enhanced MainLayout Visual Styles - Design Only */
.page[b-h1x4v4bwkb] {
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 80px;
    --navbar-header-height: 56px;
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100vh;
    overflow: hidden;
    font-family: 'Inter', 'Tajawal', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
    background: #f8fafc;
}

/* Modern Main Content - full width, sticky footer column */
.main-content[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: calc(100% - var(--sidebar-width));
    min-width: 0;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
    margin-left: var(--sidebar-width);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #f8fafc;
    --app-footer-height: 2.25rem;
}
.page.pos-mode .top-header[b-h1x4v4bwkb],
.page.pos-mode .footer[b-h1x4v4bwkb] {
    display: none;
}

.page.pos-mode .content-wrapper[b-h1x4v4bwkb] {
    padding: 0;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.page.pos-mode .content-body[b-h1x4v4bwkb] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Enhanced Sidebar Design */
.sidebar[b-h1x4v4bwkb] {
    width: var(--sidebar-width);
    background: linear-gradient(180deg, #006747 0%, #004533 100%);
    color: white;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1000;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 4px 0 20px rgba(0, 103, 71, 0.15);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

    .sidebar.show[b-h1x4v4bwkb] {
        transform: translateX(0);
    }

/* Collapsed Sidebar State */
.sidebar.collapsed[b-h1x4v4bwkb] {
    width: var(--sidebar-collapsed-width);
}

    .sidebar.collapsed .navbar-header[b-h1x4v4bwkb] {
        padding: 1rem 0.5rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        height: auto;
    }

    .sidebar.collapsed .navbar-brand[b-h1x4v4bwkb] {
        justify-content: center;
        padding: 0;
    }

    .sidebar.collapsed .brand-text[b-h1x4v4bwkb] {
        display: none !important;
        width: 0 !important;
        overflow: hidden !important;
    }

    .sidebar.collapsed .navbar-logo[b-h1x4v4bwkb] {
        margin: 0;
        width: 40px;
        height: 40px;
    }

    .sidebar.collapsed .sidebar-toggle-btn[b-h1x4v4bwkb] {
        position: static;
        margin: 0;
    }

/* Sidebar Toggle Button */
.sidebar-toggle-btn[b-h1x4v4bwkb] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
    font-size: 0.7rem;
}

    .sidebar-toggle-btn:hover[b-h1x4v4bwkb] {
        background: rgba(255, 255, 255, 0.2);
        color: white;
        border-color: rgba(255, 255, 255, 0.3);
        transform: scale(1.05);
    }

/* POS mode: minimal chrome */

/* Main content when sidebar is collapsed */
.main-content.sidebar-collapsed[b-h1x4v4bwkb] {
    width: calc(100% - var(--sidebar-collapsed-width));
    margin-left: var(--sidebar-collapsed-width);
}

/* Enhanced Navbar Header */
.navbar-header[b-h1x4v4bwkb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    height: 56px;
    background: rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.navbar-brand[b-h1x4v4bwkb] {
    display: flex;
    align-items: center;
    color: white;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.3s ease;
}

    .navbar-brand:hover[b-h1x4v4bwkb] {
        color: #a7c4bc;
        text-decoration: none;
        transform: scale(1.02);
    }

.navbar-logo[b-h1x4v4bwkb] {
    height: 28px;
    width: 28px;
    margin-right: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

    .navbar-logo:hover[b-h1x4v4bwkb] {
        transform: scale(1.05);
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
    }

.brand-text[b-h1x4v4bwkb] {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* ========================================
   TOP HEADER - compact
   ======================================== */
.top-header[b-h1x4v4bwkb] {
    background: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 0.5rem 1rem;
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.header-title-group[b-h1x4v4bwkb] {
    display: flex;
    align-items: center;
    min-width: 0;
    flex-shrink: 1;
}

.header-title[b-h1x4v4bwkb] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    white-space: nowrap;
    padding: 0.35rem 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
    background: transparent !important;
    border: none !important;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-controls[b-h1x4v4bwkb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-inline-start: auto;
}

/* All buttons and badges same height - compact */
.hdr-btn[b-h1x4v4bwkb],
.hdr-badge[b-h1x4v4bwkb] {
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0 0.75rem;
    font-size: 0.8rem;
    font-weight: 500;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    background: #ffffff;
    color: #374151;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

.hdr-btn i[b-h1x4v4bwkb],
.hdr-badge i[b-h1x4v4bwkb] {
    font-size: 0.85rem;
}

.hdr-badge-dev[b-h1x4v4bwkb] {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
    font-weight: 700;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    animation: dev-pulse-b-h1x4v4bwkb 2.5s ease-in-out infinite;
}

@keyframes dev-pulse-b-h1x4v4bwkb {
    0%, 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4); }
    50% { box-shadow: 0 0 0 4px rgba(245, 158, 11, 0); }
}

.hdr-btn-outline[b-h1x4v4bwkb] {
    border-color: #006747;
    color: #006747;
    background: #ffffff;
}

.hdr-btn-outline:hover:not(:disabled)[b-h1x4v4bwkb] {
    background: #006747;
    color: #ffffff;
}

.hdr-btn-outline:disabled[b-h1x4v4bwkb] {
    opacity: 0.5;
    cursor: not-allowed;
}

.hdr-btn-icon[b-h1x4v4bwkb] {
    width: 32px;
    padding: 0;
    flex: 0 0 32px;
}


.hdr-btn-primary[b-h1x4v4bwkb] {
    background: #006747;
    border-color: #006747;
    color: #ffffff;
    font-weight: 500;
    border-radius: 8px;
    padding: 0 1rem;
    box-shadow: 0 1px 2px rgba(0, 103, 71, 0.15);
}

.hdr-btn-primary:hover[b-h1x4v4bwkb] {
    background: #005538;
    border-color: #005538;
    color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 103, 71, 0.2);
}


/* Badges */
.hdr-badge[b-h1x4v4bwkb] {
    cursor: default;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    color: #4b5563;
}

.hdr-badge i[b-h1x4v4bwkb] {
    color: #006747;
}

.hdr-date-notification-badge[b-h1x4v4bwkb] {
    position: absolute;
    top: -9px;
    right: -9px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    line-height: 1;
    z-index: 2;
    pointer-events: none;
}

/* In RTL, keep the badge away from the bell button side. */
[dir="rtl"] .hdr-date-notification-badge[b-h1x4v4bwkb] {
    right: auto;
    left: -9px;
}

.hdr-notification-panel[b-h1x4v4bwkb] {
    min-width: 340px;
    width: 390px;
    max-width: min(92vw, 390px);
    background: #ffffff;
    border: 1px solid #dce4eb;
    border-radius: 14px;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.22);
    z-index: 1060;
    overflow: hidden;
}

.hdr-notification-header[b-h1x4v4bwkb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem 0.75rem;
    border-bottom: 1px dashed #d9e2ea;
    background: linear-gradient(180deg, #fdfefe 0%, #f7fafc 100%);
}

.hdr-notification-header-title[b-h1x4v4bwkb] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.3;
}

.hdr-notification-header-subtitle[b-h1x4v4bwkb] {
    margin-top: 0.2rem;
    font-size: 0.86rem;
    color: #6b7280;
}

.hdr-notification-header-actions[b-h1x4v4bwkb] {
    display: inline-flex;
    align-items: flex-start;
    gap: 0.45rem;
}

.hdr-notification-unread-pill[b-h1x4v4bwkb] {
    min-width: 22px;
    height: 22px;
    border-radius: 999px;
    padding: 0 0.45rem;
    background: #ef4444;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.hdr-notification-close-btn[b-h1x4v4bwkb] {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid #d4dbe3;
    background: #ffffff;
    color: #475569;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.hdr-notification-close-btn:hover[b-h1x4v4bwkb] {
    background: #f1f5f9;
    color: #0f172a;
}

.hdr-notification-empty[b-h1x4v4bwkb] {
    padding: 1rem 1.1rem;
    font-size: 0.88rem;
    color: #6b7280;
}

.hdr-notification-list[b-h1x4v4bwkb] {
    max-height: 370px;
    overflow-y: auto;
    padding: 0.45rem 0.6rem 0.55rem;
}

.hdr-notification-item[b-h1x4v4bwkb] {
    width: 100%;
    border: 1px solid transparent;
    background: #ffffff;
    text-align: start;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    gap: 0.7rem;
    padding: 0.58rem 0.45rem;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}

.hdr-notification-item:hover[b-h1x4v4bwkb] {
    background: #f8fafc;
    border-color: #e2e8f0;
}

.hdr-notification-item.unread[b-h1x4v4bwkb] {
    background: #f8fcff;
    border-color: #d7e9ff;
    box-shadow: inset 3px 0 0 #3b82f6;
}

.hdr-notification-icon[b-h1x4v4bwkb] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.82rem;
    position: relative;
    margin-top: 0.1rem;
}

.hdr-notification-item:not(:last-child) .hdr-notification-icon[b-h1x4v4bwkb]::after {
    content: "";
    position: absolute;
    top: calc(100% + 2px);
    left: 50%;
    width: 1px;
    height: 24px;
    background: #e2e8f0;
    transform: translateX(-50%);
}

.hdr-notification-icon.icon-message[b-h1x4v4bwkb] {
    color: #f59e0b;
    border-color: #fde68a;
    background: #fffbeb;
}

.hdr-notification-icon.icon-info[b-h1x4v4bwkb] {
    color: #3b82f6;
    border-color: #bfdbfe;
    background: #eff6ff;
}

.hdr-notification-icon.icon-success[b-h1x4v4bwkb] {
    color: #10b981;
    border-color: #a7f3d0;
    background: #ecfdf5;
}

.hdr-notification-icon.icon-warning[b-h1x4v4bwkb] {
    color: #eab308;
    border-color: #fde68a;
    background: #fefce8;
}

.hdr-notification-content[b-h1x4v4bwkb] {
    min-width: 0;
}

.hdr-notification-meta[b-h1x4v4bwkb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
}

.hdr-notification-title[b-h1x4v4bwkb] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1f2937;
    line-height: 1.35;
}

.hdr-notification-time[b-h1x4v4bwkb] {
    font-size: 0.78rem;
    color: #64748b;
    white-space: nowrap;
}

.hdr-notification-message[b-h1x4v4bwkb] {
    margin-top: 0.18rem;
    font-size: 0.86rem;
    color: #64748b;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.hdr-notification-footer[b-h1x4v4bwkb] {
    padding: 0.62rem 0.8rem 0.76rem;
    border-top: 1px solid #edf1f4;
    background: #ffffff;
    display: flex;
    justify-content: flex-end;
}

[dir="rtl"] .hdr-notification-item[b-h1x4v4bwkb] {
    text-align: right;
}

[dir="rtl"] .hdr-notification-meta[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .hdr-notification-header-actions[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .hdr-notification-item.unread[b-h1x4v4bwkb] {
    box-shadow: inset -3px 0 0 #3b82f6;
}

[dir="rtl"] .hdr-notification-footer[b-h1x4v4bwkb] {
    justify-content: flex-start;
}

@media (max-width: 768px) {
    .hdr-notification-panel[b-h1x4v4bwkb] {
        width: min(94vw, 360px);
        min-width: 0;
    }

    .hdr-notification-title[b-h1x4v4bwkb] {
        font-size: 0.92rem;
    }

    .hdr-notification-message[b-h1x4v4bwkb] {
        font-size: 0.84rem;
    }
}

.hdr-badge :deep(button)[b-h1x4v4bwkb],
.hdr-badge :deep(.btn)[b-h1x4v4bwkb] {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: auto !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    box-shadow: none !important;
}

/* RTL handled automatically by margin-inline-start */

/* Enhanced Buttons */
.btn[b-h1x4v4bwkb] {
    border-radius: 8px;
    font-weight: 500;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.btn-icon-only[b-h1x4v4bwkb] {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 103, 71, 0.1);
    color: #006747;
    border: 1px solid rgba(0, 103, 71, 0.2);
}

    .btn-icon-only:hover[b-h1x4v4bwkb] {
        background: rgba(0, 103, 71, 0.2);
        border-color: rgba(0, 103, 71, 0.3);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 103, 71, 0.15);
    }

.btn-outline-primary[b-h1x4v4bwkb] {
    background: rgba(0, 103, 71, 0.08);
    border: 1px solid rgba(0, 103, 71, 0.2);
    color: #006747;
}

    .btn-outline-primary:hover[b-h1x4v4bwkb] {
        background: rgba(0, 103, 71, 0.15);
        border-color: rgba(0, 103, 71, 0.3);
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0, 103, 71, 0.15);
    }

.btn-primary[b-h1x4v4bwkb] {
    background: linear-gradient(135deg, #006747 0%, #004533 100%);
    color: white;
    border: none;
}

    .btn-primary:hover[b-h1x4v4bwkb] {
        background: linear-gradient(135deg, #004533 0%, #002f26 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(0, 103, 71, 0.3);
    }

.btn-success[b-h1x4v4bwkb] {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
    color: white;
    border: none;
}

    .btn-success:hover[b-h1x4v4bwkb] {
        background: linear-gradient(135deg, #218838 0%, #1e7e34 100%);
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3);
    }

/* Enhanced Containers */
.branch-selector-container[b-h1x4v4bwkb],
.exchange-rate-wrapper[b-h1x4v4bwkb],
.contextual-search-container[b-h1x4v4bwkb] {
    background: rgba(255, 255, 255, 0.8);
    border-radius: 12px;
    padding: 0.25rem 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.header-actions .branch-selector-container[b-h1x4v4bwkb],
.header-actions .exchange-rate-wrapper[b-h1x4v4bwkb],
.header-actions .contextual-search-container[b-h1x4v4bwkb],
.header-actions .language-dropdown[b-h1x4v4bwkb],
.header-actions .user-dropdown[b-h1x4v4bwkb] {
    height: 40px;
    box-sizing: border-box;
}

.header-actions .exchange-rate-wrapper[b-h1x4v4bwkb] {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
}

.header-actions .btn[b-h1x4v4bwkb] {
    height: 40px;
    padding: 0 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.9rem;
    white-space: nowrap;
}

.header-actions .btn.btn-icon-only[b-h1x4v4bwkb] {
    width: 40px;
    padding: 0;
}

.header-actions .branch-selector-btn[b-h1x4v4bwkb],
.header-actions .dropdown-toggle[b-h1x4v4bwkb] {
    height: 34px;
    display: inline-flex;
    align-items: center;
}

.header-actions .exchange-rate-container[b-h1x4v4bwkb] {
    height: 34px;
    display: inline-flex;
    align-items: center;
}

.header-actions .contextual-search .input-group[b-h1x4v4bwkb],
.header-actions .contextual-search .form-control[b-h1x4v4bwkb],
.header-actions .contextual-search .input-group-text[b-h1x4v4bwkb] {
    height: 34px;
}

/* Enhanced Dropdowns */
.dropdown[b-h1x4v4bwkb] {
    position: relative;
}

.dropdown-toggle[b-h1x4v4bwkb] {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .dropdown-toggle:hover[b-h1x4v4bwkb] {
        background: white;
        border-color: rgba(0, 103, 71, 0.2);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
    }

.dropdown-menu[b-h1x4v4bwkb] {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    min-width: 200px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

    .dropdown-menu.show[b-h1x4v4bwkb] {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

.dropdown-item[b-h1x4v4bwkb] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    color: #495057;
    text-decoration: none;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: all 0.15s ease;
    font-size: 0.9rem;
}

    .dropdown-item:hover[b-h1x4v4bwkb] {
        background: rgba(0, 103, 71, 0.08);
        color: #006747;
    }

    .dropdown-item.active[b-h1x4v4bwkb] {
        background: rgba(0, 103, 71, 0.12);
        color: #006747;
        font-weight: 500;
    }

.dropdown-divider[b-h1x4v4bwkb] {
    height: 1px;
    background: rgba(0, 0, 0, 0.08);
    margin: 0.5rem 0;
}

/* User Avatar Enhancements */
.user-dropdown .avatar[b-h1x4v4bwkb] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s ease;
}

    .user-dropdown .avatar:hover[b-h1x4v4bwkb] {
        transform: scale(1.05);
        border-color: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    }

/* Content Wrapper - fixed height, scroll when content overflows (e.g. dashboard) */
.content-wrapper[b-h1x4v4bwkb] {
    padding: 0;
    flex: 1;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #f8fafc;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

/* Page content fills remaining height */
.content-body[b-h1x4v4bwkb] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* keep content at top, no extra space above */
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

    .content-body > *[b-h1x4v4bwkb] {
        flex: 1;
        min-height: 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    /* Page header and other non-fill elements should not stretch (avoids huge empty top space on simple pages like Settings) */
    .content-body > .page-header[b-h1x4v4bwkb] {
        flex: 0 0 auto;
    }

    /* Pages that don't need to fill height (e.g. Settings) wrap content in this so it doesn't stretch */
    .content-body > .content-no-fill[b-h1x4v4bwkb] {
        flex: 0 0 auto;
    }

/* Branch transfer create/edit: fill viewport, scroll inside panes */
.content-body:has(.create-transfer-page)[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.create-transfer-page) > *[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Expense structure: toolbar fixed, tree list scrolls inside the panel */
.content-body:has(.expense-structure-page)[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.expense-structure-page) > *[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Dashboard page: allow content to grow so .content-wrapper can scroll */
.content-body:has(.erp-dash:not(.erp-dash--loading))[b-h1x4v4bwkb],
.content-body:has(.dashboard-container)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.erp-dash:not(.erp-dash--loading)) > *[b-h1x4v4bwkb],
.content-body:has(.dashboard-container) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Dashboard init loader: fill available viewport and center spinner */
.content-body:has(.erp-dash--loading)[b-h1x4v4bwkb] {
    flex: 1 1 auto !important;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.erp-dash--loading) > .erp-dash--loading[b-h1x4v4bwkb] {
    flex: 1 1 auto !important;
    min-height: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

/* Task create/edit: long forms scroll inside .content-wrapper (same as dashboard) */
.content-body:has(.task-form-container)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.task-form-container) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Supplier payment: allow the page to grow so .content-wrapper can scroll */
.content-body:has(.supplier-payment-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}

.content-body:has(.supplier-payment-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Settings: allow the page to grow so .content-wrapper can scroll */
.content-body:has(.settings-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}

.content-body:has(.settings-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Customer detail: long account sections should scroll in the main content area. */
.content-body:has(.customer-detail-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}

.content-body:has(.customer-detail-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Customer payment: fill viewport height; footer sticks to bottom without empty gap. */
.content-body:has(.customer-payment-page)[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.customer-payment-page) > *[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

/* Proforma analysis: allow the page to grow so .content-wrapper can scroll */
.content-body:has(.proforma-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.proforma-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Task detail: allow long pages to scroll inside .content-wrapper */
.content-body:has(.task-details-container)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.task-details-container) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Create/edit order (POS): fill viewport; scroll inside tab panels */
.content-body:has(.order-page.pos-mode)[b-h1x4v4bwkb] {
    flex: 1 1 auto !important;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.order-page.pos-mode) > .branch-scoped-content[b-h1x4v4bwkb] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

.content-body:has(.order-page.pos-mode) .order-page.pos-mode[b-h1x4v4bwkb] {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Non-POS order pages keep natural document height */
.content-body:has(.order-page:not(.pos-mode))[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}

.content-body:has(.order-page:not(.pos-mode)) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Purchase invoice items: fill height, scroll in page body, summary bar above app footer */
.content-body:has(.purchase-invoice-items-page)[b-h1x4v4bwkb] {
    overflow: hidden;
}

.content-body:has(.purchase-invoice-items-page) > *[b-h1x4v4bwkb] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* View transfer: fill viewport, scroll inside items list */
.content-body:has(.vt-page)[b-h1x4v4bwkb] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.content-body:has(.vt-page) > *[b-h1x4v4bwkb] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* Receive transfer: long item lists scroll in the main content area */
.content-body:has(.rcv-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}

.content-body:has(.rcv-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}


/* Manage Inventory overview tab: allow page to grow so .content-wrapper can scroll */
.content-body:has(.inventory-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.inventory-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Inventory transactions tab: allow content to grow so .content-wrapper scrolls */
.content-body:has(.inv-transactions-page)[b-h1x4v4bwkb] {
    flex: 0 0 auto;
    overflow: visible;
}
.content-body:has(.inv-transactions-page) > *[b-h1x4v4bwkb] {
    flex: none;
    min-height: auto;
    overflow: visible;
}

/* Fullscreen quick navigation overlay (above sidebar + header) */
.quick-nav-fs-overlay[b-h1x4v4bwkb] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(0.7rem, 1.8vmin, 1.2rem);
    background:
        radial-gradient(circle at 22% 16%, rgba(117, 181, 255, 0.2), transparent 34%),
        radial-gradient(circle at 78% 84%, rgba(74, 232, 178, 0.18), transparent 36%),
        radial-gradient(circle at 50% 44%, rgba(38, 51, 76, 0.35), rgba(10, 14, 22, 0.72));
    backdrop-filter: blur(14px) saturate(112%);
    -webkit-backdrop-filter: blur(14px) saturate(112%);
    box-sizing: border-box;
    animation: quickNavOverlayFade-b-h1x4v4bwkb 340ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.quick-nav-fs-overlay[b-h1x4v4bwkb]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.06), transparent 52%),
        linear-gradient(120deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0));
    animation: quickNavBackdropFlow-b-h1x4v4bwkb 16s ease-in-out infinite alternate;
}

.quick-nav-fs-center[b-h1x4v4bwkb] {
    position: relative;
    z-index: 1;
    /* ~75-80% viewport width like reference */
    width: min(96vw, 1700px);
    max-width: 1700px;
    max-height: min(96vh, 1020px);
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-sizing: border-box;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(0 24px 36px rgba(4, 8, 18, 0.35));
    animation: quickNavPopIn-b-h1x4v4bwkb 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 768px) {
    .quick-nav-fs-overlay[b-h1x4v4bwkb] {
        align-items: flex-start;
        padding: 0.5rem;
    }

    .quick-nav-fs-center[b-h1x4v4bwkb] {
        width: 100%;
        max-width: none;
        max-height: 100dvh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quick-nav-fs-overlay[b-h1x4v4bwkb] {
        animation: none;
    }

    .quick-nav-fs-overlay[b-h1x4v4bwkb]::before {
        animation: none;
    }

    .quick-nav-fs-center[b-h1x4v4bwkb] {
        animation: none;
    }
}

@keyframes quickNavOverlayFade-b-h1x4v4bwkb {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes quickNavBackdropFlow-b-h1x4v4bwkb {
    from {
        transform: translate3d(-1%, -0.5%, 0) scale(1);
    }

    to {
        transform: translate3d(1.2%, 0.8%, 0) scale(1.03);
    }
}

@keyframes quickNavPopIn-b-h1x4v4bwkb {
    from {
        opacity: 0;
        transform: translateY(16px) scale(0.978);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Enhanced Footer - compact */
.footer[b-h1x4v4bwkb] {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.95);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(20px);
    color: #6c757d;
    font-size: 0.75rem;
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: var(--app-footer-height);
}

    .footer .d-flex[b-h1x4v4bwkb] {
        display: flex;
    }

    .footer .justify-content-between[b-h1x4v4bwkb] {
        justify-content: space-between;
    }

    .footer .align-items-center[b-h1x4v4bwkb] {
        align-items: center;
    }

/* Bootstrap placeholder while session/branch context loads (new tab deep links) */
.app-bootstrap-loading[b-h1x4v4bwkb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    gap: 1rem;
    color: var(--text-secondary, #64748b);
}

/* Enhanced Loading Overlay – overlays content with dimmed backdrop so page stays visible behind */
.loading-overlay[b-h1x4v4bwkb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(4px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    animation: fadeIn-b-h1x4v4bwkb 0.3s ease;
}

.spinner[b-h1x4v4bwkb] {
    width: 50px;
    height: 50px;
    border: 3px solid rgba(0, 103, 71, 0.1);
    border-top: 3px solid #006747;
    border-radius: 50%;
    animation: modernSpin-b-h1x4v4bwkb 1s linear infinite;
}

.loading-text[b-h1x4v4bwkb] {
    margin-top: 1rem;
    font-size: 1rem;
    color: #006747;
    font-weight: 500;
}

/* Utility Classes */
.me-sm[b-h1x4v4bwkb] {
    margin-right: 0.5rem;
}

.me-md[b-h1x4v4bwkb] {
    margin-right: 1rem;
}

.ms-sm[b-h1x4v4bwkb] {
    margin-left: 0.5rem;
}

.d-flex[b-h1x4v4bwkb] {
    display: flex;
}

.align-items-center[b-h1x4v4bwkb] {
    align-items: center;
}

.d-md-none[b-h1x4v4bwkb] {
    display: none;
}

/* Enhanced Error UI */
#blazor-error-ui[b-h1x4v4bwkb] {
    background: linear-gradient(135deg, #dc3545, #c82333);
    color: white;
    bottom: 0;
    box-shadow: 0 -4px 20px rgba(220, 53, 69, 0.3);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: none;
    left: 0;
    padding: 1rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    backdrop-filter: blur(10px);
}

    #blazor-error-ui .dismiss[b-h1x4v4bwkb] {
        cursor: pointer;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: white;
        padding: 0.5rem;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }

        #blazor-error-ui .dismiss:hover[b-h1x4v4bwkb] {
            background: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.5);
        }

    #blazor-error-ui .reload[b-h1x4v4bwkb] {
        color: white;
        text-decoration: none;
        margin-right: 1rem;
        padding: 0.5rem 1rem;
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid rgba(255, 255, 255, 0.3);
        border-radius: 6px;
        transition: all 0.2s ease;
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

        #blazor-error-ui .reload:hover[b-h1x4v4bwkb] {
            background: rgba(255, 255, 255, 0.3);
            border-color: rgba(255, 255, 255, 0.5);
            text-decoration: none;
            color: white;
        }

/* Animations */
@keyframes modernSpin-b-h1x4v4bwkb {
    to {
        transform: rotate(360deg);
    }
}

@keyframes fadeIn-b-h1x4v4bwkb {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* RTL Support */
[dir="rtl"] .sidebar[b-h1x4v4bwkb] {
    left: auto;
    right: 0;
}

[dir="rtl"] .sidebar-toggle-btn i[b-h1x4v4bwkb] {
    transform: scaleX(-1);
}

[dir="rtl"] .main-content[b-h1x4v4bwkb] {
    margin-left: 0;
    margin-right: var(--sidebar-width);
}

[dir="rtl"] .main-content.sidebar-collapsed[b-h1x4v4bwkb] {
    margin-left: 0;
    margin-right: var(--sidebar-collapsed-width);
}

[dir="rtl"] .navbar-logo[b-h1x4v4bwkb] {
    margin-right: 0;
    margin-left: 12px;
}

[dir="rtl"] .dropdown-menu[b-h1x4v4bwkb] {
    right: auto;
    left: 0;
}

[dir="rtl"] .header-right[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .header-actions-group[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .header-info-group[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .header-btn[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .header-badge[b-h1x4v4bwkb] {
    flex-direction: row-reverse;
}

[dir="rtl"] .me-sm[b-h1x4v4bwkb] {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .me-md[b-h1x4v4bwkb] {
    margin-right: 0;
    margin-left: 1rem;
}

[dir="rtl"] .ms-sm[b-h1x4v4bwkb] {
    margin-left: 0;
    margin-right: 0.5rem;
}

[dir="rtl"] #blazor-error-ui .dismiss[b-h1x4v4bwkb] {
    right: auto;
    left: 1rem;
}

/* Responsive Design */

/* Small laptop (1366×768, 1280×768): auto-collapse sidebar so content gets ~1286px.
   Lower bound of 769px prevents these rules from affecting the mobile slide-in sidebar. */
@media (min-width: 769px) and (max-width: 1366px) {
    .page[b-h1x4v4bwkb] {
        --sidebar-width: var(--sidebar-collapsed-width);
    }

    /* Mirror collapsed-sidebar visuals without requiring the .collapsed JS class */
    .sidebar:not(.collapsed) .brand-text[b-h1x4v4bwkb] {
        display: none !important;
        width: 0 !important;
        overflow: hidden !important;
    }

    .sidebar:not(.collapsed) .navbar-header[b-h1x4v4bwkb] {
        padding: 1rem 0.5rem;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.75rem;
        height: auto;
    }

    .sidebar:not(.collapsed) .navbar-brand[b-h1x4v4bwkb] {
        justify-content: center;
        padding: 0;
    }

    .sidebar:not(.collapsed) .navbar-logo[b-h1x4v4bwkb] {
        margin: 0;
        width: 40px;
        height: 40px;
    }

    .sidebar:not(.collapsed) .sidebar-toggle-btn[b-h1x4v4bwkb] {
        position: static;
        margin: 0;
    }
}

@media (max-width: 1024px) {
    .hdr-search[b-h1x4v4bwkb] {
        display: none;
    }

    .hdr-divider[b-h1x4v4bwkb] {
        display: none;
    }
}

@media (max-width: 768px) {
    .sidebar[b-h1x4v4bwkb] {
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .sidebar.show[b-h1x4v4bwkb] {
        transform: translateX(0);
    }

    .main-content[b-h1x4v4bwkb] {
        margin-left: 0;
        width: 100%;
    }

    .d-md-none[b-h1x4v4bwkb] {
        display: flex;
    }

    .top-header[b-h1x4v4bwkb] {
        padding: 0.5rem 0.75rem;
    }

    .header-title[b-h1x4v4bwkb] {
        font-size: 0.8rem;
    }

    .header-actions[b-h1x4v4bwkb] {
        gap: 0.35rem;
    }

    .hdr-badge[b-h1x4v4bwkb] {
        display: none;
    }

    .content-wrapper[b-h1x4v4bwkb] {
        padding: 0;
    }

    [dir="rtl"] .sidebar[b-h1x4v4bwkb] {
        transform: translateX(100%);
    }

    [dir="rtl"] .sidebar.show[b-h1x4v4bwkb] {
        transform: translateX(0);
    }

    [dir="rtl"] .main-content[b-h1x4v4bwkb] {
        margin-right: 0;
    }
}

@media (max-width: 480px) {
    .header[b-h1x4v4bwkb] {
        height: 60px;
    }

    .navbar-header[b-h1x4v4bwkb] {
        height: 60px;
        padding: 0.75rem 1rem;
    }

    .header-title[b-h1x4v4bwkb] {
        font-size: 1.25rem;
    }

    .content-wrapper[b-h1x4v4bwkb] {
        padding: 0;
    }
}

/* Focus Styles for Accessibility */
.dropdown-toggle:focus[b-h1x4v4bwkb],
.btn:focus[b-h1x4v4bwkb],
.dropdown-item:focus[b-h1x4v4bwkb] {
    outline: 2px solid #006747;
    outline-offset: 2px;
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    *[b-h1x4v4bwkb] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Background jobs panel in header */
.background-jobs-panel[b-h1x4v4bwkb] {
    z-index: 1050;
}

.background-jobs-list .progress-sm[b-h1x4v4bwkb] {
    height: 6px;
}

/* ─── System Announcement Modal ───────────────────────────────── */
.ann-overlay[b-h1x4v4bwkb] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(4px);
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    animation: ann-fade-in-b-h1x4v4bwkb 0.25s ease;
}

@keyframes ann-fade-in-b-h1x4v4bwkb {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.ann-modal[b-h1x4v4bwkb] {
    background: #fff;
    border-radius: 1rem;
    box-shadow: 0 24px 64px rgba(0,0,0,0.22);
    max-width: 500px;
    width: 100%;
    overflow: hidden;
    animation: ann-slide-up-b-h1x4v4bwkb 0.28s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes ann-slide-up-b-h1x4v4bwkb {
    from { transform: translateY(40px) scale(0.95); opacity: 0; }
    to   { transform: translateY(0)    scale(1);    opacity: 1; }
}

.ann-modal-icon[b-h1x4v4bwkb] {
    background: linear-gradient(135deg, #f59e0b, #f97316);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #fff;
}

.ann-modal-body[b-h1x4v4bwkb] {
    padding: 1.5rem 1.5rem 0;
}

.ann-modal-kicker[b-h1x4v4bwkb] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #f59e0b;
    margin: 0 0 0.4rem;
}

.ann-modal-title[b-h1x4v4bwkb] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.75rem;
    line-height: 1.35;
}

.ann-modal-text[b-h1x4v4bwkb] {
    font-size: 0.95rem;
    color: #374151;
    line-height: 1.65;
    white-space: pre-line;
    max-height: 260px;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.ann-modal-remaining[b-h1x4v4bwkb] {
    margin: 0.75rem 0 0;
    font-size: 0.8rem;
    color: #6b7280;
}

.ann-modal-footer[b-h1x4v4bwkb] {
    padding: 1.25rem 1.5rem 1.5rem;
    display: flex;
    justify-content: flex-end;
}

.ann-modal-btn[b-h1x4v4bwkb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #f59e0b, #f97316);
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    padding: 0.65rem 1.4rem;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s, transform 0.15s;
}

.ann-modal-btn:hover:not(:disabled)[b-h1x4v4bwkb] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.ann-modal-btn:disabled[b-h1x4v4bwkb] {
    opacity: 0.65;
    cursor: not-allowed;
}

/* RTL support */
:root[dir="rtl"] .ann-modal-text[b-h1x4v4bwkb] {
    padding-right: 0;
    padding-left: 0.25rem;
}

:root[dir="rtl"] .ann-modal-footer[b-h1x4v4bwkb] {
    justify-content: flex-start;
}
/* _content/SafinAhmedERP.Web/Components/Layout/NavMenu.razor.rz.scp.css */
/* Backdrop when collapsed dropdown is open - click to close and stop overlay covering content */
.nav-dropdown-backdrop[b-1ynpsfahku] {
    position: fixed;
    inset: 0;
    z-index: 1095;
    cursor: default;
}

/* NavMenu Styles */
.navbar-menu[b-1ynpsfahku] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--navbar-header-height, 56px));
    background: transparent;
    transition: all 0.3s ease;
}

/* Search Bar */
.nav-search[b-1ynpsfahku] {
    padding: 0.6rem 0.55rem 0.45rem;
    position: relative;
}

.nav-search-row[b-1ynpsfahku] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.nav-search-row .nav-search-wrapper[b-1ynpsfahku] {
    flex: 1;
}

.nav-search-input[b-1ynpsfahku] {
    width: 100%;
    padding: 0.52rem 2rem 0.52rem 2rem;
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    color: white;
    font-size: 0.78rem;
    font-weight: 500;
    outline: none;
    transition: all 0.25s ease;
}

    .nav-search-input[b-1ynpsfahku]::placeholder {
        color: rgba(255, 255, 255, 0.58);
    }

    .nav-search-input:focus[b-1ynpsfahku] {
        background: rgba(255, 255, 255, 0.14);
        border-color: rgba(160, 255, 220, 0.48);
        box-shadow: 0 0 0 2px rgba(131, 232, 196, 0.18);
    }

.nav-search-wrapper[b-1ynpsfahku] {
    position: relative;
}

    .nav-search-wrapper i[b-1ynpsfahku] {
        position: absolute;
        left: 0.72rem;
        top: 50%;
        transform: translateY(-50%);
        color: rgba(255, 255, 255, 0.65);
        font-size: 0.74rem;
        pointer-events: none;
    }

.nav-search-clear[b-1ynpsfahku] {
    position: absolute;
    right: 3.15rem;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    transition: all 0.2s ease;
}

    .nav-search-clear:hover[b-1ynpsfahku] {
        background: rgba(255, 255, 255, 0.24);
        color: #fff;
    }

/* Section Labels */
.nav-section-label[b-1ynpsfahku] {
    padding: 0.85rem 0.85rem 0.46rem;
    font-size: 0.66rem;
    font-weight: 700;
    color: rgba(220, 255, 245, 0.65);
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

/* Fragment groups */
.nav-fragment[b-1ynpsfahku] {
    margin: 0.15rem 0.5rem 0.35rem;
    padding: 0;
    border-radius: 0;
    border: none;
    background: transparent;
    box-shadow: none;
}

.nav-fragment-title[b-1ynpsfahku] {
    padding: 0.18rem 0.5rem 0.42rem;
    margin: 0 0.1rem 0.2rem;
    font-size: 0.66rem;
    font-weight: 700;
    color: rgba(205, 255, 236, 0.8);
    letter-spacing: 0.045em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.11);
}

.nav-fragment .nav-item[b-1ynpsfahku] {
    margin: 0.08rem 0;
}

.nav-fragment .nav-link[b-1ynpsfahku] {
    padding: 0.5rem 0.62rem;
}

/* Main navigation area */
.nav-main[b-1ynpsfahku] {
    flex: 1;
    overflow-y: auto;
    padding: 0.4rem 0 1rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}

    .nav-main[b-1ynpsfahku]::-webkit-scrollbar {
        width: 4px;
    }

    .nav-main[b-1ynpsfahku]::-webkit-scrollbar-track {
        background: transparent;
    }

    .nav-main[b-1ynpsfahku]::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.3);
        border-radius: 2px;
    }

/* Navigation items */
.nav-item[b-1ynpsfahku] {
    margin: 0.1rem 0.5rem;
    position: relative;
}

.nav-link[b-1ynpsfahku] {
    display: flex;
    align-items: center;
    padding: 0.64rem 0.82rem;
    color: rgba(235, 255, 248, 0.86);
    text-decoration: none;
    border-radius: 10px;
    transition: all 0.2s ease;
    font-weight: 600;
    font-size: 1.125rem;
    position: relative;
}

    .nav-link:hover[b-1ynpsfahku] {
        background: rgba(255, 255, 255, 0.13);
        color: white;
        transform: translateY(-1px);
    }

    .nav-link.active[b-1ynpsfahku] {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(167, 255, 224, 0.1) 100%);
        color: white;
        font-weight: 700;
        box-shadow: inset 0 0 0 1px rgba(196, 255, 232, 0.22);
    }

    .nav-main .nav-link[b-1ynpsfahku]::after {
        content: "";
        position: absolute;
        top: 7px;
        bottom: 7px;
        inset-inline-start: 0;
        width: 3px;
        border-radius: 6px;
        background: rgba(168, 255, 224, 0.95);
        opacity: 0;
        transition: opacity 0.2s ease;
    }

    .nav-main .nav-link.active[b-1ynpsfahku]::after {
        opacity: 1;
    }

/* Navigation icons */
.nav-icon[b-1ynpsfahku] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    margin-right: 11px;
    font-size: 0.86rem;
    flex-shrink: 0;
    color: rgba(223, 255, 245, 0.95);
    background: rgba(255, 255, 255, 0.12);
    border-radius: 6px;
}

.nav-link.active .nav-icon[b-1ynpsfahku] {
    background: rgba(164, 255, 220, 0.22);
    color: #fff;
}

.nav-text[b-1ynpsfahku] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-shortcut[b-1ynpsfahku] {
    margin-left: 9px;
    min-width: 20px;
    height: 20px;
    border-radius: 5px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 700;
    color: rgba(236, 255, 247, 0.84);
    background: rgba(255, 255, 255, 0.12);
}

/* Dropdown styling */
.nav-dropdown[b-1ynpsfahku] {
    position: relative;
}

.nav-dropdown-toggle[b-1ynpsfahku] {
    cursor: pointer;
}

.nav-dropdown-icon[b-1ynpsfahku] {
    margin-left: auto;
    font-size: 0.65rem;
    transition: transform 0.2s ease;
    color: rgba(255, 255, 255, 0.5);
}

.nav-dropdown.open .nav-dropdown-icon[b-1ynpsfahku] {
    transform: rotate(180deg);
}

.nav-dropdown-menu[b-1ynpsfahku] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-left: 1rem;
    border-left: 2px solid rgba(255, 255, 255, 0.1);
    padding-left: 0.5rem;
}

.nav-dropdown.open .nav-dropdown-menu[b-1ynpsfahku] {
    max-height: 500px;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.nav-dropdown-item[b-1ynpsfahku] {
    display: flex !important;
    align-items: center !important;
    padding: 0.4rem 0.6rem !important;
    color: rgba(255, 255, 255, 0.75) !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    margin: 0.1rem 0 !important;
    transition: all 0.2s ease !important;
}

    .nav-dropdown-item:hover[b-1ynpsfahku] {
        background: rgba(255, 255, 255, 0.1) !important;
        color: white !important;
    }

    .nav-dropdown-item.active[b-1ynpsfahku] {
        background: rgba(255, 255, 255, 0.15) !important;
        color: white !important;
    }

    .nav-dropdown-item .nav-icon[b-1ynpsfahku] {
        width: 14px !important;
        height: 14px !important;
        margin-right: 8px !important;
        font-size: 0.7rem !important;
    }

    .nav-dropdown-item .nav-text[b-1ynpsfahku] {
        font-size: 0.75rem !important;
    }

/* ================================
   COLLAPSED STATE STYLES
   ================================ */
.navbar-menu.collapsed .nav-search[b-1ynpsfahku] {
    padding: 0.5rem;
}

.navbar-menu.collapsed .nav-search-wrapper i[b-1ynpsfahku] {
    left: 50%;
    transform: translate(-50%, -50%);
}

.navbar-menu.collapsed .nav-search-input[b-1ynpsfahku] {
    width: 48px;
    height: 48px;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
    border-radius: 10px;
}

.navbar-menu.collapsed .nav-text[b-1ynpsfahku],
.navbar-menu.collapsed .nav-dropdown-icon[b-1ynpsfahku],
.navbar-menu.collapsed .nav-section-label[b-1ynpsfahku],
.navbar-menu.collapsed .nav-fragment-title[b-1ynpsfahku] {
    display: none;
}

.navbar-menu.collapsed .nav-fragment[b-1ynpsfahku] {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
}

.navbar-menu.collapsed .nav-item[b-1ynpsfahku] {
    margin: 0.25rem 0.5rem;
}

.navbar-menu.collapsed .nav-link[b-1ynpsfahku] {
    width: 44px;
    height: 44px;
    padding: 0;
    justify-content: center;
    margin: 0 auto;
    border-radius: 11px;
}

.navbar-menu.collapsed .nav-icon[b-1ynpsfahku] {
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 0.82rem;
}

/* Collapsed dropdown - flyout menu */
.navbar-menu.collapsed .nav-dropdown-menu[b-1ynpsfahku] {
    position: fixed;
    left: var(--sidebar-collapsed-width, 80px);
    top: auto;
    margin: 0;
    padding: 0.5rem;
    background: linear-gradient(180deg, #006747 0%, #004533 100%);
    border-radius: 10px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-left: none;
    min-width: 220px;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 1100;
}

.navbar-menu.collapsed .nav-dropdown.open .nav-dropdown-menu[b-1ynpsfahku] {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
}

.navbar-menu.collapsed .nav-dropdown-item .nav-text[b-1ynpsfahku] {
    display: block !important;
}

/* Restore visibility in flyout (sidebar.collapsed hides .nav-text via opacity/width) */
.navbar-menu.collapsed .nav-dropdown.open .nav-dropdown-menu .nav-text[b-1ynpsfahku] {
    opacity: 1 !important;
    width: auto !important;
    overflow: visible !important;
}

.navbar-menu.collapsed .nav-dropdown.open .nav-dropdown-menu .nav-shortcut[b-1ynpsfahku] {
    opacity: 1 !important;
    display: inline-block !important;
}

.navbar-menu.collapsed .nav-dropdown-item .nav-icon[b-1ynpsfahku] {
    margin-right: 10px !important;
}

/* Tooltip for collapsed items */
.navbar-menu.collapsed .nav-item:not(.nav-dropdown)[title]:hover[b-1ynpsfahku]::after {
    content: attr(title);
    position: fixed;
    left: calc(var(--sidebar-collapsed-width, 80px) + 8px);
    margin-top: -36px;
    padding: 0.5rem 0.75rem;
    background: #006747;
    color: white;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 1100;
    pointer-events: none;
}

.nav-no-results[b-1ynpsfahku] {
    margin: 0.85rem 0.9rem;
    padding: 0.75rem 0.7rem;
    border-radius: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.22);
    color: rgba(224, 255, 245, 0.82);
    font-size: 0.78rem;
    display: flex;
    gap: 0.45rem;
    align-items: center;
    justify-content: center;
}

/* ================================
   RTL SUPPORT
   ================================ */
[dir="rtl"] .nav-icon[b-1ynpsfahku] {
    margin-right: 0;
    margin-left: 12px;
}

[dir="rtl"] .nav-search-wrapper i[b-1ynpsfahku] {
    left: auto;
    right: 0.75rem;
}

[dir="rtl"] .nav-search-input[b-1ynpsfahku] {
    padding: 0.52rem 2rem 0.52rem 2rem;
}

[dir="rtl"] .nav-search-clear[b-1ynpsfahku] {
    right: auto;
    left: 3.15rem;
}

[dir="rtl"] .nav-dropdown-icon[b-1ynpsfahku] {
    margin-left: 0;
    margin-right: auto;
}

[dir="rtl"] .nav-dropdown-menu[b-1ynpsfahku] {
    margin-left: 0;
    margin-right: 1rem;
    border-left: none;
    border-right: 2px solid rgba(255, 255, 255, 0.1);
    padding-left: 0;
    padding-right: 0.5rem;
}

[dir="rtl"] .nav-dropdown-item .nav-icon[b-1ynpsfahku] {
    margin-right: 0 !important;
    margin-left: 10px !important;
}

/* RTL Collapsed state */
[dir="rtl"] .navbar-menu.collapsed .nav-dropdown-menu[b-1ynpsfahku] {
    left: auto;
    right: var(--sidebar-collapsed-width, 80px);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: none;
}

[dir="rtl"] .navbar-menu.collapsed .nav-item:not(.nav-dropdown)[title]:hover[b-1ynpsfahku]::after {
    left: auto;
    right: calc(var(--sidebar-collapsed-width, 80px) + 8px);
}

[dir="rtl"] .navbar-menu.collapsed .nav-dropdown-item .nav-icon[b-1ynpsfahku] {
    margin-left: 10px !important;
    margin-right: 0 !important;
}

[dir="rtl"] .navbar-menu.collapsed .nav-icon[b-1ynpsfahku] {
    margin: 0;
}

[dir="rtl"] .nav-main .nav-link[b-1ynpsfahku]::after {
    inset-inline-start: auto;
    inset-inline-end: 0;
}

[dir="rtl"] .nav-shortcut[b-1ynpsfahku] {
    margin-left: 0;
    margin-right: 8px;
}

/* Small laptop (1366×768, 1280×768): auto-apply collapsed nav visuals to match
   the auto-collapsed sidebar set in MainLayout.razor.css at this breakpoint.
   Lower bound of 769px prevents these rules from hiding nav-text in the mobile slide-in menu. */
@media (min-width: 769px) and (max-width: 1366px) {
    .navbar-menu:not(.collapsed) .nav-text[b-1ynpsfahku],
    .navbar-menu:not(.collapsed) .nav-dropdown-icon[b-1ynpsfahku],
    .navbar-menu:not(.collapsed) .nav-section-label[b-1ynpsfahku],
    .navbar-menu:not(.collapsed) .nav-fragment-title[b-1ynpsfahku] {
        display: none;
    }

    .navbar-menu:not(.collapsed) .nav-fragment[b-1ynpsfahku] {
        margin: 0;
        padding: 0;
        border: none;
        background: transparent;
    }

    .navbar-menu:not(.collapsed) .nav-item[b-1ynpsfahku] {
        margin: 0.25rem 0.5rem;
    }

    .navbar-menu:not(.collapsed) .nav-link[b-1ynpsfahku] {
        width: 44px;
        height: 44px;
        padding: 0;
        justify-content: center;
        margin: 0 auto;
        border-radius: 11px;
    }

    .navbar-menu:not(.collapsed) .nav-icon[b-1ynpsfahku] {
        margin: 0;
        width: 20px;
        height: 20px;
        font-size: 0.82rem;
    }

    .navbar-menu:not(.collapsed) .nav-search[b-1ynpsfahku] {
        padding: 0.5rem;
    }

    .navbar-menu:not(.collapsed) .nav-search-wrapper i[b-1ynpsfahku] {
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .navbar-menu:not(.collapsed) .nav-search-input[b-1ynpsfahku] {
        width: 48px;
        height: 48px;
        padding: 0;
        text-indent: -9999px;
        cursor: pointer;
        border-radius: 10px;
    }

    /* Flyout dropdown when sidebar is auto-collapsed on small laptops */
    .navbar-menu:not(.collapsed) .nav-dropdown-menu[b-1ynpsfahku] {
        position: fixed;
        left: var(--sidebar-collapsed-width, 80px);
        top: auto;
        margin: 0;
        padding: 0.5rem;
        background: linear-gradient(180deg, #006747 0%, #004533 100%);
        border-radius: 10px;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-left: none;
        min-width: 220px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        z-index: 1100;
    }

    .navbar-menu:not(.collapsed) .nav-dropdown.open .nav-dropdown-menu[b-1ynpsfahku] {
        max-height: 400px;
        opacity: 1;
        visibility: visible;
    }

    .navbar-menu:not(.collapsed) .nav-dropdown-item .nav-text[b-1ynpsfahku] {
        display: block !important;
    }

    .navbar-menu:not(.collapsed) .nav-dropdown.open .nav-dropdown-menu .nav-text[b-1ynpsfahku] {
        opacity: 1 !important;
        width: auto !important;
        overflow: visible !important;
    }

    /* Tooltip for auto-collapsed items */
    .navbar-menu:not(.collapsed) .nav-item:not(.nav-dropdown)[title]:hover[b-1ynpsfahku]::after {
        content: attr(title);
        position: fixed;
        left: calc(var(--sidebar-collapsed-width, 80px) + 8px);
        margin-top: -36px;
        padding: 0.5rem 0.75rem;
        background: #006747;
        color: white;
        font-size: 0.8rem;
        font-weight: 500;
        white-space: nowrap;
        border-radius: 6px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
        z-index: 1100;
        pointer-events: none;
    }

    /* RTL: flip flyout and tooltip to the right side */
    [dir="rtl"] .navbar-menu:not(.collapsed) .nav-dropdown-menu[b-1ynpsfahku] {
        left: auto;
        right: var(--sidebar-collapsed-width, 80px);
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        border-right: none;
    }

    [dir="rtl"] .navbar-menu:not(.collapsed) .nav-item:not(.nav-dropdown)[title]:hover[b-1ynpsfahku]::after {
        left: auto;
        right: calc(var(--sidebar-collapsed-width, 80px) + 8px);
    }
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .navbar-menu.collapsed .nav-text[b-1ynpsfahku],
    .navbar-menu.collapsed .nav-dropdown-icon[b-1ynpsfahku] {
        display: block;
    }

    .navbar-menu.collapsed .nav-link[b-1ynpsfahku] {
        width: auto;
        height: auto;
        padding: 0.75rem 1rem;
        justify-content: flex-start;
    }

    .navbar-menu.collapsed .nav-icon[b-1ynpsfahku] {
        margin-right: 12px;
    }

    .navbar-menu.collapsed .nav-dropdown-menu[b-1ynpsfahku] {
        position: static;
        left: auto;
        background: transparent;
        box-shadow: none;
        border: none;
        margin-left: 1rem;
        border-left: 2px solid rgba(255, 255, 255, 0.1);
        padding-left: 0.5rem;
        min-width: auto;
        opacity: 1;
        visibility: visible;
    }
}

/* Focus styles */
.nav-link:focus[b-1ynpsfahku],
.nav-dropdown-item:focus[b-1ynpsfahku],
.nav-search-input:focus[b-1ynpsfahku] {
    outline: 2px solid rgba(255, 255, 255, 0.3);
    outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    *[b-1ynpsfahku] {
        transition-duration: 0.01ms !important;
    }
}
/* _content/SafinAhmedERP.Web/Components/Modal.razor.rz.scp.css */
/* RTL modal shell — loaded with component (not only via JS inject) */
.modal-formal--rtl[b-4h6tr11p0i],
.modal-formal[dir="rtl"][b-4h6tr11p0i] {
    direction: rtl;
    text-align: right;
}

.modal-formal--rtl .modal-header[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-header[b-4h6tr11p0i],
html[dir="rtl"] .modal-formal .modal-header[b-4h6tr11p0i] {
    direction: rtl;
}

.modal-formal--rtl .modal-header-content[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-header-content[b-4h6tr11p0i],
html[dir="rtl"] .modal-formal .modal-header-content[b-4h6tr11p0i] {
    flex-direction: row;
}

.modal-formal--rtl .modal-title[b-4h6tr11p0i],
.modal-formal--rtl .modal-subtitle[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-title[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-subtitle[b-4h6tr11p0i] {
    text-align: right;
}

.modal-formal--rtl .modal-footer[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-footer[b-4h6tr11p0i] {
    justify-content: flex-start !important;
    flex-direction: row-reverse !important;
}

.modal-formal--rtl .modal-body[b-4h6tr11p0i],
.modal-formal[dir="rtl"] .modal-body[b-4h6tr11p0i] {
    direction: rtl;
    text-align: right;
}
/* _content/SafinAhmedERP.Web/Components/PageHelp/PageHelpHost.razor.rz.scp.css */
.page-help-trigger[b-nayjjbo3k5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-inline-start: 0.5rem;
    padding: 0;
    border: 1px solid #c7d2e0;
    border-radius: 999px;
    background: #fff;
    color: #006747;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    vertical-align: middle;
}

.page-help-trigger:hover[b-nayjjbo3k5] {
    background: #ecfdf5;
    border-color: #006747;
    color: #004533;
    transform: scale(1.05);
}

.page-help-trigger:focus-visible[b-nayjjbo3k5] {
    outline: 2px solid #006747;
    outline-offset: 2px;
}

.page-help-trigger i[b-nayjjbo3k5] {
    font-size: 0.95rem;
}

[b-nayjjbo3k5] .page-help-modal-body {
    max-height: min(70vh, 640px);
    overflow-y: auto;
}

.page-help-modal[b-nayjjbo3k5] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.page-help-block[b-nayjjbo3k5] {
    margin: 0;
}

.page-help-heading[b-nayjjbo3k5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1f2937;
}

.page-help-heading i[b-nayjjbo3k5] {
    color: #006747;
    font-size: 0.9rem;
}

.page-help-text[b-nayjjbo3k5] {
    margin: 0;
    color: #4b5563;
    line-height: 1.55;
    font-size: 0.92rem;
}

.page-help-list[b-nayjjbo3k5] {
    margin: 0;
    padding-inline-start: 1.25rem;
    color: #374151;
    font-size: 0.92rem;
    line-height: 1.5;
}

.page-help-list li + li[b-nayjjbo3k5] {
    margin-top: 0.35rem;
}

.page-help-list--compact[b-nayjjbo3k5] {
    margin-top: 0.35rem;
    font-size: 0.88rem;
}

.page-help-sections[b-nayjjbo3k5] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.page-help-section-card[b-nayjjbo3k5] {
    padding: 0.75rem 0.9rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #f9fafb;
}

.page-help-section-title[b-nayjjbo3k5] {
    margin: 0 0 0.35rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #111827;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Attendance/AttendanceDashboard.razor.rz.scp.css */
.attendance-dashboard-row[b-ojibo9bls7] {
    margin-top: 0;
}

.attendance-dashboard-col[b-ojibo9bls7] {
    display: flex;
}

[b-ojibo9bls7] .attendance-stat-card {
    width: 100%;
    border: 1px solid #dbe7e2;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0, 103, 71, 0.06);
    overflow: hidden;
    background: #ffffff;
}

[b-ojibo9bls7] .attendance-stat-card > .card-body {
    padding: 0.95rem 1rem;
}

.attendance-stat-content[b-ojibo9bls7] {
    gap: 0.9rem;
}

.attendance-stat-content .widget-icon[b-ojibo9bls7] {
    width: 2.7rem;
    height: 2.7rem;
    min-width: 2.7rem;
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px !important;
    font-size: 1rem;
}

.attendance-stat-content .widget-title[b-ojibo9bls7] {
    margin: 0 0 0.15rem;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #173328;
}

.attendance-stat-content .widget-subtitle[b-ojibo9bls7] {
    margin: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: #5a6d65;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Attendance/AttendancePage.razor.rz.scp.css */
.attendance-page[b-bxopoqg8k9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 0.25rem 1rem;
}

.attendance-action-bar[b-bxopoqg8k9] {
    margin-bottom: 0 !important;
}

[b-bxopoqg8k9] .attendance-manage-btn {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.01em;
    min-height: 36px;
    padding-inline: 1rem;
}

[b-bxopoqg8k9] .attendance-dashboard-row {
    margin-bottom: 0;
}

[b-bxopoqg8k9] .attendance-panel {
    border: 1px solid #dbe7e2;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0, 103, 71, 0.06);
    overflow: hidden;
    background: #ffffff;
}

[b-bxopoqg8k9] .attendance-panel > .card-body {
    padding: 0;
}

.attendance-panel-header[b-bxopoqg8k9] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2ece8;
}

.attendance-my-day-card .attendance-panel-header[b-bxopoqg8k9] {
    background: linear-gradient(90deg, #006747 0%, #0b7a57 100%) !important;
}

.attendance-history-header[b-bxopoqg8k9] {
    background: linear-gradient(90deg, #8ea9a1 0%, #a7c4bc 100%) !important;
}

.attendance-panel-header .card-title[b-bxopoqg8k9] {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.attendance-panel-body[b-bxopoqg8k9] {
    padding: 1rem;
}

.attendance-date-picker .form-control[b-bxopoqg8k9],
.attendance-date-picker .input-group-text[b-bxopoqg8k9],
[b-bxopoqg8k9] .attendance-date-picker .btn {
    border-color: #caded7;
    min-height: 36px;
    font-size: 0.82rem;
}

.attendance-date-picker .input-group-text[b-bxopoqg8k9] {
    background: #eef6f3;
    color: #1c5f4a;
}

.attendance-date-picker .form-control:focus[b-bxopoqg8k9] {
    border-color: #3d8a6e;
    box-shadow: 0 0 0 0.2rem rgba(61, 138, 110, 0.16);
}

.attendance-history-table-wrap[b-bxopoqg8k9] {
    max-height: 440px;
    overflow: auto;
}

.attendance-history-table[b-bxopoqg8k9] {
    margin-bottom: 0;
}

.attendance-history-table thead th[b-bxopoqg8k9] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f5faf7;
    color: #1d4d3b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    border-bottom: 1px solid #dbe7e2;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.attendance-history-table tbody td[b-bxopoqg8k9] {
    vertical-align: middle;
    font-size: 0.86rem;
    border-bottom-color: #e7efec;
}

.attendance-page .badge[b-bxopoqg8k9] {
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.35rem 0.55rem;
}

@media (max-width: 991px) {
    .attendance-history-header[b-bxopoqg8k9] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem;
    }

    .attendance-date-picker[b-bxopoqg8k9] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .attendance-page[b-bxopoqg8k9] {
        padding: 0 0 0.8rem;
        gap: 0.8rem;
    }

    .attendance-panel-body[b-bxopoqg8k9] {
        padding: 0.85rem;
    }

    .attendance-history-table-wrap[b-bxopoqg8k9] {
        max-height: 340px;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Attendance/EmployeeAttendanceStatus.razor.rz.scp.css */
.employee-attendance-card[b-fa8r1floty] {
    width: 100%;
    height: 100%;
    border: 1px solid #dbe7e2;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(0, 103, 71, 0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.employee-attendance-card:hover[b-fa8r1floty] {
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0, 103, 71, 0.1);
}

.employee-attendance-header[b-fa8r1floty] {
    min-height: 72px;
    padding: 0.72rem 0.88rem;
    border-bottom: 1px solid #e2ece8;
}

.employee-attendance-profile[b-fa8r1floty] {
    gap: 0.65rem;
    min-width: 0;
}

.employee-avatar[b-fa8r1floty] {
    width: 2.45rem !important;
    height: 2.45rem !important;
    min-width: 2.45rem !important;
    min-height: 2.45rem !important;
    border: 2px solid #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.14);
}

.employee-avatar-placeholder[b-fa8r1floty] {
    font-size: 0.92rem;
    font-weight: 700;
}

.employee-meta[b-fa8r1floty] {
    min-width: 0;
}

.employee-name[b-fa8r1floty] {
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.employee-role[b-fa8r1floty] {
    display: block;
    font-size: 0.74rem;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.employee-status-badge[b-fa8r1floty] {
    border-radius: 999px;
    padding: 0.32rem 0.58rem;
    font-size: 0.69rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.employee-attendance-body[b-fa8r1floty] {
    padding: 0.88rem !important;
}

.employee-metrics-row[b-fa8r1floty] {
    gap: 0.5rem;
    flex-wrap: wrap;
}

.employee-metric[b-fa8r1floty] {
    flex: 1 1 30%;
    min-width: 110px;
    background: #f7fbf9;
    border: 1px solid #e4efea;
    border-radius: 10px;
    padding: 0.5rem 0.65rem;
}

.metric-label[b-fa8r1floty] {
    font-size: 0.69rem;
    font-weight: 600;
    margin-bottom: 0.24rem;
}

.metric-value[b-fa8r1floty] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1f3f33;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
}

.employee-actions[b-fa8r1floty] {
    justify-content: flex-end;
    gap: 0.45rem !important;
}

[b-fa8r1floty] .employee-action-btn {
    border-radius: 8px;
    min-height: 32px;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.01em;
    padding: 0.34rem 0.68rem;
}

@media (max-width: 575px) {
    .employee-attendance-header[b-fa8r1floty] {
        align-items: flex-start !important;
    }

    .employee-attendance-profile[b-fa8r1floty] {
        flex: 1;
    }

    .employee-metric[b-fa8r1floty] {
        flex: 1 1 100%;
    }

    .employee-actions[b-fa8r1floty] {
        justify-content: stretch;
    }

    [b-fa8r1floty] .employee-actions .employee-action-btn {
        flex: 1 1 calc(50% - 0.45rem);
        justify-content: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Attendance/ManageAttendance.razor.rz.scp.css */
.manage-attendance-page[b-778g65smlk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 0.25rem 1rem;
}

[b-778g65smlk] .attendance-panel {
    border: 1px solid #dbe7e2;
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(0, 103, 71, 0.06);
    overflow: hidden;
    background: #ffffff;
}

[b-778g65smlk] .attendance-panel > .card-body {
    padding: 0;
}

.attendance-panel-header[b-778g65smlk] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e2ece8;
    background: linear-gradient(90deg, #006747 0%, #0b7a57 100%) !important;
}

.attendance-panel-body[b-778g65smlk] {
    padding: 1rem;
}

.attendance-panel-header .card-title[b-778g65smlk] {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.attendance-search-box[b-778g65smlk] {
    width: min(100%, 360px);
}

.attendance-search-box .input-group-text[b-778g65smlk] {
    border-color: #caded7;
    background: #eef6f3;
    color: #1c5f4a;
}

.attendance-search-box .form-control[b-778g65smlk] {
    border-color: #caded7;
    font-size: 0.86rem;
    min-height: 36px;
}

.attendance-search-box .form-control:focus[b-778g65smlk] {
    border-color: #3d8a6e;
    box-shadow: 0 0 0 0.2rem rgba(61, 138, 110, 0.16);
}

.attendance-filter-row[b-778g65smlk] {
    gap: 0.55rem !important;
}

.attendance-filter-btn[b-778g65smlk] {
    border-radius: 999px;
    padding: 0.35rem 0.8rem;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    min-height: 32px;
}

.employee-status-grid[b-778g65smlk] {
    row-gap: 0.2rem;
}

.employee-status-col[b-778g65smlk] {
    display: flex;
}

.employee-status-col > *[b-778g65smlk] {
    width: 100%;
}

.attendance-alert[b-778g65smlk] {
    border-radius: 10px;
    border-width: 1px;
}

@media (max-width: 991px) {
    .attendance-panel-header[b-778g65smlk] {
        flex-direction: column;
        align-items: stretch !important;
        gap: 0.75rem;
    }

    .attendance-search-box[b-778g65smlk] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .manage-attendance-page[b-778g65smlk] {
        padding: 0 0 0.8rem;
        gap: 0.8rem;
    }

    .attendance-panel-body[b-778g65smlk] {
        padding: 0.8rem;
    }

    .attendance-filter-btn[b-778g65smlk] {
        flex: 1 1 calc(50% - 0.55rem);
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/AuditLogs.razor.rz.scp.css */
.audit-page[b-z30u2px9yk] {
    --audit-green: #006747;
    --audit-green-dark: #004d35;
    --audit-ink: #111827;
    --audit-muted: #64748b;
    --audit-line: #e2e8f0;
    --audit-soft: #f8fafc;
    --audit-panel: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: calc(100vh - 72px);
    overflow: hidden;
    padding: 0.75rem 1rem 1.25rem;
    color: var(--audit-ink);
}

.audit-header[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.audit-title-wrap[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.audit-title-icon[b-z30u2px9yk] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient(135deg, var(--audit-green), var(--audit-green-dark));
    box-shadow: 0 8px 20px rgba(0, 103, 71, 0.18);
    flex: 0 0 auto;
}

.audit-title-wrap h1[b-z30u2px9yk] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 750;
    line-height: 1.2;
    letter-spacing: 0;
}

.audit-title-wrap p[b-z30u2px9yk] {
    margin: 0.2rem 0 0;
    color: var(--audit-muted);
    font-size: 0.9rem;
}

.audit-actions[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.audit-actions[b-z30u2px9yk] (.btn) {
    min-height: 34px;
    border-radius: 7px;
    font-weight: 650;
}

.audit-actions[b-z30u2px9yk] (.audit-refresh-btn) {
    color: #0f3f32;
    background: #dcebe7;
    border-color: #c7ddd7;
}

.audit-summary-header-toggle[b-z30u2px9yk] {
    min-height: 34px;
    padding: 0 0.65rem;
    border: 1px solid #cfe5dd;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    color: var(--audit-green);
    background: #e8f3ef;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.audit-summary-header-toggle:hover[b-z30u2px9yk] {
    background: #dcebe7;
    border-color: #b8d7cd;
    transform: translateY(-1px);
}

.audit-summary-header-toggle:focus-visible[b-z30u2px9yk] {
    outline: 3px solid rgba(0, 103, 71, 0.2);
    outline-offset: 2px;
}

.audit-summary-header-toggle .toggle-indicator[b-z30u2px9yk] {
    font-size: 0.72rem;
    line-height: 1;
}

.active-filter-bar[b-z30u2px9yk],
.audit-table-panel[b-z30u2px9yk],
.audit-summary-panel[b-z30u2px9yk],
.audit-stat-card[b-z30u2px9yk] {
    background: var(--audit-panel);
    border: 1px solid var(--audit-line);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.active-filter-bar[b-z30u2px9yk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
}

.active-filter-list[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.active-filter-label[b-z30u2px9yk] {
    color: #475569;
    font-size: 0.8rem;
    font-weight: 750;
    text-transform: uppercase;
}

.audit-filter-chip[b-z30u2px9yk] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 0.65rem;
    border-radius: 999px;
    color: #0f3f32;
    background: #e8f3ef;
    border: 1px solid #cfe5dd;
    font-size: 0.78rem;
    font-weight: 650;
}

.audit-stat-grid[b-z30u2px9yk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.9rem;
}

.audit-summary-panel[b-z30u2px9yk] {
    flex-shrink: 0;
    border-radius: 8px;
    overflow: hidden;
    padding: 1rem;
}

.audit-summary-panel .audit-stat-grid[b-z30u2px9yk] {
    padding: 0;
}

.audit-stat-card[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 104px;
    padding: 1rem;
    border-radius: 8px;
}

.audit-stat-icon[b-z30u2px9yk] {
    width: 42px;
    height: 42px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex: 0 0 auto;
}

.audit-stat-card strong[b-z30u2px9yk] {
    display: block;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.audit-stat-card span[b-z30u2px9yk] {
    display: block;
    margin-top: 0.35rem;
    color: #475569;
    font-size: 0.88rem;
}

.audit-stat-card.total .audit-stat-icon[b-z30u2px9yk] {
    color: #006747;
    background: #e6f2ee;
}

.audit-stat-card.creates .audit-stat-icon[b-z30u2px9yk] {
    color: #15803d;
    background: #dcfce7;
}

.audit-stat-card.updates .audit-stat-icon[b-z30u2px9yk] {
    color: #b45309;
    background: #fef3c7;
}

.audit-stat-card.deletes .audit-stat-icon[b-z30u2px9yk] {
    color: #dc2626;
    background: #fee2e2;
}

.audit-table-panel[b-z30u2px9yk] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    border-radius: 8px;
    overflow: hidden;
}

.audit-page-size[b-z30u2px9yk] {
    display: inline-flex;
    align-items: center;
}

.audit-page-size .form-select[b-z30u2px9yk] {
    width: 76px;
    min-height: 32px;
    padding: 0.2rem 1.85rem 0.2rem 0.7rem;
    border-color: #d6dee8;
    border-radius: 6px;
    color: #1e293b;
    background-color: #ffffff;
    font-size: 0.82rem;
    font-weight: 750;
}

.audit-table-body[b-z30u2px9yk] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.audit-table-scroll[b-z30u2px9yk] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

.audit-table[b-z30u2px9yk] {
    min-width: 1040px;
    border-collapse: separate;
    border-spacing: 0;
}

.audit-table thead th[b-z30u2px9yk] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.85rem 0.8rem;
    color: #1e293b;
    background: #f8fafc;
    border-bottom: 1px solid var(--audit-line);
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.audit-table tbody td[b-z30u2px9yk] {
    vertical-align: middle;
    padding: 0.85rem 0.8rem;
    border-bottom: 1px solid #edf2f7;
    color: #0f172a;
    font-size: 0.84rem;
}

.audit-table tbody tr[b-z30u2px9yk] {
    transition: background-color 0.15s ease;
}

.audit-table tbody tr:hover[b-z30u2px9yk] {
    background: #fbfdfa;
}

.audit-date-cell strong[b-z30u2px9yk],
.audit-entity-cell strong[b-z30u2px9yk],
.audit-user-cell strong[b-z30u2px9yk],
.audit-description-cell strong[b-z30u2px9yk] {
    display: block;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 750;
}

.audit-date-cell span[b-z30u2px9yk],
.audit-entity-cell span[b-z30u2px9yk],
.audit-user-cell span[b-z30u2px9yk],
.audit-description-cell span[b-z30u2px9yk],
.audit-muted[b-z30u2px9yk] {
    display: block;
    color: var(--audit-muted);
    font-size: 0.78rem;
}

.audit-description-cell[b-z30u2px9yk] {
    min-width: 300px;
}

.audit-user-cell[b-z30u2px9yk] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.audit-avatar[b-z30u2px9yk] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f3f32;
    background: #e8f3ef;
    border: 1px solid #d2e6df;
    font-size: 0.7rem;
    font-weight: 800;
    flex: 0 0 auto;
}

.audit-action-badge[b-z30u2px9yk],
.audit-branch[b-z30u2px9yk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    border-radius: 999px;
    padding: 0 0.58rem;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.audit-action-create[b-z30u2px9yk] {
    color: #166534;
    background: #dcfce7;
}

.audit-action-update[b-z30u2px9yk] {
    color: #92400e;
    background: #fef3c7;
}

.audit-action-delete[b-z30u2px9yk] {
    color: #991b1b;
    background: #fee2e2;
}

.audit-action-view[b-z30u2px9yk] {
    color: #075985;
    background: #e0f2fe;
}

.audit-action-login[b-z30u2px9yk] {
    color: #0f3f32;
    background: #dbece7;
}

.audit-action-default[b-z30u2px9yk] {
    color: #334155;
    background: #f1f5f9;
}

.audit-branch[b-z30u2px9yk] {
    color: #334155;
    background: #f1f5f9;
}

[b-z30u2px9yk](.audit-detail-btn.btn-icon-only) {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 8px;
}

.audit-pagination[b-z30u2px9yk] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 44px;
    padding: 0.45rem 0.9rem;
    background: #fbfdff;
    border-top: 1px solid var(--audit-line);
}

.audit-pagination-controls[b-z30u2px9yk] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex: 0 0 auto;
}

.audit-pagination-range[b-z30u2px9yk],
.audit-page-status[b-z30u2px9yk] {
    color: #1e293b;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.audit-pagination-range[b-z30u2px9yk] {
    flex: 1 1 auto;
}

.audit-page-nav[b-z30u2px9yk] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d6dee8;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f3f32;
    background: #ffffff;
    font-size: 0.74rem;
    line-height: 1;
    box-shadow: none;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.audit-page-nav:hover:not(:disabled)[b-z30u2px9yk] {
    color: var(--audit-green);
    background: #e8f3ef;
    border-color: #c7ddd7;
}

.audit-page-nav:focus-visible[b-z30u2px9yk] {
    outline: 0;
    box-shadow: 0 0 0 0.16rem rgba(0, 103, 71, 0.15);
}

.audit-page-nav:disabled[b-z30u2px9yk] {
    color: #cbd5e1;
    background: #f8fafc;
    border-color: #e2e8f0;
    cursor: not-allowed;
}

.audit-empty-state[b-z30u2px9yk] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 2rem;
    text-align: center;
    color: var(--audit-muted);
}

.audit-empty-state > i[b-z30u2px9yk] {
    font-size: 2rem;
    color: #94a3b8;
}

.audit-empty-state h3[b-z30u2px9yk] {
    margin: 0;
    color: #1e293b;
    font-size: 1rem;
}

.audit-empty-state p[b-z30u2px9yk] {
    margin: 0;
}

html[dir="rtl"] .audit-user-cell[b-z30u2px9yk] {
    flex-direction: row-reverse;
}

@media (max-width: 1100px) {
    .audit-stat-grid[b-z30u2px9yk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .audit-page[b-z30u2px9yk] {
        height: auto;
        min-height: calc(100vh - 72px);
        overflow: visible;
        padding: 0.75rem;
    }

    .audit-header[b-z30u2px9yk],
    .active-filter-bar[b-z30u2px9yk] {
        align-items: stretch;
        flex-direction: column;
    }

    .audit-actions[b-z30u2px9yk] {
        width: 100%;
    }

    .audit-actions[b-z30u2px9yk] (.btn) {
        flex: 1 1 150px;
    }

    .audit-summary-header-toggle[b-z30u2px9yk] {
        flex: 0 0 44px;
    }

    .audit-stat-grid[b-z30u2px9yk] {
        grid-template-columns: 1fr;
    }

    .audit-pagination[b-z30u2px9yk] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.55rem;
    }

    .audit-pagination-range[b-z30u2px9yk] {
        text-align: center;
    }

    .audit-pagination-controls[b-z30u2px9yk] {
        justify-content: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerAgingAnalysis.razor.rz.scp.css */
.aging-page[b-glglccjs3r] {
    --aging-primary: #0a6b46;
    --aging-primary-soft: #e7f5ef;
    --aging-border: #d8e3de;
    --aging-text-muted: #5f6b67;
    --aging-surface: #f7fbf9;
    --aging-warning: #f59e0b;
    --aging-danger: #dc3545;
    font-size: 16px;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.aging-card[b-glglccjs3r] {
    border-radius: 16px;
    overflow: visible;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.aging-body[b-glglccjs3r] {
    padding: 1rem 1.25rem 1.25rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.aging-report-layout[b-glglccjs3r] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.aging-active-list[b-glglccjs3r] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.aging-section-title[b-glglccjs3r] {
    margin-bottom: 0.85rem;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #38564b;
}

.aging-filters[b-glglccjs3r] {
    padding: 0.95rem;
    border: 1px solid var(--aging-border);
    border-radius: 14px;
    background: linear-gradient(180deg, #f9fcfb 0%, #f3faf7 100%);
}

.aging-label[b-glglccjs3r] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #4e5f59;
    font-weight: 700;
}

.aging-optional[b-glglccjs3r] {
    font-size: 0.8rem;
    text-transform: none;
    color: #7a8782;
    font-weight: 500;
}

.aging-input[b-glglccjs3r] {
    min-height: 42px;
    border-color: #cfd9d4;
    border-radius: 10px;
}

.aging-input:focus[b-glglccjs3r] {
    border-color: #15925f;
    box-shadow: 0 0 0 0.2rem rgba(21, 146, 95, 0.15);
}

.aging-customer-dropdown[b-glglccjs3r] {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin-top: 0.3rem;
    max-height: 280px;
    overflow-y: auto;
    border-radius: 12px;
    border: 1px solid #15925f;
    box-shadow: 0 16px 28px rgba(16, 24, 40, 0.16);
    z-index: 1050;
}

.aging-customer-dropdown .list-group-item[b-glglccjs3r] {
    padding: 0.55rem 0.85rem;
    font-size: 0.95rem;
}

.aging-status-dropdown-wrap[b-glglccjs3r] {
    position: relative;
}

.aging-status-trigger[b-glglccjs3r] {
    min-height: 42px;
    border-color: #cfd9d4;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.55rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2d4b42;
    background-color: #ffffff;
    text-align: start;
}

.aging-status-trigger:focus[b-glglccjs3r] {
    border-color: #15925f;
    box-shadow: 0 0 0 0.2rem rgba(21, 146, 95, 0.15);
}

.aging-status-dropdown-panel[b-glglccjs3r] {
    position: absolute;
    top: calc(100% + 0.35rem);
    inset-inline-start: 0;
    inset-inline-end: 0;
    border: 1px solid #cfdcd6;
    border-radius: 10px;
    background-color: #ffffff;
    overflow: hidden;
    box-shadow: 0 14px 26px rgba(15, 23, 42, 0.16);
    z-index: 1060;
}

.aging-status-toolbar[b-glglccjs3r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #e3ece8;
    background: #f6faf8;
}

.aging-status-count[b-glglccjs3r] {
    font-size: 0.8rem;
    color: #35534a;
    font-weight: 700;
}

.aging-status-toolbar-actions[b-glglccjs3r] {
    display: inline-flex;
    gap: 0.7rem;
    margin-inline-start: auto;
}

.aging-status-toolbar-actions .btn-link[b-glglccjs3r] {
    text-decoration: none;
    font-size: 0.78rem;
    font-weight: 700;
    color: #15704b;
}

.aging-status-toolbar-actions .btn-link:hover[b-glglccjs3r] {
    color: #0d5a3b;
}

.aging-status-list[b-glglccjs3r] {
    max-height: 220px;
    overflow-y: auto;
    padding: 0.45rem;
}

.aging-status-item[b-glglccjs3r] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    column-gap: 0.55rem;
    border: 1px solid #dfe8e4;
    border-radius: 8px;
    padding: 0.4rem 0.55rem;
    margin-bottom: 0.35rem;
    background-color: #ffffff;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}

.aging-status-item:last-child[b-glglccjs3r] {
    margin-bottom: 0;
}

.aging-status-item.selected[b-glglccjs3r] {
    border-color: #9ec9b8;
    background-color: #edf7f3;
}

.aging-status-item-label[b-glglccjs3r] {
    font-size: 0.9rem;
    color: #1f3b33;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    line-height: 1.2;
    text-align: start;
    margin-inline-start: 0.1rem;
}

.aging-status-checkbox[b-glglccjs3r] {
    flex: 0 0 auto;
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 !important;
    float: none;
    position: static;
    vertical-align: middle;
}

.aging-switch[b-glglccjs3r] {
    margin-top: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.55rem;
    column-gap: 0.55rem;
}

.aging-switch-label[b-glglccjs3r] {
    font-size: 0.92rem;
    color: #2f4640;
    margin: 0;
    line-height: 1.2;
    cursor: pointer;
    margin-inline-start: 0.1rem;
}

.aging-inline-checkbox[b-glglccjs3r] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0 !important;
    float: none;
    flex: 0 0 auto;
    position: static;
    vertical-align: middle;
}

.aging-guide[b-glglccjs3r] {
    border: 1px solid #cde4da;
    border-radius: 12px;
    background: #f6fbf8;
    padding: 0.85rem 1rem;
}

.aging-guide-trigger-row[b-glglccjs3r] {
    display: flex;
    justify-content: flex-start;
}

.aging-guide-trigger[b-glglccjs3r] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    border: 1px solid #b9d8cb;
    border-radius: 999px;
    background-color: #eef8f3;
    color: #0f5f40;
    font-weight: 700;
    font-size: 0.82rem;
    padding: 0.3rem 0.65rem;
}

.aging-guide-trigger:hover[b-glglccjs3r] {
    background-color: #e4f3ec;
    color: #0b4e35;
}

.aging-guide-title[b-glglccjs3r] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #24453a;
    margin-bottom: 0.5rem;
}

.aging-guide-list[b-glglccjs3r] {
    padding-inline-start: 1rem;
    color: #314b43;
    font-size: 0.92rem;
    line-height: 1.5;
}

.aging-actions[b-glglccjs3r] {
    display: flex;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.aging-action-primary[b-glglccjs3r] {
    min-width: 220px;
    font-weight: 700;
    border-radius: 10px;
}

.aging-empty-state[b-glglccjs3r] {
    border: 1px dashed #bfd5cc;
    border-radius: 14px;
    padding: 1.15rem 1rem;
    text-align: center;
    color: #50635c;
    background-color: #fbfdfc;
}

.aging-empty-state i[b-glglccjs3r] {
    margin-bottom: 0.45rem;
    font-size: 1rem;
    color: #6b7f77;
}

.aging-kpis[b-glglccjs3r] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.aging-kpi-card[b-glglccjs3r] {
    border: 1px solid var(--aging-border);
    border-radius: 12px;
    background-color: #ffffff;
    padding: 0.75rem 0.85rem;
}

.aging-kpi-label[b-glglccjs3r] {
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: #5b6c66;
    margin-bottom: 0.2rem;
}

.aging-kpi-value[b-glglccjs3r] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #243934;
}

.aging-kpi-total[b-glglccjs3r] {
    background: linear-gradient(140deg, #f6fcf9 0%, #ebf8f2 100%);
}

.aging-kpi-total .aging-kpi-value[b-glglccjs3r] {
    color: var(--aging-danger);
}

.aging-table-title[b-glglccjs3r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.7rem;
    margin-bottom: 0.55rem;
}

.aging-tabs[b-glglccjs3r] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    padding: 0.35rem;
    border: 1px solid var(--aging-border);
    border-radius: 12px;
    background-color: #f3f8f6;
}

.aging-tab-btn[b-glglccjs3r] {
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #3f5850;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 0.55rem 0.7rem;
    text-align: center;
    transition: all 0.2s ease;
}

.aging-tab-btn:hover[b-glglccjs3r] {
    background-color: #e7f2ed;
}

.aging-tab-btn.active[b-glglccjs3r] {
    border-color: #b9d8cb;
    background-color: #ffffff;
    color: #0f4f35;
    box-shadow: 0 1px 3px rgba(15, 79, 53, 0.14);
}

.aging-table-title h6[b-glglccjs3r] {
    font-weight: 700;
    color: #1d342e;
}

.aging-currency-pill[b-glglccjs3r] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    border-radius: 999px;
    background-color: var(--aging-primary-soft);
    color: var(--aging-primary);
    padding: 0.2rem 0.55rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.aging-table-wrap[b-glglccjs3r] {
    border: 1px solid var(--aging-border);
    border-radius: 12px;
    overflow-x: auto;
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: none;
    background-color: #ffffff;
    overscroll-behavior: contain;
}

.aging-table-wrap-large[b-glglccjs3r] {
    max-height: none;
}

.aging-table[b-glglccjs3r] {
    margin-bottom: 0;
    font-size: 0.95rem;
}

.aging-table thead th[b-glglccjs3r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #f2f7f4;
    color: #3f5750;
    border-bottom: 1px solid var(--aging-border);
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.aging-table td[b-glglccjs3r] {
    vertical-align: middle;
}

.order-status-badge[b-glglccjs3r] {
    background-color: #e7ecf2;
    color: #31465c;
    font-weight: 600;
    font-size: 0.85rem;
}

.payment-status-badge[b-glglccjs3r] {
    font-weight: 700;
    font-size: 0.85rem;
}

.payment-status-paid[b-glglccjs3r] {
    background-color: #1aa55d;
    color: #ffffff;
}

.payment-status-partial[b-glglccjs3r] {
    background-color: #f0b429;
    color: #312400;
}

.payment-status-unpaid[b-glglccjs3r] {
    background-color: #d64555;
    color: #ffffff;
}

@media (max-width: 1200px) {
    .aging-kpis[b-glglccjs3r] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 992px) {
    .aging-kpis[b-glglccjs3r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aging-switch[b-glglccjs3r] {
        margin-top: 0.3rem;
    }
}

@media (max-width: 768px) {
    .aging-body[b-glglccjs3r] {
        padding: 0.9rem;
    }

    .aging-filters[b-glglccjs3r] {
        padding: 0.8rem;
    }

    .aging-actions[b-glglccjs3r] {
        flex-direction: column;
    }

    .aging-actions .btn[b-glglccjs3r],
    .aging-action-primary[b-glglccjs3r] {
        width: 100%;
    }

    .aging-kpis[b-glglccjs3r] {
        grid-template-columns: 1fr;
    }

    .aging-status-dropdown-panel[b-glglccjs3r] {
        position: static;
        margin-top: 0.35rem;
        box-shadow: none;
    }

    .aging-tabs[b-glglccjs3r] {
        grid-template-columns: 1fr;
    }

    .aging-table-wrap[b-glglccjs3r],
    .aging-table-wrap-large[b-glglccjs3r] {
        min-height: 0;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerDetail.razor.rz.scp.css */
/* Customer detail — profile-first ERP layout */

.customer-detail-page[b-066pnsjle4] {
    --cd-primary: #006747;
    --cd-primary-dark: #004533;
    --cd-primary-soft: rgba(0, 103, 71, 0.08);
    --cd-surface: #ffffff;
    --cd-bg: #eef1f5;
    --cd-text: #1a2332;
    --cd-muted: #64748b;
    --cd-border: rgba(15, 23, 42, 0.09);
    --cd-radius: 14px;
    --cd-radius-sm: 10px;
    --cd-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 16px rgba(15, 23, 42, 0.06);

    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1.25rem 2rem;
    background: var(--cd-bg);
    color: var(--cd-text);
    font-variant-numeric: tabular-nums;
}

/* ─── Loading ───────────────────────────────────────────────────────────── */
.cd-loading[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 16px;
    color: var(--cd-muted);
}

/* ─── Hero profile card ───────────────────────────────────────────────────── */
.cd-hero[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.15rem 1.25rem;
    background: var(--cd-surface);
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
}

.cd-hero-top[b-066pnsjle4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.cd-hero-identity[b-066pnsjle4] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    flex: 1;
}

.cd-hero-avatar[b-066pnsjle4] {
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--cd-primary-soft), rgba(0, 103, 71, 0.14));
    color: var(--cd-primary);
    font-size: 1.05rem;
    font-weight: 700;
    border: 1px solid rgba(0, 103, 71, 0.18);
}

.cd-hero-info[b-066pnsjle4] {
    min-width: 0;
}

.cd-hero-name[b-066pnsjle4] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--cd-text);
    overflow-wrap: anywhere;
    letter-spacing: -0.02em;
}

.cd-hero-meta[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.cd-pill[b-066pnsjle4] {
    display: inline-flex;
    align-items: center;
    padding: 0.22em 0.7em;
    border-radius: 100px;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.4;
}

.cd-pill--success[b-066pnsjle4] { background: rgba(5, 150, 105, 0.12); color: #047857; }
.cd-pill--info[b-066pnsjle4] { background: rgba(2, 132, 199, 0.12); color: #0369a1; }
.cd-pill--primary[b-066pnsjle4] { background: rgba(0, 103, 71, 0.12); color: var(--cd-primary-dark); }
.cd-pill--warning[b-066pnsjle4] { background: rgba(217, 119, 6, 0.12); color: #b45309; }
.cd-pill--dark[b-066pnsjle4] { background: rgba(30, 41, 59, 0.12); color: #334155; }
.cd-pill--muted[b-066pnsjle4] { background: rgba(100, 116, 139, 0.1); color: var(--cd-muted); }

.cd-hero-date[b-066pnsjle4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.76rem;
    color: var(--cd-muted);
    font-weight: 500;
}

.cd-hero-date i[b-066pnsjle4] {
    font-size: 0.68rem;
    opacity: 0.75;
}

/* ─── Toolbar ─────────────────────────────────────────────────────────────── */
.cd-toolbar[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.cd-toolbar-primary[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.cd-toolbar-secondary[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 4px 10px;
}

.cd-toolbar-link[b-066pnsjle4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0.2rem 0.35rem;
    border: 0;
    background: transparent;
    color: var(--cd-muted);
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 6px;
    transition: color 0.15s ease, background 0.15s ease;
}

.cd-toolbar-link i[b-066pnsjle4] {
    font-size: 0.68rem;
    color: var(--cd-primary);
}

.cd-toolbar-link:hover[b-066pnsjle4] {
    color: var(--cd-primary-dark);
    background: var(--cd-primary-soft);
}

/* ─── Contact tiles ───────────────────────────────────────────────────────── */
.cd-contact-grid[b-066pnsjle4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem;
}

.cd-contact-tile[b-066pnsjle4] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0.75rem 0.85rem;
    background: #f8fafc;
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-radius-sm);
    min-width: 0;
}

.cd-contact-tile--empty[b-066pnsjle4] {
    opacity: 0.72;
}

.cd-contact-tile-icon[b-066pnsjle4] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--cd-primary-soft);
    color: var(--cd-primary);
    font-size: 0.78rem;
}

.cd-contact-tile--empty .cd-contact-tile-icon[b-066pnsjle4] {
    background: rgba(100, 116, 139, 0.08);
    color: var(--cd-muted);
}

.cd-contact-tile-body[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cd-contact-tile-label[b-066pnsjle4] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-muted);
    line-height: 1.2;
}

.cd-contact-tile-value[b-066pnsjle4] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--cd-text);
    overflow-wrap: anywhere;
    line-height: 1.35;
    text-decoration: none;
}

a.cd-contact-tile-value[b-066pnsjle4] {
    color: var(--cd-primary);
}

a.cd-contact-tile-value:hover[b-066pnsjle4] {
    text-decoration: underline;
}

.cd-contact-tile-value--empty[b-066pnsjle4] {
    color: var(--cd-muted);
    font-style: italic;
    font-weight: 400;
    font-size: 0.8rem;
}

/* ─── Legacy IDs bar ────────────────────────────────────────────────────────── */
.cd-legacy-bar[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
    padding: 0.75rem 0.9rem;
    background: linear-gradient(90deg, rgba(0, 103, 71, 0.06), rgba(0, 103, 71, 0.02));
    border: 1px solid rgba(0, 103, 71, 0.14);
    border-radius: var(--cd-radius-sm);
}

.cd-legacy-bar-label[b-066pnsjle4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--cd-primary-dark);
    white-space: nowrap;
}

.cd-legacy-bar-label i[b-066pnsjle4] {
    font-size: 0.68rem;
}

.cd-legacy-cards[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1;
}

.cd-legacy-card[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0.45rem 0.85rem;
    min-width: 88px;
    background: var(--cd-surface);
    border: 1px solid rgba(0, 103, 71, 0.16);
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 103, 71, 0.06);
}

.cd-legacy-card-city[b-066pnsjle4] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-muted);
}

.cd-legacy-card-id[b-066pnsjle4] {
    font-size: 1rem;
    font-weight: 800;
    color: var(--cd-primary-dark);
    letter-spacing: 0.02em;
}

/* ─── Notes callout ─────────────────────────────────────────────────────────── */
.cd-notes-callout[b-066pnsjle4] {
    display: flex;
    gap: 10px;
    padding: 0.75rem 0.9rem;
    background: #fffbeb;
    border: 1px solid rgba(217, 119, 6, 0.2);
    border-radius: var(--cd-radius-sm);
}

.cd-notes-callout > i[b-066pnsjle4] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #d97706;
    font-size: 0.85rem;
}

.cd-notes-callout-label[b-066pnsjle4] {
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #92400e;
    margin-bottom: 2px;
}

.cd-notes-callout-text[b-066pnsjle4] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: #78350f;
    overflow-wrap: anywhere;
}

/* ─── KPI strip ─────────────────────────────────────────────────────────────── */
.cd-kpis[b-066pnsjle4] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.cd-stat[b-066pnsjle4] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 1rem 1.1rem;
    background: var(--cd-surface);
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-radius);
    box-shadow: var(--cd-shadow);
    position: relative;
    overflow: hidden;
}

.cd-stat[b-066pnsjle4]::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 4px;
    height: 100%;
    background: var(--cd-stat-accent, var(--cd-primary));
}

.cd-stat--balance[b-066pnsjle4] { --cd-stat-accent: #006747; }
.cd-stat--paid[b-066pnsjle4] { --cd-stat-accent: #059669; }
.cd-stat--pricing[b-066pnsjle4] { --cd-stat-accent: #0284c7; }
.cd-stat--warn[b-066pnsjle4] { --cd-stat-accent: #dc2626; }
.cd-stat--ok[b-066pnsjle4] { --cd-stat-accent: #059669; }

.cd-stat-icon[b-066pnsjle4] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--cd-stat-accent) 12%, white);
    color: var(--cd-stat-accent);
    font-size: 1rem;
}

.cd-stat-body[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.cd-stat-label[b-066pnsjle4] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--cd-muted);
    line-height: 1.3;
}

.cd-stat-value[b-066pnsjle4] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cd-text);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.cd-stat-value small[b-066pnsjle4] {
    font-size: 0.6em;
    font-weight: 600;
    color: var(--cd-muted);
}

.cd-stat-value--ok[b-066pnsjle4] { color: #059669; }
.cd-stat-value--muted[b-066pnsjle4] { color: var(--cd-muted); font-size: 1.1rem; }

.cd-stat--warn .cd-stat-value[b-066pnsjle4] { color: #dc2626; }

.cd-stat-hint[b-066pnsjle4] {
    font-size: 0.72rem;
    color: var(--cd-muted);
    font-weight: 500;
}

/* ─── Workspace layout ──────────────────────────────────────────────────────── */
.cd-workspace[b-066pnsjle4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 0.85rem;
    align-items: start;
}

.cd-workspace-main[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-width: 0;
}

.cd-workspace-side[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
}

/* ─── Cards ───────────────────────────────────────────────────────────────── */
.customer-detail-page[b-066pnsjle4]  .customer-detail-card.card,
.customer-statement-preview[b-066pnsjle4]  .customer-statement-card.card {
    margin-bottom: 0;
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-radius);
    background: var(--cd-surface);
    box-shadow: var(--cd-shadow);
    overflow: hidden;
}

.customer-detail-page[b-066pnsjle4]  .customer-detail-card > .card-body,
.customer-statement-preview[b-066pnsjle4]  .customer-statement-card > .card-body {
    padding: 0.85rem 1rem 1rem;
}

.customer-detail-page[b-066pnsjle4]  .customer-detail-card > .card-header,
.customer-statement-preview[b-066pnsjle4]  .customer-statement-card > .card-header {
    min-height: 44px;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--cd-border);
    background: #fafbfc;
}

.customer-card-heading[b-066pnsjle4],
.customer-statement-preview[b-066pnsjle4]  .customer-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 0.65rem;
}

.customer-card-actions[b-066pnsjle4],
.customer-statement-preview[b-066pnsjle4]  .customer-card-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.customer-detail-page .card-title[b-066pnsjle4],
.customer-statement-preview[b-066pnsjle4]  .card-title {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--cd-text);
}

.customer-detail-page .card-title i[b-066pnsjle4],
.customer-statement-preview[b-066pnsjle4]  .card-title i {
    color: var(--cd-primary);
    font-size: 0.82rem;
}

.cd-count-badge[b-066pnsjle4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.3rem;
    margin-inline-start: 0.25rem;
    border-radius: 100px;
    background: var(--cd-primary-soft);
    color: var(--cd-primary);
    font-size: 0.65rem;
    font-weight: 700;
}

/* ─── Buttons ─────────────────────────────────────────────────────────────── */
.customer-detail-page[b-066pnsjle4]  .btn,
.customer-statement-preview[b-066pnsjle4]  .btn {
    min-height: 32px;
    border-radius: 8px !important;
    padding: 0.35rem 0.75rem !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    line-height: 1.2;
}

.customer-detail-page[b-066pnsjle4]  .btn-primary,
.customer-detail-page[b-066pnsjle4]  .btn-success,
.customer-statement-preview[b-066pnsjle4]  .btn-primary,
.customer-statement-preview[b-066pnsjle4]  .btn-success {
    background: var(--cd-primary) !important;
    border-color: var(--cd-primary) !important;
}

.customer-detail-page[b-066pnsjle4]  .btn-primary:hover,
.customer-detail-page[b-066pnsjle4]  .btn-success:hover,
.customer-statement-preview[b-066pnsjle4]  .btn-primary:hover,
.customer-statement-preview[b-066pnsjle4]  .btn-success:hover {
    background: var(--cd-primary-dark) !important;
    border-color: var(--cd-primary-dark) !important;
}

.customer-detail-page[b-066pnsjle4]  .badge,
.customer-statement-preview[b-066pnsjle4]  .badge {
    border-radius: 100px;
    padding: 0.22rem 0.5rem;
    font-size: 0.67rem;
    font-weight: 600;
}

/* ─── Detail grid (pricing) ───────────────────────────────────────────────── */
.cd-detail-grid[b-066pnsjle4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.cd-detail-field[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cd-detail-field--full[b-066pnsjle4] {
    grid-column: 1 / -1;
}

.cd-detail-label[b-066pnsjle4] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--cd-muted);
}

.cd-detail-value[b-066pnsjle4] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--cd-text);
}

.cd-detail-value--ok[b-066pnsjle4] {
    color: #059669;
    font-size: 1.05rem;
}

/* ─── Item lists ──────────────────────────────────────────────────────────── */
.cd-item-list[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
}

.cd-item[b-066pnsjle4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--cd-border);
}

.cd-item:last-child[b-066pnsjle4] {
    border-bottom: 0;
    padding-bottom: 0;
}

.cd-item:first-child[b-066pnsjle4] {
    padding-top: 0;
}

.cd-item-icon[b-066pnsjle4],
.cd-item-avatar[b-066pnsjle4] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--cd-primary-soft);
    color: var(--cd-primary);
    font-size: 0.8rem;
    font-weight: 700;
}

.cd-item-icon--payment[b-066pnsjle4] {
    background: rgba(5, 150, 105, 0.1);
    color: #059669;
}

.cd-item-body[b-066pnsjle4] {
    flex: 1;
    min-width: 0;
}

.cd-item-title[b-066pnsjle4] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--cd-text);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.cd-item-title--amount[b-066pnsjle4] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #059669;
}

.cd-item-meta[b-066pnsjle4] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-top: 2px;
    font-size: 0.74rem;
    color: var(--cd-muted);
}

.cd-item-meta i[b-066pnsjle4] {
    font-size: 0.65rem;
}

.cd-item-actions[b-066pnsjle4] {
    display: flex;
    gap: 4px;
    flex-shrink: 0;
}

.cd-view-more[b-066pnsjle4] {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.55rem;
    border: 1px dashed var(--cd-border);
    border-radius: 8px;
    background: transparent;
    color: var(--cd-primary);
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.cd-view-more:hover[b-066pnsjle4] {
    background: var(--cd-primary-soft);
}

/* ─── Empty states ─────────────────────────────────────────────────────────── */
.cd-panel-empty[b-066pnsjle4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 1.75rem 1rem;
    text-align: center;
}

.cd-panel-empty--inline[b-066pnsjle4] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    text-align: start;
    gap: 0.65rem;
}

.cd-panel-empty--inline .cd-panel-empty-title[b-066pnsjle4] {
    margin: 0;
    flex: 1;
    min-width: 0;
}

.cd-panel-empty > i[b-066pnsjle4] {
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: var(--cd-primary-soft);
    color: var(--cd-muted);
    font-size: 1rem;
    margin-bottom: 4px;
}

.cd-panel-empty-title[b-066pnsjle4] {
    margin: 0;
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--cd-muted);
}

.cd-panel-empty-desc[b-066pnsjle4] {
    margin: 0 0 8px;
    font-size: 0.76rem;
    color: var(--cd-muted);
    max-width: 260px;
    line-height: 1.45;
}

/* ─── Statement ───────────────────────────────────────────────────────────── */
.customer-statement-preview[b-066pnsjle4] {
    margin-top: 0;
}

.customer-statement-preview[b-066pnsjle4]  .table-responsive {
    margin-bottom: 0.5rem !important;
    border: 1px solid var(--cd-border);
    border-radius: var(--cd-radius-sm);
    overflow: auto;
}

.customer-statement-preview[b-066pnsjle4]  table {
    min-width: 560px;
    font-size: 0.82rem;
    margin-bottom: 0;
}

.customer-statement-preview[b-066pnsjle4]  th {
    color: var(--cd-muted);
    background: #f8fafc !important;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0.55rem 0.75rem;
    white-space: nowrap;
}

.customer-statement-preview[b-066pnsjle4]  td {
    vertical-align: middle;
    padding: 0.55rem 0.75rem;
}

.customer-statement-preview[b-066pnsjle4]  tbody tr:hover {
    background: rgba(0, 103, 71, 0.03);
}

.customer-statement-preview[b-066pnsjle4]  .customer-statement-card.card {
    height: auto;
}

/* ─── RTL ─────────────────────────────────────────────────────────────────── */
html[dir="rtl"] .cd-stat-body[b-066pnsjle4],
html[dir="rtl"] .cd-detail-field[b-066pnsjle4],
html[dir="rtl"] .cd-contact-tile-body[b-066pnsjle4] {
    text-align: right;
}

html[dir="rtl"] .cd-toolbar[b-066pnsjle4] {
    align-items: flex-start;
}

html[dir="rtl"] .cd-toolbar-primary[b-066pnsjle4],
html[dir="rtl"] .cd-toolbar-secondary[b-066pnsjle4] {
    justify-content: flex-start;
}

html[dir="rtl"] .cd-panel-empty--inline[b-066pnsjle4] {
    text-align: right;
}

/* ─── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .cd-workspace[b-066pnsjle4] {
        grid-template-columns: 1fr;
    }

    .cd-workspace-side[b-066pnsjle4] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .cd-workspace-side .customer-pricing-card[b-066pnsjle4] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .customer-detail-page[b-066pnsjle4] {
        padding: 0.85rem 1rem 1.5rem;
    }

    .cd-kpis[b-066pnsjle4] {
        grid-template-columns: 1fr;
    }

    .cd-contact-grid[b-066pnsjle4] {
        grid-template-columns: 1fr;
    }

    .cd-workspace-side[b-066pnsjle4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .cd-hero-top[b-066pnsjle4] {
        flex-direction: column;
    }

    .cd-toolbar[b-066pnsjle4] {
        align-items: stretch;
        width: 100%;
    }

    .cd-toolbar-primary[b-066pnsjle4],
    .cd-toolbar-secondary[b-066pnsjle4] {
        justify-content: flex-start;
    }

    .cd-legacy-bar[b-066pnsjle4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cd-legacy-cards[b-066pnsjle4] {
        width: 100%;
    }

    .cd-legacy-card[b-066pnsjle4] {
        flex: 1;
        min-width: calc(33% - 0.5rem);
    }
}

@media (max-width: 575.98px) {
    .cd-hero-name[b-066pnsjle4] {
        font-size: 1.15rem;
    }

    .cd-panel-empty--inline[b-066pnsjle4] {
        flex-direction: column;
        align-items: stretch;
    }

    .customer-card-heading[b-066pnsjle4] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerDisbursements.razor.rz.scp.css */
.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.65rem 1rem;
    gap: 0.5rem;
    border-bottom: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fcfffe 0%, #f8fafc 100%);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-toolbar::-webkit-scrollbar {
    height: 5px;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-toolbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-search {
    flex: 0 0 auto;
    min-width: 0;
    width: clamp(11rem, 15vw, 15rem);
    max-width: 15rem;
    padding-inline-end: 0.35rem;
    border-inline-end: 1px solid #e2e8f0;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-search-input {
    height: 34px;
    font-size: 0.8125rem;
    border-radius: 8px;
    background: #fff;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-search-input:focus {
    border-color: #006747;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.1);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-search-btn {
    height: 34px;
    padding-inline: 0.85rem;
    border-radius: 8px;
    font-weight: 600;
    background: #006747;
    border-color: #006747;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-search-btn:hover {
    background: #005a3c;
    border-color: #005a3c;
    opacity: 1;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-filters,
.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-filters.udt-filter-wrap {
    flex: 1 1 0;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    overflow: visible;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-toolbar-actions {
    flex: 0 0 auto;
    margin-inline-start: auto;
    position: sticky;
    inset-inline-end: 0;
    z-index: 2;
    padding-inline-start: 0.5rem;
    border-inline-start: 1px solid #e2e8f0;
    background: linear-gradient(90deg, transparent 0%, #f8fafc 18%, #f8fafc 100%);
}

html[dir="rtl"] .customer-disbursements-page[b-9e4umqu1ft]  .cd-data-table .udt-toolbar-actions {
    background: linear-gradient(270deg, transparent 0%, #f8fafc 18%, #f8fafc 100%);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-toolbar-create-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 34px;
    background: #006747;
    border-color: #006747;
    font-weight: 600;
    padding-inline: 0.95rem;
    border-radius: 8px;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 103, 71, 0.2);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-toolbar-create-btn:hover {
    background: #005a3c;
    border-color: #005a3c;
    box-shadow: 0 2px 6px rgba(0, 103, 71, 0.25);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filters-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.35rem;
    margin: 0;
    flex: 0 0 auto;
    white-space: nowrap;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: #64748b;
    flex-shrink: 0;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-date {
    height: 34px;
    width: 8.75rem;
    min-width: 8.75rem;
    max-width: 8.75rem;
    padding: 0 0.55rem;
    font-size: 0.8125rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-date:focus {
    outline: none;
    border-color: #006747;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.1);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-btn-clear {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    height: 34px;
    padding: 0 0.55rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 0.8125rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    transition: color 0.15s, background 0.15s;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-btn-clear:hover {
    color: #006747;
    background: rgba(0, 103, 71, 0.08);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-btn-clear:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.15);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-customer-filter {
    position: relative;
    min-width: 0;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer {
    min-width: 12rem;
    max-width: 14rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-input,
.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-chip {
    width: 9.5rem;
    min-width: 9.5rem;
    max-width: 9.5rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-chip {
    min-height: 34px;
    height: 34px;
    padding: 0 0.4rem 0 0.45rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-icon {
    width: 1.35rem;
    height: 1.35rem;
    font-size: 0.625rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-name {
    font-size: 0.8125rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--customer .cd-customer-filter-clear {
    width: 1.35rem;
    height: 1.35rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-filter-field--action {
    padding-inline-start: 0.15rem;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-customer-filter-search {
    position: relative;
}

/* Shared chip styles — must NOT be nested under .customer-disbursements-page (modal is portaled to body) */
.cd-customer-filter-search[b-9e4umqu1ft] {
    position: relative;
}

.cd-customer-filter-input[b-9e4umqu1ft] {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding: 0 0.65rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #334155;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    box-sizing: border-box;
}

.cd-customer-filter-input:focus[b-9e4umqu1ft] {
    outline: none;
    border-color: #006747;
    background-color: #fff;
    color: #0f172a;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.1);
}

.cd-customer-filter-dropdown[b-9e4umqu1ft] {
    position: absolute;
    top: calc(100% + 4px);
    inset-inline: 0;
    z-index: 1050;
    max-height: 16rem;
    overflow-y: auto;
    border-radius: 0.5rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.cd-customer-filter-chip[b-9e4umqu1ft] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.45rem 0.55rem 0.45rem 0.65rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.625rem;
    background: #f8fafc;
    box-sizing: border-box;
}

.cd-customer-filter-chip--selected[b-9e4umqu1ft] {
    border-color: #86efac;
    background: linear-gradient(135deg, #f0fdf4 0%, #f8fafc 100%);
}

.cd-customer-filter-icon[b-9e4umqu1ft] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex-shrink: 0;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 0.75rem;
}

.cd-customer-filter-name[b-9e4umqu1ft] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0f172a;
}

.cd-customer-filter-clear[b-9e4umqu1ft] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    margin-inline-start: auto;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: #fff;
    color: #64748b;
    cursor: pointer;
    box-shadow: inset 0 0 0 1px #e2e8f0;
    appearance: none;
    -webkit-appearance: none;
}

.cd-customer-filter-clear:hover[b-9e4umqu1ft] {
    background: #fee2e2;
    color: #b91c1c;
    box-shadow: inset 0 0 0 1px #fecaca;
}

.cd-customer-filter-clear:focus[b-9e4umqu1ft] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.2);
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-customer-filter-input {
    height: 34px;
}

.customer-disbursements-page[b-9e4umqu1ft]  .cd-customer-filter-dropdown {
    position: absolute;
    top: calc(100% + 4px);
    inset-inline: 0;
    z-index: 1050;
}

.customer-disbursements-page .cd-pay-customer[b-9e4umqu1ft] {
    font-weight: 600;
    color: #0f172a;
}

.customer-disbursements-page .cd-pay-purpose[b-9e4umqu1ft] {
    display: block;
    max-width: 16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #475569;
    font-size: 0.875rem;
}

.customer-disbursements-page .cd-pay-amount[b-9e4umqu1ft] {
    font-weight: 700;
    color: #b45309;
    font-variant-numeric: tabular-nums;
}

.customer-disbursements-page .cd-pay-account[b-9e4umqu1ft] {
    font-size: 0.85rem;
    color: #334155;
}

.customer-disbursements-page[b-9e4umqu1ft]  .udt-table tbody tr:hover {
    background-color: #f8fafc;
}

.customer-disbursements-page[b-9e4umqu1ft]  .udt-empty-state {
    padding: 3rem 1.5rem;
    text-align: center;
    color: #64748b;
}

.customer-disbursements-page[b-9e4umqu1ft]  .udt-empty-state p {
    margin: 0;
    font-size: 0.95rem;
}

/* Modal form */
.cd-form-section[b-9e4umqu1ft] {
    margin-bottom: 1.25rem;
}

.cd-form-section:last-child[b-9e4umqu1ft] {
    margin-bottom: 0;
}

.cd-form-section-title[b-9e4umqu1ft] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #eef2f7;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #006747;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cd-form-section-title i[b-9e4umqu1ft] {
    font-size: 0.75rem;
}

.cd-form-grid[b-9e4umqu1ft] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem;
}

.cd-form-grid .cd-field-full[b-9e4umqu1ft] {
    grid-column: 1 / -1;
}

.cd-form .form-label[b-9e4umqu1ft] {
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.cd-form .form-control[b-9e4umqu1ft],
.cd-form .form-select[b-9e4umqu1ft] {
    border-color: #e2e8f0;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.cd-form .form-control:focus[b-9e4umqu1ft],
.cd-form .form-select:focus[b-9e4umqu1ft] {
    border-color: #006747;
    box-shadow: 0 0 0 0.15rem rgba(0, 103, 71, 0.12);
}

.cd-form .cd-customer-filter-input[b-9e4umqu1ft],
.cd-form .cd-customer-filter-chip[b-9e4umqu1ft] {
    width: 100%;
}

.cd-usd-preview[b-9e4umqu1ft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    background: linear-gradient(135deg, #ecfdf5 0%, #f0fdf4 100%);
    border: 1px solid #a7f3d0;
    font-size: 0.875rem;
    color: #065f46;
}

.cd-usd-preview strong[b-9e4umqu1ft] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

/* Modal form — portaled outside page container */
.modal-formal--customer-disbursement .cd-form .cd-customer-filter-input[b-9e4umqu1ft] {
    height: 2.75rem;
}

.modal-formal--customer-disbursement .cd-form .cd-customer-filter-chip[b-9e4umqu1ft] {
    min-height: 3rem;
}

@media (max-width: 576px) {
    .cd-form-grid[b-9e4umqu1ft] {
        grid-template-columns: 1fr;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerPaymentForm.razor.rz.scp.css */
/* Customer payment entry — primary financial workflow */

.customer-payment-page[b-ynodzatmgn] {
    --cp-primary: #006747;
    --cp-primary-dark: #004533;
    --cp-primary-soft: rgba(0, 103, 71, 0.08);
    --cp-surface: #ffffff;
    --cp-bg: #eef1f5;
    --cp-text: #1a2332;
    --cp-muted: #64748b;
    --cp-border: rgba(15, 23, 42, 0.09);
    --cp-radius: 14px;
    --cp-radius-sm: 10px;
    --cp-shadow: 0 1px 2px rgba(15, 23, 42, 0.05), 0 4px 16px rgba(15, 23, 42, 0.06);

    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    max-width: 100%;
    padding: 0.35rem 0.4rem 0;
    background: var(--cp-bg);
    color: var(--cp-text);
    font-variant-numeric: tabular-nums;
    overflow: hidden;
    flex: 1;
    min-height: 0;
}

.cp-loading[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 48px 16px;
    color: var(--cp-muted);
}

.cp-alert[b-ynodzatmgn] {
    border-radius: var(--cp-radius-sm);
}

/* ─── Hero ─────────────────────────────────────────────────────────────── */
.cp-hero[b-ynodzatmgn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem 1rem;
    padding: 0.5rem 0.65rem;
    background: var(--cp-surface);
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius);
    box-shadow: var(--cp-shadow);
    flex-shrink: 0;
}

.cp-hero-main[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex: 1;
}

.cp-back[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cp-border);
    border-radius: 10px;
    background: var(--cp-surface);
    color: var(--cp-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.cp-back:hover[b-ynodzatmgn] {
    background: var(--cp-primary-soft);
    color: var(--cp-primary);
    border-color: rgba(0, 103, 71, 0.25);
}

.cp-hero-avatar[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--cp-primary-soft), rgba(0, 103, 71, 0.14));
    color: var(--cp-primary);
    font-size: 0.88rem;
    font-weight: 700;
    border: 1px solid rgba(0, 103, 71, 0.18);
}

.cp-hero-info[b-ynodzatmgn] {
    min-width: 0;
}

.cp-hero-name[b-ynodzatmgn] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.cp-hero-phone[b-ynodzatmgn] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 2px;
    font-size: 0.75rem;
    color: var(--cp-muted);
}

.cp-balance-strip[b-ynodzatmgn] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    padding: 0.45rem 0.75rem;
    border-radius: var(--cp-radius-sm);
    border: 1px solid var(--cp-border);
    background: #f8fafc;
}

.cp-balance-strip--due[b-ynodzatmgn] {
    background: rgba(245, 158, 11, 0.1);
    border-color: rgba(245, 158, 11, 0.25);
}

.cp-balance-strip--credit[b-ynodzatmgn] {
    background: rgba(0, 103, 71, 0.08);
    border-color: rgba(0, 103, 71, 0.2);
}

.cp-balance-strip--zero[b-ynodzatmgn] {
    background: #f1f5f9;
}

.cp-balance-label[b-ynodzatmgn] {
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cp-muted);
}

.cp-balance-value[b-ynodzatmgn] {
    font-size: 1.15rem;
    font-weight: 700;
}

.cp-balance-strip--due .cp-balance-value[b-ynodzatmgn] {
    color: #b45309;
}

.cp-balance-strip--credit .cp-balance-value[b-ynodzatmgn] {
    color: var(--cp-primary);
}

.cp-balance-hint[b-ynodzatmgn] {
    font-size: 0.78rem;
    color: var(--cp-muted);
}

/* ─── Layout ───────────────────────────────────────────────────────────── */
.cp-layout[b-ynodzatmgn] {
    display: grid;
    grid-template-columns: minmax(280px, 5fr) minmax(320px, 7fr);
    gap: 0.5rem;
    align-items: stretch;
    flex: 1;
    min-height: 0;
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
}

.cp-layout--awaiting-customer[b-ynodzatmgn] {
    opacity: 0.72;
}

.cp-hero-main--pick[b-ynodzatmgn] {
    align-items: center;
    width: 100%;
}

.cp-hero-avatar--pick[b-ynodzatmgn] {
    background: #f1f5f9;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    color: var(--cp-muted);
    font-size: 1rem;
}

.cp-hero-info--pick[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.cp-customer-search[b-ynodzatmgn] {
    position: relative;
    width: min(420px, 100%);
    z-index: 30;
}

.cp-customer-search-input[b-ynodzatmgn] {
    position: relative;
    display: flex;
    align-items: center;
}

.cp-customer-search-icon[b-ynodzatmgn] {
    position: absolute;
    inset-inline-start: 11px;
    color: var(--cp-muted);
    pointer-events: none;
    z-index: 1;
    font-size: 0.82rem;
}

.cp-customer-search-field[b-ynodzatmgn] {
    width: 100%;
    height: 38px;
    padding-inline: 2.1rem 0.85rem;
    border: 1px solid var(--cp-border);
    border-radius: 10px;
    background: #f8fafc;
    color: var(--cp-text);
    font-size: 0.9rem;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
}

.cp-customer-search-field[b-ynodzatmgn]::placeholder {
    color: #94a3b8;
}

.cp-customer-search-field:hover[b-ynodzatmgn] {
    background: #fff;
    border-color: rgba(0, 103, 71, 0.22);
}

.cp-customer-search-field:focus[b-ynodzatmgn] {
    outline: none;
    background: #fff;
    border-color: rgba(0, 103, 71, 0.45);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.cp-customer-dropdown[b-ynodzatmgn] {
    position: absolute;
    top: calc(100% + 6px);
    inset-inline-start: 0;
    width: min(420px, 100vw - 2.5rem);
    max-height: min(320px, 50vh);
    overflow-y: auto;
    background: var(--cp-surface);
    border: 1px solid rgba(0, 103, 71, 0.2);
    border-radius: var(--cp-radius-sm);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    z-index: 2000;
}

.cp-customer-dropdown-item[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0.6rem 0.85rem;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    background: transparent;
    text-align: start;
    cursor: pointer;
}

.cp-customer-dropdown-item:last-child[b-ynodzatmgn] {
    border-bottom: none;
}

.cp-customer-dropdown-item:hover[b-ynodzatmgn],
.cp-customer-dropdown-item:focus[b-ynodzatmgn] {
    background: var(--cp-primary-soft);
}

.cp-customer-dropdown-item--muted[b-ynodzatmgn] {
    color: var(--cp-muted);
    cursor: default;
}

.cp-customer-dropdown-avatar[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: var(--cp-primary-soft);
    color: var(--cp-primary);
    font-size: 0.75rem;
    font-weight: 700;
}

.cp-customer-dropdown-meta[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    min-width: 0;
}

.cp-customer-dropdown-name[b-ynodzatmgn] {
    font-weight: 600;
    font-size: 0.9rem;
    line-height: 1.25;
}

.cp-customer-dropdown-phone[b-ynodzatmgn] {
    font-size: 0.78rem;
    color: var(--cp-muted);
}

.cp-change-customer[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cp-border);
    border-radius: 10px;
    background: var(--cp-surface);
    color: var(--cp-muted);
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.cp-change-customer:hover[b-ynodzatmgn] {
    color: var(--cp-primary);
    border-color: rgba(0, 103, 71, 0.35);
    background: var(--cp-primary-soft);
}

@media (max-width: 991px) {
    .cp-layout[b-ynodzatmgn] {
        grid-template-columns: 1fr;
        flex: 1 0 auto;
    }
}

/* ─── Panels ───────────────────────────────────────────────────────────── */
.cp-panel[b-ynodzatmgn] {
    background: var(--cp-surface);
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius);
    box-shadow: var(--cp-shadow);
    min-height: 0;
}

.cp-panel--form[b-ynodzatmgn],
.cp-panel--invoices[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.cp-panel--form .cp-panel-header[b-ynodzatmgn],
.cp-panel--invoices .cp-panel-header[b-ynodzatmgn] {
    flex-shrink: 0;
}

.cp-panel--form .cp-panel-body[b-ynodzatmgn] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.cp-panel--invoices .cp-panel-body[b-ynodzatmgn] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0;
    gap: 0;
}

.cp-panel--invoices .cp-empty[b-ynodzatmgn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem 1.15rem;
}

.cp-panel-header[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0.9rem 1.15rem;
    border-bottom: 1px solid var(--cp-border);
    background: linear-gradient(180deg, #fafbfc, var(--cp-surface));
}

.cp-panel-header--invoices[b-ynodzatmgn] {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.65rem 1rem;
}

.cp-panel-header-title[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.cp-panel-header i[b-ynodzatmgn] {
    color: var(--cp-primary);
    font-size: 1rem;
}

.cp-panel-header h2[b-ynodzatmgn] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
}

.cp-panel-body[b-ynodzatmgn] {
    padding: 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* ─── Form fields ──────────────────────────────────────────────────────── */
.cp-field[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cp-field-row[b-ynodzatmgn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.85rem;
}

@media (max-width: 575px) {
    .cp-field-row[b-ynodzatmgn] {
        grid-template-columns: 1fr;
    }
}

.cp-label[b-ynodzatmgn] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--cp-text);
}

.cp-required[b-ynodzatmgn] {
    color: #dc2626;
}

.cp-control[b-ynodzatmgn] {
    width: 100%;
    padding: 0.55rem 0.75rem;
    font-size: 0.92rem;
    border: 1px solid var(--cp-border);
    border-radius: 8px;
    background: var(--cp-surface);
    color: var(--cp-text);
    transition: border-color 0.15s, box-shadow 0.15s;
}

.cp-control:focus[b-ynodzatmgn] {
    outline: none;
    border-color: rgba(0, 103, 71, 0.45);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.cp-control--ltr[b-ynodzatmgn] {
    direction: ltr;
    text-align: start;
}

.cp-control--sm[b-ynodzatmgn] {
    padding: 0.35rem 0.5rem;
    font-size: 0.85rem;
    max-width: 120px;
}

.cp-hint[b-ynodzatmgn] {
    font-size: 0.78rem;
    color: var(--cp-muted);
}

.cp-error[b-ynodzatmgn] {
    font-size: 0.78rem;
    color: #dc2626;
}

.cp-amount-group[b-ynodzatmgn] {
    display: flex;
    gap: 0;
    border: 1px solid var(--cp-border);
    border-radius: 8px;
    overflow: hidden;
    background: var(--cp-surface);
}

.cp-amount-group:focus-within[b-ynodzatmgn] {
    border-color: rgba(0, 103, 71, 0.45);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.cp-amount-input[b-ynodzatmgn] {
    flex: 1;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    direction: ltr;
    text-align: start;
    font-weight: 600;
    font-size: 1.05rem;
}

.cp-currency-select[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 96px;
    border: none !important;
    border-inline-start: 1px solid var(--cp-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #f8fafc;
    font-weight: 600;
    direction: ltr;
}

/* ─── Conversion panel ─────────────────────────────────────────────────── */
.cp-conversion-panel[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.65rem 0.75rem;
    border-radius: var(--cp-radius-sm);
    background: rgba(14, 165, 233, 0.08);
    border: 1px solid rgba(14, 165, 233, 0.2);
}

.cp-conversion-panel--collapsed[b-ynodzatmgn] {
    padding-block: 0.5rem;
}

.cp-conversion-header[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 28px;
}

.cp-conversion-header-title[b-ynodzatmgn] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #0369a1;
}

.cp-conversion-summary-compact[b-ynodzatmgn] {
    flex: 1;
    min-width: 0;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cp-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-conversion-toggle[b-ynodzatmgn] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(14, 165, 233, 0.35);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.75);
    color: #0369a1;
    cursor: pointer;
    transition: background 0.15s, transform 0.15s;
}

.cp-conversion-toggle:hover[b-ynodzatmgn] {
    background: #fff;
}

.cp-conversion-toggle i[b-ynodzatmgn] {
    font-size: 0.72rem;
    transition: transform 0.2s ease;
}

.cp-conversion-toggle .cp-chevron--collapsed[b-ynodzatmgn] {
    transform: rotate(180deg);
}

.cp-conversion-body[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(14, 165, 233, 0.18);
}

.cp-conversion-row[b-ynodzatmgn] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;
}

.cp-conversion-label[b-ynodzatmgn] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #0369a1;
}

.cp-conversion-value[b-ynodzatmgn] {
    font-size: 0.88rem;
    font-weight: 600;
}

.cp-conversion-value--muted[b-ynodzatmgn] {
    font-weight: 400;
    color: var(--cp-muted);
    font-size: 0.82rem;
}

.cp-conversion-hint[b-ynodzatmgn] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--cp-muted);
}

/* ─── Invoice toolbar (in panel header) ─────────────────────────────────── */
.cp-invoices-toolbar[b-ynodzatmgn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 14px;
    margin-inline-start: auto;
    padding: 0;
    background: transparent;
}

@media (max-width: 767px) {
    .cp-panel-header--invoices[b-ynodzatmgn] {
        flex-direction: column;
        align-items: stretch;
    }

    .cp-invoices-toolbar[b-ynodzatmgn] {
        margin-inline-start: 0;
        justify-content: flex-start;
    }
}

.cp-toolbar-btn[b-ynodzatmgn] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0.4rem 0.85rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--cp-primary);
    background: var(--cp-surface);
    border: 1px solid rgba(0, 103, 71, 0.3);
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s;
}

.cp-toolbar-btn:hover:not(:disabled)[b-ynodzatmgn] {
    background: var(--cp-primary-soft);
}

.cp-toolbar-btn:disabled[b-ynodzatmgn] {
    opacity: 0.65;
    cursor: not-allowed;
}

.cp-check[b-ynodzatmgn] {
    display: inline-flex;
    align-items: center;
    margin: 0;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--cp-text);
    cursor: pointer;
    user-select: none;
}

.cp-check-text[b-ynodzatmgn] {
    line-height: 1.35;
    margin-inline-end: 0.65rem;
}

.cp-check-input[b-ynodzatmgn] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--cp-primary);
    cursor: pointer;
}

.cp-invoices-toolbar .cp-check + .cp-check[b-ynodzatmgn] {
    margin-inline-start: 0.75rem;
    padding-inline-start: 0.75rem;
    border-inline-start: 1px solid var(--cp-border);
}

/* ─── Empty state ──────────────────────────────────────────────────────── */
.cp-empty[b-ynodzatmgn] {
    text-align: center;
    padding: 2.5rem 1.5rem;
}

.cp-empty-icon[b-ynodzatmgn] {
    width: 64px;
    height: 64px;
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--cp-primary-soft);
    color: var(--cp-primary);
    font-size: 1.5rem;
}

.cp-empty h3[b-ynodzatmgn] {
    margin: 0 0 6px;
    font-size: 1rem;
    font-weight: 700;
}

.cp-empty p[b-ynodzatmgn] {
    margin: 0;
    font-size: 0.88rem;
    color: var(--cp-muted);
}

/* ─── Table ────────────────────────────────────────────────────────────── */
.cp-panel--invoices .cp-table-scroll[b-ynodzatmgn] {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow: auto;
    border: none;
    border-radius: 0;
    background: var(--cp-surface);
}

.cp-table-scroll[b-ynodzatmgn] {
    overflow: auto;
    border: 1px solid var(--cp-border);
    border-radius: var(--cp-radius-sm);
    background: var(--cp-surface);
}

.cp-table-scroll .cp-table thead th[b-ynodzatmgn] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    box-shadow: 0 1px 0 var(--cp-border);
}

.cp-invoices-footer[b-ynodzatmgn] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    flex-shrink: 0;
    margin-top: 0;
    padding: 0.75rem 1.15rem;
    border-top: 1px solid var(--cp-border);
    background: linear-gradient(180deg, #fafbfc, var(--cp-surface));
}

.cp-table-wrap[b-ynodzatmgn] {
    overflow-x: auto;
}

.cp-table[b-ynodzatmgn] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}

.cp-table th[b-ynodzatmgn] {
    padding: 0.65rem 0.75rem;
    text-align: start;
    vertical-align: middle;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--cp-muted);
    border-bottom: 2px solid var(--cp-border);
    white-space: nowrap;
}

.cp-table td[b-ynodzatmgn] {
    padding: 0.65rem 0.75rem;
    text-align: start;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
    vertical-align: middle;
}

.cp-ltr-value[b-ynodzatmgn] {
    direction: ltr;
    unicode-bidi: isolate;
    display: inline-block;
    text-align: start;
}

.cp-table tbody tr:hover[b-ynodzatmgn] {
    background: rgba(0, 103, 71, 0.03);
}

.cp-row-paid[b-ynodzatmgn] {
    opacity: 0.72;
}

.cp-col-check[b-ynodzatmgn] {
    width: 44px;
    padding-inline: 0.45rem !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.cp-table .cp-col-check .cp-check-input[b-ynodzatmgn] {
    display: block;
    margin: 0 auto;
}

.cp-allocation-value[b-ynodzatmgn] {
    font-weight: 600;
}

.cp-cell-mono[b-ynodzatmgn] {
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.82rem;
}

.cp-muted[b-ynodzatmgn] {
    color: var(--cp-muted);
    font-size: 0.82rem;
}

.cp-badge[b-ynodzatmgn] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.cp-badge--paid[b-ynodzatmgn] {
    background: rgba(0, 103, 71, 0.12);
    color: var(--cp-primary);
}

.cp-badge--auto[b-ynodzatmgn] {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

/* ─── Stats ────────────────────────────────────────────────────────────── */
.cp-stat-grid[b-ynodzatmgn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.65rem;
    margin-top: 0;
}

@media (max-width: 767px) {
    .cp-stat-grid[b-ynodzatmgn] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cp-stat[b-ynodzatmgn] {
    padding: 0.75rem 0.85rem;
    border-radius: var(--cp-radius-sm);
    border: 1px solid var(--cp-border);
    background: #f8fafc;
}

.cp-stat-label[b-ynodzatmgn] {
    display: block;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--cp-muted);
    margin-bottom: 4px;
}

.cp-stat-value[b-ynodzatmgn] {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
}

.cp-stat-value--success[b-ynodzatmgn] {
    color: var(--cp-primary);
}

.cp-stat-value--danger[b-ynodzatmgn] {
    color: #dc2626;
}

.cp-stat-sub[b-ynodzatmgn] {
    display: block;
    margin-top: 4px;
    font-size: 0.72rem;
    color: var(--cp-muted);
}

/* ─── Sticky actions ───────────────────────────────────────────────────── */
.cp-actions[b-ynodzatmgn] {
    position: sticky;
    bottom: 0;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: auto;
    padding: 0.65rem 0 0.75rem;
    background: rgba(238, 241, 245, 0.96);
    backdrop-filter: blur(8px);
    border-top: 1px solid var(--cp-border);
    box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.06);
    flex-shrink: 0;
}

.cp-actions-primary[b-ynodzatmgn] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-inline-start: auto;
}

/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerPayments.razor.rz.scp.css */
.customer-payments-page[b-jkwmkafep7] {
    --cp-g: #006747;
    --cp-g-subtle: #edf5f2;
    --cp-surface: #ffffff;
    --cp-bd: #e3e8e6;
    --cp-bd-strong: #c8d2ce;
    --cp-t0: #111815;
    --cp-t1: #1d2e29;
    --cp-t3: #7a9690;
}

.customer-payments-page .cp-filters-row[b-jkwmkafep7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}

.customer-payments-page .cp-btn-clear[b-jkwmkafep7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 34px;
    padding: 0 0.75rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.customer-payments-page .cp-btn-clear:hover[b-jkwmkafep7] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
}

.customer-payments-page .cp-btn-receipt[b-jkwmkafep7] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 34px;
    padding: 0 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    background: #006747;
    border: 1px solid #006747;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 103, 71, 0.15);
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.customer-payments-page .cp-btn-receipt:hover[b-jkwmkafep7] {
    background: #005538;
    border-color: #005538;
    box-shadow: 0 2px 4px rgba(0, 103, 71, 0.2);
}

.customer-payments-page .cp-btn-receipt:focus-visible[b-jkwmkafep7] {
    outline: 2px solid rgba(0, 103, 71, 0.35);
    outline-offset: 2px;
}

/* ── Table (match orders/invoices dashboard) ───────────────────── */
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper table {
    font-size: 0.8125rem;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100%;
    margin-bottom: 0 !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #eef2f0;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th {
    background: #eef2f0 !important;
    color: #4a6259 !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    padding-block: 0.5rem !important;
    padding-inline: 0.875rem !important;
    border-bottom: 2px solid var(--cp-bd-strong) !important;
    border-top: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap;
    position: relative;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:not(:last-child) {
    border-inline-end: 1px solid var(--cp-bd-strong);
    padding-inline-end: calc(0.875rem + 12px) !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td {
    padding: 0.625rem 0.875rem !important;
    border-bottom: 1px solid var(--cp-bd) !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: var(--cp-t1) !important;
    background: var(--cp-surface) !important;
    transition: background 80ms ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody tr:hover td {
    background: var(--cp-g-subtle) !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody tr:nth-child(even) td {
    background: #fafcfb !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody tr:nth-child(even):hover td {
    background: var(--cp-g-subtle) !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody tr:last-child td {
    border-bottom: none !important;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td.table-actions {
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-sortable-th:hover {
    background: #e4ebe8 !important;
}

/* ── Cell content ──────────────────────────────────────────────── */
.cp-pay-customer-name[b-jkwmkafep7] {
    font-weight: 500;
    color: var(--cp-t0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-amount[b-jkwmkafep7] {
    display: inline-block;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    font-size: 0.8125rem;
    letter-spacing: -0.02em;
    white-space: nowrap;
}

.cp-amount--in[b-jkwmkafep7] {
    color: var(--cp-t0);
}

.cp-amount--out[b-jkwmkafep7] {
    color: #b91c1c;
}

.cp-rate-badge[b-jkwmkafep7] {
    display: inline-flex;
    align-items: center;
    padding: 0.225rem 0.625rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: #166534;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 999px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-pay-date-inline[b-jkwmkafep7] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.created-by-chip[b-jkwmkafep7] {
    display: inline-flex;
    align-items: center;
    gap: 0.275rem;
    padding: 0.175rem 0.5rem;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 500;
    white-space: nowrap;
    background: color-mix(in srgb, var(--chip-color) 10%, #fff);
    color: var(--chip-color);
    border: 1px solid color-mix(in srgb, var(--chip-color) 22%, transparent);
}

.created-by-chip i[b-jkwmkafep7] {
    font-size: 0.7rem;
    opacity: 0.75;
}

.cp-pay-notes[b-jkwmkafep7] {
    display: inline-block;
    font-size: 0.78rem;
    color: var(--cp-t3);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cp-pay-row-actions[b-jkwmkafep7] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.35rem;
    justify-content: center;
}

.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th.udt-actions-col,
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td.table-actions {
    white-space: nowrap;
}

/* Amount columns — numeric alignment */
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(2),
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(3),
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(4),
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(2),
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(3),
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(4) {
    text-align: end !important;
}

html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(2),
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(3),
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:nth-child(4),
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(2),
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(3),
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:nth-child(4) {
    text-align: start !important;
}

/* Customer column — start aligned like orders table */
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:first-child,
.customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:first-child {
    text-align: start !important;
}

html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper tbody td:first-child,
html[dir="rtl"] .customer-payments-page[b-jkwmkafep7]  .cp-data-table .udt-table-wrapper thead th:first-child {
    text-align: end !important;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/Customers.razor.rz.scp.css */
/* Customers list page - improved layout and readability */

/* List card header with Add Customer button at the end */
.list-page-card-header-with-action[b-o332nw5n8b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.list-page-card-header-with-action h6[b-o332nw5n8b] {
    margin: 0;
}

.customer-header-actions[b-o332nw5n8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.customers-toolbar-inline[b-o332nw5n8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.customers-toolbar-controls[b-o332nw5n8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.customers-toolbar-actions[b-o332nw5n8b] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: nowrap;
    margin: 0;
    min-width: 0;
}

/* ── Unified toolbar buttons ── */
.cust-toolbar-btn[b-o332nw5n8b] {
    height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.7rem;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: 2px;
    border: 1px solid #b8cdc8;
    background: #fff;
    color: #1a2e28;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s, border-color 0.12s;
}

.cust-toolbar-btn:hover:not(:disabled)[b-o332nw5n8b] {
    background: #edf5f2;
    border-color: #006747;
    color: #006747;
}

.cust-toolbar-btn:disabled[b-o332nw5n8b] {
    opacity: 0.45;
    cursor: not-allowed;
}

/* Primary — Add Customer (green fill) */
.cust-toolbar-btn--primary[b-o332nw5n8b] {
    background: #006747;
    border-color: #006747;
    color: #fff;
}

.cust-toolbar-btn--primary:hover:not(:disabled)[b-o332nw5n8b] {
    background: #005538;
    border-color: #005538;
    color: #fff;
}

/* Secondary — Export (outline green) */
.cust-toolbar-btn--secondary[b-o332nw5n8b] {
    background: #fff;
    border-color: #006747;
    color: #006747;
}

.cust-toolbar-btn--secondary:hover:not(:disabled)[b-o332nw5n8b] {
    background: #edf5f2;
    border-color: #005538;
    color: #005538;
}

/* Icon-only — Summary toggle */
.cust-toolbar-btn--icon[b-o332nw5n8b] {
    width: 28px;
    padding: 0;
    justify-content: center;
}

.customers-toolbar-inline .udt-filter-select[b-o332nw5n8b] {
    min-width: 130px;
}

.list-page-card[b-o332nw5n8b]  .udt-search {
    order: 0;
    flex: 1 1 320px;
    max-width: 460px;
    margin-inline-end: auto;
}

.list-page-card[b-o332nw5n8b]  .udt-column-visibility {
    order: 1;
    flex: 0 0 auto;
}

.list-page-card[b-o332nw5n8b]  .udt-filters.udt-filter-wrap {
    order: 2;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}


/* Summary cards row */
.customer-summary-cards[b-o332nw5n8b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 0;
}

.customer-summary-wrapper[b-o332nw5n8b] {
    margin-top: 1rem;
    order: 99;
    max-height: 600px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 260ms ease, opacity 200ms ease, margin-top 200ms ease;
}

.customer-summary-wrapper.collapsed[b-o332nw5n8b] {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
}

.customer-summary-card[b-o332nw5n8b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    position: relative;
    overflow: hidden;
}

.customer-summary-card[b-o332nw5n8b]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e2e8f0;
    border-radius: 4px 0 0 4px;
}

.customer-summary-card:hover[b-o332nw5n8b] {
    border-color: #cbd5e1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.customer-summary-card-total[b-o332nw5n8b] {
    border-color: rgba(26, 92, 46, 0.3);
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
}

.customer-summary-card-total[b-o332nw5n8b]::before {
    background: var(--primary-color, #1a5c2e);
}

.customer-summary-card-total .customer-summary-card-icon[b-o332nw5n8b] {
    background: var(--primary-color, #1a5c2e);
    color: #fff;
}

.customer-summary-card-icon[b-o332nw5n8b] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    background: #f1f5f9;
    color: #64748b;
    flex-shrink: 0;
}

.customer-summary-card-icon-sector[b-o332nw5n8b] {
    background: #dbeafe;
    color: #1d4ed8;
}

.customer-summary-card-icon-type[b-o332nw5n8b] {
    background: #dcfce7;
    color: #15803d;
}

.customer-summary-card-icon-none[b-o332nw5n8b] {
    background: #fef3c7;
    color: #b45309;
}

.customer-summary-card-body[b-o332nw5n8b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.customer-summary-card-value[b-o332nw5n8b] {
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.customer-summary-card-label[b-o332nw5n8b] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.3;
}

.list-page-card[b-o332nw5n8b] {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04);
}

.list-page-card-header[b-o332nw5n8b] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #f1f5f9;
    background: #fafbfc;
}

.list-page-card-header h6[b-o332nw5n8b] {
    font-weight: 600;
    font-size: 1rem;
    color: #334155;
}

.list-page-card-header h6 .badge[b-o332nw5n8b] {
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

/* Name & contact column - align content for readability (LTR/RTL) */
.list-page-card[b-o332nw5n8b]  .udt-table-wrapper tbody td:first-child {
    text-align: start;
    padding: 0.875rem 1rem;
}

.list-page-card[b-o332nw5n8b]  .udt-table-wrapper thead th:first-child {
    text-align: start;
}

/* Customer name and contact block */
.list-page-card .fw-medium[b-o332nw5n8b] {
    font-weight: 600;
    color: #1e293b;
    line-height: 1.35;
}

.list-page-card .text-muted[b-o332nw5n8b] {
    font-size: 0.8125rem;
    color: #64748b;
    margin-top: 0.125rem;
}

.list-page-card .text-muted i[b-o332nw5n8b] {
    opacity: 0.85;
}

/* Type badge - cleaner pill style */
.list-page-card .badge[b-o332nw5n8b] {
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.35rem 0.65rem;
    border-radius: 6px;
    white-space: nowrap;
}

/* Row hover for better feedback */
.list-page-card[b-o332nw5n8b]  .udt-table-wrapper tbody tr:hover {
    background-color: #f8fafc !important;
}

.list-page-card[b-o332nw5n8b]  .udt-table-wrapper tbody tr:hover td {
    background-color: #f8fafc !important;
}

/* Phone, email, date columns */
.list-page-card .customer-table-phone[b-o332nw5n8b],
.list-page-card .customer-table-email[b-o332nw5n8b] {
    font-size: 0.8125rem;
    color: #475569;
}

.list-page-card .customer-table-date[b-o332nw5n8b] {
    font-size: 0.8125rem;
    color: #64748b;
}

/* Sector badge (neutral) */
.list-page-card .badge.bg-light.text-dark.border[b-o332nw5n8b] {
    font-weight: 500;
    font-size: 0.75rem;
}

/* Actions column - two icon buttons */
.list-page-card[b-o332nw5n8b]  .udt-table-wrapper .table-actions {
    min-width: 6.1rem;
    width: auto;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap !important;
}

.cust-action-icons[b-o332nw5n8b] {
    display: inline-flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.cust-action-icons > .cust-icon-btn[b-o332nw5n8b] {
    flex: 0 0 auto;
    display: inline-flex !important;
}

.cust-icon-btn[b-o332nw5n8b] {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 3px;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    line-height: 1;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    cursor: pointer;
    background: #fff;
}

.cust-icon-btn:hover[b-o332nw5n8b] {
    transform: none;
}

.cust-icon-btn:focus-visible[b-o332nw5n8b] {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

.cust-icon-btn--neutral[b-o332nw5n8b] {
    border-color: #dee2e6;
    color: #495057;
}

.cust-icon-btn--neutral:hover[b-o332nw5n8b] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #212529;
}

.cust-icon-btn--danger[b-o332nw5n8b] {
    border-color: #f1aeb5;
    color: #b02a37;
}

.cust-icon-btn--danger:hover[b-o332nw5n8b] {
    background: #fde8ea;
    border-color: #dc3545;
    color: #842029;
}

.cust-payment-pill[b-o332nw5n8b] {
    display: inline-block;
    border-radius: 3px;
    font-weight: 600;
    font-size: 0.7rem;
    padding: 0.08rem 0.45rem;
    line-height: 1.4;
    white-space: nowrap;
}

.cust-payment-pill--paid[b-o332nw5n8b] {
    background: #28a745;
    color: #fff;
}

.cust-payment-pill--unpaid[b-o332nw5n8b] {
    background: #dc3545;
    color: #fff;
}

/* Toolbar area - subtle separation */
.list-page-card[b-o332nw5n8b]  .udt-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid #f1f5f9;
}


@media (max-width: 768px) {
    .list-page-card-header-with-action[b-o332nw5n8b] {
        align-items: flex-start;
    }

    .customer-header-actions[b-o332nw5n8b] {
        width: 100%;
    }

    .customers-toolbar-inline[b-o332nw5n8b] {
        width: 100%;
        flex-wrap: wrap;
    }

    .customers-toolbar-controls[b-o332nw5n8b] {
        width: 100%;
        flex-wrap: wrap;
    }

    .customers-toolbar-actions[b-o332nw5n8b] {
        width: 100%;
        flex-wrap: wrap;
        margin: 0;
    }

    .list-page-card[b-o332nw5n8b]  .udt-search {
        margin-inline-end: 0;
        max-width: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerStatementPage.razor.rz.scp.css */
/* Customer Statement page */

.customer-statement-page[b-2kxonfb8cc] {
    --cs-primary: #006747;
    --cs-primary-hover: #005538;
    --cs-primary-soft: rgba(0, 103, 71, 0.08);
    --cs-surface: #ffffff;
    --cs-bg: #f4f6f8;
    --cs-text: #1a2332;
    --cs-muted: #64748b;
    --cs-border: rgba(15, 23, 42, 0.1);
    --cs-radius: 12px;
    --cs-radius-sm: 8px;
    --cs-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 4px 16px rgba(15, 23, 42, 0.05);
    --cs-control-height: 42px;
    --cs-label-height: 1.15rem;

    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0.75rem 1rem 1rem;
    overflow: hidden;
}

.customer-statement-card[b-2kxonfb8cc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.customer-statement-card > .card-body[b-2kxonfb8cc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 1rem 1.15rem !important;
}

.cs-body[b-2kxonfb8cc] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.cs-statement-panel[b-2kxonfb8cc] {
    gap: 0.75rem;
}

/* ─── Filter toolbar ─────────────────────────────────────────────────────── */
.cs-toolbar[b-2kxonfb8cc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem 1rem;
    margin-bottom: 0.75rem;
    padding: 1rem 1.15rem;
    background: var(--cs-surface);
    border: 1px solid var(--cs-border);
    border-radius: var(--cs-radius);
    box-shadow: var(--cs-shadow);
    overflow: visible;
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
}

.cs-toolbar-grid[b-2kxonfb8cc] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.85rem 1rem;
    flex: 1 1 480px;
    min-width: 0;
}

.cs-field[b-2kxonfb8cc] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.cs-field-customer[b-2kxonfb8cc] {
    flex: 1 1 260px;
    min-width: min(100%, 260px);
    max-width: 360px;
}

.cs-field-dates[b-2kxonfb8cc] {
    flex: 1 1 280px;
    min-width: min(100%, 280px);
}

.cs-field-legacy[b-2kxonfb8cc] {
    flex: 1 1 180px;
    min-width: 160px;
}

.cs-field-legacy-branch[b-2kxonfb8cc] {
    flex: 0 1 130px;
    min-width: 120px;
}

.cs-label[b-2kxonfb8cc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
    min-height: var(--cs-label-height);
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--cs-muted);
    letter-spacing: 0.02em;
    line-height: 1.2;
}

.cs-label-spacer[b-2kxonfb8cc] {
    visibility: hidden;
    user-select: none;
    pointer-events: none;
}

.cs-badge-legacy[b-2kxonfb8cc] {
    display: inline-flex;
    align-items: center;
    padding: 0.1rem 0.45rem;
    font-size: 0.62rem;
    font-weight: 600;
    color: #92400e;
    background: #fef3c7;
    border-radius: 100px;
    letter-spacing: 0;
}

.cs-control[b-2kxonfb8cc] {
    width: 100%;
    height: var(--cs-control-height);
    min-height: var(--cs-control-height);
    max-height: var(--cs-control-height);
    padding: 0 0.75rem;
    font-size: 0.875rem;
    line-height: calc(var(--cs-control-height) - 2px);
    color: var(--cs-text);
    background: var(--cs-surface);
    border: 1px solid var(--cs-border);
    border-radius: var(--cs-radius-sm);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.customer-statement-page .cs-control[type="date"][b-2kxonfb8cc] {
    -webkit-appearance: none;
    appearance: none;
    min-height: var(--cs-control-height);
}

.customer-statement-page .cs-control[type="date"][b-2kxonfb8cc]::-webkit-date-and-time-value {
    text-align: start;
}

.customer-statement-page select.cs-control[b-2kxonfb8cc] {
    padding-block: 0;
}

.cs-control:focus[b-2kxonfb8cc] {
    outline: none;
    border-color: var(--cs-primary);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.cs-select[b-2kxonfb8cc] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.75rem center;
    padding-inline: 0.75rem 2rem;
}

html[dir="rtl"] .cs-select[b-2kxonfb8cc],
.customer-statement-page[dir="rtl"] .cs-select[b-2kxonfb8cc] {
    background-position: right 0.75rem center;
    padding-inline: 2rem 0.75rem;
}

.cs-date-range[b-2kxonfb8cc] {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
    height: var(--cs-control-height);
    min-height: var(--cs-control-height);
    max-height: var(--cs-control-height);
}

.cs-control-date[b-2kxonfb8cc] {
    flex: 1 1 0;
    min-width: 0;
}

.cs-date-separator[b-2kxonfb8cc] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    color: var(--cs-muted);
    font-size: 0.7rem;
    opacity: 0.75;
}

html[dir="rtl"] .cs-date-separator .fa-arrow-left[b-2kxonfb8cc],
.customer-statement-page[dir="rtl"] .cs-date-separator .fa-arrow-left[b-2kxonfb8cc] {
    transform: scaleX(-1);
}

.cs-field-hint[b-2kxonfb8cc] {
    margin: 0.15rem 0 0;
    font-size: 0.75rem;
    color: var(--cs-muted);
}

/* Customer search */
.cs-customer-search[b-2kxonfb8cc] {
    position: relative;
}

.cs-input-icon[b-2kxonfb8cc] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 0.75rem;
    transform: translateY(-50%);
    color: var(--cs-muted);
    font-size: 0.8rem;
    pointer-events: none;
    z-index: 1;
}

.cs-control-with-icon[b-2kxonfb8cc] {
    padding-inline-start: 2.25rem;
}

/* Selected customer chip */
.cs-customer-chip[b-2kxonfb8cc] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    height: var(--cs-control-height);
    min-height: var(--cs-control-height);
    max-height: var(--cs-control-height);
    padding: 0 0.45rem 0 0.5rem;
    background: var(--cs-primary-soft);
    border: 1px solid rgba(0, 103, 71, 0.18);
    border-radius: var(--cs-radius-sm);
    box-sizing: border-box;
    overflow: hidden;
}

.cs-customer-avatar[b-2kxonfb8cc] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--cs-primary);
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cs-customer-meta[b-2kxonfb8cc] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.cs-customer-name[b-2kxonfb8cc] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--cs-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-customer-phone[b-2kxonfb8cc] {
    font-size: 0.72rem;
    color: var(--cs-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-customer-change[b-2kxonfb8cc] {
    flex-shrink: 0;
    height: 30px;
    min-height: 30px;
    padding: 0 0.65rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--cs-primary);
    background: var(--cs-surface);
    border: 1px solid rgba(0, 103, 71, 0.22);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.cs-customer-change:hover[b-2kxonfb8cc] {
    background: #fff;
    border-color: var(--cs-primary);
}

/* Customer dropdown */
.cs-customer-dropdown[b-2kxonfb8cc] {
    position: absolute;
    top: calc(100% + 4px);
    inset-inline: 0;
    max-height: 260px;
    overflow-y: auto;
    background: var(--cs-surface);
    border-radius: var(--cs-radius-sm);
    border: 1px solid rgba(0, 103, 71, 0.25);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
    z-index: 1050;
}

.cs-customer-dropdown .list-group-item[b-2kxonfb8cc] {
    padding: 0.65rem 0.95rem;
    font-size: 0.875rem;
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

.cs-customer-dropdown .list-group-item:last-child[b-2kxonfb8cc] {
    border-bottom: none;
}

.cs-customer-dropdown .list-group-item:hover[b-2kxonfb8cc],
.cs-customer-dropdown .list-group-item:focus[b-2kxonfb8cc] {
    background: var(--cs-primary-soft);
    color: var(--cs-text);
}

/* Toolbar actions — same field structure as inputs for alignment */
.cs-field-actions[b-2kxonfb8cc] {
    flex: 0 0 auto;
    margin-inline-start: auto;
}

.cs-toolbar-actions[b-2kxonfb8cc] {
    display: flex;
    align-items: stretch;
    gap: 0.5rem;
    height: var(--cs-control-height);
    min-height: var(--cs-control-height);
    max-height: var(--cs-control-height);
}

.cs-btn[b-2kxonfb8cc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    height: var(--cs-control-height);
    min-height: var(--cs-control-height);
    max-height: var(--cs-control-height);
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
    border-radius: var(--cs-radius-sm);
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
    white-space: nowrap;
    box-sizing: border-box;
}

.cs-btn:disabled[b-2kxonfb8cc] {
    opacity: 0.55;
    cursor: not-allowed;
}

.cs-btn-sort[b-2kxonfb8cc] {
    color: var(--cs-text);
    background: var(--cs-surface);
    border-color: var(--cs-border);
}

.cs-btn-sort:not(:disabled):hover[b-2kxonfb8cc] {
    background: var(--cs-bg);
    border-color: rgba(15, 23, 42, 0.16);
}

.cs-btn-load[b-2kxonfb8cc] {
    min-width: 6.5rem;
    color: #fff;
    background: var(--cs-primary);
    border-color: var(--cs-primary);
    box-shadow: none;
}

.cs-btn-load:not(:disabled):hover[b-2kxonfb8cc] {
    background: var(--cs-primary-hover);
    border-color: var(--cs-primary-hover);
}

/* ─── Empty state ────────────────────────────────────────────────────────── */
.cs-empty-prompt[b-2kxonfb8cc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    flex: 1 1 auto;
    min-height: 0;
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--cs-muted);
    background: var(--cs-bg);
    border: 1px dashed var(--cs-border);
    border-radius: var(--cs-radius);
}

.cs-empty-prompt i[b-2kxonfb8cc] {
    font-size: 1.5rem;
    opacity: 0.45;
}

.cs-empty-prompt p[b-2kxonfb8cc] {
    margin: 0;
    font-size: 0.9rem;
    max-width: 28rem;
}

/* ─── Statement table ────────────────────────────────────────────────────── */
.statement-table[b-2kxonfb8cc] {
    table-layout: fixed;
    width: 100%;
    font-size: 0.8rem;
}

.statement-table th[b-2kxonfb8cc],
.statement-table td[b-2kxonfb8cc] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 0.8rem;
    padding: 0.35rem 0.5rem;
}

.statement-table th.cs-actions-col[b-2kxonfb8cc],
.statement-table td.cs-actions-col[b-2kxonfb8cc] {
    width: 4.5rem;
    min-width: 4.5rem;
    white-space: nowrap;
}

.statement-table-wrapper[b-2kxonfb8cc] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    border-radius: var(--cs-radius-sm) !important;
    -webkit-overflow-scrolling: touch;
}

.statement-table-wrapper .statement-table thead th[b-2kxonfb8cc] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8f9fa;
    box-shadow: 0 1px 0 var(--cs-border);
}

.cs-footer-actions[b-2kxonfb8cc] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--cs-border);
}

/* ─── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .cs-toolbar[b-2kxonfb8cc] {
        flex-direction: column;
        align-items: stretch;
    }

    .cs-toolbar-grid[b-2kxonfb8cc],
    .cs-field-actions[b-2kxonfb8cc] {
        width: 100%;
        margin-inline-start: 0;
    }

    .cs-toolbar-grid[b-2kxonfb8cc] {
        flex-direction: column;
        align-items: stretch;
    }

    .cs-toolbar-actions[b-2kxonfb8cc] {
        width: 100%;
        height: auto;
        min-height: var(--cs-control-height);
        max-height: none;
    }

    .cs-field-customer[b-2kxonfb8cc],
    .cs-field-dates[b-2kxonfb8cc],
    .cs-field-legacy[b-2kxonfb8cc],
    .cs-field-legacy-branch[b-2kxonfb8cc] {
        flex: 1 1 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .cs-toolbar-actions[b-2kxonfb8cc] {
        width: 100%;
        margin-inline-start: 0;
    }

    .cs-btn[b-2kxonfb8cc] {
        flex: 1 1 auto;
        height: var(--cs-control-height);
        min-height: var(--cs-control-height);
        max-height: var(--cs-control-height);
    }

    .cs-btn-load[b-2kxonfb8cc] {
        flex: 1.4 1 auto;
    }
}

@media (max-width: 480px) {
    .cs-date-range[b-2kxonfb8cc] {
        flex-direction: column;
        align-items: stretch;
    }

    .cs-date-separator[b-2kxonfb8cc] {
        transform: rotate(90deg);
        align-self: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/CustomerStatment.razor.rz.scp.css */
/* Customer statement card */
.customer-card-heading[b-e1wkc4nyyq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.cs-actions-col[b-e1wkc4nyyq] {
    width: 3.75rem;
    min-width: 3.75rem;
}

/* Full statement modal — large & readable */
.cs-statement-modal[b-e1wkc4nyyq]  .modal-formal {
    width: min(96vw, 1280px) !important;
}

.cs-statement-modal[b-e1wkc4nyyq]  .modal-body {
    padding: 1.15rem 1.5rem 1.25rem !important;
    flex: 1 1 auto;
    min-height: 0;
}

.cs-statement-modal[b-e1wkc4nyyq]  .modal-title {
    font-size: 1.2rem;
}

.cs-statement-modal[b-e1wkc4nyyq]  .modal-icon {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
}

.cs-statement-filters[b-e1wkc4nyyq] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem 1.25rem;
    padding: 1rem 1.15rem;
    margin-bottom: 1rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
}

.cs-filter-group[b-e1wkc4nyyq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.cs-filter-label[b-e1wkc4nyyq] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.cs-filter-badge[b-e1wkc4nyyq] {
    font-size: 0.68rem;
    font-weight: 500;
    color: #94a3b8;
    text-transform: none;
    letter-spacing: 0;
}

.cs-filter-control[b-e1wkc4nyyq] {
    min-width: 10rem;
    font-size: 0.9375rem;
}

.cs-filter-control--date[b-e1wkc4nyyq] {
    min-width: 11rem;
}

.cs-filter-control--branch[b-e1wkc4nyyq] {
    min-width: 7.5rem;
}

.cs-filter-load-btn[b-e1wkc4nyyq] {
    min-width: 6.5rem;
    font-weight: 600;
    padding: 0.5rem 1.1rem;
}

.cs-statement-table-wrap[b-e1wkc4nyyq] {
    flex: 1 1 auto;
    min-height: 22rem;
    max-height: min(62vh, 40rem);
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #fff;
}

.cs-statement-table[b-e1wkc4nyyq] {
    width: 100%;
    table-layout: auto;
    margin-bottom: 0;
    font-size: 0.9375rem;
    line-height: 1.45;
}

.cs-statement-table thead th[b-e1wkc4nyyq] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f1f5f9 !important;
    border-bottom: 2px solid #e2e8f0;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 700;
    color: #334155;
    padding: 0.75rem 0.85rem;
    letter-spacing: 0.01em;
}

.cs-statement-table tbody td[b-e1wkc4nyyq] {
    padding: 0.7rem 0.85rem;
    vertical-align: middle;
    border-color: #f1f5f9;
    color: #1e293b;
}

.cs-statement-table tbody tr:hover[b-e1wkc4nyyq] {
    background: #f8fafc;
}

.cs-statement-table .badge[b-e1wkc4nyyq] {
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0.35em 0.65em;
    white-space: nowrap;
}

.cs-statement-table .cs-col-num[b-e1wkc4nyyq] {
    width: 2.75rem;
    min-width: 2.75rem;
    color: #94a3b8;
    font-size: 0.875rem;
}

.cs-statement-table .cs-col-date[b-e1wkc4nyyq] {
    white-space: nowrap;
    min-width: 7rem;
}

.cs-statement-table .cs-col-type[b-e1wkc4nyyq] {
    min-width: 6.5rem;
}

.cs-statement-table .cs-col-desc[b-e1wkc4nyyq] {
    min-width: 10rem;
    max-width: 22rem;
    word-break: break-word;
}

.cs-statement-table .cs-col-account[b-e1wkc4nyyq] {
    min-width: 7rem;
    max-width: 12rem;
    color: #64748b;
}

.cs-statement-table .cs-col-amount[b-e1wkc4nyyq] {
    white-space: nowrap;
    min-width: 7.5rem;
    width: 7.5rem;
    font-variant-numeric: tabular-nums;
    font-size: 0.9375rem;
}

.cs-statement-table .cs-col-balance[b-e1wkc4nyyq] {
    white-space: nowrap;
    min-width: 8.25rem;
    width: 8.25rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    font-size: 0.9375rem;
    color: #0f172a;
}

.cs-statement-summary[b-e1wkc4nyyq] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.85rem 1.15rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 0.65rem;
    font-size: 1rem;
    color: #475569;
}

.cs-statement-summary .cs-summary-value[b-e1wkc4nyyq] {
    font-weight: 800;
    font-size: 1.125rem;
    font-variant-numeric: tabular-nums;
    color: #0f172a;
}

.cs-statement-body[b-e1wkc4nyyq] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .cs-statement-modal[b-e1wkc4nyyq]  .modal-formal {
        width: min(98vw, 100%) !important;
        min-height: 85vh !important;
    }

    .cs-statement-table-wrap[b-e1wkc4nyyq] {
        min-height: 16rem;
        max-height: 50vh;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Customers/ManageCustomers.razor.rz.scp.css */
.manage-customers-page[b-lmgx11cn0k] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.manage-customers-tabs[b-lmgx11cn0k] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-customers-tabs[b-lmgx11cn0k]::-webkit-scrollbar { display: none; }

.manage-customers-tab[b-lmgx11cn0k] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-customers-tab:hover[b-lmgx11cn0k] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-customers-tab.active[b-lmgx11cn0k] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-customers-tab-icon[b-lmgx11cn0k] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-customers-tab.active .manage-customers-tab-icon[b-lmgx11cn0k] {
    opacity: 1;
}

.manage-customers-content[b-lmgx11cn0k] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-customers-content[b-lmgx11cn0k]  > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.manage-customers-content[b-lmgx11cn0k]  .list-page,
.manage-customers-content[b-lmgx11cn0k]  .customer-statement-page,
.manage-customers-content[b-lmgx11cn0k]  .aging-page,
.manage-customers-content[b-lmgx11cn0k]  .depts-page {
    flex: 1 1 auto;
    min-height: 0;
}

.manage-customers-content[b-lmgx11cn0k]  .list-page-card,
.manage-customers-content[b-lmgx11cn0k]  .customer-statement-card,
.manage-customers-content[b-lmgx11cn0k]  .aging-card {
    min-height: 0;
}

.manage-customers-loading[b-lmgx11cn0k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 220px;
    color: #50645e;
    font-weight: 700;
}

@media (max-width: 768px) {
    .manage-customers-tabs[b-lmgx11cn0k] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-customers-tab[b-lmgx11cn0k] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/CustomsCompany/CustomsCompanies.razor.rz.scp.css */
/* List card header with New Customs Company button at the end */
.list-page-card-header-with-action[b-13rn4kac7a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.list-page-card-header-with-action h6[b-13rn4kac7a] {
    margin: 0;
}

/* New Customs Company button - aligned with other list pages (muted primary green) */
.list-page-card-header-with-action .add-customs-company-btn.btn-success[b-13rn4kac7a] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    color: var(--primary-color, #1a5c2e) !important;
    border: 1px solid rgba(26, 92, 46, 0.35) !important;
    font-weight: 600;
    flex-shrink: 0;
}

.list-page-card-header-with-action .add-customs-company-btn.btn-success:hover[b-13rn4kac7a] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
    border-color: rgba(26, 92, 46, 0.5) !important;
    color: #14532d !important;
}

.list-page-card-header-with-action .add-customs-company-btn.btn-success i[b-13rn4kac7a] {
    color: inherit !important;
}
/* _content/SafinAhmedERP.Web/Components/Pages/CustomsCompany/CustomsFinancialDashboard.razor.rz.scp.css */
/* Customs Financial Dashboard */

.customs-financial-dashboard[b-x7mdzrqasu] {
    --summary-due: #0d6efd;
    --summary-paid: #198754;
    --summary-outstanding: #fd7e14;
    --summary-last: #0dcaf0;
    --card-radius: 12px;
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Page header */
.dashboard-header[b-x7mdzrqasu] {
    border-radius: var(--card-radius);
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
}

.dashboard-header-icon[b-x7mdzrqasu] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #006747 0%, #004d34 100%);
    color: #fff;
    font-size: 1.35rem;
}

/* Currency badge above summary cards */
.summary-currency-badge[b-x7mdzrqasu] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    background: rgba(0, 103, 71, 0.08);
    color: #006747;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* Summary cards */
.summary-card[b-x7mdzrqasu] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--card-radius);
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #fff;
    box-shadow: var(--card-shadow);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.summary-card:hover[b-x7mdzrqasu] {
    box-shadow: var(--card-shadow-hover);
}

.summary-card__icon[b-x7mdzrqasu] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
}

.summary-card--due .summary-card__icon[b-x7mdzrqasu] {
    background: linear-gradient(135deg, var(--summary-due) 0%, #0a58ca 100%);
}

.summary-card--paid .summary-card__icon[b-x7mdzrqasu] {
    background: linear-gradient(135deg, var(--summary-paid) 0%, #146c43 100%);
}

.summary-card--outstanding .summary-card__icon[b-x7mdzrqasu] {
    background: linear-gradient(135deg, var(--summary-outstanding) 0%, #e8590c 100%);
}

.summary-card--last .summary-card__icon[b-x7mdzrqasu] {
    background: linear-gradient(135deg, var(--summary-last) 0%, #0aa2c0 100%);
}

.summary-card__content[b-x7mdzrqasu] {
    flex: 1;
    min-width: 0;
}

.summary-card__title[b-x7mdzrqasu] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    opacity: 0.9;
}

.summary-card--due .summary-card__title[b-x7mdzrqasu] { color: var(--summary-due); }
.summary-card--paid .summary-card__title[b-x7mdzrqasu] { color: var(--summary-paid); }
.summary-card--outstanding .summary-card__title[b-x7mdzrqasu] { color: var(--summary-outstanding); }
.summary-card--last .summary-card__title[b-x7mdzrqasu] { color: var(--summary-last); }

.summary-card__desc[b-x7mdzrqasu] {
    font-size: 0.75rem;
    opacity: 0.85;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    color: #495057;
}

.summary-card__amount[b-x7mdzrqasu] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #212529;
}

.summary-card__amount--date[b-x7mdzrqasu] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
}

.summary-card__currency[b-x7mdzrqasu] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6c757d;
    margin-inline-start: 0.25rem;
}

.summary-card__meta[b-x7mdzrqasu] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: #6c757d;
}

/* Tabs card */
.dashboard-tabs-card[b-x7mdzrqasu] {
    border-radius: var(--card-radius);
}

/* Tabs */
.card-header-tabs[b-x7mdzrqasu] {
    border-bottom: 1px solid #dee2e6;
}

.card-header-tabs .nav-link[b-x7mdzrqasu] {
    color: #495057;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 0.5rem 1rem;
    font-weight: 500;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}

.card-header-tabs .nav-link:hover[b-x7mdzrqasu] {
    color: var(--primary-color, #0d6efd);
    background: rgba(0, 103, 71, 0.08);
    border-color: #dee2e6;
}

.card-header-tabs .nav-link.active[b-x7mdzrqasu] {
    color: var(--primary-color, #0d6efd);
    background: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: 600;
}

.card-header-tabs .nav-link i[b-x7mdzrqasu] {
    opacity: 0.9;
}

.card-header-tabs .nav-link.active i[b-x7mdzrqasu] {
    opacity: 1;
}

html[dir="rtl"] .card-header-tabs .nav-link.active[b-x7mdzrqasu] {
    border-color: #dee2e6 #dee2e6 #fff;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Dashboard/DasboardPaymetSummary.razor.rz.scp.css */
.erp-fin-alert[b-me0wgka53d] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.85rem 1.1rem;
    border-radius: 14px;
    background: #fff8e6;
    color: #92600a;
    border: 1px solid #fde68a;
    font-size: 0.875rem;
}

/* Financial summary cards — refined, not loud */
.erp-fin-grid[b-me0wgka53d] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.85rem;
}

.erp-fin-card[b-me0wgka53d] {
    background: #ffffff;
    border: 1px solid rgba(15, 26, 20, 0.08);
    border-radius: 14px;
    padding: 1.1rem 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    box-shadow: 0 4px 16px rgba(0, 55, 35, 0.06);
    transition: transform 0.18s, box-shadow 0.18s;
    position: relative;
    overflow: hidden;
}

.erp-fin-card[b-me0wgka53d]::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 4px;
    height: 100%;
    background: var(--fin-accent, #006747);
    border-radius: 4px 0 0 4px;
}

.erp-fin-card:hover[b-me0wgka53d] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 55, 35, 0.10);
}

.erp-fin-card--collections[b-me0wgka53d] { --fin-accent: #006747; }
.erp-fin-card--income[b-me0wgka53d]      { --fin-accent: #0ea572; }
.erp-fin-card--expenses[b-me0wgka53d]    { --fin-accent: #e74c3c; }
.erp-fin-card--receivables[b-me0wgka53d] { --fin-accent: #f39c12; }

.erp-fin-card__top[b-me0wgka53d] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.65rem;
}

.erp-fin-card__label[b-me0wgka53d] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #5c7168;
    margin: 0;
    line-height: 1.35;
}

.erp-fin-card__icon[b-me0wgka53d] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
    background: color-mix(in srgb, var(--fin-accent) 12%, transparent);
    color: var(--fin-accent);
}

.erp-fin-card__value[b-me0wgka53d] {
    font-size: 1.45rem;
    font-weight: 800;
    color: #0f1a14;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.erp-fin-card__currency[b-me0wgka53d] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--fin-accent);
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--fin-accent) 10%, transparent);
    align-self: flex-start;
}

.erp-fin-skeleton[b-me0wgka53d] {
    border-radius: 14px;
    min-height: 100px;
    background: linear-gradient(90deg, #e8eee9 25%, #dde5df 50%, #e8eee9 75%);
    background-size: 200% 100%;
    animation: erp-fin-shimmer-b-me0wgka53d 1.2s ease-in-out infinite;
}

@keyframes erp-fin-shimmer-b-me0wgka53d {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 1199.98px) {
    .erp-fin-grid[b-me0wgka53d] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 575.98px) {
    .erp-fin-grid[b-me0wgka53d] { grid-template-columns: 1fr; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ================================================================
   ERP DASHBOARD — Full redesign
   ================================================================ */

.erp-dash[b-1dc8qmapyt] {
    --erp-green: #006747;
    --erp-green-mid: #00875a;
    --erp-green-light: #0ea572;
    --erp-bg: #f0f4f2;
    --erp-surface: #ffffff;
    --erp-text: #0f1a14;
    --erp-muted: #5c7168;
    --erp-border: rgba(15, 26, 20, 0.08);
    --erp-radius-lg: 20px;
    --erp-radius-md: 14px;
    --erp-radius-sm: 10px;
    --erp-shadow: 0 4px 20px rgba(0, 55, 35, 0.07);
    --erp-shadow-hover: 0 10px 32px rgba(0, 55, 35, 0.12);

    padding: 1.25rem;
    padding-bottom: 2rem;
    background: var(--erp-bg);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    position: relative;
    width: 100%;
}

.erp-dash--loading[b-1dc8qmapyt] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    min-height: 100%;
    width: 100%;
    background: var(--erp-bg);
}

.erp-dash__loader[b-1dc8qmapyt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    text-align: center;
    color: var(--erp-muted);
    padding: 2rem;
}

.erp-dash__loader p[b-1dc8qmapyt] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--erp-muted);
}

.erp-dash__overlay[b-1dc8qmapyt] {
    position: fixed;
    inset: 0;
    background: rgba(240, 244, 242, 0.82);
    backdrop-filter: blur(3px);
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: var(--erp-muted);
}

.erp-spinner[b-1dc8qmapyt] {
    width: 36px;
    height: 36px;
    border: 3px solid rgba(0, 103, 71, 0.15);
    border-top-color: var(--erp-green);
    border-radius: 50%;
    animation: erp-spin-b-1dc8qmapyt 0.7s linear infinite;
}

@keyframes erp-spin-b-1dc8qmapyt {
    to { transform: rotate(360deg); }
}

/* ── Alerts ─────────────────────────────────────────────────── */
[b-1dc8qmapyt] .erp-alert {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 1rem 1.25rem;
    border-radius: var(--erp-radius-md);
    font-size: 0.9rem;
    font-weight: 500;
}

[b-1dc8qmapyt] .erp-alert--warn {
    background: #fff8e6;
    color: #92600a;
    border: 1px solid #fde68a;
}

[b-1dc8qmapyt] .erp-alert--info {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

/* ── KPI metrics ─────────────────────────────────────────────── */
.erp-metrics[b-1dc8qmapyt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.85rem;
}

[b-1dc8qmapyt] .erp-metric {
    background: var(--erp-surface);
    border: 1px solid var(--erp-border);
    border-radius: var(--erp-radius-md);
    padding: 0.9rem 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    box-shadow: var(--erp-shadow);
    transition: transform 0.18s, box-shadow 0.18s;
}

[b-1dc8qmapyt] .erp-metric:hover {
    transform: translateY(-2px);
    box-shadow: var(--erp-shadow-hover);
}

[b-1dc8qmapyt] .erp-metric__icon {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

[b-1dc8qmapyt] .erp-metric__icon--blue { background: rgba(52, 152, 219, 0.12); color: #2980b9; }
[b-1dc8qmapyt] .erp-metric__icon--teal { background: rgba(22, 160, 133, 0.12); color: #16a085; }
[b-1dc8qmapyt] .erp-metric__icon--purple { background: rgba(155, 89, 182, 0.12); color: #8e44ad; }
[b-1dc8qmapyt] .erp-metric__icon--green  { background: rgba(0, 103, 71, 0.10); color: var(--erp-green); }
[b-1dc8qmapyt] .erp-metric__icon--warn   { background: rgba(243, 156, 18, 0.12); color: #d68910; }
[b-1dc8qmapyt] .erp-metric__icon--danger  { background: rgba(231, 76, 60, 0.12); color: #c0392b; }

[b-1dc8qmapyt] .erp-metric__body {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-1dc8qmapyt] .erp-metric__value {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--erp-text);
    line-height: 1.2;
    letter-spacing: -0.02em;
}

[b-1dc8qmapyt] .erp-metric__label {
    font-size: 0.75rem;
    color: var(--erp-muted);
    font-weight: 500;
    margin-top: 0.1rem;
}

/* ── Section titles ──────────────────────────────────────────── */
.erp-section__title[b-1dc8qmapyt] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--erp-text);
    margin: 0 0 0.85rem;
    letter-spacing: -0.01em;
}

/* ── Bento grid ─────────────────────────────────────────────── */
.erp-bento[b-1dc8qmapyt] {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1rem;
}

[b-1dc8qmapyt] .erp-bento__12 { grid-column: span 12; }
[b-1dc8qmapyt] .erp-bento__8  { grid-column: span 8; }
[b-1dc8qmapyt] .erp-bento__6  { grid-column: span 6; }
[b-1dc8qmapyt] .erp-bento__4  { grid-column: span 4; }

/* ── Cards ───────────────────────────────────────────────────── */
[b-1dc8qmapyt] .erp-card {
    background: var(--erp-surface);
    border: 1px solid var(--erp-border);
    border-radius: var(--erp-radius-md);
    box-shadow: var(--erp-shadow);
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow 0.18s;
}

[b-1dc8qmapyt] .erp-card:hover {
    box-shadow: var(--erp-shadow-hover);
}

[b-1dc8qmapyt] .erp-card--flush .erp-card__body {
    padding: 0;
}

[b-1dc8qmapyt] .erp-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1.15rem;
    border-bottom: 1px solid var(--erp-border);
}

[b-1dc8qmapyt] .erp-card__title {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--erp-text);
}

[b-1dc8qmapyt] .erp-card__icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    background: rgba(0, 103, 71, 0.10);
    color: var(--erp-green);
    flex-shrink: 0;
}

[b-1dc8qmapyt] .erp-card__icon--green { background: rgba(0, 103, 71, 0.10); color: var(--erp-green); }
[b-1dc8qmapyt] .erp-card__icon--blue  { background: rgba(52, 152, 219, 0.12); color: #2980b9; }
[b-1dc8qmapyt] .erp-card__icon--red   { background: rgba(231, 76, 60, 0.12); color: #c0392b; }
[b-1dc8qmapyt] .erp-card__icon--gold  { background: rgba(243, 156, 18, 0.12); color: #d68910; }

[b-1dc8qmapyt] .erp-card__body {
    padding: 1rem 1.15rem 1.15rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

[b-1dc8qmapyt] .erp-card__body--chart {
    min-height: clamp(220px, 28vh, 320px);
}

[b-1dc8qmapyt] .erp-chart-wrap {
    position: relative;
    flex: 1;
    min-height: clamp(200px, 26vh, 280px);
}

[b-1dc8qmapyt] .erp-chart-wrap canvas {
    max-height: 100%;
}

[b-1dc8qmapyt] .erp-tag {
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--erp-muted);
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: #f0f4f2;
    white-space: nowrap;
}

[b-1dc8qmapyt] .erp-link-btn {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--erp-green);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: opacity 0.15s;
    white-space: nowrap;
}

[b-1dc8qmapyt] .erp-link-btn:hover {
    opacity: 0.75;
}

/* ── Empty state ─────────────────────────────────────────────── */
[b-1dc8qmapyt] .erp-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    color: var(--erp-muted);
    text-align: center;
}

[b-1dc8qmapyt] .erp-empty__icon {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #f0f4f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    color: #94a3b8;
    margin-bottom: 0.85rem;
}

[b-1dc8qmapyt] .erp-empty p {
    margin: 0;
    font-size: 0.875rem;
}

/* ── Tables ──────────────────────────────────────────────────── */
[b-1dc8qmapyt] .erp-table-wrap {
    overflow-x: auto;
}

[b-1dc8qmapyt] .erp-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

[b-1dc8qmapyt] .erp-table thead th {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--erp-muted);
    padding: 0.7rem 1.15rem;
    background: #f7faf8;
    border: none;
    white-space: nowrap;
}

[b-1dc8qmapyt] .erp-table tbody td {
    padding: 0.85rem 1.15rem;
    border-bottom: 1px solid var(--erp-border);
    vertical-align: middle;
    font-size: 0.875rem;
    color: var(--erp-text);
}

[b-1dc8qmapyt] .erp-table tbody tr:last-child td {
    border-bottom: none;
}

[b-1dc8qmapyt] .erp-table tbody tr:hover {
    background: #f7faf8;
}

/* Product table specifics */
[b-1dc8qmapyt] .erp-rank {
    width: 26px;
    height: 26px;
    border-radius: 7px;
    background: rgba(0, 103, 71, 0.10);
    color: var(--erp-green);
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-1dc8qmapyt] .erp-rank--1 { background: rgba(255, 215, 0, 0.20); color: #92600a; }
[b-1dc8qmapyt] .erp-rank--2 { background: rgba(192, 192, 192, 0.25); color: #6b7280; }
[b-1dc8qmapyt] .erp-rank--3 { background: rgba(205, 127, 50, 0.20); color: #92400e; }

[b-1dc8qmapyt] .erp-product-cell {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

[b-1dc8qmapyt] .erp-product-cell__img {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    object-fit: cover;
    flex-shrink: 0;
}

[b-1dc8qmapyt] .erp-product-cell__placeholder {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: #f0f4f2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    flex-shrink: 0;
    font-size: 0.85rem;
}

[b-1dc8qmapyt] .erp-product-cell__name {
    font-weight: 600;
    font-size: 0.875rem;
}

[b-1dc8qmapyt] .erp-product-cell__brand {
    font-size: 0.75rem;
    color: var(--erp-muted);
    margin-top: 0.1rem;
}

[b-1dc8qmapyt] .erp-qty-badge {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 7px;
    background: rgba(0, 103, 71, 0.10);
    color: var(--erp-green);
    font-weight: 600;
    font-size: 0.8rem;
}

[b-1dc8qmapyt] .erp-revenue-cell__amount {
    font-weight: 700;
    color: var(--erp-green);
    font-size: 0.875rem;
}

[b-1dc8qmapyt] .erp-revenue-bar {
    height: 4px;
    border-radius: 2px;
    background: #e2e8f0;
    margin-top: 0.3rem;
    max-width: 90px;
    overflow: hidden;
}

[b-1dc8qmapyt] .erp-revenue-bar__fill {
    height: 100%;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--erp-green), var(--erp-green-light));
}

[b-1dc8qmapyt] .erp-orders-count {
    font-weight: 600;
    color: var(--erp-muted);
}

/* Transaction table */
[b-1dc8qmapyt] .erp-tx-date {
    white-space: nowrap;
    color: var(--erp-muted);
    font-size: 0.82rem;
}

[b-1dc8qmapyt] .erp-tx-desc {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--erp-muted);
}

[b-1dc8qmapyt] .erp-tx-amount {
    font-weight: 700;
    white-space: nowrap;
}

[b-1dc8qmapyt] .erp-tx-amount--in  { color: var(--erp-green); }
[b-1dc8qmapyt] .erp-tx-amount--out { color: #c0392b; }

[b-1dc8qmapyt] .erp-tx-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 7px;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

[b-1dc8qmapyt] .erp-tx-badge--in  { background: rgba(0, 103, 71, 0.10); color: var(--erp-green); }
[b-1dc8qmapyt] .erp-tx-badge--out { background: rgba(231, 76, 60, 0.10); color: #c0392b; }

/* ── Account balances grid ───────────────────────────────────── */
.erp-accounts[b-1dc8qmapyt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
}

/* ── Skeletons ───────────────────────────────────────────────── */
[b-1dc8qmapyt] .erp-skeleton {
    border-radius: var(--erp-radius-md);
    background: linear-gradient(90deg, #e8eee9 25%, #dde5df 50%, #e8eee9 75%);
    background-size: 200% 100%;
    animation: erp-shimmer-b-1dc8qmapyt 1.2s ease-in-out infinite;
}

[b-1dc8qmapyt] .erp-skeleton--fin {
    min-height: 100px;
}

[b-1dc8qmapyt] .erp-skeleton--metric {
    min-height: 72px;
    border-radius: var(--erp-radius-md);
}

[b-1dc8qmapyt] .erp-skeleton--chart {
    min-height: clamp(220px, 28vh, 320px);
    border-radius: var(--erp-radius-md);
}

@keyframes erp-shimmer-b-1dc8qmapyt {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .erp-metrics[b-1dc8qmapyt] {
        grid-template-columns: repeat(2, 1fr);
    }

    [b-1dc8qmapyt] .erp-bento__8,
    [b-1dc8qmapyt] .erp-bento__6,
    [b-1dc8qmapyt] .erp-bento__4 {
        grid-column: span 12;
    }
}

@media (max-width: 575.98px) {
    .erp-dash[b-1dc8qmapyt] {
        padding: 0.85rem;
    }

    .erp-metrics[b-1dc8qmapyt] {
        grid-template-columns: 1fr;
    }
}

.content-body > .erp-dash:not(.erp-dash--loading)[b-1dc8qmapyt] {
    flex: none;
    min-height: auto;
    overflow: visible;
    display: block;
    padding-inline: 0 !important;
    margin: 0;
    width: 100%;
    max-width: 100%;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Depts/Depts.razor.rz.scp.css */
/* Debts page — unified shell, segmented totals, table */

.depts-page[b-1kqagmga8a] {
    --depts-debit: #c41e3a;
    --depts-debit-soft: #fef2f4;
    --depts-credit: #0d7a4a;
    --depts-credit-soft: #ecfdf3;
    --depts-surface: #ffffff;
    --depts-muted: #64748b;
    --depts-border: #e3e8e6;
    --depts-track: #f4f7f6;

    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding-block: 0.25rem 0;
    overflow: hidden;
}

.depts-page.list-page-flex[b-1kqagmga8a] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

/* Loading */
.depts-loading[b-1kqagmga8a] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 12rem;
    background: var(--depts-surface);
    border: 1px solid var(--depts-border);
    border-radius: var(--border-radius-lg, 12px);
}

.depts-loading-spinner[b-1kqagmga8a] {
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid var(--depts-border);
    border-top-color: var(--primary-color, #006747);
    border-radius: 50%;
    animation: depts-spin-b-1kqagmga8a 0.7s linear infinite;
}

.depts-loading-text[b-1kqagmga8a] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--depts-muted);
}

@keyframes depts-spin-b-1kqagmga8a {
    to { transform: rotate(360deg); }
}

/* Unified card shell */
.depts-shell[b-1kqagmga8a] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: var(--depts-surface);
    border: 1px solid var(--depts-border);
    border-radius: var(--border-radius-lg, 12px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08));
    overflow: hidden;
}

/* Segmented tab switcher (title + total) */
.depts-segmented[b-1kqagmga8a] {
    display: flex;
    gap: 0.375rem;
    flex-shrink: 0;
    padding: 0.5rem;
    background: var(--depts-track);
    border-bottom: 1px solid var(--depts-border);
}

.depts-segment[b-1kqagmga8a] {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-width: 0;
    margin: 0;
    padding: 0.625rem 1rem;
    border: none;
    border-radius: var(--border-radius-md, 8px);
    background: transparent;
    cursor: pointer;
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.15s ease;
}

.depts-segment:hover:not(.is-active)[b-1kqagmga8a] {
    background: rgba(255, 255, 255, 0.55);
}

.depts-segment:focus-visible[b-1kqagmga8a] {
    outline: 2px solid var(--primary-color, #006747);
    outline-offset: 1px;
}

.depts-segment.is-active[b-1kqagmga8a] {
    background: var(--depts-surface);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.depts-segment--customers.is-active[b-1kqagmga8a] {
    box-shadow: 0 1px 4px rgba(196, 30, 58, 0.12);
}

.depts-segment--suppliers.is-active[b-1kqagmga8a] {
    box-shadow: 0 1px 4px rgba(13, 122, 74, 0.12);
}

.depts-segment-label[b-1kqagmga8a] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--depts-muted);
    line-height: 1.2;
}

.depts-segment.is-active .depts-segment-label[b-1kqagmga8a] {
    color: var(--dark-color, #333);
    font-weight: 700;
}

.depts-segment-value[b-1kqagmga8a] {
    font-size: 0.9375rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.depts-segment-value--debit[b-1kqagmga8a] { color: var(--depts-debit); }
.depts-segment-value--credit[b-1kqagmga8a] { color: var(--depts-credit); }

.depts-segment:not(.is-active) .depts-segment-value[b-1kqagmga8a] {
    opacity: 0.88;
}

/* Panel body */
.depts-panel-body[b-1kqagmga8a] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.depts-tab-layout[b-1kqagmga8a] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Filter pill + toolbar */
.depts-filter-active-pill[b-1kqagmga8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.28rem 0.65rem;
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--primary-color, #006747);
    background: rgba(0, 103, 71, 0.08);
    border: 1px solid rgba(0, 103, 71, 0.15);
    border-radius: 999px;
}

.depts-page[b-1kqagmga8a]  .depts-filter-group.depts-filter-group--toolbar {
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.375rem;
    min-width: 0;
    margin-inline-start: 0;
}

.depts-toolbar-actions[b-1kqagmga8a] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
}

/* Buttons */
.depts-btn[b-1kqagmga8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    height: 32px;
    padding: 0 0.85rem;
    font-size: 0.78rem;
    font-weight: 600;
    border-radius: var(--border-radius-md, 8px);
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.depts-btn--sm[b-1kqagmga8a] {
    height: 32px;
    padding: 0 0.85rem;
    font-size: 0.78rem;
}

.depts-btn--ghost[b-1kqagmga8a] {
    color: #475569;
    background: var(--depts-surface);
    border-color: var(--depts-border);
}

.depts-btn--ghost:hover:not(:disabled)[b-1kqagmga8a] {
    background: var(--depts-track);
    border-color: #cbd5e1;
    color: #0f172a;
}

.depts-btn--export[b-1kqagmga8a] {
    color: var(--primary-color, #006747);
    background: var(--depts-surface);
    border-color: rgba(0, 103, 71, 0.35);
}

.depts-btn--export:hover:not(:disabled)[b-1kqagmga8a] {
    background: rgba(0, 103, 71, 0.06);
    border-color: var(--primary-color, #006747);
}

.depts-btn:disabled[b-1kqagmga8a] {
    opacity: 0.45;
    cursor: not-allowed;
}

.depts-btn:focus-visible[b-1kqagmga8a] {
    outline: 2px solid var(--primary-color, #006747);
    outline-offset: 2px;
}

.depts-btn-spinner[b-1kqagmga8a] {
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid rgba(0, 103, 71, 0.2);
    border-top-color: var(--primary-color, #006747);
    border-radius: 50%;
    animation: depts-spin-b-1kqagmga8a 0.65s linear infinite;
}

@media (max-width: 576px) {
    .depts-btn-label[b-1kqagmga8a] {
        display: none;
    }

    .depts-btn[b-1kqagmga8a] {
        width: 34px;
        padding: 0;
    }

    .depts-segment[b-1kqagmga8a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
        padding: 0.5rem 0.75rem;
    }
}

/* WfDataTable debts theme */
.depts-grid-toolbar[b-1kqagmga8a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 0 0 auto;
    min-height: 46px;
    padding: 0.45rem 0.875rem;
    background: #fbfdfc;
    border-bottom: 1px solid var(--depts-border);
}

.depts-grid-search[b-1kqagmga8a] {
    flex: 0 0 min(360px, 34vw);
    max-width: min(360px, 34vw);
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    position: relative;
    gap: 0.35rem;
}

.depts-grid-search > i[b-1kqagmga8a] {
    position: absolute;
    inset-inline-end: calc(52px + 0.9rem);
    color: #7a918c;
    font-size: 0.78rem;
    pointer-events: none;
}

.depts-grid-search-input[b-1kqagmga8a] {
    width: 100%;
    height: 32px;
    min-width: 0;
    padding: 0 2rem 0 0.75rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: #243c37;
    background: var(--depts-surface);
    border: 1px solid #c9d8d4;
    border-radius: 4px;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

html[dir="ltr"] .depts-grid-search-input[b-1kqagmga8a] {
    padding: 0 0.75rem 0 2rem;
}

html[dir="ltr"] .depts-grid-search > i[b-1kqagmga8a] {
    inset-inline-start: 0.75rem;
    inset-inline-end: auto;
}

.depts-grid-search-input[b-1kqagmga8a]::placeholder {
    color: #9aa8a5;
    opacity: 1;
}

.depts-grid-search-input:focus[b-1kqagmga8a] {
    outline: none;
    border-color: var(--primary-color, #006747);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.depts-grid-search-btn[b-1kqagmga8a] {
    height: 32px;
    min-width: 52px;
    padding: 0 0.85rem;
    border: 1px solid var(--primary-color, #006747);
    border-radius: 4px;
    background: var(--primary-color, #006747);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.depts-grid-search-btn:hover[b-1kqagmga8a] {
    background: #00563c;
    border-color: #00563c;
}

.depts-page[b-1kqagmga8a]  .depts-grid-filters {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    min-width: 0;
    border-inline-start: 1px solid var(--depts-border);
    padding-inline-start: 0.75rem;
}

.depts-page[b-1kqagmga8a]  .depts-filter-group {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: 0.25rem;
    min-width: 0;
}

.depts-page[b-1kqagmga8a]  .depts-filter-label {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--depts-muted);
    margin: 0;
}

.depts-page[b-1kqagmga8a]  .depts-filter-label--spacer {
    visibility: hidden;
    user-select: none;
}

.depts-page[b-1kqagmga8a]  .depts-filter-input,
.depts-page[b-1kqagmga8a]  .depts-filter-select {
    height: 32px;
    min-width: 8.5rem;
    padding: 0 0.75rem;
    font-size: 0.78rem;
    font-weight: 500;
    color: #334155;
    background: var(--depts-surface);
    border: 1px solid #c9d8d4;
    border-radius: 4px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
    box-sizing: border-box;
}

.depts-page[b-1kqagmga8a]  .depts-filter-select {
    min-width: 8.75rem;
    max-width: 13rem;
}

.depts-page[b-1kqagmga8a]  .depts-filter-input::placeholder {
    color: #6f8581;
    opacity: 1;
}

.depts-page[b-1kqagmga8a]  .depts-filter-select:has(option[value=""]:checked) {
    color: #4f6762;
}

.depts-page[b-1kqagmga8a]  .depts-filter-input:focus,
.depts-page[b-1kqagmga8a]  .depts-filter-select:focus {
    outline: none;
    border-color: var(--primary-color, #006747);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.depts-page[b-1kqagmga8a]  .depts-wf-table {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table-inner {
    table-layout: fixed;
    min-width: 980px;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table thead th {
    color: var(--primary-color, #006747);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0;
    text-align: end;
    padding-block: 0.62rem;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table tbody td {
    height: 41px;
    padding-block: 0.45rem;
    border-color: #e3ece9;
    text-align: end;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table thead th:nth-child(2),
.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table tbody td:nth-child(2) {
    text-align: center;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table tbody tr:nth-child(even) td,
.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.depts-page[b-1kqagmga8a]  .depts-wf-table .wf-dt-table tbody tr:hover td {
    background-color: #f4faf8 !important;
}

.depts-page[b-1kqagmga8a]  .depts-col-actions { width: 9rem; }
.depts-page[b-1kqagmga8a]  .depts-col-date { width: 14.5rem; }
.depts-page[b-1kqagmga8a]  .depts-col-amount { width: 16rem; }
.depts-page[b-1kqagmga8a]  .depts-col-type { width: 13rem; }
.depts-page[b-1kqagmga8a]  .depts-col-phone { width: 13.5rem; }
.depts-page[b-1kqagmga8a]  .depts-col-name { width: auto; }

.depts-page[b-1kqagmga8a]  .depts-wf-table .text-muted {
    color: var(--depts-muted) !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table.unified-data-table {
    flex: 1 1 auto;
    min-height: 0;
    border: none;
    border-radius: 0;
    background: var(--depts-surface);
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex: 0 0 auto;
    justify-content: flex-start;
    gap: 0.5rem;
    row-gap: 0.6rem;
    padding: 0.5rem 0.75rem;
    background: #fbfdfc;
    border-bottom: 1px solid #d7e2df;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-search {
    flex: 1 1 18rem;
    max-width: 34rem;
    min-width: 12rem;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-search-input,
.depts-page[b-1kqagmga8a]  .depts-data-table .udt-search-btn {
    height: 32px;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-filters {
    flex: 1 1 auto;
    min-width: 0;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-filter-wrap {
    min-width: 0;
    flex: 1 1 auto;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .depts-grid-filters {
    flex: 1 1 auto;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    width: auto;
    min-width: 0;
    border-inline-start: 1px solid var(--depts-border);
    padding-inline-start: 0.75rem;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .depts-filter-group--toolbar {
    flex-wrap: nowrap;
    flex-shrink: 0;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-column-btn {
    height: 32px;
    min-width: 6rem;
    border: 1px solid #bfd0cb !important;
    border-radius: 4px !important;
    background: #ffffff !important;
    color: #4a6259 !important;
    font-size: 0.74rem !important;
    font-weight: 600 !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .udt-table-wrapper {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table {
    width: 100%;
    min-width: 980px;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed;
    font-size: 0.8125rem;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table thead {
    position: sticky;
    top: 0;
    z-index: 2;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table thead th {
    background: #eef2f0 !important;
    color: #4a6259 !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    padding-block: 0.5rem !important;
    padding-inline: 0.875rem !important;
    border-bottom: 2px solid #c8d2ce !important;
    border-top: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table thead th:not(:last-child) {
    padding-inline-end: calc(0.875rem + 12px) !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody td {
    padding: 0.625rem 0.875rem !important;
    border-bottom: 1px solid #d4e0dc !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: #10231f !important;
    background: #ffffff !important;
    transition: background 80ms ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody td:has(.actions-cell) {
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody tr:nth-child(even) td {
    background: #fafcfb !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody tr:hover td,
.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody tr:nth-child(even):hover td {
    background: rgba(0, 103, 71, 0.08) !important;
}

/* WF selection styles removed — inherited from UnifiedDataTable.razor.css */

.depts-page[b-1kqagmga8a]  .depts-data-table .table tbody tr:last-child td {
    border-bottom: none !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table td .d-flex {
    justify-content: flex-start !important;
    min-width: 0;
    max-width: 100%;
}

/* Row header styles removed — inherited from UnifiedDataTable.razor.css */

.depts-page[b-1kqagmga8a]  .depts-data-table .table .udt-actions-col-width {
    width: 7.5rem;
}
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table strong.text-primary,
.depts-page[b-1kqagmga8a]  .depts-data-table .table td strong.text-primary {
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    color: var(--primary-color, #006747) !important;
    font-variant-numeric: tabular-nums;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table td .fw-bold {
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
    font-size: 0.8125rem;
    color: #071a16;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table .badge,
.depts-page[b-1kqagmga8a]  .depts-data-table .table .depts-type-pill,
.depts-page[b-1kqagmga8a]  .depts-data-table .table .depts-amount-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.225rem 0.625rem !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    border-radius: 999px !important;
    line-height: 1.4;
    white-space: nowrap;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table .depts-amount-badge {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .table .actions-cell,
.depts-page[b-1kqagmga8a]  .depts-data-table .table td .actions-cell {
    justify-content: flex-start !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .actions-cell {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .actions-cell .btn-icon-outline {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c5d4d0 !important;
    background: #ffffff !important;
    color: #465a55 !important;
    border-radius: 4px !important;
    transition: all 120ms ease;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .actions-cell .btn-icon-outline:hover {
    background: rgba(0, 103, 71, 0.08) !important;
    color: var(--primary-color, #006747) !important;
    border-color: rgba(0, 103, 71, 0.35) !important;
}

.depts-page[b-1kqagmga8a]  .depts-data-table .actions-cell .btn-icon-outline i {
    font-size: 0.8rem;
}

@media (max-width: 900px) {
    .depts-segmented[b-1kqagmga8a] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .depts-grid-toolbar[b-1kqagmga8a] {
        flex-direction: column;
        align-items: stretch;
    }

    .depts-grid-search[b-1kqagmga8a] {
        flex-basis: auto;
        max-width: none;
    }

    .depts-page[b-1kqagmga8a]  .depts-grid-filters {
        border-inline-start: none;
        padding-inline-start: 0;
        margin-inline-start: 0;
        padding-top: 0.625rem;
        border-top: 1px solid var(--depts-border);
        width: 100%;
        flex-wrap: wrap;
    }
}

/* Table cells */
.depts-page[b-1kqagmga8a]  .depts-name-cell {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.depts-page[b-1kqagmga8a]  .depts-name-link {
    font-weight: 600;
    color: var(--primary-color, #006747);
    text-decoration: none;
    transition: color 0.15s ease;
}

.depts-page[b-1kqagmga8a]  .depts-name-link:hover {
    color: #004533;
    text-decoration: underline;
}

.depts-page[b-1kqagmga8a]  .depts-muted {
    color: var(--depts-muted);
    font-variant-numeric: tabular-nums;
    font-size: 0.8125rem;
}

.depts-page[b-1kqagmga8a]  .depts-type-pill {
    display: inline-block;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    background: #eef2f0;
    border-radius: 999px;
}

.depts-page[b-1kqagmga8a]  .depts-amount-badge {
    display: inline-block;
    padding: 0.28rem 0.6rem;
    font-size: 0.8125rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    border-radius: 999px;
}

.depts-page[b-1kqagmga8a]  .depts-amount-badge--debit {
    color: var(--depts-debit);
    background: var(--depts-debit-soft);
}

.depts-page[b-1kqagmga8a]  .depts-amount-badge--credit {
    color: var(--depts-credit);
    background: var(--depts-credit-soft);
}

.depts-page[b-1kqagmga8a]  .depts-date {
    font-size: 0.8125rem;
    color: var(--depts-muted);
    font-variant-numeric: tabular-nums;
}

/* Row actions */
.depts-page[b-1kqagmga8a]  .depts-wf-table .table-actions {
    min-width: 3.5rem;
    vertical-align: middle;
}

.depts-action-icons[b-1kqagmga8a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.depts-icon-btn[b-1kqagmga8a] {
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    border: 1px solid var(--depts-border);
    border-radius: var(--border-radius-md, 8px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: var(--depts-muted);
    background: var(--depts-surface);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.depts-icon-btn:hover[b-1kqagmga8a] {
    background: rgba(0, 103, 71, 0.06);
    border-color: rgba(0, 103, 71, 0.25);
    color: var(--primary-color, #006747);
}

.depts-icon-btn:focus-visible[b-1kqagmga8a] {
    outline: 2px solid var(--primary-color, #006747);
    outline-offset: 2px;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Email/EmailPage.razor.rz.scp.css */
/* ══ SETUP REQUIRED ═════════════════════════════════════════ */
.em-setup-screen[b-64ay1trrex] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(160deg, #f5f8f6 0%, #fff 50%);
    font-family: 'Inter', 'Tajawal', sans-serif;
    color: #18231f;
}

.em-setup-card[b-64ay1trrex] {
    max-width: 420px;
    padding: 2.5rem 2rem;
    text-align: center;
    border: 1px solid #dfe7e3;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 40px rgba(24, 35, 31, 0.08);
}

.em-setup-icon[b-64ay1trrex] {
    width: 56px;
    height: 56px;
    margin: 0 auto 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f3ee;
    color: #006747;
    font-size: 1.5rem;
}

.em-setup-card h1[b-64ay1trrex] {
    margin: 0 0 0.75rem;
    font-size: 1.35rem;
    font-weight: 700;
}

.em-setup-card p[b-64ay1trrex] {
    margin: 0 0 1.5rem;
    color: #65736d;
    font-size: 0.95rem;
    line-height: 1.5;
}

.em-setup-btn[b-64ay1trrex] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.25rem;
    border: none;
    border-radius: 8px;
    background: #006747;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease;
}

.em-setup-btn:hover[b-64ay1trrex] {
    background: #005a3d;
}

/* ══ ROOT ═══════════════════════════════════════════════════ */
.em-root[b-64ay1trrex] {
    display: flex;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    background: #fff;
    font-family: 'Inter', 'Tajawal', sans-serif;
    overflow: hidden;
}

/* ══ TOP BAR ════════════════════════════════════════════════ */
.em-topbar[b-64ay1trrex] {
    height: 52px;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 20px;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
    z-index: 10;
}

.em-topbar-brand[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    min-width: 180px;
}

.em-topbar-logo[b-64ay1trrex] {
    width: 26px;
    height: 26px;
    border-radius: 6px;
}

.em-topbar-app[b-64ay1trrex] {
    font-size: .85rem;
    font-weight: 700;
    color: #006747;
    letter-spacing: -.01em;
}

.em-topbar-divider[b-64ay1trrex] {
    color: #d1d5db;
    font-weight: 300;
}

.em-topbar-title[b-64ay1trrex] {
    font-size: .85rem;
    font-weight: 500;
    color: #6b7280;
}

.em-topbar-search-wrap[b-64ay1trrex] {
    flex: 1;
    max-width: 520px;
    position: relative;
}

.em-search-icon[b-64ay1trrex] {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: .8rem;
    pointer-events: none;
}

.em-search-input[b-64ay1trrex] {
    width: 100%;
    height: 36px;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 0 14px 0 34px;
    font-size: .875rem;
    outline: none;
    background: #f9fafb;
    color: #1f2937;
    transition: border-color .15s, background .15s;
    box-sizing: border-box;
}
.em-search-input:focus[b-64ay1trrex] { border-color: #006747; background: #fff; box-shadow: 0 0 0 3px rgba(0,103,71,.07); }

.em-topbar-actions[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-inline-start: auto;
    flex-shrink: 0;
}

.em-top-icon-btn[b-64ay1trrex] {
    width: 32px; height: 32px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    color: #6b7280;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: .8rem;
    transition: background .12s, color .12s;
}
.em-top-icon-btn:hover[b-64ay1trrex] { background: #f0fdf4; color: #006747; border-color: #bbf7d0; }

.em-topbar-avatar[b-64ay1trrex] {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: #006747;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: .72rem; font-weight: 700;
    flex-shrink: 0;
}

/* ══ BODY (sidebar + main) ══════════════════════════════════ */
.em-body[b-64ay1trrex] {
    display: flex;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ══ SIDEBAR ════════════════════════════════════════════════ */
.em-sidebar[b-64ay1trrex] {
    width: 200px;
    min-width: 200px;
    flex-shrink: 0;
    border-inline-end: 1px solid #e5e7eb;
    background: #fff;
    display: flex;
    flex-direction: column;
    padding: 12px 10px;
    gap: 4px;
    overflow-y: auto;
}

.em-sidebar-spacer[b-64ay1trrex] { flex: 1; min-height: 8px; }

.em-sidebar-account[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    border-top: 1px solid #f3f4f6;
    margin-top: 4px;
    cursor: default;
}

.em-sidebar-account-avatar[b-64ay1trrex] {
    width: 28px; height: 28px;
    border-radius: 50%;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: .68rem; font-weight: 700;
    flex-shrink: 0;
}

.em-sidebar-account-text[b-64ay1trrex] { min-width: 0; }

.em-sidebar-account-name[b-64ay1trrex] {
    font-size: .78rem;
    font-weight: 600;
    color: #111827;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.em-sidebar-account-email[b-64ay1trrex] {
    font-size: .7rem;
    color: #9ca3af;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.em-new-btn[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #006747;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 9px 18px;
    font-size: .875rem;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 8px;
    transition: background .15s, box-shadow .15s;
    box-shadow: 0 1px 4px rgba(0,103,71,.2);
}
.em-new-btn:hover[b-64ay1trrex] { background: #005538; box-shadow: 0 2px 8px rgba(0,103,71,.3); }
.em-new-btn i[b-64ay1trrex] { font-size: .8rem; }

.em-folders[b-64ay1trrex] { display: flex; flex-direction: column; gap: 1px; }

.em-folder[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    cursor: pointer;
    font-size: .875rem;
    color: #374151;
    transition: background .1s, color .1s;
    user-select: none;
    position: relative;
}
.em-folder:hover[b-64ay1trrex] { background: #f3f4f6; }
.em-folder.active[b-64ay1trrex] { background: #f0fdf4; color: #006747; font-weight: 600; }
.em-folder.active i[b-64ay1trrex] { color: #006747; }
.em-folder i[b-64ay1trrex] { font-size: .8rem; color: #6b7280; width: 16px; text-align: center; flex-shrink: 0; }

.em-folder-badge[b-64ay1trrex] {
    margin-inline-start: auto;
    background: #006747;
    color: #fff;
    border-radius: 10px;
    padding: 1px 6px;
    font-size: .7rem;
    font-weight: 700;
    min-width: 18px;
    text-align: center;
}

.em-folder-spin[b-64ay1trrex] {
    margin-inline-start: auto;
    font-size: .7rem;
    color: #9ca3af;
}

/* ══ MAIN ═══════════════════════════════════════════════════ */
.em-main[b-64ay1trrex] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

/* ── List view ──────────────────────────────────────────── */
.em-list-view[b-64ay1trrex] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.em-list-toolbar[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px 10px;
    border-bottom: 1px solid #f3f4f6;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.em-list-heading[b-64ay1trrex] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    flex-shrink: 0;
}

.em-filter-tabs[b-64ay1trrex] {
    display: flex;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 3px;
}

.em-filter-tab[b-64ay1trrex] {
    border: none;
    border-radius: 6px;
    padding: 3px 12px;
    font-size: .79rem;
    font-weight: 500;
    cursor: pointer;
    background: transparent;
    color: #64748b;
    transition: background .13s, color .13s, box-shadow .13s;
    white-space: nowrap;
}
.em-filter-tab:hover[b-64ay1trrex] { background: rgba(255,255,255,0.6); color: #374151; }
.em-filter-tab.active[b-64ay1trrex] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
}

.em-select-all[b-64ay1trrex] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    cursor: pointer;
}
.em-select-all input[type="checkbox"][b-64ay1trrex] {
    width: 16px; height: 16px;
    accent-color: #006747;
    cursor: pointer;
}

.em-selection-toolbar[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 8px;
    animation: em-fade-in-b-64ay1trrex .12s ease-out;
}

.em-selection-count[b-64ay1trrex] {
    font-size: .84rem;
    font-weight: 600;
    color: #111827;
    margin-inline-end: 4px;
}

@keyframes em-fade-in-b-64ay1trrex {
    from { opacity: 0; transform: translateY(-2px); }
    to { opacity: 1; transform: translateY(0); }
}

.em-list-toolbar-right[b-64ay1trrex] {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.em-count-label[b-64ay1trrex] { font-size: .8rem; color: #9ca3af; }

.em-nav-btn[b-64ay1trrex] {
    width: 28px; height: 28px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    background: #fff;
    color: #374151;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; font-size: .75rem;
    transition: background .1s;
}
.em-nav-btn:hover:not(:disabled)[b-64ay1trrex] { background: #f3f4f6; }
.em-nav-btn:disabled[b-64ay1trrex] { opacity: .35; cursor: default; }

.em-list[b-64ay1trrex] { flex: 1; overflow-y: auto; }

.em-list-row[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-bottom: 1px solid #f9fafb;
    cursor: pointer;
    transition: background .08s;
    position: relative;
    min-height: 44px;
}
.em-list-row:hover[b-64ay1trrex] { background: #f9fafb; }
.em-list-row.checked[b-64ay1trrex] { background: #f0fdf4; }
.em-list-row.unread .em-row-from[b-64ay1trrex] { font-weight: 700; color: #111827; }
.em-list-row.unread .em-row-subject[b-64ay1trrex] { font-weight: 600; color: #111827; }
.em-list-row.unread[b-64ay1trrex]::before {
    content: '';
    position: absolute;
    inset-inline-start: 0; top: 0; bottom: 0;
    width: 3px;
    background: #006747;
}

.em-row-lead[b-64ay1trrex] {
    position: relative;
    width: 32px; height: 32px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.em-row-avatar[b-64ay1trrex] {
    width: 32px; height: 32px;
    border-radius: 50%;
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    transition: opacity .1s;
}

.em-row-checkbox[b-64ay1trrex] {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 16px; height: 16px;
    accent-color: #006747;
    cursor: pointer;
    opacity: 0;
    transition: opacity .1s;
}

.em-list-row:hover .em-row-avatar[b-64ay1trrex],
.em-list-row.checked .em-row-avatar[b-64ay1trrex] {
    opacity: 0;
}
.em-list-row:hover .em-row-checkbox[b-64ay1trrex],
.em-list-row.checked .em-row-checkbox[b-64ay1trrex] {
    opacity: 1;
}

.em-row-delete[b-64ay1trrex] {
    flex-shrink: 0;
    width: 28px; height: 28px;
    border: none;
    background: transparent;
    color: #9ca3af;
    border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: .78rem;
    cursor: pointer;
    opacity: 0;
    transition: opacity .1s, background .1s, color .1s;
}
.em-list-row:hover .em-row-delete[b-64ay1trrex] { opacity: 1; }
.em-row-delete:hover[b-64ay1trrex] { background: #fff0f0; color: #dc2626; }

.em-row-from[b-64ay1trrex] {
    width: 160px;
    min-width: 120px;
    font-size: .875rem;
    font-weight: 500;
    color: #374151;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
}

.em-row-subject-preview[b-64ay1trrex] {
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .875rem;
}

.em-row-subject[b-64ay1trrex] { color: #374151; }
.em-row-preview[b-64ay1trrex] { color: #9ca3af; font-weight: 400; }

.em-row-attach[b-64ay1trrex] {
    font-size: .75rem;
    color: #9ca3af;
    flex-shrink: 0;
}

.em-row-date[b-64ay1trrex] {
    font-size: .8rem;
    color: #9ca3af;
    flex-shrink: 0;
    min-width: 56px;
    text-align: end;
}

/* ══ SKELETON LOADING ═══════════════════════════════════════ */
.em-skeleton-list[b-64ay1trrex] { display: flex; flex-direction: column; }

.em-skeleton-row[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 20px;
    border-bottom: 1px solid #f9fafb;
    min-height: 44px;
}

.em-skeleton[b-64ay1trrex] {
    border-radius: 6px;
    background: linear-gradient(90deg, #f0f1f3 25%, #e5e7eb 37%, #f0f1f3 63%);
    background-size: 400% 100%;
    animation: em-shimmer-b-64ay1trrex 1.4s ease infinite;
}

.em-skeleton-avatar[b-64ay1trrex] { width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0; }

.em-skeleton-lines[b-64ay1trrex] { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.em-skeleton-line[b-64ay1trrex] { height: 9px; width: 60%; }
.em-skeleton-line.short[b-64ay1trrex] { height: 9px; width: 25%; }

.em-skeleton-date[b-64ay1trrex] { width: 40px; height: 9px; flex-shrink: 0; }

@keyframes em-shimmer-b-64ay1trrex {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* ── Detail view ────────────────────────────────────────── */
.em-detail-view[b-64ay1trrex] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.em-detail-toolbar[b-64ay1trrex] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #f3f4f6;
    flex-shrink: 0;
}

.em-back-btn[b-64ay1trrex] {
    display: flex; align-items: center; gap: 6px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: .85rem;
    cursor: pointer;
    color: #374151;
    transition: background .1s;
}
.em-back-btn:hover[b-64ay1trrex] { background: #f3f4f6; }

.em-detail-toolbar-actions[b-64ay1trrex] { display: flex; gap: 6px; }

.em-tool-btn[b-64ay1trrex] {
    display: flex; align-items: center; gap: 6px;
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: .85rem;
    cursor: pointer;
    color: #374151;
    transition: background .1s;
}
.em-tool-btn:hover[b-64ay1trrex] { background: #f3f4f6; }
.em-tool-btn.danger[b-64ay1trrex] { color: #dc2626; }
.em-tool-btn.danger:hover[b-64ay1trrex] { background: #fff0f0; border-color: #fca5a5; }

.em-detail-subject-row[b-64ay1trrex] {
    padding: 16px 24px 4px;
    flex-shrink: 0;
}

.em-detail-subject[b-64ay1trrex] {
    font-size: 1.15rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
    line-height: 1.4;
}

.em-detail-meta[b-64ay1trrex] {
    display: flex;
    gap: 14px;
    padding: 12px 24px 14px;
    border-bottom: 1px solid #f3f4f6;
    flex-shrink: 0;
    align-items: flex-start;
}

.em-detail-avatar[b-64ay1trrex] {
    width: 38px; height: 38px;
    border-radius: 50%;
    background: #006747;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: .75rem; font-weight: 700; flex-shrink: 0;
}

.em-detail-meta-text[b-64ay1trrex] { flex: 1; min-width: 0; }

.em-detail-from-name[b-64ay1trrex] {
    font-size: .9rem; font-weight: 600; color: #111827;
}
.em-detail-from-email[b-64ay1trrex] {
    font-size: .8rem; font-weight: 400; color: #6b7280; margin-inline-start: 6px;
}
.em-detail-to[b-64ay1trrex] { font-size: .8rem; color: #6b7280; margin-top: 2px; }
.em-detail-date[b-64ay1trrex] { font-size: .78rem; color: #9ca3af; margin-top: 3px; }

.em-detail-attachments[b-64ay1trrex] {
    display: flex; flex-wrap: wrap; gap: 8px;
    padding: 10px 24px;
    border-bottom: 1px solid #f3f4f6;
    flex-shrink: 0;
}
.em-attachment-chip[b-64ay1trrex] {
    display: flex; align-items: center; gap: 6px;
    background: #f3f4f6; border: 1px solid #e5e7eb;
    border-radius: 6px; padding: 5px 10px;
    font-size: .78rem; color: #374151;
}
.em-att-size[b-64ay1trrex] { color: #9ca3af; }

.em-detail-body[b-64ay1trrex] {
    flex: 1; overflow: auto; padding: 20px 24px;
}

.em-iframe[b-64ay1trrex] { width: 100%; min-height: 120px; border: none; display: block; }

.em-plain-text[b-64ay1trrex] {
    font-family: inherit; font-size: .875rem; color: #374151;
    white-space: pre-wrap; word-break: break-word; margin: 0;
}

/* ══ STATE: loading / empty ═════════════════════════════════ */
.em-state-center[b-64ay1trrex] {
    flex: 1;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 12px;
    color: #9ca3af; font-size: .9rem;
    padding: 40px 0;
}
.em-state-center i[b-64ay1trrex] { font-size: 2rem; color: #d1d5db; }

.em-alert-error[b-64ay1trrex] {
    background: #fff0f0; color: #dc2626;
    border-radius: 6px; padding: 8px 16px;
    font-size: .82rem; margin: 8px 20px;
    display: flex; align-items: center; gap: 6px;
}

/* ══ COMPOSE MODAL ══════════════════════════════════════════ */
.em-backdrop[b-64ay1trrex] {
    position: fixed; inset: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(2px);
    z-index: 1200;
    display: flex; align-items: flex-end; justify-content: flex-end;
    padding: 24px;
}

.em-compose-card[b-64ay1trrex] {
    direction: ltr;
    text-align: left;
    background: #fff;
    border-radius: 14px;
    width: 580px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 48px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.em-compose-topbar[b-64ay1trrex] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    color: #fff;
    flex-shrink: 0;
}

.em-compose-title[b-64ay1trrex] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.em-compose-close[b-64ay1trrex] {
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}

.em-compose-close:hover[b-64ay1trrex] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.em-compose-topbar-actions[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.em-compose-minimize[b-64ay1trrex] {
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    transition: background 0.15s, color 0.15s;
    flex-shrink: 0;
}

.em-compose-minimize:hover[b-64ay1trrex] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

/* ══ COMPOSE MINIMIZED BAR ══════════════════════════════════ */
.em-compose-minibar[b-64ay1trrex] {
    position: fixed;
    bottom: 0;
    right: 28px;
    z-index: 1200;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 260px;
    padding: 12px 14px;
    background: linear-gradient(135deg, #111827 0%, #1f2937 100%);
    color: #fff;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    animation: em-fade-in-b-64ay1trrex .15s ease-out;
}

.em-compose-minibar-icon[b-64ay1trrex] { color: #4ade80; font-size: .82rem; flex-shrink: 0; }

.em-compose-minibar-title[b-64ay1trrex] {
    flex: 1;
    min-width: 0;
    font-size: .85rem;
    font-weight: 600;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.em-compose-minibar-actions[b-64ay1trrex] { display: flex; align-items: center; gap: 2px; flex-shrink: 0; }

.em-compose-minibar-btn[b-64ay1trrex] {
    background: rgba(255, 255, 255, 0.08);
    border: none;
    color: rgba(255, 255, 255, 0.85);
    cursor: pointer;
    width: 26px; height: 26px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 6px;
    font-size: .72rem;
    transition: background 0.15s, color 0.15s;
}
.em-compose-minibar-btn:hover[b-64ay1trrex] { background: rgba(255, 255, 255, 0.16); color: #fff; }

.em-compose-fields[b-64ay1trrex] {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    background: #fafbfc;
    border-bottom: 1px solid #e5e7eb;
}

.em-compose-row[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 18px;
    min-height: 44px;
    border-bottom: 1px solid #eef0f2;
    background: #fff;
}

.em-compose-row:last-child[b-64ay1trrex] {
    border-bottom: none;
}

.em-compose-label[b-64ay1trrex] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #6b7280;
    width: 64px;
    flex-shrink: 0;
    text-align: left;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
}

.em-compose-row input[b-64ay1trrex] {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    padding: 12px 0;
    font-size: 0.875rem;
    color: #111827;
    background: transparent;
    text-align: left;
    direction: ltr;
}

.em-compose-row input[b-64ay1trrex]::placeholder {
    color: #9ca3af;
}

.em-compose-body[b-64ay1trrex] {
    border: none;
    outline: none;
    padding: 16px 18px;
    font-size: 0.875rem;
    line-height: 1.55;
    font-family: inherit;
    color: #111827;
    min-height: 220px;
    resize: vertical;
    text-align: left;
    direction: ltr;
    background: #fff;
}

.em-compose-body[b-64ay1trrex]::placeholder {
    color: #9ca3af;
}

.em-compose-body:focus[b-64ay1trrex] {
    background: #fefefe;
}

.em-compose-error[b-64ay1trrex] {
    background: #fef2f2;
    color: #b91c1c;
    font-size: 0.8rem;
    padding: 8px 18px;
    display: flex;
    align-items: center;
    gap: 6px;
    border-top: 1px solid #fecaca;
}

.em-compose-attachments[b-64ay1trrex] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 18px;
    background: #f9fafb;
    border-top: 1px solid #eef0f2;
}

.em-compose-attachment-chip[b-64ay1trrex] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 6px 10px 6px 12px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    font-size: 0.78rem;
    color: #374151;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.em-compose-attachment-chip i.fa-paperclip[b-64ay1trrex] {
    color: #006747;
    font-size: 0.72rem;
}

.em-compose-attachment-name[b-64ay1trrex] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
}

.em-compose-attachment-size[b-64ay1trrex] {
    color: #9ca3af;
    flex-shrink: 0;
    font-size: 0.72rem;
}

.em-compose-attachment-remove[b-64ay1trrex] {
    background: none;
    border: none;
    cursor: pointer;
    color: #9ca3af;
    padding: 2px 4px;
    line-height: 1;
    display: flex;
    align-items: center;
    border-radius: 50%;
    transition: color 0.12s, background 0.12s;
}

.em-compose-attachment-remove:hover[b-64ay1trrex] {
    color: #dc2626;
    background: #fef2f2;
}

.em-compose-footer[b-64ay1trrex] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    border-top: 1px solid #e5e7eb;
    background: #fafbfc;
    flex-shrink: 0;
}

.em-attach-btn[b-64ay1trrex] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 8px;
    cursor: pointer;
    color: #4b5563;
    font-size: 0.8125rem;
    font-weight: 500;
    border: 1px solid #e5e7eb;
    background: #fff;
    margin: 0;
    overflow: hidden;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

.em-attach-btn:hover[b-64ay1trrex] {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #111827;
}

.em-attach-btn i[b-64ay1trrex],
.em-attach-btn span[b-64ay1trrex] {
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.em-attach-btn i[b-64ay1trrex] {
    color: #006747;
    font-size: 0.9rem;
}

/* InputFile renders outside scoped boundary — overlay invisible input on the button */
.em-attach-btn[b-64ay1trrex]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.em-attach-btn[b-64ay1trrex]  .form-control,
.em-attach-btn[b-64ay1trrex]  label {
    display: none !important;
}

.em-compose-footer-actions[b-64ay1trrex] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

.em-send-btn[b-64ay1trrex] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #006747;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 9px 22px;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 103, 71, 0.2);
    transition: background 0.15s, box-shadow 0.15s;
}

.em-send-btn:hover:not(:disabled)[b-64ay1trrex] {
    background: #005538;
    box-shadow: 0 2px 6px rgba(0, 103, 71, 0.28);
}

.em-send-btn:disabled[b-64ay1trrex] {
    opacity: 0.55;
    cursor: not-allowed;
}

.em-discard-btn[b-64ay1trrex] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 9px 16px;
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
}

.em-discard-btn:hover[b-64ay1trrex] {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #374151;
}

/* ══ DELETE CONFIRM ═════════════════════════════════════════ */
.em-confirm-card[b-64ay1trrex] {
    background: #fff; border-radius: 10px;
    padding: 28px 24px; max-width: 340px; width: 100%;
    box-shadow: 0 8px 32px rgba(0,0,0,.18);
    text-align: center; margin: auto;
}
.em-confirm-card p[b-64ay1trrex] { font-size: .9rem; color: #374151; margin: 0 0 20px; }
.em-confirm-btns[b-64ay1trrex] { display: flex; gap: 10px; justify-content: center; }

.em-confirm-delete[b-64ay1trrex] {
    background: #dc2626; color: #fff;
    border: none; border-radius: 8px;
    padding: 8px 20px; font-size: .875rem;
    font-weight: 600; cursor: pointer;
}
.em-confirm-delete:hover[b-64ay1trrex] { background: #b91c1c; }

/* ══ SCROLLBARS ═════════════════════════════════════════════ */
.em-list[b-64ay1trrex]::-webkit-scrollbar,
.em-sidebar[b-64ay1trrex]::-webkit-scrollbar,
.em-detail-body[b-64ay1trrex]::-webkit-scrollbar {
    width: 8px;
}
.em-list[b-64ay1trrex]::-webkit-scrollbar-track,
.em-sidebar[b-64ay1trrex]::-webkit-scrollbar-track,
.em-detail-body[b-64ay1trrex]::-webkit-scrollbar-track {
    background: transparent;
}
.em-list[b-64ay1trrex]::-webkit-scrollbar-thumb,
.em-sidebar[b-64ay1trrex]::-webkit-scrollbar-thumb,
.em-detail-body[b-64ay1trrex]::-webkit-scrollbar-thumb {
    background: #e2e5e9;
    border-radius: 8px;
}
.em-list[b-64ay1trrex]::-webkit-scrollbar-thumb:hover,
.em-sidebar[b-64ay1trrex]::-webkit-scrollbar-thumb:hover,
.em-detail-body[b-64ay1trrex]::-webkit-scrollbar-thumb:hover {
    background: #c9cdd3;
}

/* ══ RESPONSIVE ═════════════════════════════════════════════ */
@media (max-width: 768px) {
    .em-sidebar[b-64ay1trrex] { width: 52px; min-width: 52px; padding: 10px 6px; }
    .em-new-btn span[b-64ay1trrex], .em-folder span[b-64ay1trrex] { display: none; }
    .em-new-btn[b-64ay1trrex] { border-radius: 50%; width: 40px; height: 40px; padding: 0; justify-content: center; }
    .em-folder[b-64ay1trrex] { justify-content: center; }
    .em-row-from[b-64ay1trrex] { width: 100px; min-width: 80px; }
    .em-sidebar-account-text[b-64ay1trrex] { display: none; }
    .em-sidebar-account[b-64ay1trrex] { justify-content: center; }
    .em-compose-minibar[b-64ay1trrex] { width: 200px; right: 12px; }
}

@media (max-width: 520px) {
    .em-topbar-search-wrap[b-64ay1trrex] { display: none; }
    .em-row-from[b-64ay1trrex] { display: none; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Employees/BranchSelector.razor.rz.scp.css */
/* ── Wrapper ─────────────────────────────────────────── */
.branch-selector[b-ksc8xdm16w] {
    position: relative;
    display: inline-block;
}

/* ── Trigger button ──────────────────────────────────── */
/* Base layout — visual styling comes from hdr-btn hdr-btn-primary in MainLayout */
.branch-selector-btn[b-ksc8xdm16w] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.3rem;
    cursor: pointer;
}

.bs-icon[b-ksc8xdm16w] {
    font-size: 0.8rem;
    opacity: 0.8;
}

.bs-chevron[b-ksc8xdm16w] {
    font-size: 0.62rem;
    opacity: 0.7;
    transition: transform 0.2s ease;
}

.branch-selector.open .bs-chevron[b-ksc8xdm16w] {
    transform: rotate(180deg);
}

.branch-name[b-ksc8xdm16w] {
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.82rem;
    font-weight: 500;
}

/* ── Dropdown panel ──────────────────────────────────── */
.branch-selector-dropdown[b-ksc8xdm16w] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    left: auto;
    width: 236px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.13), 0 2px 6px rgba(15, 23, 42, 0.06);
    z-index: 1100;
    overflow: hidden;
    animation: bsDropIn-b-ksc8xdm16w 0.17s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes bsDropIn-b-ksc8xdm16w {
    from { opacity: 0; transform: translateY(-6px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1);    }
}

/* ── Header ─────────────────────────────────────────── */
.branch-selector-header[b-ksc8xdm16w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.6rem 0.875rem;
    border-bottom: 1px solid #f1f5f9;
    background: #fafbfc;
}

.branch-selector-title[b-ksc8xdm16w] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #374151;
    letter-spacing: 0.01em;
}

.branch-selector-close[b-ksc8xdm16w] {
    width: 22px;
    height: 22px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.72rem;
    line-height: 1;
    padding: 0;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.branch-selector-close:hover[b-ksc8xdm16w] {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}

/* ── Search ─────────────────────────────────────────── */
.branch-selector-search[b-ksc8xdm16w] {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid #f1f5f9;
}

.bs-search-wrap[b-ksc8xdm16w] {
    position: relative;
    display: flex;
    align-items: center;
}

.bs-search-icon[b-ksc8xdm16w] {
    position: absolute;
    inset-inline-start: 0.55rem;
    color: #94a3b8;
    font-size: 0.7rem;
    pointer-events: none;
}

.bs-search-input[b-ksc8xdm16w] {
    width: 100%;
    height: 30px;
    padding: 0 0.5rem 0 1.8rem;
    font-size: 0.79rem;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #1e293b;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
    direction: inherit;
}

.bs-search-input[b-ksc8xdm16w]::placeholder {
    color: #94a3b8;
}

.bs-search-input:focus[b-ksc8xdm16w] {
    border-color: #006747;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

/* ── Branch list ─────────────────────────────────────── */
.branch-selector-list[b-ksc8xdm16w] {
    max-height: 220px;
    overflow-y: auto;
    padding: 0.3rem 0;
}

.branch-selector-list[b-ksc8xdm16w]::-webkit-scrollbar {
    width: 4px;
}

.branch-selector-list[b-ksc8xdm16w]::-webkit-scrollbar-track {
    background: transparent;
}

.branch-selector-list[b-ksc8xdm16w]::-webkit-scrollbar-thumb {
    background: #e2e8f0;
    border-radius: 99px;
}

.branch-item[b-ksc8xdm16w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.46rem 0.875rem;
    cursor: pointer;
    font-size: 0.81rem;
    color: #374151;
    border-inline-start: 2px solid transparent;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
}

.branch-item:hover[b-ksc8xdm16w] {
    background: #f1faf6;
    color: #006747;
}

.branch-item:hover .branch-icon[b-ksc8xdm16w] {
    color: #006747;
}

.branch-item.active[b-ksc8xdm16w] {
    background: #f0faf5;
    color: #006747;
    font-weight: 600;
    border-inline-start-color: #006747;
}

.branch-item.active .branch-icon[b-ksc8xdm16w] {
    color: #006747;
}

.branch-icon[b-ksc8xdm16w] {
    font-size: 0.7rem;
    color: #94a3b8;
    flex-shrink: 0;
    width: 14px;
    text-align: center;
}

.branch-item-name[b-ksc8xdm16w] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.branch-item .fa-check[b-ksc8xdm16w] {
    font-size: 0.68rem;
    color: #006747;
    flex-shrink: 0;
}

/* ── Empty / loading state ───────────────────────────── */
.bs-state[b-ksc8xdm16w] {
    padding: 1rem 0.875rem;
    text-align: center;
    font-size: 0.79rem;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

/* ── LTR: align dropdown from left edge instead ─────── */
[dir="ltr"] .branch-selector-dropdown[b-ksc8xdm16w] {
    left: 0;
    right: auto;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Employees/EmployeeDialog.razor.rz.scp.css */
/* Employee dialog — sectioned form inside formal modal */

.employee-dialog-modal[b-k9612ej0i1]  .modal-icon--employee {
    background: linear-gradient(135deg, rgba(0, 103, 71, 0.15) 0%, rgba(13, 148, 136, 0.2) 100%);
    color: var(--primary-color, #006747);
}

.employee-dialog-modal[b-k9612ej0i1]  .employee-dialog-body {
    padding-top: 0.5rem;
}

.employee-dialog[b-k9612ej0i1] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Photo upload */
.employee-dialog-photo[b-k9612ej0i1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: linear-gradient(180deg, #f8faf9 0%, #fff 100%);
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
}

.employee-photo-frame[b-k9612ej0i1] {
    position: relative;
    width: 6.5rem;
    height: 6.5rem;
}

.employee-photo-image[b-k9612ej0i1],
.employee-photo-placeholder[b-k9612ej0i1] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.employee-photo-placeholder[b-k9612ej0i1] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, var(--primary-color, #006747) 100%);
    box-shadow: 0 4px 14px rgba(0, 103, 71, 0.25);
}

.employee-photo-image[b-k9612ej0i1] {
    border: 3px solid rgba(0, 103, 71, 0.2);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
}

.employee-photo-remove[b-k9612ej0i1] {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #dc2626;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    cursor: pointer;
    transition: transform 0.15s ease, background 0.15s ease;
}

.employee-photo-remove:hover[b-k9612ej0i1] {
    background: #b91c1c;
    transform: scale(1.05);
}

.employee-photo-actions[b-k9612ej0i1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.employee-upload-btn[b-k9612ej0i1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--primary-color, #006747);
    background: rgba(0, 103, 71, 0.08);
    border: 1px solid rgba(0, 103, 71, 0.2);
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.employee-upload-btn:hover[b-k9612ej0i1] {
    background: rgba(0, 103, 71, 0.14);
    border-color: rgba(0, 103, 71, 0.35);
}

.employee-photo-status[b-k9612ej0i1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #64748b;
}

.employee-dialog-spinner[b-k9612ej0i1] {
    width: 0.875rem;
    height: 0.875rem;
    border: 2px solid #e2e8f0;
    border-top-color: var(--primary-color, #006747);
    border-radius: 50%;
    animation: employee-dialog-spin-b-k9612ej0i1 0.65s linear infinite;
}

@keyframes employee-dialog-spin-b-k9612ej0i1 {
    to { transform: rotate(360deg); }
}

/* Sections */
.employee-dialog-section[b-k9612ej0i1] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.employee-dialog-section-title[b-k9612ej0i1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--primary-color, #006747);
}

.employee-dialog-section-title i[b-k9612ej0i1] {
    font-size: 0.75rem;
    opacity: 0.85;
}

.employee-dialog-grid[b-k9612ej0i1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.employee-field[b-k9612ej0i1] {
    min-width: 0;
}

.employee-field--full[b-k9612ej0i1] {
    grid-column: 1 / -1;
}

.employee-field[b-k9612ej0i1]  .form-group {
    margin-bottom: 0;
}

.employee-field[b-k9612ej0i1]  .form-label {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
    margin-bottom: 0.35rem;
}

.employee-field[b-k9612ej0i1]  .form-control {
    border-radius: 8px;
    border-color: #e2e8f0;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
}

.employee-field[b-k9612ej0i1]  .form-control:focus {
    border-color: var(--primary-color, #006747);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.employee-field-hint[b-k9612ej0i1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: #64748b;
}

.employee-field-error[b-k9612ej0i1] {
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: #dc2626;
}

.employee-select-label[b-k9612ej0i1] {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #334155;
}

.employee-select[b-k9612ej0i1] {
    width: 100%;
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #334155;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.employee-select:focus[b-k9612ej0i1] {
    outline: none;
    border-color: var(--primary-color, #006747);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.employee-select.is-invalid[b-k9612ej0i1] {
    border-color: #dc2626;
}

/* Password */
.employee-password-wrap[b-k9612ej0i1] {
    position: relative;
}

.employee-password-input[b-k9612ej0i1] {
    width: 100%;
    padding: 0.55rem 2.75rem 0.55rem 0.85rem;
    font-size: 0.875rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

html[dir="rtl"] .employee-password-input[b-k9612ej0i1] {
    padding: 0.55rem 0.85rem 0.55rem 2.75rem;
}

.employee-password-input:focus[b-k9612ej0i1] {
    outline: none;
    border-color: var(--primary-color, #006747);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.employee-password-input.is-invalid[b-k9612ej0i1] {
    border-color: #dc2626;
}

.employee-password-toggle[b-k9612ej0i1] {
    position: absolute;
    top: 50%;
    inset-inline-end: 0.5rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 2rem;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: color 0.15s ease, background 0.15s ease;
}

.employee-password-toggle:hover[b-k9612ej0i1] {
    color: var(--primary-color, #006747);
    background: #f1f5f9;
}

.employee-password-readonly[b-k9612ej0i1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.employee-password-mask[b-k9612ej0i1] {
    flex: 1 1 auto;
    min-width: 10rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.85rem;
    font-size: 0.875rem;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
}

.employee-change-password-btn[b-k9612ej0i1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.employee-change-password-btn:hover[b-k9612ej0i1] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: var(--primary-color, #006747);
}

/* Alerts */
.employee-dialog-alert[b-k9612ej0i1] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    font-size: 0.8125rem;
    line-height: 1.45;
}

.employee-dialog-alert p[b-k9612ej0i1] {
    margin: 0;
}

.employee-dialog-alert--info[b-k9612ej0i1] {
    color: #0f766e;
    background: #ecfdf5;
    border: 1px solid rgba(13, 148, 136, 0.2);
}

.employee-dialog-alert--error[b-k9612ej0i1] {
    color: #b91c1c;
    background: #fef2f2;
    border: 1px solid rgba(220, 38, 38, 0.15);
}

@media (max-width: 640px) {
    .employee-dialog-grid[b-k9612ej0i1] {
        grid-template-columns: 1fr;
    }

    .employee-field--full[b-k9612ej0i1] {
        grid-column: auto;
    }

    .employee-password-readonly[b-k9612ej0i1] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .employee-dialog-spinner[b-k9612ej0i1] {
        animation: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Employees/Employees.razor.rz.scp.css */
/* Employees page — summary stats, unified table, toolbar */

.employees-page[b-v1yo8ndwi2] {
    --emp-surface: #ffffff;
    --emp-track: #f4f7f6;
    --emp-border: #e3e8e6;
    --emp-muted: #64748b;
    --emp-primary-soft: rgba(0, 103, 71, 0.08);
    --emp-warning-soft: #fff7ed;
    --emp-warning: #c2410c;
    --emp-danger-soft: #fef2f2;
    --emp-danger: #b91c1c;

    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    gap: 0;
    padding-block: 0.25rem 0;
    overflow: hidden;
}

.employees-page.list-page-flex[b-v1yo8ndwi2] {
    flex: 1 1 auto;
    min-height: 0;
}

/* Loading */
.employees-loading[b-v1yo8ndwi2] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-height: 14rem;
    background: var(--emp-surface);
    border: 1px solid var(--emp-border);
    border-radius: var(--border-radius-lg, 12px);
}

.employees-loading-spinner[b-v1yo8ndwi2] {
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid var(--emp-border);
    border-top-color: var(--primary-color, #006747);
    border-radius: 50%;
    animation: employees-spin-b-v1yo8ndwi2 0.7s linear infinite;
}

.employees-loading-text[b-v1yo8ndwi2] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--emp-muted);
}

@keyframes employees-spin-b-v1yo8ndwi2 {
    to { transform: rotate(360deg); }
}

/* Summary cards — bottom panel, collapsed by default */
.employees-summary-wrapper[b-v1yo8ndwi2] {
    flex-shrink: 0;
    order: 99;
    max-height: 140px;
    opacity: 1;
    overflow: hidden;
    margin-top: 0.75rem;
    transition: max-height 260ms ease, opacity 200ms ease, margin-top 200ms ease;
}

.employees-summary-wrapper.collapsed[b-v1yo8ndwi2] {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
}

.employees-summary-grid[b-v1yo8ndwi2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.employees-stat[b-v1yo8ndwi2] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    padding: 0.875rem 1rem;
    background: var(--emp-surface);
    border: 1px solid var(--emp-border);
    border-radius: var(--border-radius-lg, 12px);
    box-shadow: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.06));
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
    overflow: hidden;
    min-width: 0;
}

.employees-stat[b-v1yo8ndwi2]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--emp-border);
    border-radius: 3px 0 0 3px;
}

html[dir="rtl"] .employees-stat[b-v1yo8ndwi2]::before {
    border-radius: 0 3px 3px 0;
}

.employees-stat:hover[b-v1yo8ndwi2] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md, 0 4px 12px rgba(0, 0, 0, 0.08));
    border-color: #cbd5e1;
}

.employees-stat--primary[b-v1yo8ndwi2]::before { background: var(--primary-color, #006747); }
.employees-stat--managers[b-v1yo8ndwi2]::before { background: #0d9488; }
.employees-stat--experienced[b-v1yo8ndwi2]::before { background: var(--emp-warning); }
.employees-stat--salary[b-v1yo8ndwi2]::before { background: #475569; }

.employees-stat-icon[b-v1yo8ndwi2] {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.employees-stat--primary .employees-stat-icon[b-v1yo8ndwi2] {
    background: var(--emp-primary-soft);
    color: var(--primary-color, #006747);
}

.employees-stat--managers .employees-stat-icon[b-v1yo8ndwi2] {
    background: rgba(13, 148, 136, 0.12);
    color: #0d9488;
}

.employees-stat--experienced .employees-stat-icon[b-v1yo8ndwi2] {
    background: var(--emp-warning-soft);
    color: var(--emp-warning);
}

.employees-stat--salary .employees-stat-icon[b-v1yo8ndwi2] {
    background: #f1f5f9;
    color: #475569;
}

.employees-stat-body[b-v1yo8ndwi2] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.1rem;
}

.employees-stat-value[b-v1yo8ndwi2] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--dark-color, #1e293b);
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.employees-stat-label[b-v1yo8ndwi2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--emp-muted);
    line-height: 1.3;
}

/* Main card — fills available height so footer sits at bottom */
.employees-card[b-v1yo8ndwi2] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.employees-card .list-page-body[b-v1yo8ndwi2] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.employees-card .add-employee-btn.btn-success[b-v1yo8ndwi2],
.employees-page[b-v1yo8ndwi2]  .add-employee-btn.btn-success {
    background: var(--primary-color, #006747) !important;
    border: 1px solid #005538 !important;
    border-radius: 10px !important;
    min-height: 34px;
    height: 34px;
    padding: 0 0.85rem !important;
    font-size: 0.8125rem !important;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0, 103, 71, 0.25);
    flex-shrink: 0;
}

.employees-card .add-employee-btn.btn-success:hover[b-v1yo8ndwi2],
.employees-page[b-v1yo8ndwi2]  .add-employee-btn.btn-success:hover {
    background: #005538 !important;
    border-color: #00492f !important;
}

/* Toolbar — summary toggle + add employee after columns dropdown */
.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-toolbar-actions {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-inline-start: 0;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-column-visibility {
    flex-shrink: 0;
    margin-inline-start: auto;
}

.employees-toolbar-controls[b-v1yo8ndwi2] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-width: 0;
}

.summary-toggle-btn[b-v1yo8ndwi2] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #d8dee8 !important;
    color: #64748b !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    cursor: pointer;
}

.summary-toggle-btn i[b-v1yo8ndwi2] {
    font-size: 0.9rem;
}

.summary-toggle-btn[b-v1yo8ndwi2]::after {
    content: "";
    position: absolute;
    left: 6px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    background: #006747;
    transform: rotate(45deg);
    border-radius: 2px;
}

html[dir="rtl"] .summary-toggle-btn[b-v1yo8ndwi2]::after {
    left: auto;
    right: 6px;
}

.summary-toggle-btn:hover[b-v1yo8ndwi2] {
    background: #f8fafc !important;
    border-color: #b6c2d4 !important;
    color: #334155 !important;
}

.summary-toggle-btn:focus-visible[b-v1yo8ndwi2] {
    outline: 2px solid var(--primary-color, #006747);
    outline-offset: 2px;
}

.employees-filter-check[b-v1yo8ndwi2] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.employees-filter-check input[b-v1yo8ndwi2] {
    accent-color: var(--primary-color, #006747);
    width: 0.95rem;
    height: 0.95rem;
    cursor: pointer;
}

/* UnifiedDataTable theme */
.employees-page[b-v1yo8ndwi2]  .employees-data-table.unified-data-table {
    border: none;
    border-radius: 0;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-toolbar {
    align-items: center;
    gap: 0.5rem 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(180deg, #fafcfb 0%, #fff 100%);
    border-bottom: 1px solid var(--emp-border);
    flex-shrink: 0;
    flex-wrap: wrap;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-search {
    flex: 1 1 280px;
    max-width: min(360px, 100%);
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-filters.udt-filter-wrap {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
    border-inline-start: 1px solid var(--emp-border);
    padding-inline-start: 0.875rem;
    margin-inline-start: 0.125rem;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #fafcfb;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-footer {
    margin-top: auto;
    flex-shrink: 0;
    background: var(--emp-track);
    border-top: 1px solid var(--emp-border);
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper thead {
    background: linear-gradient(180deg, rgba(0, 103, 71, 0.1) 0%, rgba(0, 103, 71, 0.04) 100%);
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper thead th {
    color: var(--primary-color, #006747);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-bottom: 2px solid rgba(0, 103, 71, 0.15);
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper tbody tr {
    background: var(--emp-surface);
    transition: background 0.12s ease;
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper tbody tr:hover {
    background: rgba(0, 103, 71, 0.04);
}

.employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-table-wrapper tbody td {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
    vertical-align: middle;
    border-color: #eef2f0;
}

/* Table cells */
.employees-page[b-v1yo8ndwi2]  .employees-name-cell {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.employees-page[b-v1yo8ndwi2]  .employees-avatar {
    flex-shrink: 0;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #0d9488 0%, var(--primary-color, #006747) 100%);
}

.employees-page[b-v1yo8ndwi2]  .employees-avatar--photo {
    object-fit: cover;
    border: 2px solid rgba(0, 103, 71, 0.15);
    background: #fff;
}

.employees-page[b-v1yo8ndwi2]  .employees-name-meta {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 0.1rem;
}

.employees-page[b-v1yo8ndwi2]  .employees-name {
    font-weight: 600;
    color: var(--dark-color, #1e293b);
    line-height: 1.25;
}

.employees-page[b-v1yo8ndwi2]  .employees-job {
    font-size: 0.75rem;
    color: var(--emp-muted);
    line-height: 1.2;
}

.employees-page[b-v1yo8ndwi2]  .employees-muted {
    color: #475569;
    font-size: 0.8125rem;
}

.employees-page[b-v1yo8ndwi2]  .employees-num {
    font-variant-numeric: tabular-nums;
}

.employees-page[b-v1yo8ndwi2]  .employees-salary {
    font-weight: 600;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    color: var(--primary-color, #006747);
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-access {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    max-width: 14rem;
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600;
    border-radius: 999px;
    line-height: 1.3;
    white-space: nowrap;
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--primary {
    color: #fff;
    background: var(--primary-color, #006747);
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--pending {
    color: #64748b;
    background: #f1f5f9;
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--access {
    color: #065f46;
    background: #d1fae5;
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--denied {
    color: var(--emp-danger);
    background: var(--emp-danger-soft);
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--warning {
    color: #92400e;
    background: #fef3c7;
}

.employees-page[b-v1yo8ndwi2]  .employees-branch-pill--more {
    color: #475569;
    background: #e2e8f0;
}

/* Row actions */
.employees-action-icons[b-v1yo8ndwi2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.employees-icon-btn[b-v1yo8ndwi2] {
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    border: 1px solid var(--emp-border);
    border-radius: var(--border-radius-md, 8px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    color: var(--emp-muted);
    background: var(--emp-surface);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.employees-icon-btn--danger:hover[b-v1yo8ndwi2] {
    background: var(--emp-danger-soft);
    border-color: rgba(185, 28, 28, 0.25);
    color: var(--emp-danger);
}

.employees-icon-btn:focus-visible[b-v1yo8ndwi2] {
    outline: 2px solid var(--primary-color, #006747);
    outline-offset: 2px;
}

@media (max-width: 1200px) {
    .employees-summary-grid[b-v1yo8ndwi2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-search {
        max-width: none;
    }

    .employees-page[b-v1yo8ndwi2]  .employees-data-table .udt-filters.udt-filter-wrap {
        border-inline-start: none;
        padding-inline-start: 0;
        margin-inline-start: 0;
        padding-top: 0.625rem;
        border-top: 1px solid var(--emp-border);
        width: 100%;
    }
}

@media (max-width: 576px) {
    .employees-summary-grid[b-v1yo8ndwi2] {
        grid-template-columns: 1fr;
    }

    .employees-stat-value[b-v1yo8ndwi2] {
        font-size: 1rem;
    }

    .employees-filter-check span[b-v1yo8ndwi2] {
        font-size: 0.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .employees-stat[b-v1yo8ndwi2],
    .employees-summary-wrapper[b-v1yo8ndwi2],
    .employees-loading-spinner[b-v1yo8ndwi2] {
        transition: none;
        animation: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Employees/ManageEmployees.razor.rz.scp.css */
.manage-employees-page[b-c9my28qxkr] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.manage-employees-tabs[b-c9my28qxkr] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-employees-tabs[b-c9my28qxkr]::-webkit-scrollbar { display: none; }

.manage-employees-tab[b-c9my28qxkr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-employees-tab:hover[b-c9my28qxkr] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-employees-tab.active[b-c9my28qxkr] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-employees-tab-icon[b-c9my28qxkr] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-employees-tab.active .manage-employees-tab-icon[b-c9my28qxkr] {
    opacity: 1;
}

.manage-employees-content[b-c9my28qxkr] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-employees-content[b-c9my28qxkr]  > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.manage-employees-loading[b-c9my28qxkr] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    color: #50645e;
    font-weight: 700;
}

@media (max-width: 768px) {
    .manage-employees-tabs[b-c9my28qxkr] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-employees-tab[b-c9my28qxkr] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ExchangeRate/ExchangeRateDialog.razor.rz.scp.css */
/* Exchange rate dialog — large modal with content tabs */

[b-ydtc9phiws](.modal-formal.exchange-rate-modal) {
    max-height: min(92vh, 900px);
}

[b-ydtc9phiws](.exchange-modal-body) {
    min-height: 420px;
    max-height: calc(92vh - 180px);
    overflow-y: auto;
}

.exchange-dialog[b-ydtc9phiws] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Section header */
.exchange-section-head[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.exchange-section-title[b-ydtc9phiws] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #212529;
}

/* Horizontal content tabs */
.exchange-content-tabs[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.35rem;
    background: #f1f3f5;
    border-radius: 0.625rem;
    border: 1px solid #e9ecef;
}

.exchange-content-tab[b-ydtc9phiws] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.25rem;
    border: none;
    border-radius: 0.5rem;
    background: transparent;
    color: #495057;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, box-shadow 0.15s;
    white-space: nowrap;
}

.exchange-content-tab:hover[b-ydtc9phiws] {
    color: #006747;
    background: rgba(255, 255, 255, 0.6);
}

.exchange-content-tab.active[b-ydtc9phiws] {
    background: #fff;
    color: #006747;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.exchange-content-tab i[b-ydtc9phiws] {
    font-size: 1rem;
    opacity: 0.85;
}

.exchange-tab-badge[b-ydtc9phiws] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #006747;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 600;
}

.exchange-content-tab:not(.active) .exchange-tab-badge[b-ydtc9phiws] {
    background: #adb5bd;
}

/* Tab panel */
.exchange-tab-panel[b-ydtc9phiws] {
    min-height: 320px;
    padding: 1.5rem;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 0.625rem;
}

.exchange-tab-panel--loading[b-ydtc9phiws] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.exchange-tab-intro[b-ydtc9phiws] {
    margin: 0 0 1.25rem;
    font-size: 0.9375rem;
    color: #6c757d;
}

/* Today rate cards */
.rate-cards[b-ydtc9phiws] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.rate-card[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #f8fffe 0%, #fff 100%);
    border: 1px solid #d4e8e0;
    border-radius: 0.625rem;
    border-inline-start: 5px solid #006747;
}

.rate-card-main[b-ydtc9phiws] {
    flex: 1;
    min-width: 0;
}

.rate-card-value[b-ydtc9phiws] {
    margin: 0 0 0.35rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #006747;
    line-height: 1.35;
}

.rate-card-meta[b-ydtc9phiws] {
    margin: 0;
    font-size: 0.9rem;
    color: #6c757d;
}

.rate-card-note[b-ydtc9phiws] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: #868e96;
    font-style: italic;
}

.rate-card-actions[b-ydtc9phiws] {
    display: flex;
    gap: 0.625rem;
    flex-shrink: 0;
}

.rate-card-actions .btn[b-ydtc9phiws] {
    min-width: 2.75rem;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
}

/* Add / edit form */
.rate-form-panel[b-ydtc9phiws] {
    padding: 1.5rem 1.75rem;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.625rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.rate-form-panel-title[b-ydtc9phiws] {
    margin: 0 0 1.25rem;
    font-size: 1.125rem;
    font-weight: 600;
}

.rate-formula[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem 1rem;
    margin-bottom: 0.75rem;
}

.rate-formula-unit[b-ydtc9phiws] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #495057;
}

.rate-formula-equals[b-ydtc9phiws] {
    font-size: 1.375rem;
    font-weight: 700;
    color: #006747;
}

.rate-formula .form-select[b-ydtc9phiws],
.rate-formula .form-control[b-ydtc9phiws] {
    min-width: 6.5rem;
    font-size: 1rem;
}

.rate-formula-rate[b-ydtc9phiws] {
    max-width: 10rem;
    font-size: 1.125rem;
    font-weight: 600;
}

.rate-form-hint[b-ydtc9phiws] {
    margin: 0 0 1rem;
    font-size: 0.9375rem;
    color: #495057;
}

.rate-form-preview[b-ydtc9phiws] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin: 0 0 1rem;
    padding: 1rem 1.25rem;
    background: #e8f5f0;
    border-radius: 0.5rem;
    text-align: center;
}

.rate-form-preview-caption[b-ydtc9phiws] {
    font-size: 0.9rem;
    color: #495057;
    font-weight: 500;
}

.rate-form-preview-formula[b-ydtc9phiws] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #006747;
    letter-spacing: 0.02em;
    unicode-bidi: isolate;
}

.rate-card-value[b-ydtc9phiws],
.historical-rate[b-ydtc9phiws] {
    unicode-bidi: isolate;
}

.rate-form-actions[b-ydtc9phiws] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid #eee;
}

.rate-form-advanced[b-ydtc9phiws] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #dee2e6;
}

.rate-form-advanced summary[b-ydtc9phiws] {
    cursor: pointer;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #006747;
    margin-bottom: 0.75rem;
}

.reverse-rate-hint[b-ydtc9phiws] {
    font-size: 0.875rem;
    color: #6c757d;
    line-height: 1.45;
}

.reverse-rate-summary[b-ydtc9phiws] {
    padding: 1rem;
    background: #f8fffe;
    border: 1px solid #d4e8e0;
    border-radius: 0.5rem;
}

.reverse-rate-summary-row[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.5rem 1rem;
}

.reverse-rate-summary-row--auto .reverse-rate-summary-label[b-ydtc9phiws] {
    color: #006747;
}

.reverse-rate-summary-label[b-ydtc9phiws] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #495057;
    text-transform: none;
}

.reverse-rate-summary-value[b-ydtc9phiws] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #212529;
    unicode-bidi: isolate;
}

.reverse-rate-summary-row--auto .reverse-rate-summary-value[b-ydtc9phiws] {
    color: #006747;
}

.reverse-rate-summary-divider[b-ydtc9phiws] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.625rem 0;
    color: #adb5bd;
    font-size: 0.75rem;
}

.reverse-rate-summary-note[b-ydtc9phiws] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px dashed #dee2e6;
    font-size: 0.8125rem;
    color: #6c757d;
    line-height: 1.45;
}

/* Converter */
.convert-row[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
}

.convert-row--spacious .convert-field[b-ydtc9phiws] {
    flex: 1 1 140px;
}

.convert-field label[b-ydtc9phiws] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: #495057;
}

.convert-field--arrow[b-ydtc9phiws] {
    flex: 0 0 auto;
    align-self: center;
    padding-bottom: 0.5rem;
    font-size: 1.5rem;
    color: #006747;
}

[dir="rtl"] .convert-field--arrow i[b-ydtc9phiws] {
    transform: scaleX(-1);
}

.convert-field--action[b-ydtc9phiws] {
    flex: 0 1 160px;
    min-width: 140px;
}

.convert-result[b-ydtc9phiws] {
    margin-top: 1.25rem;
    padding: 1rem 1.25rem;
    background: #e7f5ff;
    border-radius: 0.5rem;
    font-size: 1.0625rem;
    font-weight: 600;
    color: #0c5460;
    text-align: center;
}

.convert-result--large[b-ydtc9phiws] {
    font-size: 1.375rem;
    padding: 1.25rem 1.5rem;
}

/* Historical list */
.historical-list[b-ydtc9phiws] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.historical-list--scroll[b-ydtc9phiws] {
    max-height: 380px;
    overflow-y: auto;
}

.historical-item[b-ydtc9phiws] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 0.5rem;
    border-bottom: 1px solid #f1f3f5;
    font-size: 1rem;
}

.historical-item:last-child[b-ydtc9phiws] {
    border-bottom: none;
}

.historical-rate[b-ydtc9phiws] {
    font-weight: 500;
    color: #212529;
}

.historical-date[b-ydtc9phiws] {
    color: #868e96;
    font-size: 0.9rem;
}

.historical-more[b-ydtc9phiws] {
    display: block;
    width: 100%;
    margin-top: 1rem;
}

/* Empty state */
.exchange-empty[b-ydtc9phiws] {
    text-align: center;
    padding: 3rem 1.5rem;
    background: #f8f9fa;
    border-radius: 0.625rem;
    border: 1px dashed #ced4da;
}

.exchange-empty--compact[b-ydtc9phiws] {
    padding: 2rem 1rem;
}

.exchange-empty-icon[b-ydtc9phiws] {
    font-size: 3rem;
    color: #adb5bd;
    margin-bottom: 1rem;
}

.exchange-empty p[b-ydtc9phiws] {
    margin: 0 0 1.25rem;
    color: #6c757d;
    font-size: 1rem;
    max-width: 28rem;
    margin-inline: auto;
}

@media (max-width: 768px) {
    .exchange-content-tab[b-ydtc9phiws] {
        flex: 1 1 100%;
        padding: 0.75rem 1rem;
        font-size: 0.875rem;
    }

    .exchange-content-tab span:not(.exchange-tab-badge)[b-ydtc9phiws] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .exchange-section-head[b-ydtc9phiws] {
        flex-direction: column;
        align-items: stretch;
    }

    .exchange-tab-panel[b-ydtc9phiws] {
        min-height: 260px;
        padding: 1rem;
    }

    .convert-field--arrow[b-ydtc9phiws] {
        display: none;
    }
}

@media (max-width: 576px) {
    .rate-formula[b-ydtc9phiws] {
        flex-direction: column;
        align-items: stretch;
    }

    .rate-formula-rate[b-ydtc9phiws] {
        max-width: none;
    }

    .rate-card[b-ydtc9phiws] {
        flex-direction: column;
        align-items: stretch;
    }

    .rate-card-actions[b-ydtc9phiws] {
        justify-content: flex-end;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ExchangeRate/ExchangeRateHeader.razor.rz.scp.css */
.exchange-rate-container[b-w3qypm0jij] {
    display: flex;
    align-items: center;
    gap: 0;
}

.rate-display[b-w3qypm0jij] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.from-currency[b-w3qypm0jij] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #006747;
    letter-spacing: -0.01em;
}

.rate-arrow[b-w3qypm0jij] {
    font-size: 0.58rem;
    color: #94a3b8;
    margin: 0 0.15rem;
}

.to-amount[b-w3qypm0jij] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.to-unit[b-w3qypm0jij] {
    font-size: 0.7rem;
    font-weight: 400;
    color: #64748b;
    margin-inline-start: 0.1rem;
    letter-spacing: 0.01em;
}

.exchange-rate-manager-btn[b-w3qypm0jij] {
    margin-inline-start: 0.45rem;
    padding: 0.1rem 0.05rem 0.1rem 0.45rem;
    color: #94a3b8;
    border-inline-start: 1px solid rgba(100, 116, 139, 0.2);
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    background: transparent;
    text-decoration: none;
    line-height: 1;
    transition: color 0.15s ease;
}

.exchange-rate-manager-btn i[b-w3qypm0jij] {
    font-size: 0.75rem;
}

.exchange-rate-manager-btn:hover[b-w3qypm0jij],
.exchange-rate-manager-btn:focus[b-w3qypm0jij] {
    color: #006747;
    text-decoration: none;
}

.exchange-rate-container .exchange-rate-set-btn[b-w3qypm0jij] {
    white-space: nowrap;
    font-size: 0.8rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Expense/CapitalExpenses.razor.rz.scp.css */
/* Capital Expenses page – full-width layout, uses all available space */

.capital-expenses-page[b-5o3p6l7h8f] {
    width: 100%;
    min-height: 100%;
    padding: 0 1rem 1.5rem;
    box-sizing: border-box;
}

/* Single top bar: title left, branch + actions right */
.capital-expenses-top[b-5o3p6l7h8f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.capital-expenses-top .page-title[b-5o3p6l7h8f] {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0 0 0.2rem 0;
    color: var(--bs-body-color, #212529);
}

.capital-expenses-top .page-subtitle[b-5o3p6l7h8f] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

.top-right[b-5o3p6l7h8f] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.branch-info[b-5o3p6l7h8f] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

.branch-info .branch-name[b-5o3p6l7h8f] {
    font-weight: 600;
    color: var(--bs-body-color);
    margin-inline-start: 0.35rem;
}

.top-buttons[b-5o3p6l7h8f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.top-buttons .btn-text[b-5o3p6l7h8f] {
    margin-inline-start: 0.4rem;
}

.top-buttons .btn i[b-5o3p6l7h8f] {
    font-size: 0.875rem;
}

/* Loading */
.capital-expenses-loading[b-5o3p6l7h8f] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

/* Empty state */
.capital-expenses-empty[b-5o3p6l7h8f] {
    border-radius: 0.375rem;
    max-width: 100%;
}

/* Table card – full width, fills available space */
.capital-expenses-table-card[b-5o3p6l7h8f] {
    width: 100%;
    background: var(--bs-card-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.capital-expenses-table-card .table-responsive[b-5o3p6l7h8f] {
    width: 100%;
    overflow-x: auto;
}

.capital-expenses-table[b-5o3p6l7h8f] {
    margin: 0;
    width: 100%;
    table-layout: fixed;
}

/* Column widths sum to 100% so table fills full width; Name gets most space */
.capital-expenses-table th:nth-child(1)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(1)[b-5o3p6l7h8f] {
    width: 20%;
}

.capital-expenses-table th:nth-child(2)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(2)[b-5o3p6l7h8f] {
    width: 14%;
}

.capital-expenses-table th:nth-child(3)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(3)[b-5o3p6l7h8f] {
    width: 12%;
}

.capital-expenses-table th:nth-child(4)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(4)[b-5o3p6l7h8f] {
    width: 18%;
}

.capital-expenses-table th:nth-child(5)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(5)[b-5o3p6l7h8f] {
    width: 8%;
}

.capital-expenses-table th:nth-child(6)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(6)[b-5o3p6l7h8f] {
    width: 10%;
}

.capital-expenses-table th:nth-child(7)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(7)[b-5o3p6l7h8f] {
    width: 12%;
}

.capital-expenses-table th:nth-child(8)[b-5o3p6l7h8f],
.capital-expenses-table td:nth-child(8)[b-5o3p6l7h8f] {
    width: 6%;
}

.capital-expenses-table .expense-name[b-5o3p6l7h8f] {
    word-break: break-word;
}

.capital-expenses-table thead th[b-5o3p6l7h8f] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color);
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-light, #f8f9fa);
}

.capital-expenses-table tbody td[b-5o3p6l7h8f] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
}

.capital-expenses-table tbody tr:last-child td[b-5o3p6l7h8f] {
    border-bottom: none;
}

.capital-expenses-table .expense-name[b-5o3p6l7h8f] {
    font-weight: 500;
}

/* Status: clear bar + percentage */
.status-cell[b-5o3p6l7h8f] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 100px;
}

.status-bar[b-5o3p6l7h8f] {
    flex: 1;
    min-width: 50px;
    height: 8px;
    background: var(--bs-border-color, #dee2e6);
    border-radius: 4px;
    overflow: hidden;
}

.status-fill[b-5o3p6l7h8f] {
    height: 100%;
    border-radius: 4px;
    transition: width 0.2s ease;
}

.status-fill.status-pending[b-5o3p6l7h8f] {
    background: var(--bs-secondary, #6c757d);
}

.status-fill.status-partial[b-5o3p6l7h8f] {
    background: var(--bs-primary, #0d6efd);
}

.status-fill.status-done[b-5o3p6l7h8f] {
    background: var(--bs-success, #198754);
}

.status-pct[b-5o3p6l7h8f] {
    font-size: 0.8125rem;
    font-weight: 600;
    min-width: 2.25rem;
    text-align: end;
    color: var(--bs-body-color);
}

/* Actions */
.capital-expenses-table .table-actions[b-5o3p6l7h8f] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.capital-expenses-table .table-actions .btn[b-5o3p6l7h8f] {
    padding: 0.35rem 0.5rem;
}

/* RTL */
[dir="rtl"] .branch-info .branch-name[b-5o3p6l7h8f] {
    margin-inline-start: 0;
    margin-inline-end: 0.35rem;
}

[dir="rtl"] .top-buttons .btn-text[b-5o3p6l7h8f] {
    margin-inline-start: 0;
    margin-inline-end: 0.4rem;
}

@media (max-width: 576px) {
    .capital-expenses-top[b-5o3p6l7h8f] {
        flex-direction: column;
        align-items: stretch;
    }

    .top-right[b-5o3p6l7h8f] {
        flex-direction: column;
        align-items: stretch;
    }

    .top-buttons[b-5o3p6l7h8f] {
        flex-wrap: wrap;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Expense/ExpenseStructure.razor.rz.scp.css */
.expense-structure-page[b-7ovt9ufdmi] {
    --es-accent: #0b8a74;
    --es-accent-soft: #f0faf7;
    --es-accent-strong: #0b5f58;
    --es-border: #d9e1e7;
    --es-muted: #5e6e7f;
    --es-ink: #0f172a;
    height: 100%;
    min-height: 0;
    padding: 0.35rem 0.9rem 0.75rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    overflow: hidden;
}

.es-hint[b-7ovt9ufdmi] {
    margin-block-start: 0.35rem;
    margin-block-end: 0;
    font-size: 0.8rem;
    color: var(--es-muted, #5e6e7f);
}

.es-toolbar[b-7ovt9ufdmi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.65rem;
    padding: 0.95rem 1.05rem;
    border-radius: 0.9rem;
    border: 1px solid var(--es-border);
    background:
        radial-gradient(circle at 0 0, rgba(11, 138, 116, 0.09), transparent 35%),
        linear-gradient(180deg, #fcfeff 0%, #f7fbfd 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    flex-shrink: 0;
}

.es-toolbar-main[b-7ovt9ufdmi] {
    flex: 1 1 220px;
    min-width: 0;
}

.es-search-wrap[b-7ovt9ufdmi] {
    position: relative;
}

.es-search-wrap i[b-7ovt9ufdmi] {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--es-muted);
    font-size: 0.85rem;
    pointer-events: none;
}

.es-search-input[b-7ovt9ufdmi] {
    width: 100%;
    padding: 0.52rem 0.85rem 0.52rem 2.15rem;
    border-radius: 0.65rem;
    border: 1px solid var(--es-border);
    background: #fff;
    font-size: 0.92rem;
}

.es-search-input:focus[b-7ovt9ufdmi] {
    outline: none;
    border-color: rgba(11, 138, 116, 0.55);
    box-shadow: 0 0 0 3px rgba(11, 138, 116, 0.12);
}

.es-toolbar-actions[b-7ovt9ufdmi] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.es-stats[b-7ovt9ufdmi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.es-stat-chip[b-7ovt9ufdmi] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: var(--es-accent-soft);
    border: 1px solid rgba(11, 138, 116, 0.22);
    color: var(--es-accent-strong);
    font-size: 0.78rem;
    font-weight: 600;
}

.es-stat-chip i[b-7ovt9ufdmi] {
    opacity: 0.85;
}

.es-panel[b-7ovt9ufdmi] {
    border-radius: 0.9rem;
    border: 1px solid var(--es-border);
    background: #fff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.es-panel-header[b-7ovt9ufdmi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--es-border);
    background: #fafcfd;
    flex-shrink: 0;
}

.es-panel-header h5[b-7ovt9ufdmi] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--es-ink);
}

.es-hierarchy-hint[b-7ovt9ufdmi] {
    margin: 0;
    font-size: 0.82rem;
    color: var(--es-muted);
}

.es-tree-body[b-7ovt9ufdmi] {
    padding: 0.65rem 0.75rem 0.85rem;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.es-tree-body[b-7ovt9ufdmi]::-webkit-scrollbar {
    width: 8px;
}

.es-tree-body[b-7ovt9ufdmi]::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.es-tree-body[b-7ovt9ufdmi]::-webkit-scrollbar-thumb {
    background: rgba(11, 138, 116, 0.35);
    border-radius: 4px;
}

.es-tree-body[b-7ovt9ufdmi]::-webkit-scrollbar-thumb:hover {
    background: rgba(11, 138, 116, 0.55);
}

.es-loading-wrap[b-7ovt9ufdmi] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.es-empty[b-7ovt9ufdmi] {
    padding: 2.5rem 1rem;
    text-align: center;
    color: var(--es-muted);
}

.es-empty i[b-7ovt9ufdmi] {
    font-size: 2rem;
    color: rgba(11, 138, 116, 0.45);
    margin-bottom: 0.65rem;
}

.es-category-block[b-7ovt9ufdmi] {
    border: 1px solid var(--es-border);
    border-radius: 0.75rem;
    margin-bottom: 0.65rem;
    overflow: hidden;
    background: #fff;
}

.es-category-block:last-child[b-7ovt9ufdmi] {
    margin-bottom: 0;
}

.es-category-head[b-7ovt9ufdmi] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.72rem 0.85rem;
    background: linear-gradient(90deg, rgba(11, 138, 116, 0.08), rgba(11, 138, 116, 0.02));
    border-bottom: 1px solid transparent;
}

.es-category-head.is-open[b-7ovt9ufdmi] {
    border-bottom-color: var(--es-border);
}

.es-toggle-btn[b-7ovt9ufdmi] {
    width: 1.65rem;
    height: 1.65rem;
    border: none;
    border-radius: 0.45rem;
    background: rgba(11, 138, 116, 0.12);
    color: var(--es-accent-strong);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    cursor: pointer;
    transition: background 0.15s ease;
}

.es-toggle-btn:hover[b-7ovt9ufdmi] {
    background: rgba(11, 138, 116, 0.2);
}

.es-level-icon[b-7ovt9ufdmi] {
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 0.82rem;
}

.es-level-icon.category[b-7ovt9ufdmi] {
    background: rgba(11, 138, 116, 0.15);
    color: var(--es-accent-strong);
}

.es-level-icon.type[b-7ovt9ufdmi] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
}

.es-level-icon.subtype[b-7ovt9ufdmi] {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}

.es-node-main[b-7ovt9ufdmi] {
    flex: 1;
    min-width: 0;
}

.es-node-title[b-7ovt9ufdmi] {
    font-weight: 700;
    color: var(--es-ink);
    font-size: 0.95rem;
    line-height: 1.25;
}

.es-node-meta[b-7ovt9ufdmi] {
    font-size: 0.78rem;
    color: var(--es-muted);
    margin-top: 0.12rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.es-node-actions[b-7ovt9ufdmi] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.es-action-btn[b-7ovt9ufdmi] {
    width: 2rem;
    height: 2rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.45rem;
}

.es-type-list[b-7ovt9ufdmi] {
    padding: 0.45rem 0.65rem 0.65rem;
}

.es-type-block[b-7ovt9ufdmi] {
    border: 1px dashed #dbe4ea;
    border-radius: 0.65rem;
    margin-bottom: 0.5rem;
    background: #fcfdfd;
}

.es-type-block:last-child[b-7ovt9ufdmi] {
    margin-bottom: 0;
}

.es-type-block.inactive[b-7ovt9ufdmi],
.es-category-block.inactive[b-7ovt9ufdmi] {
    opacity: 0.72;
}

.es-type-head[b-7ovt9ufdmi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.62rem 0.72rem;
}

.es-subtype-list[b-7ovt9ufdmi] {
    padding: 0 0.72rem 0.62rem 2.35rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.es-subtype-row[b-7ovt9ufdmi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.48rem 0.62rem;
    border-radius: 0.55rem;
    background: #fff;
    border: 1px solid #e8eef2;
}

.es-subtype-row.inactive[b-7ovt9ufdmi] {
    opacity: 0.72;
}

.es-badge-inactive[b-7ovt9ufdmi] {
    font-size: 0.68rem;
    padding: 0.12rem 0.42rem;
    border-radius: 999px;
    background: #eef2f6;
    color: #64748b;
    font-weight: 600;
}

.es-badge-amortizable[b-7ovt9ufdmi] {
    font-size: 0.68rem;
    padding: 0.12rem 0.42rem;
    border-radius: 999px;
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
    font-weight: 600;
}

.es-empty-types[b-7ovt9ufdmi] {
    padding: 0.55rem 0.85rem 0.75rem 2.2rem;
    font-size: 0.84rem;
    color: var(--es-muted);
    font-style: italic;
}

.es-add-inline[b-7ovt9ufdmi] {
    font-size: 0.82rem;
    padding: 0.28rem 0.55rem;
    border-radius: 0.45rem;
}

@media (max-width: 768px) {
    .es-category-head[b-7ovt9ufdmi],
    .es-type-head[b-7ovt9ufdmi],
    .es-subtype-row[b-7ovt9ufdmi] {
        flex-wrap: wrap;
    }

    .es-node-actions[b-7ovt9ufdmi] {
        width: 100%;
        justify-content: flex-end;
    }

    .es-subtype-list[b-7ovt9ufdmi] {
        padding-inline-start: 1rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Expense/ManageExpense.razor.rz.scp.css */
.manage-expense-page[b-7mnif88oie] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
}

.manage-expense-tabs[b-7mnif88oie] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-expense-tabs[b-7mnif88oie]::-webkit-scrollbar { display: none; }

.manage-expense-tab[b-7mnif88oie] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-expense-tab:hover[b-7mnif88oie] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-expense-tab.active[b-7mnif88oie] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-expense-tab-icon[b-7mnif88oie] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-expense-tab.active .manage-expense-tab-icon[b-7mnif88oie] {
    opacity: 1;
}

.manage-expense-content[b-7mnif88oie] {
    min-width: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-expense-content > *[b-7mnif88oie] {
    flex: 1;
    min-height: 0;
}

@media (max-width: 768px) {
    .manage-expense-tabs[b-7mnif88oie] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-expense-tab[b-7mnif88oie] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Expense/RecurringExpenses.razor.rz.scp.css */
/* Recurring Expenses page – full-width layout, same pattern as Capital Expenses */

.recurring-expenses-page[b-n73v4nxlhw] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 1rem 0.75rem;
    display: flex;
    flex-direction: column;
    /* Take the remaining space inside .content-body */
    flex: 1 1 auto;
    min-height: 0;
    align-items: stretch;
}

.recurring-expenses-top[b-n73v4nxlhw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.recurring-expenses-top .page-title[b-n73v4nxlhw] {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 0 0 0.2rem 0;
    color: var(--bs-body-color, #212529);
}

.recurring-expenses-top .page-subtitle[b-n73v4nxlhw] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

.recurring-expenses-top .top-right[b-n73v4nxlhw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
}

.recurring-expenses-top .branch-info[b-n73v4nxlhw] {
    font-size: 0.875rem;
    color: var(--bs-secondary-color);
}

.recurring-expenses-top .branch-info .branch-name[b-n73v4nxlhw] {
    font-weight: 600;
    color: var(--bs-body-color);
    margin-inline-start: 0.35rem;
}

.recurring-expenses-top .top-buttons[b-n73v4nxlhw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.recurring-expenses-top .top-buttons .btn-text[b-n73v4nxlhw] {
    margin-inline-start: 0.4rem;
}

.recurring-expenses-heading[b-n73v4nxlhw] {
    font-size: 1.35rem;
    font-weight: 600;
    margin: 0;
    color: var(--bs-body-color, #212529);
}

.recurring-filters[b-n73v4nxlhw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    margin-bottom: 1rem;
}

.recurring-filters-label[b-n73v4nxlhw] {
    font-size: 0.9rem;
    color: var(--bs-secondary-color);
    margin-inline-end: 0.25rem;
}

/* ── Segmented control — overrides Bootstrap btn-group ── */
.recurring-filter-pills[b-n73v4nxlhw] {
    display: flex !important;
    gap: 2px;
    background: #f1f5f9;
    border-radius: 8px;
    padding: 3px;
    border: none !important;
}

.recurring-filter-pills .btn[b-n73v4nxlhw] {
    border-radius: 6px !important;
    border: none !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: .79rem !important;
    font-weight: 500 !important;
    padding: 3px 12px !important;
    box-shadow: none !important;
    transition: background .13s, color .13s, box-shadow .13s !important;
    white-space: nowrap;
}

.recurring-filter-pills .btn:hover[b-n73v4nxlhw] {
    background: rgba(255,255,255,0.6) !important;
    color: #374151 !important;
}

.recurring-filter-pills .btn.btn-success[b-n73v4nxlhw],
.recurring-filter-pills .btn.btn-primary[b-n73v4nxlhw] {
    background: #ffffff !important;
    color: #006747 !important;
    font-weight: 600 !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05) !important;
}

.recurring-exchange-hint[b-n73v4nxlhw] {
    margin-bottom: 1rem;
}

.recurring-filters .form-check[b-n73v4nxlhw] {
    margin-bottom: 0;
}

.recurring-expenses-loading[b-n73v4nxlhw] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

.recurring-expenses-empty[b-n73v4nxlhw] {
    border-radius: 0.375rem;
}

.recurring-expenses-table-card[b-n73v4nxlhw] {
    width: 100%;
    background: var(--bs-card-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    align-self: stretch;
}

.recurring-expenses-table-card .table-responsive[b-n73v4nxlhw] {
    width: 100%;
    overflow-x: auto;
}

.recurring-table-scroll[b-n73v4nxlhw] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow-x: auto;
    overflow-y: auto;
}

.recurring-pagination[b-n73v4nxlhw] {
    flex: 0 0 auto;
}

.recurring-expenses-table[b-n73v4nxlhw] {
    margin: 0;
    width: 100%;
    table-layout: fixed;
}

.recurring-expenses-table thead th[b-n73v4nxlhw] {
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--bs-secondary-color);
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--bs-border-color);
    background: var(--bs-light, #f8f9fa);
}

.recurring-expenses-table tbody td[b-n73v4nxlhw] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--bs-border-color-translucent, rgba(0, 0, 0, 0.06));
}

.recurring-expenses-table tbody tr:last-child td[b-n73v4nxlhw] {
    border-bottom: none;
}

.recurring-expenses-table .expense-name[b-n73v4nxlhw] {
    font-weight: 500;
    word-break: break-word;
}

.recurring-expenses-table .table-actions[b-n73v4nxlhw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.recurring-expenses-table .table-actions .btn[b-n73v4nxlhw] {
    padding: 0.35rem 0.5rem;
}

/* Column widths – full width table */
.recurring-expenses-table th:nth-child(1)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(1)[b-n73v4nxlhw] { width: 18%; }
.recurring-expenses-table th:nth-child(2)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(2)[b-n73v4nxlhw] { width: 14%; }
.recurring-expenses-table th:nth-child(3)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(3)[b-n73v4nxlhw] { width: 12%; }
.recurring-expenses-table th:nth-child(4)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(4)[b-n73v4nxlhw] { width: 18%; }
.recurring-expenses-table th:nth-child(5)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(5)[b-n73v4nxlhw] { width: 10%; }
.recurring-expenses-table th:nth-child(6)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(6)[b-n73v4nxlhw] { width: 12%; }
.recurring-expenses-table th:nth-child(7)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(7)[b-n73v4nxlhw] { width: 8%; }
.recurring-expenses-table th:nth-child(8)[b-n73v4nxlhw],
.recurring-expenses-table td:nth-child(8)[b-n73v4nxlhw] { width: 8%; }

[dir="rtl"] .recurring-expenses-top .branch-info .branch-name[b-n73v4nxlhw] {
    margin-inline-start: 0;
    margin-inline-end: 0.35rem;
}

[dir="rtl"] .recurring-expenses-top .top-buttons .btn-text[b-n73v4nxlhw] {
    margin-inline-start: 0;
    margin-inline-end: 0.4rem;
}

@media (max-width: 576px) {
    .recurring-expenses-top[b-n73v4nxlhw] {
        flex-direction: column;
        align-items: stretch;
    }

    .recurring-expenses-top .top-right[b-n73v4nxlhw] {
        flex-direction: column;
        align-items: stretch;
    }

    .recurring-expenses-top .top-buttons[b-n73v4nxlhw] {
        flex-wrap: wrap;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Expense/RegularExpenses.razor.rz.scp.css */
/* Regular expenses page refresh: stronger hierarchy, cleaner controls, and richer table readability. */

.regular-expenses-page[b-0u4r7rsorq] {
    --expense-accent: #0b8a74;
    --expense-accent-soft: #f0faf7;
    --expense-ink: #0f172a;
    --expense-border: #d9e1e7;
    --expense-muted: #5e6e7f;
    width: 100%;
    min-height: 100%;
    padding: 0 0.9rem 0.25rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.regular-expenses-top[b-0u4r7rsorq] {
    display: block;
    padding: 0.5rem 0.9rem 0.45rem;
    border-radius: 0.9rem;
    border: 1px solid var(--expense-border);
    background:
        radial-gradient(circle at 0 0, rgba(11, 138, 116, 0.09), transparent 33%),
        linear-gradient(180deg, #fcfeff 0%, #f7fbfd 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.regular-expenses-top .top-right[b-0u4r7rsorq] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    min-width: 0;
}

.regular-expenses-top .top-header-row[b-0u4r7rsorq] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 0.62rem;
    flex-wrap: nowrap;
}

.regular-expenses-top .top-control-row[b-0u4r7rsorq] {
    width: 100%;
    display: flex;
    align-items: flex-end;
    gap: 0.62rem;
    flex-wrap: wrap;
}

.regular-date-filter[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: flex-end;
    gap: 0.45rem;
    flex: 1 1 auto;
    min-width: 0;
}

.regular-date-filter .filter-field[b-0u4r7rsorq] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    min-width: 0;
}

.regular-date-filter .filter-field-type select[b-0u4r7rsorq] {
    min-width: 170px;
}

.regular-date-filter .filter-field-type:first-child[b-0u4r7rsorq] {
    flex: 0 1 175px;
}

.regular-date-filter .filter-field-type:nth-child(2)[b-0u4r7rsorq] {
    flex: 1 1 220px;
}

.regular-date-filter .filter-label[b-0u4r7rsorq] {
    font-size: 0.64rem;
    letter-spacing: 0.03em;
    color: var(--expense-muted);
    font-weight: 600;
}

.regular-date-filter .filter-sep[b-0u4r7rsorq] {
    align-self: center;
    color: #8d99a5;
    font-weight: 700;
    margin-top: 0.8rem;
}

.regular-date-filter .form-control[b-0u4r7rsorq] {
    border-color: #cdd6dc;
    font-size: 0.8rem;
    min-height: 31px;
    padding-block: 0.2rem;
}

.regular-date-filter input[type="date"][b-0u4r7rsorq] {
    width: 132px;
}

.regular-date-filter .btn-filter[b-0u4r7rsorq] {
    min-height: 31px;
    padding: 0.28rem 0.62rem;
    border-color: #c3cfd6;
    font-size: 0.8rem;
}

.regular-date-filter .btn-filter .btn-text[b-0u4r7rsorq] {
    margin-inline-start: 0.35rem;
}

.regular-expenses-top .top-buttons[b-0u4r7rsorq] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 0.5rem;
}

.regular-expenses-top .top-buttons .btn[b-0u4r7rsorq] {
    min-height: 34px;
    border-radius: 0.62rem;
    font-weight: 600;
    font-size: 0.82rem;
    padding: 0.3rem 0.72rem;
}

.regular-expenses-top .top-buttons .btn-text[b-0u4r7rsorq] {
    margin-inline-start: 0.35rem;
}

.regular-expenses-top .top-buttons .btn-create[b-0u4r7rsorq] {
    background: linear-gradient(180deg, #20b873 0%, #139b5e 100%);
    border-color: #118f55;
}

.regular-expenses-loading[b-0u4r7rsorq] {
    display: flex;
    justify-content: center;
    padding: 2.5rem 0;
}

.regular-expenses-empty[b-0u4r7rsorq] {
    border-radius: 0.75rem;
    border: 1px solid #cfe7f4;
    background: #f5fbff;
}

.regular-expenses-table-card[b-0u4r7rsorq] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - 170px);
    border-radius: 0.75rem;
    border: 1px solid var(--expense-border);
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}

.regular-expenses-table-card[b-0u4r7rsorq]  .unified-data-table {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.regular-expenses-table-card[b-0u4r7rsorq]  .udt-table-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.regular-expenses-table-card .table-responsive[b-0u4r7rsorq] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
}

.regular-expenses-table[b-0u4r7rsorq] {
    margin: 0;
    width: 100%;
    min-width: 1040px;
    border-collapse: separate;
    border-spacing: 0;
}

.regular-expenses-table thead th[b-0u4r7rsorq] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 0.72rem 0.88rem;
    background: #f2f6f9;
    border-bottom: 1px solid #d8e3e8;
    color: #56697a;
    font-size: 0.68rem;
    letter-spacing: 0.03em;
    font-weight: 600;
}

.regular-expenses-table tbody td[b-0u4r7rsorq] {
    padding: 0.72rem 0.88rem;
    border-bottom: 1px solid #edf2f5;
    vertical-align: middle;
    color: #1f2d3d;
    font-size: 0.84rem;
}

.regular-expenses-table tbody tr:nth-child(even) td[b-0u4r7rsorq] {
    background: #fbfcfe;
}

.regular-expenses-table tbody tr:hover td[b-0u4r7rsorq] {
    background: #f6faf8;
}

.regular-expenses-table tbody tr.is-linked-transaction td[b-0u4r7rsorq] {
    background: #fffef9;
}

.regular-expenses-table tbody tr:last-child td[b-0u4r7rsorq] {
    border-bottom: none;
}

.regular-expenses-table .cell-date[b-0u4r7rsorq] {
    white-space: nowrap;
}

.regular-expenses-table .date-chip[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    padding: 0.12rem 0.44rem;
    border-radius: 999px;
    border: 1px solid #d5e0e8;
    background: #ffffff;
    color: #546575;
    font-size: 0.72rem;
    font-weight: 600;
}

.regular-expenses-table .expense-name[b-0u4r7rsorq] {
    font-weight: 600;
    color: #152333;
}

.regular-expenses-table .type-chip[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.18rem 0.5rem;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #d8e7ff;
    color: #254f82;
    font-size: 0.71rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.regular-expenses-table .amount-cell[b-0u4r7rsorq] {
    white-space: nowrap;
}

.regular-expenses-table .amount-value[b-0u4r7rsorq] {
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 800;
}

.regular-expenses-table .amount-currency[b-0u4r7rsorq] {
    margin-inline-start: 0.35rem;
    color: #637688;
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.regular-expenses-table .account-cell[b-0u4r7rsorq],
.regular-expenses-table .employee-cell[b-0u4r7rsorq] {
    color: #27384a;
}

.regular-expenses-table .note-cell[b-0u4r7rsorq] {
    max-width: 280px;
    color: #586a7b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.regular-expenses-table .table-actions[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
}

.regular-expenses-table .action-btn[b-0u4r7rsorq] {
    width: 1.78rem;
    height: 1.78rem;
    padding: 0;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.regular-expenses-table .action-btn-edit:hover[b-0u4r7rsorq] {
    background: #e8f3ff;
    border-color: #4d9aff;
}

.regular-expenses-table .action-btn-delete:hover[b-0u4r7rsorq] {
    background: #fff0f1;
    border-color: #ef5464;
}

.regular-expenses-table .action-btn-receipt:hover[b-0u4r7rsorq] {
    background: #edfbff;
    border-color: #1fa2c0;
}

.regular-expenses-footer[b-0u4r7rsorq] {
    position: sticky;
    bottom: 0;
    z-index: 12;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 0.7rem;
    border-top: 1px solid #cfe0dc;
    background: linear-gradient(180deg, #f8fcfb 0%, #eef8f5 100%);
}

.expense-list-total-widget[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 42px;
    padding: 0.36rem 0.72rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(11, 138, 116, 0.26);
    background: var(--expense-accent-soft);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.expense-list-total-title[b-0u4r7rsorq] {
    font-size: 0.66rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #0b5f58;
    font-weight: 800;
}

.expense-list-total-empty[b-0u4r7rsorq] {
    font-size: 0.98rem;
    line-height: 1;
    font-weight: 800;
    color: var(--expense-ink);
}

.expense-list-total-values[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.expense-list-total-value[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.45rem;
    padding: 0.2rem 0.42rem;
    border-radius: 0.4rem;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(11, 138, 116, 0.16);
}

.expense-list-total-value .currency-code[b-0u4r7rsorq] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #0b5f58;
}

.expense-list-total-value .total-amount[b-0u4r7rsorq] {
    font-size: 0.86rem;
    font-weight: 800;
    color: var(--expense-ink);
}

.regular-expenses-footer .footer-count[b-0u4r7rsorq] {
    font-size: 0.84rem;
}

[dir="rtl"] .regular-date-filter .btn-filter .btn-text[b-0u4r7rsorq],
[dir="rtl"] .regular-expenses-top .top-buttons .btn-text[b-0u4r7rsorq] {
    margin-inline-start: 0;
    margin-inline-end: 0.35rem;
}

[dir="rtl"] .regular-expenses-table .amount-currency[b-0u4r7rsorq] {
    margin-inline-start: 0;
    margin-inline-end: 0.35rem;
}

@media (max-width: 1200px) {
    .regular-date-filter .filter-field-type select[b-0u4r7rsorq] {
        min-width: 140px;
    }

    .regular-date-filter .filter-field-type:first-child[b-0u4r7rsorq] {
        flex-basis: 140px;
    }

    .regular-date-filter input[type="date"][b-0u4r7rsorq] {
        width: 124px;
    }
}

@media (max-width: 992px) {
    .regular-expenses-top[b-0u4r7rsorq] {
        padding: 0.8rem;
    }

    .regular-expenses-top .top-right[b-0u4r7rsorq],
    .regular-expenses-top .top-header-row[b-0u4r7rsorq],
    .regular-expenses-top .top-control-row[b-0u4r7rsorq] {
        width: 100%;
    }

    .regular-expenses-top .top-control-row[b-0u4r7rsorq] {
        flex-direction: column;
        align-items: stretch;
    }

    .regular-expenses-top .top-header-row[b-0u4r7rsorq] {
        flex-wrap: wrap;
        align-items: stretch;
    }

    .regular-date-filter[b-0u4r7rsorq] {
        min-width: 0;
        width: 100%;
        order: 3;
        flex-wrap: wrap;
    }

    .regular-date-filter .filter-sep[b-0u4r7rsorq] {
        display: none;
    }

}

@media (max-width: 768px) {
    .regular-expenses-page[b-0u4r7rsorq] {
        padding-inline: 0.55rem;
    }

    .regular-expenses-top .top-buttons[b-0u4r7rsorq],
    .regular-date-filter[b-0u4r7rsorq] {
        width: 100%;
    }

    .regular-expenses-top .top-buttons[b-0u4r7rsorq] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .regular-expenses-table[b-0u4r7rsorq] {
        min-width: 920px;
    }

    .regular-expenses-table-card[b-0u4r7rsorq] {
        max-height: calc(100vh - 200px);
    }

    .regular-expenses-footer[b-0u4r7rsorq] {
        align-items: stretch;
        flex-direction: column;
    }

    .expense-list-total-widget[b-0u4r7rsorq] {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
}

/* ── Expense create/edit modal form ── */
.modal-formal--expense .modal-body--expense-form[b-0u4r7rsorq] {
    padding: 0;
    background: #f4f7f9;
}

.expense-form[b-0u4r7rsorq] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.expense-form-section[b-0u4r7rsorq] {
    padding: 1.1rem 1.35rem;
    background: #ffffff;
    border-bottom: 1px solid #e8edf2;
}

.expense-form-section--optional[b-0u4r7rsorq] {
    background: linear-gradient(180deg, #fafcfb 0%, #ffffff 100%);
}

.expense-form-section--last[b-0u4r7rsorq] {
    border-bottom: none;
}

.expense-section-title[b-0u4r7rsorq] {
    margin: 0 0 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #0b5f58;
}

.expense-section-icon[b-0u4r7rsorq] {
    width: 1.65rem;
    height: 1.65rem;
    border-radius: 0.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--expense-accent-soft, #f0faf7);
    border: 1px solid rgba(11, 138, 116, 0.22);
    color: var(--expense-accent, #0b8a74);
    font-size: 0.72rem;
}

.expense-form-grid[b-0u4r7rsorq] {
    display: grid;
    gap: 0.85rem 1rem;
}

.expense-form-grid--1[b-0u4r7rsorq] {
    grid-template-columns: 1fr;
}

.expense-form-grid--2[b-0u4r7rsorq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.expense-payment-hero[b-0u4r7rsorq] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(11, 138, 116, 0.2);
    background: linear-gradient(135deg, #f7fcfa 0%, #ffffff 100%);
}

.expense-amount-hero-row[b-0u4r7rsorq] {
    display: flex;
    align-items: stretch;
    gap: 0.55rem;
}

.expense-control--amount-lg[b-0u4r7rsorq] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 3rem;
    font-size: 1.35rem;
    font-weight: 800;
    text-align: end;
    border-color: rgba(11, 138, 116, 0.3);
}

.expense-control--currency-lg[b-0u4r7rsorq] {
    flex: 0 0 6.25rem;
    min-height: 3rem;
    font-size: 1rem;
    font-weight: 800;
    color: #0b5f58;
    background: #ffffff;
    border-color: rgba(11, 138, 116, 0.35);
}

.expense-payment-row[b-0u4r7rsorq] {
    margin-bottom: 0.75rem;
}

.expense-field--tag-row[b-0u4r7rsorq] {
    margin-bottom: 0.75rem;
}

.expense-exchange-panel[b-0u4r7rsorq] {
    padding: 0.75rem 0.9rem;
    border-radius: 0.6rem;
    border: 1px solid rgba(11, 138, 116, 0.22);
    background: #f3fbf8;
}

.expense-exchange-panel.is-invalid-panel[b-0u4r7rsorq] {
    border-color: #f87171;
    background: #fff8f8;
}

.expense-exchange-panel-head[b-0u4r7rsorq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

.expense-exchange-panel-title[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #0b5f58;
}

.expense-exchange-badge[b-0u4r7rsorq] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #0b5f58;
    background: rgba(11, 138, 116, 0.12);
    border: 1px solid rgba(11, 138, 116, 0.22);
    border-radius: 999px;
    padding: 0.15rem 0.5rem;
}

.expense-exchange-value[b-0u4r7rsorq] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 800;
    color: #0f172a;
}

.expense-exchange-change-btn[b-0u4r7rsorq] {
    margin-top: 0.45rem;
    padding: 0;
    border: none;
    background: none;
    color: #0b8a74;
    font-size: 0.78rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

.expense-exchange-change-btn:hover[b-0u4r7rsorq] {
    color: #066b5a;
}

.expense-field[b-0u4r7rsorq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
}

.expense-field--full[b-0u4r7rsorq] {
    grid-column: 1 / -1;
}

.expense-label[b-0u4r7rsorq] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
    margin: 0;
}

.expense-required[b-0u4r7rsorq] {
    color: #dc2626;
}

.expense-hint[b-0u4r7rsorq] {
    margin: 0;
    font-size: 0.72rem;
    line-height: 1.4;
    color: var(--expense-muted, #5e6e7f);
}

.expense-field-error[b-0u4r7rsorq] {
    font-size: 0.75rem;
    color: #dc2626;
    font-weight: 500;
}

.expense-control[b-0u4r7rsorq] {
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid #cdd6dc;
    border-radius: 0.55rem;
    font-size: 0.875rem;
    color: #0f172a;
    background: #fafcfb;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.expense-control:focus[b-0u4r7rsorq] {
    outline: none;
    border-color: rgba(11, 138, 116, 0.55);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(11, 138, 116, 0.14);
}

.expense-control.is-invalid[b-0u4r7rsorq] {
    border-color: #f87171;
    background: #fffbfb;
}

.expense-control--textarea[b-0u4r7rsorq] {
    min-height: 5.5rem;
    resize: vertical;
}

.expense-control--tag[b-0u4r7rsorq] {
    font-family: ui-monospace, monospace;
    letter-spacing: 0.02em;
}

.expense-amount-row[b-0u4r7rsorq] {
    display: flex;
    align-items: stretch;
    gap: 0.45rem;
}

.expense-control--amount[b-0u4r7rsorq] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 1.05rem;
    font-weight: 700;
    text-align: end;
}

.expense-control--currency[b-0u4r7rsorq] {
    flex: 0 0 5.5rem;
    min-width: 5.5rem;
    font-weight: 700;
    color: #0b5f58;
    background: var(--expense-accent-soft, #f0faf7);
    border-color: rgba(11, 138, 116, 0.28);
}

.expense-receipt-upload[b-0u4r7rsorq] {
    position: relative;
    min-height: 7.5rem;
}

.expense-receipt-upload[b-0u4r7rsorq]  input[type="file"].expense-receipt-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.expense-receipt-dropzone[b-0u4r7rsorq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 7.5rem;
    padding: 1rem 0.85rem;
    border: 1.5px dashed rgba(11, 138, 116, 0.38);
    border-radius: 0.65rem;
    background: linear-gradient(180deg, #f8fcfb 0%, #ffffff 100%);
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.expense-receipt-dropzone:hover[b-0u4r7rsorq] {
    border-color: rgba(11, 138, 116, 0.65);
    background: #f0faf7;
    box-shadow: 0 4px 14px rgba(11, 138, 116, 0.1);
}

.expense-receipt-dropzone-icon[b-0u4r7rsorq] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 138, 116, 0.12);
    color: #0b8a74;
    font-size: 1.1rem;
}

.expense-receipt-dropzone-title[b-0u4r7rsorq] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #0b5f58;
}

.expense-receipt-dropzone-hint[b-0u4r7rsorq] {
    font-size: 0.72rem;
    line-height: 1.4;
    color: var(--expense-muted, #5e6e7f);
    max-width: 16rem;
}

.expense-receipt-preview[b-0u4r7rsorq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem;
    border: 1px solid rgba(11, 138, 116, 0.22);
    border-radius: 0.65rem;
    background: #ffffff;
}

.expense-receipt-thumb-btn[b-0u4r7rsorq] {
    position: relative;
    flex-shrink: 0;
    width: 4.5rem;
    height: 4.5rem;
    padding: 0;
    border: 1px solid #d9e4e8;
    border-radius: 0.5rem;
    overflow: hidden;
    background: #f1f5f9;
    cursor: pointer;
}

.expense-receipt-thumb-btn img[b-0u4r7rsorq] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.expense-receipt-thumb-overlay[b-0u4r7rsorq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.45);
    color: #ffffff;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.expense-receipt-thumb-btn:hover .expense-receipt-thumb-overlay[b-0u4r7rsorq],
.expense-receipt-thumb-btn:focus-visible .expense-receipt-thumb-overlay[b-0u4r7rsorq] {
    opacity: 1;
}

.expense-receipt-meta[b-0u4r7rsorq] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.expense-receipt-name[b-0u4r7rsorq] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.expense-receipt-actions[b-0u4r7rsorq] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.expense-receipt-action[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.55rem;
    border-radius: 0.45rem;
    font-size: 0.74rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.expense-receipt-action--replace[b-0u4r7rsorq] {
    margin: 0;
    background: #f0faf7;
    border-color: rgba(11, 138, 116, 0.28);
    color: #0b5f58;
}

.expense-receipt-action--replace:hover[b-0u4r7rsorq] {
    background: #e2f5ef;
}

.expense-receipt-action--remove[b-0u4r7rsorq] {
    background: #fff5f5;
    border-color: #fecaca;
    color: #b91c1c;
}

.expense-receipt-action--remove:hover:not(:disabled)[b-0u4r7rsorq] {
    background: #fee2e2;
}

.expense-receipt-action--remove:disabled[b-0u4r7rsorq] {
    opacity: 0.6;
    cursor: not-allowed;
}

.expense-receipt-uploading[b-0u4r7rsorq] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 0.65rem;
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.8rem;
    font-weight: 600;
    color: #0b5f58;
    z-index: 2;
}

.expense-receipt-upload.is-uploading .expense-receipt-dropzone[b-0u4r7rsorq],
.expense-receipt-upload.is-uploading .expense-receipt-preview[b-0u4r7rsorq] {
    pointer-events: none;
    opacity: 0.55;
}

.expense-optional-grid[b-0u4r7rsorq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.expense-optional-card[b-0u4r7rsorq] {
    border: 1px dashed #c5d0d8;
    border-radius: 0.65rem;
    background: #f9fbfc;
    padding: 0.65rem 0.75rem;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.expense-optional-card.is-active[b-0u4r7rsorq] {
    border-style: solid;
    border-color: rgba(11, 138, 116, 0.35);
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(11, 138, 116, 0.08);
}

.expense-optional-toggle[b-0u4r7rsorq] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin: 0;
    cursor: pointer;
    user-select: none;
}

.expense-optional-check[b-0u4r7rsorq] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.expense-optional-toggle-ui[b-0u4r7rsorq] {
    width: 2.1rem;
    height: 1.2rem;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    flex-shrink: 0;
    transition: background 0.2s ease;
}

.expense-optional-toggle-ui[b-0u4r7rsorq]::after {
    content: "";
    position: absolute;
    top: 2px;
    inset-inline-start: 2px;
    width: calc(1.2rem - 4px);
    height: calc(1.2rem - 4px);
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    transition: transform 0.2s ease;
}

.expense-optional-check:checked + .expense-optional-toggle-ui[b-0u4r7rsorq] {
    background: linear-gradient(180deg, #20b873 0%, #0b8a74 100%);
}

.expense-optional-check:checked + .expense-optional-toggle-ui[b-0u4r7rsorq]::after {
    inset-inline-start: auto;
    inset-inline-end: 2px;
}

.expense-optional-label[b-0u4r7rsorq] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1e293b;
}

.expense-optional-label i[b-0u4r7rsorq] {
    color: #0b8a74;
    font-size: 0.78rem;
}

.expense-optional-body[b-0u4r7rsorq] {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid #e8edf2;
}

.expense-employee-summary[b-0u4r7rsorq] {
    margin-top: 0.55rem;
    padding: 0.55rem 0.65rem;
    border-radius: 0.5rem;
    background: var(--expense-accent-soft, #f0faf7);
    border: 1px solid rgba(11, 138, 116, 0.16);
}

.expense-summary-row[b-0u4r7rsorq] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #475569;
    padding: 0.15rem 0;
}

.expense-summary-row strong[b-0u4r7rsorq] {
    color: #0f172a;
    font-weight: 700;
}

.expense-summary-row--total[b-0u4r7rsorq] {
    margin-top: 0.25rem;
    padding-top: 0.35rem;
    border-top: 1px solid rgba(11, 138, 116, 0.18);
    font-weight: 600;
}

.expense-form-notice[b-0u4r7rsorq] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin: 0.85rem 1.35rem 1.1rem;
    padding: 0.65rem 0.8rem;
    border-radius: 0.55rem;
    background: #eef8ff;
    border: 1px solid #cfe7f4;
    color: #1e4a63;
    font-size: 0.8rem;
    line-height: 1.45;
}

.expense-form-notice i[b-0u4r7rsorq] {
    color: #0284c7;
    margin-top: 0.1rem;
}

.modal-formal--expense .modal-footer-inner[b-0u4r7rsorq] {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
}

.modal-formal--expense .btn-expense-cancel[b-0u4r7rsorq] {
    min-height: 2.45rem;
    padding: 0.45rem 1rem;
    border-radius: 0.55rem;
    border: 1px solid #cdd6dc;
    background: #ffffff;
    color: #475569;
    font-weight: 600;
    font-size: 0.875rem;
}

.modal-formal--expense .btn-expense-cancel:hover[b-0u4r7rsorq] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.modal-formal--expense .btn-expense-save[b-0u4r7rsorq] {
    min-height: 2.45rem;
    padding: 0.45rem 1.15rem;
    border-radius: 0.55rem;
    border: none;
    background: linear-gradient(180deg, #20b873 0%, #0b8a74 100%);
    color: #ffffff;
    font-weight: 700;
    font-size: 0.875rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    box-shadow: 0 4px 14px rgba(11, 138, 116, 0.28);
}

.modal-formal--expense .btn-expense-save:hover:not(:disabled)[b-0u4r7rsorq] {
    filter: brightness(1.04);
}

.modal-formal--expense .btn-expense-save:disabled[b-0u4r7rsorq] {
    opacity: 0.7;
}

.expense-form[b-0u4r7rsorq]  .expense-subtype-info-btn {
    border-radius: 0.55rem;
    border-color: #cdd6dc;
    color: #0b8a74;
}

@media (max-width: 768px) {
    .expense-amount-hero-row[b-0u4r7rsorq] {
        flex-direction: column;
    }

    .expense-control--currency-lg[b-0u4r7rsorq] {
        flex: 1 1 auto;
        width: 100%;
    }

    .expense-form-grid--2[b-0u4r7rsorq],
    .expense-optional-grid[b-0u4r7rsorq] {
        grid-template-columns: 1fr;
    }

    .expense-form-section[b-0u4r7rsorq] {
        padding: 1rem;
    }

    .expense-form-notice[b-0u4r7rsorq] {
        margin-inline: 1rem;
    }
}

@media (max-width: 576px) {
    .regular-expenses-top[b-0u4r7rsorq] {
        padding: 0.72rem;
    }

    .regular-date-filter[b-0u4r7rsorq] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .regular-date-filter .filter-field[b-0u4r7rsorq] {
        grid-column: span 1;
    }

    .regular-date-filter .filter-field-type[b-0u4r7rsorq] {
        grid-column: 1 / -1;
    }

    .regular-date-filter .filter-sep[b-0u4r7rsorq] {
        display: none;
    }

    .regular-date-filter .btn-filter[b-0u4r7rsorq] {
        grid-column: 1 / -1;
    }

    .regular-date-filter .filter-field-type select[b-0u4r7rsorq],
    .regular-date-filter input[type="date"][b-0u4r7rsorq] {
        width: 100%;
    }

    .regular-expenses-top .top-buttons[b-0u4r7rsorq] {
        grid-template-columns: 1fr;
    }

    .regular-expenses-footer[b-0u4r7rsorq] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/Inventory.razor.rz.scp.css */
/* Inventory Dashboard - cohesive layout and visual hierarchy */

.inventory-page[b-8per1s2pc4] {
    width: 100%;
    min-width: 0; /* allow flex shrink */
}

.inventory-header[b-8per1s2pc4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-color, #dee2e6);
}

.inventory-header .page-title[b-8per1s2pc4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dark-color, #333);
    margin: 0;
}

.inventory-header .page-subtitle[b-8per1s2pc4] {
    font-size: 0.9rem;
    color: var(--text-light, #6c757d);
    margin: 0.25rem 0 0 0;
}

.inventory-header-actions[b-8per1s2pc4] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Stat cards - match main Dashboard style */
.inventory-stat-card[b-8per1s2pc4] {
    background: var(--card-bg-color, #fff);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
}

.inventory-stat-card:hover[b-8per1s2pc4] {
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}

.inventory-stat-icon[b-8per1s2pc4] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 1rem;
    flex-shrink: 0;
}

.inventory-stat-icon i[b-8per1s2pc4] {
    font-size: 1.35rem;
    color: white;
}

.inventory-stat-content[b-8per1s2pc4] {
    flex: 1;
    min-width: 0;
}

.inventory-stat-number[b-8per1s2pc4] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--dark-color, #1a1a2e);
}

.inventory-stat-label[b-8per1s2pc4] {
    font-size: 0.85rem;
    color: var(--text-light, #6c757d);
    margin: 0.2rem 0 0 0;
}

/* Section cards */
.inventory-section-card[b-8per1s2pc4] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.inventory-section-card .card-header[b-8per1s2pc4] {
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.inventory-section-card .card-title[b-8per1s2pc4] {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 600;
}

.inventory-section-card .card-body[b-8per1s2pc4] {
    padding: 1.25rem;
}

/* Low stock table */
.inventory-section-card .table[b-8per1s2pc4] {
    margin-bottom: 0;
}

.inventory-section-card .table thead th[b-8per1s2pc4] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-light, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.75rem 1rem;
}

.inventory-section-card .table tbody td[b-8per1s2pc4] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

.inventory-section-card .table tbody tr:hover[b-8per1s2pc4] {
    background: rgba(0, 103, 71, 0.04);
}

.inventory-qty-badge[b-8per1s2pc4] {
    font-weight: 600;
    min-width: 2rem;
    display: inline-block;
    text-align: center;
}

.inventory-row-actions[b-8per1s2pc4] {
    display: flex;
    gap: 0.35rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* View All / Manage links */
.section-link[b-8per1s2pc4] {
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
}

.section-link:hover[b-8per1s2pc4] {
    text-decoration: underline;
}

/* Empty states */
.inventory-empty-state[b-8per1s2pc4] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text-light, #6c757d);
}

.inventory-empty-state i[b-8per1s2pc4] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.7;
}

/* Responsive */
@@media (max-width: 768px) {
    .inventory-header[b-8per1s2pc4] {
        flex-direction: column;
        align-items: flex-start;
    }

    .inventory-stat-number[b-8per1s2pc4] {
        font-size: 1.35rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventoryAssetsReport.razor.rz.scp.css */
/* Inventory Assets Report - polished, readable, RTL/LTR friendly */

/* ── Column visibility ─────────────────────────────────────────── */
.col-hidden[b-d3g57dlsu6] {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

.inventory-assets-table:has(.col-hidden)[b-d3g57dlsu6] {
    width: max-content;
    min-width: 0;
}

.inventory-assets-tabs-row[b-d3g57dlsu6] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.inventory-tabs-actions[b-d3g57dlsu6] {
    margin-inline-start: auto;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.inventory-col-toggle-btn[b-d3g57dlsu6] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #3d5248;
    background: #eef4f1;
    border: 1px solid #c8d6cf;
    border-radius: 8px;
    padding: 0.3rem 0.7rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: background 140ms ease, border-color 140ms ease;
}

.inventory-col-toggle-btn:hover[b-d3g57dlsu6] {
    background: #e2ede8;
    border-color: #a8bdb5;
    color: #1f332b;
}

.inventory-col-chooser-wrap[b-d3g57dlsu6] {
    position: relative;
    display: inline-block;
}

.inventory-col-chooser-backdrop[b-d3g57dlsu6] {
    position: fixed;
    inset: 0;
    z-index: 500;
}

.inventory-col-chooser-panel[b-d3g57dlsu6] {
    position: absolute;
    inset-inline-end: 0;
    top: calc(100% + 4px);
    z-index: 501;
    background: #ffffff;
    border: 1px solid #d0dbd5;
    border-radius: 10px;
    box-shadow: 0 8px 28px rgba(18, 44, 34, 0.14);
    padding: 0.45rem 0.35rem;
    min-width: 210px;
    max-height: 340px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.inventory-col-check-item[b-d3g57dlsu6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.5rem;
    border-radius: 7px;
    cursor: pointer;
    font-size: 0.8rem;
    color: #2b3d35;
    transition: background 100ms ease;
    user-select: none;
    white-space: nowrap;
}

.inventory-col-check-item:hover[b-d3g57dlsu6] {
    background: #f0f6f3;
}

.inventory-col-check-item input[type="checkbox"][b-d3g57dlsu6] {
    flex-shrink: 0;
    width: 0.95rem;
    height: 0.95rem;
    accent-color: #06754f;
    cursor: pointer;
}
/* ──────────────────────────────────────────────────────────────── */

.inventory-assets-report[b-d3g57dlsu6] {
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
    height: calc(100dvh - 5.25rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inventory-assets-filters-card[b-d3g57dlsu6],
.inventory-assets-tabs-wrap[b-d3g57dlsu6] {
    flex-shrink: 0;
}

.inventory-assets-filters-card[b-d3g57dlsu6] {
    border: 1px solid #d5e0da;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(18, 44, 34, 0.06);
    overflow: hidden;
    margin-bottom: 0.35rem !important;
}

.inventory-filters-body[b-d3g57dlsu6] {
    padding: 0.42rem 0.65rem 0.48rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.inventory-assets-tabs-wrap[b-d3g57dlsu6] {
    margin-bottom: 0.35rem !important;
}

.inventory-filters-grid[b-d3g57dlsu6] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.4rem;
    align-items: end;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 0.1rem;
}

.inventory-filters-grid[b-d3g57dlsu6]::-webkit-scrollbar {
    height: 6px;
}

.inventory-filters-grid[b-d3g57dlsu6]::-webkit-scrollbar-thumb {
    background: #b7c6bf;
    border-radius: 999px;
}

.inventory-filter-field[b-d3g57dlsu6] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 0 0 9.6rem;
    max-width: 9.6rem;
    min-width: 0;
}

.inventory-filter-field--wide[b-d3g57dlsu6] {
    flex-basis: 11.2rem;
    max-width: 11.2rem;
}

.inventory-filter-field--date[b-d3g57dlsu6] {
    flex-basis: 8rem;
    max-width: 8rem;
}

.inventory-filter-field--qty[b-d3g57dlsu6] {
    flex: 0 0 13.25rem;
    max-width: 13.25rem;
    min-width: 0;
}

.inventory-filter-field--actions[b-d3g57dlsu6] {
    flex: 0 0 9.95rem;
    max-width: 9.95rem;
    min-width: 0;
}

.inventory-filter-field--actions-export[b-d3g57dlsu6] {
    flex-basis: 17.25rem;
    max-width: 17.25rem;
}

.inventory-filter-label--blank[b-d3g57dlsu6] {
    opacity: 0;
    pointer-events: none;
}

.inventory-filter-label[b-d3g57dlsu6] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.inventory-filter-input-wrap[b-d3g57dlsu6] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    height: 34px;
    padding: 0 0.55rem;
    border: 1px solid #c9d7d0;
    border-radius: 10px;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.inventory-filter-input-wrap:focus-within[b-d3g57dlsu6] {
    border-color: #0b7758;
    box-shadow: 0 0 0 0.18rem rgba(11, 119, 88, 0.12);
}

.inventory-filter-input-wrap i[b-d3g57dlsu6] {
    color: #8a9b93;
    font-size: 0.78rem;
    flex-shrink: 0;
}

.inventory-filter-control[b-d3g57dlsu6] {
    width: 100%;
    min-width: 0;
    border: none;
    background: transparent;
    color: #2b3d35;
    font-size: 0.76rem;
    padding: 0;
    height: 100%;
    outline: none;
    box-shadow: none;
}

.inventory-filter-control[b-d3g57dlsu6]::placeholder {
    color: #73877f;
    opacity: 1;
}

.inventory-filter-select[b-d3g57dlsu6] {
    border: 1px solid #c9d7d0;
    border-radius: 10px;
    height: 34px;
    min-height: 34px;
    padding: 0 0.55rem;
    background: #ffffff;
    line-height: 1.25;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
}

.inventory-filter-date[b-d3g57dlsu6] {
    border: 1px solid #c9d7d0;
    border-radius: 10px;
    height: 34px;
    min-height: 34px;
    padding: 0 0.5rem;
    background: #ffffff;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.inventory-filter-select:focus[b-d3g57dlsu6],
.inventory-filter-date:focus[b-d3g57dlsu6] {
    border-color: #0b7758;
    box-shadow: 0 0 0 0.18rem rgba(11, 119, 88, 0.12);
    outline: none;
}

.inventory-filter-actions[b-d3g57dlsu6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    height: 34px;
    min-width: 0;
}

.inventory-search-btn[b-d3g57dlsu6],
.inventory-reset-btn[b-d3g57dlsu6],
.inventory-export-btn[b-d3g57dlsu6] {
    height: 34px;
    min-width: 0;
    padding: 0 0.55rem;
    border-radius: 10px;
    font-weight: 700;
    font-size: 0.72rem;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: 1px solid transparent;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;
    flex: 1 1 0;
}

.inventory-search-btn[b-d3g57dlsu6] {
    width: 5.35rem;
    flex: 0 0 5.35rem;
    background: #06754f;
    border-color: #06754f;
    color: #ffffff;
    box-shadow: 0 3px 10px rgba(6, 117, 79, 0.28);
}

.inventory-search-btn:hover:not(:disabled)[b-d3g57dlsu6],
.inventory-search-btn:focus:not(:disabled)[b-d3g57dlsu6] {
    background: #055f40;
    border-color: #055f40;
    color: #ffffff;
    box-shadow: 0 4px 12px rgba(6, 117, 79, 0.3);
}

.inventory-reset-btn[b-d3g57dlsu6] {
    width: 34px;
    flex: 0 0 34px;
    padding: 0;
    border-color: #b7c6bf;
    color: #33453e;
    background: #fbfdfc;
}

.inventory-reset-btn:hover:not(:disabled)[b-d3g57dlsu6],
.inventory-reset-btn:focus:not(:disabled)[b-d3g57dlsu6] {
    background: #f3f8f5;
    border-color: #9fb1aa;
    color: #24342f;
}

.inventory-export-btn[b-d3g57dlsu6] {
    flex: 0 0 7.8rem;
    min-width: 7.8rem;
    background: #0b7758;
    border-color: #0b7758;
    color: #ffffff;
}

.inventory-export-btn:hover:not(:disabled)[b-d3g57dlsu6],
.inventory-export-btn:focus:not(:disabled)[b-d3g57dlsu6] {
    background: #096349;
    border-color: #096349;
    color: #ffffff;
}

.inventory-search-btn:disabled[b-d3g57dlsu6],
.inventory-reset-btn:disabled[b-d3g57dlsu6],
.inventory-export-btn:disabled[b-d3g57dlsu6] {
    box-shadow: none;
    opacity: 0.65;
    cursor: not-allowed;
}

.inventory-qty-segment[b-d3g57dlsu6] {
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 34px;
    padding: 0;
    border: 1px solid #cfdad4;
    border-radius: 10px;
    background: #f4f8f6;
}

.inventory-qty-segment__label[b-d3g57dlsu6] {
    display: none;
    font-size: 0.72rem;
    font-weight: 700;
    color: #4a6259;
    white-space: nowrap;
}

.inventory-qty-segment__control[b-d3g57dlsu6] {
    display: inline-flex;
    align-items: stretch;
    width: 100%;
    min-width: 0;
    height: 100%;
    border: none;
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
}

.inventory-qty-segment__btn[b-d3g57dlsu6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 6rem;
    min-width: 6rem;
    gap: 0.35rem;
    padding: 0 0.55rem;
    border: none;
    background: transparent;
    color: #4a6259;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.inventory-qty-segment__btn + .inventory-qty-segment__btn[b-d3g57dlsu6] {
    border-inline-start: 1px solid #d5e0da;
}

.inventory-qty-segment__btn:hover:not(.is-active)[b-d3g57dlsu6] {
    background: #eef4f1;
    color: #1f332b;
}

.inventory-qty-segment__btn.is-active[b-d3g57dlsu6] {
    background: #06754f;
    color: #ffffff;
}

.inventory-qty-segment__btn.is-active i[b-d3g57dlsu6] {
    color: #ffffff;
}

.inventory-filter-chips[b-d3g57dlsu6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding: 0.55rem 0.65rem;
    border-radius: 10px;
    background: #f3f8f5;
    border: 1px solid #dde7e2;
}

.inventory-filter-chips__label[b-d3g57dlsu6] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #4a6259;
    margin-inline-end: 0.15rem;
}

.inventory-filter-chip[b-d3g57dlsu6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.55rem;
    border: 1px solid #c8d6cf;
    border-radius: 999px;
    background: #ffffff;
    color: #2b3d35;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
    max-width: 100%;
}

.inventory-filter-chip:hover[b-d3g57dlsu6] {
    background: #eef4f1;
    border-color: #a8bdb5;
    color: #1f332b;
}

.inventory-filter-chip i[b-d3g57dlsu6] {
    font-size: 0.62rem;
    color: #6b7d75;
}

.inventory-filter-chip:hover i[b-d3g57dlsu6] {
    color: #b42318;
}

.inventory-assets-tabs-wrap[b-d3g57dlsu6] {
    background: #f1f5f9;
    border-radius: 8px;
    padding: 5px 8px;
    position: relative;
    margin-bottom: 0.35rem !important;
}

.inventory-assets-tabs[b-d3g57dlsu6] {
    flex: 0 1 auto;
    min-width: 0;
    border-bottom: none;
    gap: 2px;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

.inventory-assets-tabs .nav-item[b-d3g57dlsu6] {
    margin-bottom: 0;
    display: flex;
}

.inventory-assets-tabs button.nav-link[b-d3g57dlsu6] {
    border: none;
    border-radius: 6px;
    padding: 0 12px;
    min-height: 30px;
    color: #64748b;
    background: transparent;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    position: relative;
    transition: background .13s, color .13s, box-shadow .13s;
    white-space: nowrap;
}

.inventory-assets-tabs button.nav-link:hover[b-d3g57dlsu6] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.inventory-assets-tabs button.nav-link.active[b-d3g57dlsu6] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
}

.inventory-assets-results-card[b-d3g57dlsu6] {
    border: 1px solid #b8cdc8;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    background: #ffffff;
    margin-bottom: 0 !important;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.inventory-assets-state[b-d3g57dlsu6] {
    border: 1px solid #b8cdc8;
    border-radius: 3px;
    background: #ffffff;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inventory-assets-table-wrap[b-d3g57dlsu6] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.inventory-assets-table[b-d3g57dlsu6] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"][b-d3g57dlsu6] {
    min-width: 1595px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-wf-rh-col[b-d3g57dlsu6] {
    width: 24px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-invoice-number[b-d3g57dlsu6] {
    width: 140px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-receipt-number[b-d3g57dlsu6] {
    width: 130px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-date[b-d3g57dlsu6] {
    width: 105px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-supplier[b-d3g57dlsu6] {
    width: 125px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-sku[b-d3g57dlsu6],
.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-pattern[b-d3g57dlsu6] {
    width: 105px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-product-name[b-d3g57dlsu6] {
    width: 210px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-material[b-d3g57dlsu6],
.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-brand[b-d3g57dlsu6] {
    width: 115px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-small-number[b-d3g57dlsu6],
.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-adjustment[b-d3g57dlsu6] {
    width: 78px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-quantity[b-d3g57dlsu6] {
    width: 95px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-money[b-d3g57dlsu6] {
    width: 105px;
}

.inventory-assets-table[data-inventory-resize-id="purchases-view"] col.inventory-col-money-wide[b-d3g57dlsu6] {
    width: 130px;
}

.inventory-assets-table thead[b-d3g57dlsu6] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.inventory-assets-table thead th[b-d3g57dlsu6] {
    position: relative;
    background: #cdddd8 !important;
    color: #0d2820;
    border: 1px solid #a8c0bb;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
    text-align: start;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0.3rem 0.6rem;
    user-select: none;
}

.inventory-assets-table thead th.text-end[b-d3g57dlsu6] {
    text-align: end;
}

.inventory-assets-table thead th.inventory-sortable-th[b-d3g57dlsu6] {
    cursor: pointer;
}

.inventory-assets-table thead th.inventory-sortable-th:hover[b-d3g57dlsu6] {
    background: #b8d0ca !important;
}

.inventory-assets-table thead th.inventory-sortable-th .fa-sort[b-d3g57dlsu6],
.inventory-assets-table thead th.inventory-sortable-th .fa-sort-up[b-d3g57dlsu6],
.inventory-assets-table thead th.inventory-sortable-th .fa-sort-down[b-d3g57dlsu6] {
    font-size: 0.65rem;
    margin-inline-start: 0.25rem;
    opacity: 0.85;
}

/* JS-injected resize handles — match invoices/orders tables */
[b-d3g57dlsu6] .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-d3g57dlsu6] .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 12%;
    width: 2px;
    height: 76%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.35);
    opacity: 0.7;
    transition: opacity 120ms ease, background 120ms ease;
}

[b-d3g57dlsu6] .inventory-assets-table th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.75);
}

.inventory-assets-table tbody td[b-d3g57dlsu6] {
    border: 1px solid #d4e0dc;
    color: #1a2e28;
    padding: 0.35rem 0.6rem;
    vertical-align: middle;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8125rem;
    line-height: 1.4;
    max-width: 0;
}

.inventory-assets-table tbody td.text-end[b-d3g57dlsu6] {
    text-align: end;
}

.inventory-assets-table tbody tr:nth-child(odd) td[b-d3g57dlsu6] {
    background-color: #ffffff;
}

.inventory-assets-table tbody tr:nth-child(even) td[b-d3g57dlsu6] {
    background-color: #f0f7f4;
}

.inventory-assets-table tbody tr[b-d3g57dlsu6] {
    content-visibility: auto;
    contain-intrinsic-size: auto 2.1rem;
}

.inventory-assets-table tbody tr:hover td[b-d3g57dlsu6] {
    background-color: #ddf0e9 !important;
}

.inventory-assets-table th.inventory-col-product-name[b-d3g57dlsu6],
.inventory-assets-table td.inventory-col-product-name[b-d3g57dlsu6] {
    text-align: start;
    min-width: 11rem;
    max-width: 28rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-product-link[b-d3g57dlsu6] {
    color: #1165c0;
    text-decoration: none;
    font-weight: 600;
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-assets-table tbody td > *[b-d3g57dlsu6],
.inventory-assets-table tbody td[b-d3g57dlsu6] (*) {
    max-width: 100%;
}

.inventory-assets-table tbody td > :not(.inventory-product-link)[b-d3g57dlsu6],
.inventory-assets-table tbody td[b-d3g57dlsu6] (.inventory-qty-box-cell),
.inventory-assets-table tbody td[b-d3g57dlsu6] (.inventory-qty-box-value) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inventory-product-link:hover[b-d3g57dlsu6] {
    color: #0f58a7;
    text-decoration: underline;
}

.inventory-qty-cell[b-d3g57dlsu6] {
    white-space: nowrap;
}

.inventory-qty-value[b-d3g57dlsu6] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.inventory-qty-in[b-d3g57dlsu6],
[b-d3g57dlsu6] .inventory-qty-box-value.inventory-qty-in {
    color: #06754f;
}

.inventory-qty-out[b-d3g57dlsu6],
[b-d3g57dlsu6] .inventory-qty-box-value.inventory-qty-out {
    color: #b42318;
}

.inventory-assets-footer[b-d3g57dlsu6] {
    display: flex;
    justify-content: flex-end;
    border-top: 1px solid #c5d4d0;
    padding: 0.45rem 0.75rem;
    background: #edf2f0;
    flex-shrink: 0;
}

.inventory-assets-footer .total-cost-box[b-d3g57dlsu6] {
    display: inline-flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.62rem 1rem;
    border-radius: 10px;
    background: linear-gradient(135deg, #094f66 0%, #0b7758 100%);
    color: #ffffff;
    font-weight: 700;
}

.inventory-assets-footer .total-cost-label[b-d3g57dlsu6] {
    font-size: 0.9rem;
    opacity: 0.95;
}

.inventory-assets-footer .total-cost-value[b-d3g57dlsu6] {
    font-size: 1.1rem;
}

/* ── Pagination footer — matches UDT .udt-footer ────────────────── */
.inventory-pagination-footer[b-d3g57dlsu6] {
    flex-shrink: 0;
    padding: 0.45rem 0.75rem;
    background: #edf2f0;
    border-top: 1px solid #c5d4d0;
}

.inventory-pagination-wrap[b-d3g57dlsu6] {
    width: 100%;
}

.inventory-pagination-wrap[b-d3g57dlsu6]  .erp-pagination {
    margin: 0;
    padding: 0;
}
/* ────────────────────────────────────────────────────────────────── */

/* ── WinForms-style row / column / cell selection ───────────────── */
.inventory-wf-rh-col[b-d3g57dlsu6] {
    width: 44px;
    min-width: 44px;
}

.inventory-assets-table thead th.inventory-wf-rh-th[b-d3g57dlsu6] {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 0.25rem !important;
    background: #b8ccc8 !important;
    border: 1px solid #a8c0bb !important;
    cursor: pointer !important;
    color: #263a33 !important;
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.inventory-assets-table thead th.inventory-wf-rh-th:hover[b-d3g57dlsu6] {
    background: #a0bcb6 !important;
}

.inventory-assets-table tbody td.inventory-wf-rh-td[b-d3g57dlsu6] {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    padding: 0 0.25rem !important;
    background: #e8f0ee !important;
    border-inline-end: 1px solid #c5d4d0 !important;
    cursor: default !important;
    position: relative;
    color: #345047 !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    vertical-align: middle;
}

.inventory-row-number[b-d3g57dlsu6] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-assets-table tbody td.inventory-wf-rh-td:hover[b-d3g57dlsu6] {
    background: #d0e5dc !important;
}

/* Row selected */
.inventory-assets-table tbody tr.inventory-wf-row td[b-d3g57dlsu6] {
    background-color: #b8ddd0 !important;
    color: #00311c !important;
}

.inventory-assets-table tbody tr.inventory-wf-row td.inventory-wf-rh-td[b-d3g57dlsu6] {
    background: #006747 !important;
    color: #ffffff !important;
}

.inventory-assets-table tbody tr.inventory-wf-row td.inventory-wf-rh-td[b-d3g57dlsu6]::after {
    content: none;
}

html[dir="rtl"] .inventory-assets-table tbody tr.inventory-wf-row td.inventory-wf-rh-td[b-d3g57dlsu6]::after {
    border-width: 5px 7px 5px 0;
    border-color: transparent #ffffff transparent transparent;
}

/* Cell selected */
.inventory-assets-table tbody td.inventory-wf-cell[b-d3g57dlsu6] {
    background-color: #006747 !important;
    color: #ffffff !important;
}

/* Column selected */
.inventory-assets-table tbody td.inventory-wf-col-cell[b-d3g57dlsu6] {
    background-color: #ddf0e9 !important;
}

.inventory-assets-table thead th.inventory-wf-th[b-d3g57dlsu6] {
    background-color: #5a9e8e !important;
    color: #ffffff !important;
}

/* No browser text selection inside the table */
.inventory-assets-table[b-d3g57dlsu6] {
    user-select: none;
    -webkit-user-select: none;
}

.inventory-assets-table tbody td:not(.inventory-wf-rh-td)[b-d3g57dlsu6] {
    cursor: default;
}
/* ────────────────────────────────────────────────────────────────── */

@media (max-width: 1199.98px) {
    .inventory-filters-grid[b-d3g57dlsu6] {
        gap: 0.32rem;
    }

    .inventory-filter-field[b-d3g57dlsu6] {
        flex-basis: 8.7rem;
        max-width: 8.7rem;
    }

    .inventory-filter-field--wide[b-d3g57dlsu6] {
        flex-basis: 10.2rem;
        max-width: 10.2rem;
    }

    .inventory-filter-field--qty[b-d3g57dlsu6] {
        flex-basis: 13.25rem;
        max-width: 13.25rem;
    }

    .inventory-filter-field--actions[b-d3g57dlsu6] {
        flex-basis: 9.6rem;
        max-width: 9.6rem;
    }

    .inventory-filter-field--actions-export[b-d3g57dlsu6] {
        flex-basis: 17.25rem;
        max-width: 17.25rem;
    }
}

@media (max-width: 991.98px) {
    .inventory-assets-tabs-row[b-d3g57dlsu6] {
        flex-direction: column;
        align-items: stretch;
    }

    .inventory-tabs-actions[b-d3g57dlsu6] {
        margin-inline-start: 0;
        justify-content: flex-end;
    }

    .inventory-assets-tabs[b-d3g57dlsu6] {
        flex-wrap: wrap;
    }

    .inventory-assets-tabs .nav-item[b-d3g57dlsu6] {
        width: calc(50% - 0.25rem);
    }

    .inventory-assets-tabs button.nav-link[b-d3g57dlsu6] {
        width: 100%;
        text-align: center;
    }

    .inventory-filters-grid[b-d3g57dlsu6] {
        flex-wrap: nowrap;
    }

    .inventory-filter-field--wide[b-d3g57dlsu6] {
        flex-basis: 9.8rem;
        max-width: 9.8rem;
    }

    .inventory-filter-field--actions[b-d3g57dlsu6] {
        flex-basis: 9.3rem;
        max-width: 9.3rem;
    }

    .inventory-filter-field--actions-export[b-d3g57dlsu6] {
        flex-basis: 17.25rem;
        max-width: 17.25rem;
    }

    .inventory-filter-field--qty[b-d3g57dlsu6] {
        flex-basis: 13.25rem;
        max-width: 13.25rem;
    }

    .inventory-filter-actions[b-d3g57dlsu6] {
        width: 100%;
        justify-content: flex-end;
    }

    .inventory-qty-segment[b-d3g57dlsu6] {
        width: 100%;
        justify-content: space-between;
    }

    .inventory-export-btn[b-d3g57dlsu6] {
        flex: 0 0 7.8rem;
        min-width: 7.8rem;
    }
}

@media (max-width: 575.98px) {
    .inventory-filters-body[b-d3g57dlsu6] {
        padding: 0.55rem;
    }

    .inventory-filters-grid[b-d3g57dlsu6] {
        flex-wrap: nowrap;
    }

    .inventory-filter-field--wide[b-d3g57dlsu6],
    .inventory-filter-field--date[b-d3g57dlsu6] {
        max-width: 9rem;
    }

    .inventory-filter-field[b-d3g57dlsu6] {
        flex: 0 0 8.25rem;
        max-width: 8.25rem;
    }

    .inventory-filter-field--wide[b-d3g57dlsu6] {
        flex-basis: 9rem;
        max-width: 9rem;
    }

    .inventory-filter-field--qty[b-d3g57dlsu6] {
        flex-basis: 13.25rem;
        max-width: 13.25rem;
    }

    .inventory-filter-field--actions[b-d3g57dlsu6] {
        flex-basis: 9rem;
        max-width: 9rem;
    }

    .inventory-filter-field--actions-export[b-d3g57dlsu6] {
        flex-basis: 17.25rem;
        max-width: 17.25rem;
    }

    .inventory-qty-segment__control[b-d3g57dlsu6] {
        flex: 1;
    }

    .inventory-qty-segment__btn[b-d3g57dlsu6] {
        flex: 1 0 6rem;
        min-width: 6rem;
        justify-content: center;
        padding-inline: 0.45rem;
    }

    .inventory-assets-tabs .nav-item[b-d3g57dlsu6] {
        width: 100%;
    }

    .inventory-assets-footer[b-d3g57dlsu6] {
        justify-content: stretch;
        padding: 0.65rem 0.75rem;
    }

    .inventory-assets-footer .total-cost-box[b-d3g57dlsu6] {
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventoryAssetsTablePagination.razor.rz.scp.css */
.inventory-assets-pagination[b-bdcb65e2tf] {
    background: #edf2f0;
    border-top: 1px solid #c5d4d0 !important;
    padding: 0.45rem 0.75rem !important;
    flex-shrink: 0;
}

.inventory-assets-pagination-summary[b-bdcb65e2tf] {
    font-size: 0.8rem;
    font-weight: 500;
    color: #3d5248;
    white-space: nowrap;
}

.inventory-assets-pagination-actions[b-bdcb65e2tf] {
    justify-content: flex-end;
}

.inventory-assets-page-size-select[b-bdcb65e2tf] {
    width: auto;
    min-width: 4.5rem;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    border-color: #b8cdc8;
    border-radius: 2px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #1a2e28;
}

.inventory-assets-page-size-label[b-bdcb65e2tf] {
    font-size: 0.8rem;
    color: #3d5248;
    white-space: nowrap;
}

.inventory-assets-pagination-list .page-link[b-bdcb65e2tf] {
    padding: 0.2rem 0.55rem;
    font-size: 0.8rem;
    border-color: #b8cdc8;
    color: #1a2e28;
    border-radius: 2px;
    line-height: 1.4;
}

.inventory-assets-pagination-list .page-item + .page-item[b-bdcb65e2tf] {
    margin-inline-start: 0.15rem;
}

.inventory-assets-pagination-list .page-item.active .page-link[b-bdcb65e2tf] {
    background: #006747;
    border-color: #006747;
    color: #fff;
}

.inventory-assets-pagination-list .page-item.disabled .page-link[b-bdcb65e2tf] {
    color: #9aada4;
    background: #f0f5f3;
}

@media (max-width: 767.98px) {
    .inventory-assets-pagination[b-bdcb65e2tf] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .inventory-assets-pagination-summary[b-bdcb65e2tf] {
        text-align: center;
    }

    .inventory-assets-pagination-actions[b-bdcb65e2tf] {
        justify-content: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventoryQuantityCell.razor.rz.scp.css */
.inventory-qty-box-cell[b-qpwnkj5pvm] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    max-width: 100%;
}

.inventory-qty-box-cell-bold .inventory-qty-box-value[b-qpwnkj5pvm] {
    font-weight: 600;
}

.inventory-qty-box-value[b-qpwnkj5pvm] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.inventory-qty-box-btn[b-qpwnkj5pvm] {
    flex: 0 0 auto;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0;
    border: 1px solid #b8c9c0;
    border-radius: 4px;
    background: #f4faf7;
    color: #006747;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background 120ms ease, border-color 120ms ease;
}

.inventory-qty-box-btn:hover[b-qpwnkj5pvm] {
    background: #e3f2eb;
    border-color: #006747;
}

.inventory-qty-box-btn:active[b-qpwnkj5pvm] {
    background: #d4ebe0;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventorySalesPeriodReport.razor.rz.scp.css */
/* Inventory & Sales Period Report - filter and layout */

.inventory-sales-period-report[b-dvax9hstyn] {
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.report-filters-card[b-dvax9hstyn] {
    flex-shrink: 0;
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.report-filters-card .card-header[b-dvax9hstyn] {
    background: rgba(0, 103, 71, 0.08);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.75rem 1rem;
    font-size: 1rem;
}

.report-filters-card .card-body[b-dvax9hstyn] {
    padding: 1rem 1.25rem;
}

.report-filters-card .form-label[b-dvax9hstyn] {
    font-size: 0.8125rem;
}

/* Force visible, box-style inputs for filter row - overrides theme/global */
.report-filter-fields .report-filter-input[b-dvax9hstyn],
.report-filters-card .report-filter-input[b-dvax9hstyn] {
    display: block !important;
    width: 100% !important;
    min-height: 2.25rem !important;
    padding: 0.375rem 0.5rem !important;
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 1px solid #6c757d !important;
    border-radius: 6px !important;
    color: #212529 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.report-filter-fields select.report-filter-input[b-dvax9hstyn] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.5rem center !important;
    background-size: 16px 12px !important;
    padding-right: 2rem !important;
}

html[dir="rtl"] .report-filter-fields select.report-filter-input[b-dvax9hstyn] {
    background-position: left 0.5rem center !important;
    padding-right: 0.5rem !important;
    padding-left: 2rem !important;
}

.report-filter-fields .report-filter-input[b-dvax9hstyn]::placeholder {
    color: #6c757d !important;
}

.report-filter-fields .report-filter-input:focus[b-dvax9hstyn] {
    border-color: #006747 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.25) !important;
    outline: none !important;
}

.report-filters-card .form-control:focus[b-dvax9hstyn],
.report-filters-card .form-select:focus[b-dvax9hstyn] {
    border-color: rgba(0, 103, 71, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.15);
}

.report-filters-card .btn-primary[b-dvax9hstyn] {
    min-height: 2.5rem;
    padding: 0.5rem 1.25rem;
    font-weight: 500;
}

.report-filters-card .btn-outline-secondary[b-dvax9hstyn] {
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
}

.report-filters-card .card-header .btn-primary[b-dvax9hstyn] {
    min-height: 2.25rem;
    font-weight: 500;
}

.report-header-actions[b-dvax9hstyn] {
    flex-shrink: 0;
}

/* Table card grows to fill space to the bottom; table body scrolls inside */
.report-table-card[b-dvax9hstyn] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.report-table-card .card-body[b-dvax9hstyn] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.report-table-card .report-table-wrap[b-dvax9hstyn] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: auto;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventoryTransaction.razor.rz.scp.css */
.inv-transactions-page[b-sq8m5obb13] {
    --inv-primary: #006747;
    --inv-primary-light: rgba(0, 103, 71, 0.08);
    --inv-primary-border: rgba(0, 103, 71, 0.2);
    --inv-surface: #ffffff;
    --inv-border: #e5e7eb;
    --inv-border-light: #f3f4f6;
    --inv-text: #111827;
    --inv-text-secondary: #6b7280;
    --inv-text-muted: #9ca3af;
    --inv-success: #059669;
    --inv-danger: #dc2626;
    --inv-radius: 10px;
    --inv-radius-sm: 6px;
    --inv-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0.5rem;
    background: #f8fafc !important;
    box-sizing: border-box;
    gap: 1rem;
}

/* ----- Filter bar (single row) ----- */
.inv-filter-bar[b-sq8m5obb13] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.inv-filter-input[b-sq8m5obb13],
.inv-filter-select[b-sq8m5obb13] {
    height: 2rem;
    font-size: 0.8125rem;
    padding: 0 0.625rem;
    border: 1px solid var(--inv-border);
    border-radius: var(--inv-radius-sm);
    background: #fff;
    color: var(--inv-text);
    outline: none;
    transition: border-color 0.15s;
    -webkit-appearance: none;
    appearance: none;
}

.inv-filter-input:focus[b-sq8m5obb13],
.inv-filter-select:focus[b-sq8m5obb13] {
    border-color: var(--inv-primary);
    box-shadow: 0 0 0 2px var(--inv-primary-light);
}

.inv-filter-select[b-sq8m5obb13] {
    padding-inline-end: 1.75rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 0.55rem center;
    cursor: pointer;
}

.inv-filter-search[b-sq8m5obb13] {
    min-width: 180px;
    flex: 1 1 160px;
}

.inv-filter-date[b-sq8m5obb13] {
    width: 130px;
    flex-shrink: 0;
    padding-inline-start: 0.5rem;
}

.inv-filter-date-sep[b-sq8m5obb13] {
    font-size: 0.875rem;
    color: var(--inv-text-muted);
    flex-shrink: 0;
}

.inv-filter-btn-apply[b-sq8m5obb13] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 2rem;
    padding: 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    background: var(--inv-primary);
    border: none;
    border-radius: var(--inv-radius-sm);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: filter 0.15s;
}

.inv-filter-btn-apply:hover[b-sq8m5obb13] {
    filter: brightness(0.92);
}

.inv-filter-btn-clear[b-sq8m5obb13] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
    color: var(--inv-text-secondary);
    background: transparent;
    border: 1px solid var(--inv-border);
    border-radius: var(--inv-radius-sm);
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s, color 0.15s;
}

.inv-filter-btn-clear:hover[b-sq8m5obb13] {
    background: #fee2e2;
    border-color: #fca5a5;
    color: var(--inv-danger);
}

.inv-filter-deleted-toggle[b-sq8m5obb13] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.8125rem;
    color: var(--inv-text-secondary);
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    user-select: none;
}

.inv-filter-deleted-toggle input[type="checkbox"][b-sq8m5obb13] {
    width: 1rem;
    height: 1rem;
    cursor: pointer;
    accent-color: var(--inv-danger);
}

/* ----- Scroll container (natural height; content-wrapper handles scroll) ----- */
.inv-scroll-container[b-sq8m5obb13] {
    display: flex;
    flex-direction: column;
}

.inv-scroll-sentinel[b-sq8m5obb13] {
    flex-shrink: 0;
    min-height: 2px;
}

.inv-scroll-more[b-sq8m5obb13] {
    display: flex;
    justify-content: center;
    padding: 1rem;
    color: var(--inv-text-secondary);
}

.inv-scroll-end[b-sq8m5obb13] {
    text-align: center;
    padding: 0.875rem;
    font-size: 0.8125rem;
    color: var(--inv-text-muted);
    font-weight: 500;
}

/* ----- Initial loading ----- */
.inv-transactions-loading[b-sq8m5obb13] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    padding: 4rem 2rem;
}

.inv-transactions-loading .spinner-border[b-sq8m5obb13] {
    width: 2.25rem;
    height: 2.25rem;
    color: var(--inv-primary);
}

.inv-transactions-loading .loading-text[b-sq8m5obb13] {
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: var(--inv-text-secondary);
    font-weight: 500;
}

/* ----- Overlay loading (while table is visible) ----- */
.inv-transactions-overlay[b-sq8m5obb13] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: var(--inv-primary-light);
    border: 1px solid var(--inv-primary-border);
    border-radius: var(--inv-radius-sm);
    color: var(--inv-primary);
    font-size: 0.875rem;
    font-weight: 500;
    flex-shrink: 0;
}

/* ----- Cell-level styles (used inside column Templates) ----- */
.inv-pack-count[b-sq8m5obb13] {
    font-variant-numeric: tabular-nums;
    font-weight: 500;
    color: var(--inv-text-secondary);
    display: block;
    text-align: center;
    white-space: nowrap;
}

.inv-qty-pipe[b-sq8m5obb13] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: var(--inv-text);
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.reference-link[b-sq8m5obb13] {
    color: var(--inv-primary);
    font-weight: 500;
    text-decoration: none;
}

.reference-link:hover[b-sq8m5obb13] {
    text-decoration: underline;
}

/* Deleted row styling */
.inv-transactions-page[b-sq8m5obb13]  tr.inv-row-deleted td {
    opacity: 0.55;
    text-decoration: line-through;
    background: #fff5f5;
}

.inv-transactions-page .badge[b-sq8m5obb13] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.3rem 0.55rem;
    border-radius: var(--inv-radius-sm);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/InventoryTransfer.razor.rz.scp.css */
/* Storage Transfer – professional layout */

.storage-transfer-page[b-jyzw6nvckg] {
    --st-primary: #006747;
    --st-primary-light: rgba(0, 103, 71, 0.08);
    --st-border: #e5e7eb;
    --st-border-light: #f3f4f6;
    --st-text: #111827;
    --st-text-secondary: #6b7280;
    --st-text-muted: #9ca3af;
    --st-radius: 10px;
    --st-radius-sm: 6px;
    --st-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.storage-transfer-page[b-jyzw6nvckg] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding-bottom: 1.5rem;
}

.storage-transfer-header[b-jyzw6nvckg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.storage-transfer-header .page-title[b-jyzw6nvckg] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--st-text);
    margin: 0;
    letter-spacing: -0.025em;
}

.storage-transfer-card[b-jyzw6nvckg] {
    border: 1px solid var(--st-border);
    border-radius: var(--st-radius);
    box-shadow: var(--st-shadow);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.storage-transfer-tabs-card[b-jyzw6nvckg] {
    flex: 1;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.storage-transfer-card .card-header[b-jyzw6nvckg] {
    background: var(--st-primary-light);
    border-bottom: 1px solid var(--st-border);
    padding: 0.875rem 1.25rem;
}

.storage-transfer-card .card-title[b-jyzw6nvckg] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--st-primary);
    margin: 0;
}

.storage-transfer-card .card-body[b-jyzw6nvckg] {
    padding: 1.25rem;
}

.storage-transfer-card .form-label[b-jyzw6nvckg] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--st-text-secondary);
    margin-bottom: 0.35rem;
}

.storage-transfer-card .form-control[b-jyzw6nvckg],
.storage-transfer-card .form-select[b-jyzw6nvckg] {
    border-radius: var(--st-radius-sm);
    border: 1px solid var(--st-border);
}

.storage-transfer-card .form-control:focus[b-jyzw6nvckg],
.storage-transfer-card .form-select:focus[b-jyzw6nvckg] {
    border-color: var(--st-primary);
    box-shadow: 0 0 0 3px var(--st-primary-light);
    outline: none;
}

.storage-transfer-search-wrap[b-jyzw6nvckg] {
    position: relative;
    margin-bottom: 0.5rem;
}

.storage-transfer-search-wrap .form-control[b-jyzw6nvckg] {
    padding-left: 2.5rem;
}

.storage-transfer-search-wrap .search-icon[b-jyzw6nvckg] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--st-text-muted);
    pointer-events: none;
}

.storage-transfer-search-hint[b-jyzw6nvckg] {
    font-size: 0.75rem;
    color: var(--st-text-muted);
}

.storage-transfer-table-wrap[b-jyzw6nvckg] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.storage-transfer-tabs-card .storage-transfer-table-wrap[b-jyzw6nvckg] {
    max-height: none;
}

.storage-transfer-card .table thead th[b-jyzw6nvckg] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--st-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--st-border);
    padding: 0.65rem 0.75rem;
}

.storage-transfer-card .table tbody td[b-jyzw6nvckg] {
    padding: 0.75rem;
    vertical-align: middle;
    font-size: 0.9375rem;
}

.storage-transfer-card .table tbody tr:hover[b-jyzw6nvckg] {
    background: var(--st-primary-light);
}

.storage-transfer-card .table .product-name[b-jyzw6nvckg] {
    font-weight: 500;
    color: var(--st-text);
}

.storage-transfer-card .table .product-sku[b-jyzw6nvckg] {
    font-size: 0.8125rem;
    color: var(--st-text-muted);
}

.storage-transfer-card .table .location-badge[b-jyzw6nvckg] {
    font-size: 0.8125rem;
}

.storage-transfer-empty-state[b-jyzw6nvckg] {
    text-align: center;
    padding: 2.5rem 1.5rem;
}

.storage-transfer-empty-state .empty-icon[b-jyzw6nvckg] {
    font-size: 2.5rem;
    color: var(--st-text-muted);
    margin-bottom: 0.75rem;
    opacity: 0.8;
}

.storage-transfer-empty-state .empty-text[b-jyzw6nvckg] {
    font-size: 0.9375rem;
    color: var(--st-text-secondary);
    margin: 0;
}

.storage-transfer-list-card .card-footer[b-jyzw6nvckg] {
    background: #fff;
    border-top: 1px solid var(--st-border);
    padding: 1rem 1.25rem;
}

.storage-transfer-list-card .card-footer .btn-success[b-jyzw6nvckg] {
    font-weight: 600;
}

.storage-transfer-shortcuts[b-jyzw6nvckg] {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    width: 260px;
    z-index: 1000;
    border: 1px solid var(--st-border);
    border-radius: var(--st-radius);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.storage-transfer-shortcuts .card-header[b-jyzw6nvckg] {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.storage-transfer-shortcuts .card-body[b-jyzw6nvckg] {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
}

.storage-transfer-shortcuts .card-body li[b-jyzw6nvckg] {
    margin-bottom: 0.35rem;
}

.storage-transfer-shortcuts .badge[b-jyzw6nvckg] {
    font-size: 0.7rem;
}

.storage-transfer-loading[b-jyzw6nvckg] {
    padding: 3rem 2rem;
    text-align: center;
}

.storage-transfer-loading .spinner-border[b-jyzw6nvckg] {
    color: var(--st-primary);
}

.storage-transfer-loading p[b-jyzw6nvckg] {
    margin-top: 1rem;
    font-size: 0.9375rem;
    color: var(--st-text-secondary);
}

/* Tabs */
.storage-transfer-tabs-card .card-header[b-jyzw6nvckg] {
    background: #f1f5f9;
    border-bottom: none;
    padding: 5px 8px;
    flex-shrink: 0;
    border-radius: var(--st-radius) var(--st-radius) 0 0;
}

.storage-transfer-tabs-card .card-body[b-jyzw6nvckg] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.storage-transfer-nav-tabs[b-jyzw6nvckg] {
    border-bottom: none;
    gap: 2px;
    display: flex;
}

.storage-transfer-nav-tabs .nav-link[b-jyzw6nvckg] {
    border: none !important;
    border-radius: 6px !important;
    padding: 0 12px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    font-size: 0.8rem;
    font-weight: 500;
    color: #64748b;
    background: transparent;
    transition: background .13s, color .13s, box-shadow .13s;
    margin-bottom: 0;
}

.storage-transfer-nav-tabs .nav-link:hover[b-jyzw6nvckg] {
    background: rgba(255,255,255,0.6);
    color: #374151;
}

.storage-transfer-nav-tabs .nav-link.active[b-jyzw6nvckg] {
    background: #ffffff !important;
    color: #006747 !important;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,0,0,0.05);
}

.storage-transfer-tab-pane[b-jyzw6nvckg] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/LowStockProducts.razor.rz.scp.css */
/* Low Stock Products – professional layout */

.low-stock-page[b-w9c7lm9o7s] {
    --ls-primary: #006747;
    --ls-primary-light: rgba(0, 103, 71, 0.08);
    --ls-border: #e5e7eb;
    --ls-text: #111827;
    --ls-text-secondary: #6b7280;
    --ls-text-muted: #9ca3af;
    --ls-radius: 10px;
    --ls-radius-sm: 6px;
    --ls-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding-bottom: 1.5rem;
}

.low-stock-alert[b-w9c7lm9o7s] {
    border-radius: var(--ls-radius-sm);
}

.low-stock-header[b-w9c7lm9o7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.low-stock-header .page-title[b-w9c7lm9o7s] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--ls-text);
    margin: 0;
    letter-spacing: -0.025em;
}

.low-stock-header .btn-refresh[b-w9c7lm9o7s] {
    border-radius: var(--ls-radius-sm);
    font-weight: 500;
}

/* Cards */
.low-stock-card[b-w9c7lm9o7s] {
    border: 1px solid var(--ls-border);
    border-radius: var(--ls-radius);
    box-shadow: var(--ls-shadow);
    background: #fff;
    overflow: hidden;
}

.low-stock-loading[b-w9c7lm9o7s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.low-stock-loading .spinner-border[b-w9c7lm9o7s] {
    color: var(--ls-primary);
}

.low-stock-loading p[b-w9c7lm9o7s] {
    font-size: 0.9375rem;
    color: var(--ls-text-secondary);
}

.low-stock-empty[b-w9c7lm9o7s] {
    text-align: center;
    padding: 3rem 2rem;
}

.low-stock-empty .empty-icon[b-w9c7lm9o7s] {
    font-size: 3.5rem;
    color: #059669;
    margin-bottom: 1rem;
    opacity: 0.9;
}

.low-stock-empty .empty-title[b-w9c7lm9o7s] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--ls-text);
    margin-bottom: 0.5rem;
}

.low-stock-empty .empty-message[b-w9c7lm9o7s] {
    font-size: 0.9375rem;
    color: var(--ls-text-secondary);
    margin-bottom: 0;
}

.low-stock-empty .btn-outline-primary[b-w9c7lm9o7s] {
    border-radius: var(--ls-radius-sm);
    font-weight: 500;
}

/* Results card – fill space */
.low-stock-results-card[b-w9c7lm9o7s] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.low-stock-table-wrap[b-w9c7lm9o7s] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.low-stock-table thead th[b-w9c7lm9o7s] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ls-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid var(--ls-border);
    padding: 0.75rem 1rem;
    background: #fafafa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.low-stock-table tbody td[b-w9c7lm9o7s] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-size: 0.9375rem;
    border-bottom: 1px solid #f3f4f6;
}

.low-stock-table tbody tr:nth-child(even) td[b-w9c7lm9o7s] {
    background: rgba(0, 0, 0, 0.02);
}

.low-stock-table tbody tr:hover td[b-w9c7lm9o7s] {
    background: var(--ls-primary-light);
}

.low-stock-table .product-link[b-w9c7lm9o7s] {
    color: var(--ls-primary);
    font-weight: 500;
    text-decoration: none;
}

.low-stock-table .product-link:hover[b-w9c7lm9o7s] {
    text-decoration: underline;
}

.low-stock-badge[b-w9c7lm9o7s] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0.35rem 0.65rem;
    border-radius: var(--ls-radius-sm);
}

/* Expanded row */
.low-stock-expanded-row td[b-w9c7lm9o7s] {
    background: #f8fafc !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--ls-border);
    vertical-align: top;
}

.low-stock-expanded-content[b-w9c7lm9o7s] {
    padding: 1rem 1.25rem;
}

.low-stock-expanded-content h6[b-w9c7lm9o7s] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--ls-text);
}

.low-stock-expanded-content .table th[b-w9c7lm9o7s] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--ls-text-muted);
    text-transform: uppercase;
}

/* Footer & pagination (compact) */
.low-stock-footer[b-w9c7lm9o7s] {
    background: #fff;
    border-top: 1px solid var(--ls-border);
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    color: var(--ls-text-secondary);
    flex-shrink: 0;
}

.low-stock-pagination-info[b-w9c7lm9o7s] {
    font-weight: 500;
}

.low-stock-pagination .page-link[b-w9c7lm9o7s] {
    padding: 0.35rem 0.65rem;
    font-size: 0.8125rem;
    border-radius: var(--ls-radius-sm);
}

.low-stock-pagination .page-item.active .page-link[b-w9c7lm9o7s] {
    background: var(--ls-primary);
    border-color: var(--ls-primary);
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/ManageInventory.razor.rz.scp.css */
.manage-inventory-page[b-4rcycfv4vu] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.manage-inventory-tabs[b-4rcycfv4vu] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-inventory-tabs[b-4rcycfv4vu]::-webkit-scrollbar { display: none; }

.manage-inventory-tab[b-4rcycfv4vu] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-inventory-tab:hover[b-4rcycfv4vu] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-inventory-tab.active[b-4rcycfv4vu] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-inventory-tab-icon[b-4rcycfv4vu] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-inventory-tab.active .manage-inventory-tab-icon[b-4rcycfv4vu] {
    opacity: 1;
}

.manage-inventory-content[b-4rcycfv4vu] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-inventory-content[b-4rcycfv4vu]  > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.manage-inventory-loading[b-4rcycfv4vu] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    color: #50645e;
    font-weight: 700;
}

@media (max-width: 768px) {
    .manage-inventory-tabs[b-4rcycfv4vu] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-inventory-tab[b-4rcycfv4vu] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}

/* Transactions tab: let content grow so .content-wrapper scrolls */
.manage-inventory-page:has(.inv-transactions-page)[b-4rcycfv4vu] {
    height: auto;
    overflow: visible;
}

.manage-inventory-page:has(.inv-transactions-page) .manage-inventory-content[b-4rcycfv4vu] {
    overflow: visible;
    flex: none;
    min-height: auto;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/ManageTransfers.razor.rz.scp.css */
.manage-transfers-page[b-9nh6s2rxvw] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.manage-transfers-tabs[b-9nh6s2rxvw] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-transfers-tabs[b-9nh6s2rxvw]::-webkit-scrollbar { display: none; }

.manage-transfers-tab[b-9nh6s2rxvw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-transfers-tab:hover[b-9nh6s2rxvw] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-transfers-tab.active[b-9nh6s2rxvw] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-transfers-tab-icon[b-9nh6s2rxvw] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-transfers-tab.active .manage-transfers-tab-icon[b-9nh6s2rxvw] {
    opacity: 1;
}

.manage-transfers-content[b-9nh6s2rxvw] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-transfers-content[b-9nh6s2rxvw]  > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.manage-transfers-loading[b-9nh6s2rxvw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    color: #50645e;
    font-weight: 700;
}

@media (max-width: 768px) {
    .manage-transfers-tabs[b-9nh6s2rxvw] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-transfers-tab[b-9nh6s2rxvw] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/StockReport.razor.rz.scp.css */
/* Stock Report - polished layout */

.stock-report-page[b-5msfaxxefd] {
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.stock-report-header[b-5msfaxxefd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.stock-report-filters-card[b-5msfaxxefd] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.stock-report-filters-card .card-header[b-5msfaxxefd] {
    background: rgba(0, 103, 71, 0.06);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
    font-weight: 600;
}

.stock-report-filters-card .card-title[b-5msfaxxefd] {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.stock-report-filters-card .form-control:focus[b-5msfaxxefd],
.stock-report-filters-card .form-select:focus[b-5msfaxxefd] {
    border-color: rgba(0, 103, 71, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.15);
}

.stock-report-filters-card .btn-apply[b-5msfaxxefd] {
    padding: 0.5rem 1.25rem;
}

.stock-report-card[b-5msfaxxefd] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.stock-report-card .card-header[b-5msfaxxefd] {
    background: rgba(0, 103, 71, 0.06);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
}

.stock-report-card .card-title[b-5msfaxxefd] {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.stock-report-card .card-body[b-5msfaxxefd] {
    padding: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.stock-report-card .table-responsive[b-5msfaxxefd] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.stock-report-card .table thead th[b-5msfaxxefd] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-light, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.75rem 1rem;
}

.stock-report-card .table tbody td[b-5msfaxxefd] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

.stock-report-card .table tbody tr:hover[b-5msfaxxefd] {
    background: rgba(0, 103, 71, 0.04);
}

.stock-report-empty-state[b-5msfaxxefd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
}

.stock-report-empty-state .empty-icon[b-5msfaxxefd] {
    font-size: 3rem;
    color: var(--text-light, #6c757d);
    margin-bottom: 1rem;
}

.stock-report-empty-state .empty-title[b-5msfaxxefd] {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.stock-report-empty-state .empty-message[b-5msfaxxefd] {
    color: var(--text-light, #6c757d);
    margin-bottom: 1.5rem;
    max-width: 400px;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/StorageDetails.razor.rz.scp.css */
/* Storage Details - fills height, polished design */

.storage-details-page[b-xgu5zwfer5] {
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.storage-details-header[b-xgu5zwfer5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.storage-details-header .header-left[b-xgu5zwfer5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.storage-details-header .btn-back[b-xgu5zwfer5] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
}

.storage-details-header .storage-title[b-xgu5zwfer5] {
    font-size: 1.15rem;
    font-weight: 600;
    margin: 0;
    color: var(--primary-color, #006747);
}

.storage-details-header .badge-state[b-xgu5zwfer5] {
    font-size: 0.75rem;
}

.storage-details-summary[b-xgu5zwfer5] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem 1.25rem;
    background: rgba(0, 103, 71, 0.06);
    border-radius: 10px;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.storage-details-summary .summary-item[b-xgu5zwfer5] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.storage-details-summary .summary-label[b-xgu5zwfer5] {
    font-size: 0.8rem;
    color: var(--text-light, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.storage-details-summary .summary-value[b-xgu5zwfer5] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.storage-details-card[b-xgu5zwfer5] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.storage-details-card .card-header[b-xgu5zwfer5] {
    background: rgba(0, 103, 71, 0.06);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.storage-details-card .card-title[b-xgu5zwfer5] {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.storage-details-card .search-box[b-xgu5zwfer5] {
    max-width: 320px;
}

.storage-details-card .input-group[b-xgu5zwfer5] {
    border-radius: 8px;
    overflow: hidden;
}

.storage-details-card .input-group-text[b-xgu5zwfer5] {
    background: rgba(0, 103, 71, 0.08);
    border-color: var(--border-color, #dee2e6);
    color: var(--primary-color, #006747);
}

.storage-details-card .form-control:focus[b-xgu5zwfer5] {
    border-color: rgba(0, 103, 71, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.15);
}

.storage-details-card .card-body[b-xgu5zwfer5] {
    padding: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.storage-details-card .table-responsive[b-xgu5zwfer5] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.storage-details-card .table[b-xgu5zwfer5] {
    margin-bottom: 0;
}

.storage-details-card .table thead th[b-xgu5zwfer5] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-light, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.75rem 1rem;
}

.storage-details-card .table tbody td[b-xgu5zwfer5] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

.storage-details-card .table tbody tr:hover[b-xgu5zwfer5] {
    background: rgba(0, 103, 71, 0.04);
}

.storage-details-card .location-badges .badge[b-xgu5zwfer5] {
    font-size: 0.7rem;
}

.storage-details-card .btn-view[b-xgu5zwfer5] {
    padding: 0.35rem 0.65rem;
    font-size: 0.8rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/StorageInventory.razor.rz.scp.css */
/* Storage Inventory - polished layout, fills available height */

.storage-inventory-page[b-jvmw66wxom] {
    width: 100%;
    min-width: 0;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.storage-inventory-toolbar[b-jvmw66wxom] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 1.25rem;
    flex-shrink: 0;
}

.storage-inventory-toolbar .warehouse-select[b-jvmw66wxom] {
    flex: 1;
    min-width: 220px;
    max-width: 360px;
}

.storage-inventory-card[b-jvmw66wxom] {
    border: none;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.storage-inventory-card .card-header[b-jvmw66wxom] {
    background: rgba(0, 103, 71, 0.06);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
    font-weight: 600;
    flex-shrink: 0;
}

.storage-inventory-card .card-title[b-jvmw66wxom] {
    font-size: 1.05rem;
    margin: 0;
    font-weight: 600;
    color: var(--primary-color, #006747);
}

.storage-inventory-card .card-body[b-jvmw66wxom] {
    padding: 1.25rem;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.storage-inventory-card .search-box[b-jvmw66wxom] {
    max-width: 400px;
}

.storage-inventory-card .mb-4[b-jvmw66wxom] {
    flex-shrink: 0;
}

.storage-inventory-card .table-responsive[b-jvmw66wxom] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.storage-inventory-card .table[b-jvmw66wxom] {
    margin-bottom: 0;
}

.storage-inventory-card .table thead th[b-jvmw66wxom] {
    font-weight: 600;
    font-size: 0.8rem;
    color: var(--text-light, #6c757d);
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 0.75rem 1rem;
}

.storage-inventory-card .table tbody td[b-jvmw66wxom] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
}

.storage-inventory-card .table tbody tr:hover[b-jvmw66wxom] {
    background: rgba(0, 103, 71, 0.04);
}

.storage-inventory-card .card-footer[b-jvmw66wxom] {
    background: rgba(0, 0, 0, 0.02);
    border-top: 1px solid var(--border-color, #dee2e6);
    padding: 0.875rem 1.25rem;
    flex-shrink: 0;
}

.storage-inventory-card .input-group[b-jvmw66wxom] {
    border-radius: 8px;
    overflow: hidden;
}

.storage-inventory-card .input-group-text[b-jvmw66wxom] {
    background: rgba(0, 103, 71, 0.08);
    border-color: var(--border-color, #dee2e6);
    color: var(--primary-color, #006747);
}

.storage-inventory-card .form-control[b-jvmw66wxom] {
    border-radius: 0;
}

.storage-inventory-card .form-control:focus[b-jvmw66wxom] {
    border-color: rgba(0, 103, 71, 0.4);
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.15);
}

.pagination-wrapper[b-jvmw66wxom] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #dee2e6);
    flex-shrink: 0;
}

.pagination-wrapper .pagination-info[b-jvmw66wxom] {
    font-size: 0.875rem;
    color: var(--text-light, #6c757d);
}

.pagination-wrapper .pagination .page-link[b-jvmw66wxom] {
    border-radius: 6px;
    margin: 0 2px;
}

.pagination-wrapper .pagination .page-item.active .page-link[b-jvmw66wxom] {
    background-color: var(--primary-color, #006747);
    border-color: var(--primary-color, #006747);
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/Transfers/CreateTransfer.razor.rz.scp.css */
.create-transfer-page[b-2gv73onz3b] {
    --g: #006747;
    --g-hover: #005538;
    --g-subtle: #eef8f3;
    --g-muted: rgba(0, 103, 71, 0.08);
    --surface: #ffffff;
    --bg: #f4f6f5;
    --bd: #dfe5e2;
    --bd-soft: #edf1ef;
    --t0: #111815;
    --t1: #1d2e29;
    --t2: #496058;
    --t3: #7a9690;
    --danger: #dc3545;
    --font: "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-md: 10px;
    --r-lg: 14px;
    --r-pill: 999px;
    --sh-md: 0 4px 18px rgba(17, 24, 21, 0.06);

    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0.75rem;
    font-family: var(--font);
    color: var(--t0);
}

.ct-panel[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    border: 1px solid var(--bd);
    border-radius: var(--r-lg);
    background: var(--surface);
    box-shadow: var(--sh-md);
    overflow: hidden;
}

.ct-edit-banner[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #92400e;
    background: #fffbeb;
    border-bottom: 1px solid #fcd34d;
}

.ct-field-hint[b-2gv73onz3b] {
    display: flex;
    align-items: flex-start;
    gap: 0.35rem;
    margin: 0.35rem 0 0;
    font-size: 0.75rem;
    color: var(--t3);
    line-height: 1.45;
}

.ct-field-hint i[b-2gv73onz3b] {
    margin-top: 0.15rem;
    color: #b45309;
}

.ct-loading-panel[b-2gv73onz3b] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
}

.ct-skeleton[b-2gv73onz3b] {
    border-radius: var(--r-md);
    background: linear-gradient(90deg, #eef1ef 25%, #f8faf9 50%, #eef1ef 75%);
    background-size: 200% 100%;
    animation: ct-shimmer-b-2gv73onz3b 1.2s ease-in-out infinite;
}

.ct-skeleton--banner[b-2gv73onz3b] {
    height: 2.25rem;
}

.ct-skeleton--fields[b-2gv73onz3b] {
    height: 5.5rem;
}

.ct-skeleton--split[b-2gv73onz3b] {
    flex: 1;
    min-height: 280px;
}

@keyframes ct-shimmer-b-2gv73onz3b {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.ct-footer-summary[b-2gv73onz3b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
}

.ct-summary-chip[b-2gv73onz3b] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.65rem;
    border-radius: var(--r-pill);
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t2);
    background: #fff;
    border: 1px solid var(--bd);
}

.ct-summary-chip i[b-2gv73onz3b] {
    color: var(--g);
    font-size: 0.72rem;
}

.ct-section[b-2gv73onz3b] {
    border-bottom: 1px solid var(--bd-soft);
}

.ct-section:last-of-type[b-2gv73onz3b] {
    border-bottom: none;
}

.ct-products-split[b-2gv73onz3b] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ct-split-grid[b-2gv73onz3b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    flex: 1;
    min-height: 0;
}

.ct-split-pane[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.ct-split-pane--available[b-2gv73onz3b] {
    border-inline-end: 1px solid var(--bd-soft);
}

.ct-split-head[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(180deg, #fafbfb 0%, #ffffff 100%);
    border-bottom: 1px solid var(--bd-soft);
    flex-shrink: 0;
}

.ct-split-count[b-2gv73onz3b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.45rem;
    border-radius: var(--r-pill);
    background: var(--g-muted);
    color: var(--g);
    font-size: 0.72rem;
    font-weight: 700;
}

.ct-split-body[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0.85rem 1rem 1rem;
    gap: 0.65rem;
    overflow: hidden;
}

.ct-table-wrap--fill[b-2gv73onz3b] {
    flex: 1;
    min-height: 0;
    max-height: 100%;
}

.ct-pane-empty[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    min-height: 200px;
    padding: 1.5rem 1rem;
    color: var(--t3);
}

.ct-pane-empty-icon[b-2gv73onz3b] {
    font-size: 1.5rem;
    color: var(--t3);
    margin-bottom: 0.65rem;
}

.ct-pane-empty-text[b-2gv73onz3b] {
    margin: 0;
    max-width: 16rem;
    font-size: 0.84rem;
    line-height: 1.5;
}

.ct-split-arrow-icon[b-2gv73onz3b] {
    font-size: 1rem;
}

[dir="ltr"] .ct-split-pane--selected .ct-split-arrow-icon[b-2gv73onz3b] {
    transform: scaleX(-1);
}

.ct-table-search .ct-search-row--active[b-2gv73onz3b] {
    background: rgba(0, 103, 71, 0.12) !important;
    box-shadow: inset 3px 0 0 var(--g);
}

.ct-results-focus-wrap[b-2gv73onz3b] {
    outline: none;
}

.ct-results-focus-wrap:focus[b-2gv73onz3b] {
    outline: none;
}

.ct-table-search .ct-search-row--added[b-2gv73onz3b] {
    background: rgba(0, 103, 71, 0.06);
}

.ct-table-search .ct-search-row--added td:first-child[b-2gv73onz3b]::before {
    content: "✓";
    display: inline-block;
    margin-inline-end: 0.35rem;
    color: var(--g);
    font-weight: 700;
    font-size: 0.72rem;
}

.ct-table-selected tbody tr:hover[b-2gv73onz3b] {
    background: #fafcfb;
}

.ct-table-selected[b-2gv73onz3b] {
    table-layout: fixed;
    width: 100%;
}

.ct-table-search[b-2gv73onz3b] {
    table-layout: fixed;
    width: 100%;
}

/* Shared column widths — search & selected tables align */
.ct-col-pattern[b-2gv73onz3b] {
    width: 14%;
    min-width: 72px;
    text-align: center;
}

.ct-col-sku[b-2gv73onz3b] {
    width: 13%;
    min-width: 68px;
    text-align: center;
}

.ct-col-pack[b-2gv73onz3b] {
    width: 10%;
    min-width: 56px;
    text-align: center;
}

.ct-col-invoice[b-2gv73onz3b] {
    width: 16%;
    min-width: 88px;
    text-align: center;
}

.ct-col-sup-invoice[b-2gv73onz3b] {
    width: 14%;
    min-width: 76px;
    text-align: center;
}

.ct-col-qty[b-2gv73onz3b] {
    width: 13%;
    min-width: 96px;
    text-align: center;
}

.ct-col-loc[b-2gv73onz3b] {
    width: auto;
    min-width: 0;
}

.ct-col-action[b-2gv73onz3b] {
    width: 44px;
    min-width: 44px;
    text-align: center;
    vertical-align: middle !important;
    padding-inline: 0.35rem !important;
    white-space: nowrap;
}

.ct-cell-value[b-2gv73onz3b] {
    font-size: 0.82rem;
    font-weight: 500;
    color: var(--t1);
}

.ct-invoice-code[b-2gv73onz3b] {
    display: inline-block;
    max-width: 100%;
    font-size: 0.76rem;
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--t1);
    word-break: break-word;
    line-height: 1.25;
}

.ct-table-selected tbody td[b-2gv73onz3b] {
    vertical-align: middle;
    padding-block: 0.55rem;
}

.ct-table-selected .ct-col-pattern[b-2gv73onz3b],
.ct-table-selected .ct-col-sku[b-2gv73onz3b],
.ct-table-selected .ct-col-pack[b-2gv73onz3b],
.ct-table-selected .ct-col-invoice[b-2gv73onz3b],
.ct-table-selected .ct-col-sup-invoice[b-2gv73onz3b] {
    vertical-align: middle;
}

.ct-qty-cell[b-2gv73onz3b] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    width: 100%;
}

.ct-qty-input.form-control[b-2gv73onz3b] {
    width: 100%;
    max-width: 92px;
    min-width: 64px;
    height: 34px;
    padding: 0.25rem 0.4rem;
    border-radius: var(--r-md);
    border: 1px solid var(--bd);
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
    color: var(--t1);
    background: var(--surface);
    box-shadow: none;
}

.ct-qty-input.form-control:focus[b-2gv73onz3b] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.ct-loc-select.form-select[b-2gv73onz3b] {
    width: 100%;
    height: 34px;
    min-width: 0;
    max-width: none;
    padding: 0.25rem 0.55rem;
    padding-inline: 0.55rem 1.75rem;
    border-radius: var(--r-md);
    border: 1px solid var(--bd);
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--t1);
    background-color: var(--surface);
}

.ct-loc-select.form-select:focus[b-2gv73onz3b] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.ct-btn-remove[b-2gv73onz3b] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: var(--r-md);
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fecaca !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
    font-size: 0.78rem;
    line-height: 1;
    box-shadow: none;
}

.ct-btn-remove:hover[b-2gv73onz3b] {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #b91c1c !important;
}

.ct-max-hint[b-2gv73onz3b] {
    display: block;
    max-width: 100%;
    font-size: 0.65rem;
    line-height: 1.2;
    color: var(--t3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.ct-section-head[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(180deg, #fafbfb 0%, #ffffff 100%);
    border-bottom: 1px solid var(--bd-soft);
}

.ct-section-title[b-2gv73onz3b] {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--t1);
}

.ct-section-title i[b-2gv73onz3b] {
    color: var(--g);
    font-size: 0.82rem;
}

.ct-section-body[b-2gv73onz3b] {
    padding: 1rem;
}

.ct-fields-row[b-2gv73onz3b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
}

.ct-field[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    gap: 0.32rem;
    min-width: 0;
}

.ct-label[b-2gv73onz3b] {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--t2);
}

.ct-label-required[b-2gv73onz3b] {
    color: var(--danger);
}

.ct-input.form-select[b-2gv73onz3b],
.ct-input.form-control[b-2gv73onz3b] {
    height: 38px;
    border-radius: var(--r-md);
    border-color: var(--bd);
    color: var(--t1);
    font-size: 0.84rem;
    font-weight: 500;
    background-color: var(--surface);
}

.ct-input.form-control[type="textarea"][b-2gv73onz3b],
textarea.ct-input.form-control[b-2gv73onz3b] {
    height: auto;
    min-height: 72px;
    resize: vertical;
}

.ct-input.form-select:focus[b-2gv73onz3b],
.ct-input.form-control:focus[b-2gv73onz3b] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.ct-input.is-invalid[b-2gv73onz3b] {
    border-color: var(--danger);
}

.ct-field-error[b-2gv73onz3b] {
    font-size: 0.74rem;
    color: var(--danger);
    font-weight: 500;
}

.ct-hint[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--r-md);
    border: 1px solid #bee5eb;
    background: #f0f9fc;
    color: #0c5460;
    font-size: 0.82rem;
    font-weight: 500;
}

.ct-hint i[b-2gv73onz3b] {
    flex-shrink: 0;
}

.ct-batch-picker[b-2gv73onz3b] {
    position: relative;
    margin-bottom: 0.6rem;
}

.ct-batch-trigger[b-2gv73onz3b] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    height: 38px;
    padding-inline: 0.75rem;
    border-radius: var(--r-md);
    border: 1px dashed var(--g);
    background: var(--g-subtle);
    color: var(--g-hover);
    font-family: var(--font);
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.ct-batch-trigger:hover:not(:disabled)[b-2gv73onz3b] {
    background: var(--g-muted);
    border-color: var(--g-hover);
}

.ct-batch-trigger:focus-visible[b-2gv73onz3b] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.15);
}

.ct-batch-trigger:disabled[b-2gv73onz3b] {
    opacity: 0.6;
    cursor: not-allowed;
}

.ct-batch-trigger i.fa-layer-group[b-2gv73onz3b],
.ct-batch-trigger i.fa-check-circle[b-2gv73onz3b] {
    flex-shrink: 0;
    font-size: 0.82rem;
}

.ct-batch-trigger--selected[b-2gv73onz3b] {
    border-style: solid;
    background: var(--g);
    color: #fff;
}

.ct-batch-trigger--selected:hover:not(:disabled)[b-2gv73onz3b] {
    background: var(--g-hover);
    border-color: var(--g-hover);
}

.ct-batch-trigger--selected .ct-batch-trigger-caret[b-2gv73onz3b] {
    color: rgba(255, 255, 255, 0.75);
}

.ct-batch-trigger-label[b-2gv73onz3b] {
    flex: 1;
    min-width: 0;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ct-batch-trigger .spinner-border[b-2gv73onz3b] {
    flex: none;
}

.ct-batch-trigger-caret[b-2gv73onz3b] {
    flex-shrink: 0;
    font-size: 0.68rem;
    color: var(--t3);
    transition: transform 0.15s ease;
}

.ct-batch-trigger-caret--open[b-2gv73onz3b] {
    transform: rotate(180deg);
}

.ct-batch-panel[b-2gv73onz3b] {
    position: absolute;
    inset-inline: 0;
    top: calc(100% + 4px);
    z-index: 20;
    max-height: 260px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.3rem;
    background: var(--surface);
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    box-shadow: var(--sh-md);
}

.ct-batch-row[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    width: 100%;
    padding: 0.45rem 0.6rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    text-align: start;
    cursor: pointer;
    transition: background 0.12s ease;
}

.ct-batch-row:hover:not(:disabled)[b-2gv73onz3b] {
    background: var(--g-subtle);
}

.ct-batch-row:disabled[b-2gv73onz3b] {
    opacity: 0.5;
    cursor: not-allowed;
}

.ct-batch-row--selected[b-2gv73onz3b] {
    background: var(--g-subtle);
}

.ct-batch-row-check[b-2gv73onz3b] {
    flex-shrink: 0;
    font-size: 0.72rem;
    color: var(--g);
}

.ct-batch-row-code[b-2gv73onz3b] {
    flex-shrink: 0;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--t1);
}

.ct-batch-row-stats[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.ct-batch-chip[b-2gv73onz3b] {
    display: inline-flex;
    align-items: center;
    padding: 0.16rem 0.55rem;
    border-radius: var(--r-pill);
    background: var(--bg);
    color: var(--t2);
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

.ct-batch-chip--boxes[b-2gv73onz3b] {
    background: var(--g-muted);
    color: var(--g-hover);
}

.ct-search-wrap[b-2gv73onz3b] {
    margin-bottom: 0.5rem;
}

.ct-search-field[b-2gv73onz3b] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    height: 42px;
    padding-inline: 0.85rem;
    border-radius: var(--r-md);
    border: 1px solid var(--bd);
    background: var(--surface);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ct-search-field:focus-within[b-2gv73onz3b] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.ct-search-icon[b-2gv73onz3b] {
    flex-shrink: 0;
    color: var(--t3);
    font-size: 0.85rem;
    line-height: 1;
    pointer-events: none;
}

.ct-search-input[b-2gv73onz3b] {
    flex: 1;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    font-size: 0.86rem;
    color: var(--t1);
    outline: none;
    box-shadow: none;
}

.ct-search-input:focus[b-2gv73onz3b] {
    outline: none;
    box-shadow: none;
}

.ct-search-hint[b-2gv73onz3b] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.74rem;
    color: var(--t3);
}

.ct-loading[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    color: var(--t3);
    gap: 0.65rem;
}

.ct-loading-spinner[b-2gv73onz3b] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--bd);
    border-top-color: var(--g);
    border-radius: 50%;
    animation: ct-spin-b-2gv73onz3b 0.75s linear infinite;
}

@keyframes ct-spin-b-2gv73onz3b {
    to {
        transform: rotate(360deg);
    }
}

.ct-alert[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    border-radius: var(--r-md);
    font-size: 0.82rem;
    font-weight: 500;
}

.ct-alert-warning[b-2gv73onz3b] {
    border: 1px solid #ffeeba;
    background: #fff8e6;
    color: #856404;
}

.ct-table-wrap[b-2gv73onz3b] {
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    overflow: auto;
}

.ct-table[b-2gv73onz3b] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.84rem;
}

.ct-table thead th[b-2gv73onz3b] {
    padding: 0.68rem 0.55rem;
    text-align: center;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--t2);
    background: #f8faf9;
    border-bottom: 1px solid var(--bd);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    vertical-align: middle;
}

.ct-table tbody td[b-2gv73onz3b] {
    padding: 0.68rem 0.55rem;
    border-bottom: 1px solid var(--bd-soft);
    color: var(--t1);
    vertical-align: middle;
}

.ct-table tbody tr:last-child td[b-2gv73onz3b] {
    border-bottom: none;
}

.ct-table tbody tr:hover[b-2gv73onz3b] {
    background: var(--g-subtle);
}

.ct-table-search .ct-search-row[b-2gv73onz3b] {
    cursor: pointer;
    transition: background-color 120ms ease;
}

.ct-table-search .ct-search-row:hover:not(.ct-search-row--disabled)[b-2gv73onz3b],
.ct-table-search .ct-search-row:focus-visible:not(.ct-search-row--disabled)[b-2gv73onz3b] {
    background: var(--g-subtle);
    outline: none;
}

.ct-table-search .ct-search-row--disabled[b-2gv73onz3b] {
    cursor: not-allowed;
    opacity: 0.55;
}

.ct-pattern-code[b-2gv73onz3b] {
    font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
    font-size: 0.82rem;
    font-weight: 600;
    color: var(--t1);
}

.ct-packaging-cell[b-2gv73onz3b] {
    font-weight: 600;
    color: var(--t2);
    white-space: nowrap;
}

.ct-btn-add[b-2gv73onz3b] {
    height: 30px;
    border-radius: var(--r-md) !important;
    padding: 0 0.65rem !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.3rem;
}

.ct-badge[b-2gv73onz3b] {
    border-radius: var(--r-pill);
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.28rem 0.55rem;
}

.ct-badge-success[b-2gv73onz3b] {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.ct-badge-danger[b-2gv73onz3b] {
    background: #fee2e2 !important;
    color: #991b1b !important;
}

.ct-btn-clear-all[b-2gv73onz3b] {
    height: 30px;
    border-radius: var(--r-md) !important;
    font-size: 0.76rem !important;
    font-weight: 600 !important;
    padding: 0 0.65rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
}

.ct-empty[b-2gv73onz3b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 180px;
    padding: 2rem 1rem;
}

.ct-empty-icon-wrap[b-2gv73onz3b] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--g-subtle);
    border: 1px solid rgba(0, 103, 71, 0.12);
    margin-bottom: 0.85rem;
}

.ct-empty-icon[b-2gv73onz3b] {
    font-size: 1.35rem;
    color: var(--g);
}

.ct-empty-text[b-2gv73onz3b] {
    margin: 0;
    max-width: 24rem;
    font-size: 0.86rem;
    color: var(--t3);
    line-height: 1.5;
}

.ct-footer[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bd-soft);
    background: #fafbfb;
    position: sticky;
    bottom: 0;
    z-index: 5;
    box-shadow: 0 -4px 12px rgba(17, 24, 21, 0.04);
}

.ct-footer-status[b-2gv73onz3b] {
    flex: 1 1 200px;
    min-width: 0;
}

.ct-footer-actions[b-2gv73onz3b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-shrink: 0;
}

.ct-feedback[b-2gv73onz3b] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.4rem 0.7rem;
    border-radius: var(--r-md);
    font-size: 0.84rem;
    font-weight: 600;
    max-width: 100%;
}

.ct-feedback span[b-2gv73onz3b] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ct-feedback--loading[b-2gv73onz3b] {
    color: var(--g);
    background: var(--g-subtle);
    border: 1px solid #b8d4c8;
}

.ct-feedback--success[b-2gv73onz3b] {
    color: #065f46;
    background: #d1fae5;
    border: 1px solid #6ee7b7;
}

.ct-feedback--error[b-2gv73onz3b] {
    color: #991b1b;
    background: #fee2e2;
    border: 1px solid #fecaca;
}

.ct-feedback--warning[b-2gv73onz3b] {
    color: #92400e;
    background: #fffbeb;
    border: 1px solid #fcd34d;
}

.ct-btn-cancel[b-2gv73onz3b] {
    height: 36px;
    border-radius: var(--r-md) !important;
    border: 1px solid var(--bd) !important;
    color: var(--t2) !important;
    background: #fff !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    padding: 0 1rem !important;
}

.ct-btn-cancel:hover[b-2gv73onz3b] {
    background: #f3f5f4 !important;
}

.ct-btn-submit[b-2gv73onz3b] {
    height: 36px;
    border-radius: var(--r-md) !important;
    border: 1px solid var(--g-hover) !important;
    color: #fff !important;
    background: var(--g) !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    padding: 0 1.1rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    box-shadow: 0 2px 6px rgba(0, 103, 71, 0.22);
}

.ct-btn-submit:hover:not(:disabled)[b-2gv73onz3b] {
    background: var(--g-hover) !important;
}

.ct-btn-submit:disabled[b-2gv73onz3b] {
    opacity: 0.55;
    cursor: not-allowed;
}

@media (max-width: 992px) {
    .ct-fields-row[b-2gv73onz3b] {
        grid-template-columns: 1fr;
    }

    .ct-split-grid[b-2gv73onz3b] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .ct-split-pane--available[b-2gv73onz3b] {
        border-inline-end: none;
        border-bottom: 1px solid var(--bd-soft);
    }

    .ct-split-pane[b-2gv73onz3b] {
        min-height: 280px;
    }
}

@media (max-width: 768px) {
    .ct-section-body[b-2gv73onz3b],
    .ct-footer[b-2gv73onz3b] {
        padding-inline: 0.75rem;
    }

    .ct-loc-select[b-2gv73onz3b] {
        max-width: none;
        width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/Transfers/ReceiveTransfer.razor.rz.scp.css */
.rcv-page[b-2jk7vb153x] {
    padding: 0.5rem 0.75rem 0.65rem;
    --g: #006747;
    --g-hover: #005538;
    --g-subtle: #eef8f3;
    --surface: #ffffff;
    --bd: #dfe5e2;
    --bd-soft: #edf1ef;
    --t0: #111815;
    --t1: #1d2e29;
    --t2: #496058;
    --t3: #7a9690;
    --font: "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-sm: 6px;
    --r-md: 8px;
    --r-lg: 10px;
    --r-pill: 999px;
    --input-h: 34px;
    --row-py: 0.5rem;

    display: flex;
    flex-direction: column;
    height: calc(100dvh - 4.25rem);
    min-height: 320px;
    max-height: calc(100dvh - 4.25rem);
    overflow: hidden;
    width: 100%;
    min-width: 0;
    font-family: var(--font);
    color: var(--t0);
}

.rcv-panel[b-2jk7vb153x] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    border: 1px solid var(--bd);
    border-radius: var(--r-lg);
    background: var(--surface);
    box-shadow: 0 2px 10px rgba(17, 24, 21, 0.04);
    overflow: hidden;
}

.rcv-hero[b-2jk7vb153x] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.85rem 1.25rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--bd-soft);
    background: #fff;
}

.rcv-hero-ident[b-2jk7vb153x] {
    min-width: 0;
}

.rcv-hero-eyebrow[b-2jk7vb153x] {
    display: block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--t3);
    margin-bottom: 0.15rem;
}

.rcv-hero-title-row[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.rcv-transfer-no[b-2jk7vb153x] {
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--t0);
}

.rcv-status[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    padding: 0.18rem 0.55rem;
    border-radius: var(--r-pill);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    border: 1px solid transparent;
}

.rcv-status--hold[b-2jk7vb153x],
.rcv-status--transit[b-2jk7vb153x] {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fdba74;
}

.rcv-status--received[b-2jk7vb153x] {
    background: #eff6ff;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.rcv-status--completed[b-2jk7vb153x] {
    background: #ecfdf5;
    color: #047857;
    border-color: #6ee7b7;
}

.rcv-status--default[b-2jk7vb153x] {
    background: #f3f4f6;
    color: #4b5563;
    border-color: #d1d5db;
}

.rcv-hero-meta[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.rcv-route-chip[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.38rem 0.7rem;
    border-radius: var(--r-pill);
    background: var(--g-subtle);
    border: 1px solid rgba(0, 103, 71, 0.14);
    white-space: nowrap;
}

.rcv-route-branch[b-2jk7vb153x] {
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--t2);
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rcv-route-branch--dest[b-2jk7vb153x] {
    color: var(--g);
    font-weight: 700;
}

.rcv-route-arrow[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: #fff;
    color: var(--g);
    font-size: 0.62rem;
    flex-shrink: 0;
}

.rcv-hero-progress[b-2jk7vb153x] {
    min-width: 148px;
    max-width: 220px;
}

.rcv-hero-progress-head[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.28rem;
}

.rcv-hero-progress-label[b-2jk7vb153x] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--t3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rcv-hero-progress-count[b-2jk7vb153x] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #c2410c;
    flex-shrink: 0;
}

.rcv-hero-progress-count--done[b-2jk7vb153x] {
    color: var(--g);
}

.rcv-hero-progress-track[b-2jk7vb153x] {
    height: 6px;
    border-radius: var(--r-pill);
    background: #eef2f0;
    overflow: hidden;
}

.rcv-hero-progress-fill[b-2jk7vb153x] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f59e0b, #fbbf24);
    transition: width 0.25s ease;
}

.rcv-hero-progress-fill--done[b-2jk7vb153x] {
    background: linear-gradient(90deg, var(--g), #059669);
}

.rcv-hero-actions[b-2jk7vb153x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    justify-content: flex-end;
}

.rcv-btn[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.32rem 0.65rem;
    border-radius: var(--r-md);
    font-size: 0.76rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
}

.rcv-btn--compact[b-2jk7vb153x] {
    padding: 0.26rem 0.5rem;
    font-size: 0.72rem;
}

.rcv-btn--ghost[b-2jk7vb153x] {
    background: #fff;
    border-color: var(--bd);
    color: var(--t1);
}

.rcv-btn--ghost:hover[b-2jk7vb153x] {
    background: var(--g-subtle);
    color: var(--g);
}

.rcv-btn--success[b-2jk7vb153x] {
    background: var(--g);
    color: #fff;
}

.rcv-btn--success:hover:not(:disabled)[b-2jk7vb153x] {
    background: var(--g-hover);
}

.rcv-btn--success:disabled[b-2jk7vb153x],
.rcv-btn--outline:disabled[b-2jk7vb153x] {
    opacity: 0.5;
    cursor: not-allowed;
}

.rcv-btn--outline[b-2jk7vb153x] {
    background: #fff;
    border-color: var(--g);
    color: var(--g);
    white-space: nowrap;
}

.rcv-btn--outline:hover:not(:disabled)[b-2jk7vb153x] {
    background: var(--g);
    color: #fff;
}

/* Toolbar — fixed above scrollable list */
.rcv-toolbar[b-2jk7vb153x] {
    flex: 0 0 auto;
    padding: 0.45rem 0.75rem 0.5rem;
    border-bottom: 1px solid var(--bd-soft);
    background: #fff;
}

.rcv-toolbar-row[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.rcv-section-title[b-2jk7vb153x] {
    margin: 0;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--t0);
    white-space: nowrap;
}

.rcv-defaults[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    min-width: 0;
}

.rcv-defaults-info-wrap[b-2jk7vb153x] {
    position: relative;
    flex-shrink: 0;
}

.rcv-info-btn[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--bd);
    border-radius: var(--r-sm);
    background: #fff;
    color: var(--g);
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
}

.rcv-info-btn:hover[b-2jk7vb153x] {
    background: var(--g-subtle);
    border-color: var(--g);
}

.rcv-info-popover[b-2jk7vb153x] {
    position: absolute;
    top: calc(100% + 0.35rem);
    inset-inline-start: 0;
    z-index: 30;
    min-width: 220px;
    max-width: 280px;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    background: #fff;
    box-shadow: 0 6px 18px rgba(17, 24, 21, 0.1);
    font-size: 0.74rem;
    font-weight: 600;
    color: var(--t1);
    line-height: 1.4;
}

.rcv-defaults .rcv-input[b-2jk7vb153x] {
    width: auto;
    min-width: 0;
}

.rcv-defaults select.rcv-input[b-2jk7vb153x] {
    min-width: 110px;
    max-width: 160px;
}

.rcv-defaults input.rcv-input:not(.rcv-input--num)[b-2jk7vb153x] {
    width: 72px;
}

.rcv-defaults .rcv-input--num[b-2jk7vb153x] {
    width: 44px;
}

.rcv-input[b-2jk7vb153x] {
    height: var(--input-h);
    min-height: var(--input-h);
    padding: 0.25rem 0.45rem;
    font-size: 0.78rem;
    border-radius: var(--r-sm);
    line-height: 1.2;
}

.rcv-input--num[b-2jk7vb153x] {
    text-align: center;
    padding-inline: 0.15rem;
}

.rcv-input.is-invalid[b-2jk7vb153x],
.rcv-input.form-select.is-invalid[b-2jk7vb153x] {
    border-color: #dc2626;
}

/* Scrollable list only */
.rcv-list-scroll[b-2jk7vb153x] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
}

.rcv-list[b-2jk7vb153x] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.rcv-list thead th[b-2jk7vb153x] {
    position: sticky;
    top: 0;
    z-index: 3;
    padding: 0.5rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    color: var(--t3);
    background: #f3f6f4;
    border-bottom: 1px solid var(--bd);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rcv-list tbody td[b-2jk7vb153x] {
    padding: var(--row-py) 0.45rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--bd-soft);
    background: #fff;
    height: calc(var(--input-h) + var(--row-py) * 2);
}

.rcv-list tbody tr:hover td[b-2jk7vb153x] {
    background: #fafcfb;
}

.rcv-list tbody tr.rcv-row--ok td[b-2jk7vb153x] {
    background: #f6fdf9;
}

.rcv-list tbody tr.rcv-row--ok:hover td[b-2jk7vb153x] {
    background: #eefbf4;
}

.rcv-col-code[b-2jk7vb153x] {
    width: 72px;
}

.rcv-col-sku[b-2jk7vb153x] {
    width: 88px;
}

.rcv-col-qty[b-2jk7vb153x] {
    width: 44px;
    text-align: center;
}

.rcv-col-storage[b-2jk7vb153x] {
    width: 18%;
    min-width: 100px;
}

.rcv-col-section[b-2jk7vb153x] {
    width: 12%;
    min-width: 72px;
}

.rcv-col-num[b-2jk7vb153x] {
    width: 48px;
}

.rcv-col-status[b-2jk7vb153x] {
    width: 52px;
    text-align: center;
}

.rcv-col-actions[b-2jk7vb153x] {
    width: 64px;
}

.rcv-code[b-2jk7vb153x] {
    font-weight: 700;
    font-size: 0.8rem;
    color: var(--t0);
    line-height: 1.35;
}

.rcv-sku[b-2jk7vb153x] {
    display: block;
    font-size: 0.76rem;
    color: var(--t2);
    line-height: 1.35;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rcv-qty-req[b-2jk7vb153x] {
    display: inline-block;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--t1);
}

.rcv-list .rcv-input[b-2jk7vb153x] {
    width: 100%;
}

.rcv-status-dot[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding: 0.1rem 0.3rem;
    border-radius: var(--r-pill);
    font-size: 0.62rem;
    font-weight: 700;
    background: #fffbeb;
    color: #92400e;
}

.rcv-status-dot--ok[b-2jk7vb153x] {
    background: #d1fae5;
    color: #065f46;
    min-width: 1.4rem;
}

.rcv-status-dot i[b-2jk7vb153x] {
    font-size: 0.6rem;
}

.rcv-row-actions[b-2jk7vb153x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.2rem;
}

.rcv-btn-icon[b-2jk7vb153x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #fecaca;
    border-radius: var(--r-sm);
    background: #fff;
    color: #b91c1c;
    cursor: pointer;
    font-size: 0.62rem;
    padding: 0;
    flex-shrink: 0;
}

.rcv-btn-icon--add[b-2jk7vb153x] {
    border-color: #a7f3d0;
    color: var(--g);
}

.rcv-btn-icon--add:hover:not(:disabled)[b-2jk7vb153x] {
    background: var(--g-subtle);
}

.rcv-btn-icon:disabled[b-2jk7vb153x] {
    opacity: 0.3;
    cursor: not-allowed;
}

.rcv-storages-warn[b-2jk7vb153x] {
    margin-bottom: 0.4rem;
    padding: 0.35rem 0.5rem;
    border-radius: var(--r-md);
    background: #fffbeb;
    border: 1px solid #fcd34d;
    font-size: 0.74rem;
    color: #92400e;
}

.rcv-loading[b-2jk7vb153x] {
    padding: 1.5rem;
    text-align: center;
}

@media (max-width: 1100px) {
    .rcv-page[b-2jk7vb153x] {
        height: calc(100dvh - 3.5rem);
        max-height: calc(100dvh - 3.5rem);
    }

    .rcv-hero[b-2jk7vb153x] {
        grid-template-columns: 1fr;
        gap: 0.65rem;
    }

    .rcv-hero-meta[b-2jk7vb153x] {
        width: 100%;
        justify-content: space-between;
    }

    .rcv-hero-progress[b-2jk7vb153x] {
        flex: 1 1 auto;
        max-width: none;
    }

    .rcv-hero-actions[b-2jk7vb153x] {
        width: 100%;
        justify-content: stretch;
    }

    .rcv-hero-actions .rcv-btn[b-2jk7vb153x] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .rcv-toolbar-row[b-2jk7vb153x] {
        flex-direction: column;
        align-items: stretch;
    }

    .rcv-defaults[b-2jk7vb153x] {
        width: 100%;
    }

    .rcv-list-scroll[b-2jk7vb153x] {
        overflow-x: auto;
    }

    .rcv-list[b-2jk7vb153x] {
        min-width: 780px;
    }
}

@media (max-width: 640px) {
    .rcv-page[b-2jk7vb153x] {
        padding-inline: 0.35rem;
        height: calc(100dvh - 3rem);
        max-height: calc(100dvh - 3rem);
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/Transfers/TransferList.razor.rz.scp.css */
.transfers-page[b-8uzdzxues1] {
    --g: #006747;
    --g-hover: #005538;
    --g-subtle: #eef8f3;
    --g-muted: rgba(0, 103, 71, 0.08);
    --surface: #ffffff;
    --bg: #f4f6f5;
    --bd: #dfe5e2;
    --bd-soft: #edf1ef;
    --t0: #111815;
    --t1: #1d2e29;
    --t2: #496058;
    --t3: #7a9690;
    --font: "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-md: 10px;
    --r-lg: 14px;
    --r-pill: 999px;
    --sh-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --sh-md: 0 4px 18px rgba(17, 24, 21, 0.06);

    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0;
    background: var(--bg);
    color: var(--t0);
    font-family: var(--font);
}

.trf-panel[b-8uzdzxues1] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0;
    border: 1px solid var(--bd);
    border-radius: var(--r-lg);
    background: var(--surface);
    box-shadow: var(--sh-md);
    overflow: hidden;
}

/* ── Toolbar ── */
.trf-toolbar[b-8uzdzxues1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--bd-soft);
    background: linear-gradient(180deg, #fafbfb 0%, #ffffff 100%);
}

.trf-toolbar-filters[b-8uzdzxues1] {
    display: flex;
    align-items: flex-end;
    gap: 0.65rem;
    flex-wrap: wrap;
    flex: 1 1 auto;
    min-width: 0;
}

.trf-filters-label[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 34px;
    padding-inline: 0.15rem 0.35rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t2);
    white-space: nowrap;
    flex-shrink: 0;
}

.trf-filters-label i[b-8uzdzxues1] {
    color: var(--g);
    font-size: 0.72rem;
}

.trf-filter-group[b-8uzdzxues1] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
}

.trf-filter-status[b-8uzdzxues1] {
    width: 160px;
    flex: 0 0 160px;
}

.trf-filter-branch[b-8uzdzxues1] {
    width: 220px;
    flex: 0 1 220px;
    max-width: 280px;
}

.trf-filter-label[b-8uzdzxues1] {
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--t3);
    letter-spacing: 0.01em;
}

.trf-select.form-select[b-8uzdzxues1] {
    height: 34px;
    border-radius: var(--r-md);
    border-color: var(--bd);
    color: var(--t1);
    font-size: 0.81rem;
    font-weight: 500;
    background-color: var(--surface);
    padding-inline: 0.75rem 1.85rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.trf-select.form-select:focus[b-8uzdzxues1] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.trf-btn-clear[b-8uzdzxues1] {
    height: 34px;
    border-radius: var(--r-md) !important;
    border: 1px dashed var(--bd) !important;
    color: var(--t2) !important;
    background: #fff !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    padding: 0 0.75rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
    align-self: flex-end;
}

.trf-btn-clear:hover[b-8uzdzxues1] {
    border-color: var(--g) !important;
    color: var(--g) !important;
    background: var(--g-subtle) !important;
}

.trf-btn-clear--prominent[b-8uzdzxues1] {
    margin-top: 0.25rem;
}

.trf-page-actions[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.trf-btn-excel[b-8uzdzxues1] {
    height: 34px;
    border-radius: var(--r-md) !important;
    border: 1.5px solid var(--g) !important;
    color: var(--g) !important;
    background: #fff !important;
    font-size: 0.81rem !important;
    font-weight: 600 !important;
    padding: 0 0.85rem !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
}

.trf-btn-excel:hover:not(:disabled)[b-8uzdzxues1] {
    border-color: var(--g-hover) !important;
    color: var(--g-hover) !important;
    background: var(--g-subtle) !important;
}

.trf-btn-excel:disabled[b-8uzdzxues1] {
    opacity: 0.55;
    cursor: not-allowed;
}

.trf-btn-new[b-8uzdzxues1] {
    height: 34px;
    border: 1px solid var(--g-hover) !important;
    border-radius: var(--r-md) !important;
    padding: 0 0.95rem !important;
    font-size: 0.81rem !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: var(--g) !important;
    box-shadow: 0 2px 6px rgba(0, 103, 71, 0.22) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
}

.trf-btn-new:hover[b-8uzdzxues1] {
    background: var(--g-hover) !important;
    border-color: #00492f !important;
    transform: translateY(-1px);
}

.trf-btn-new--prominent[b-8uzdzxues1] {
    height: 38px;
    padding-inline: 1.15rem !important;
    font-size: 0.85rem !important;
}

/* ── Body ── */
.trf-body[b-8uzdzxues1] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0.85rem 1rem 1rem;
}

.trf-body--busy[b-8uzdzxues1] {
    pointer-events: none;
}

.trf-loading-overlay[b-8uzdzxues1] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(2px);
}

.trf-loading-overlay-inner[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 1rem;
    border-radius: var(--r-md);
    border: 1px solid var(--bd);
    background: #fff;
    box-shadow: var(--sh-sm);
    color: var(--t2);
    font-size: 0.84rem;
    font-weight: 600;
}

.trf-loading-spinner[b-8uzdzxues1] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--bd);
    border-top-color: var(--g);
    border-radius: 50%;
    animation: trf-spin-b-8uzdzxues1 0.75s linear infinite;
    flex-shrink: 0;
}

@keyframes trf-spin-b-8uzdzxues1 {
    to {
        transform: rotate(360deg);
    }
}

/* ── Skeleton ── */
.trf-skeleton[b-8uzdzxues1] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.25rem 0;
}

.trf-skeleton-row[b-8uzdzxues1] {
    height: 46px;
    border-radius: var(--r-md);
    background: linear-gradient(90deg, #f0f3f1 25%, #e8ecea 50%, #f0f3f1 75%);
    background-size: 200% 100%;
    animation: trf-shimmer-b-8uzdzxues1 1.4s ease-in-out infinite;
}

.trf-skeleton-row:nth-child(odd)[b-8uzdzxues1] {
    opacity: 0.85;
}

@keyframes trf-shimmer-b-8uzdzxues1 {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

/* ── Empty state ── */
.trf-empty[b-8uzdzxues1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 340px;
    padding: 2.5rem 1.5rem;
}

.trf-empty-icon-wrap[b-8uzdzxues1] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--g-subtle);
    border: 1px solid rgba(0, 103, 71, 0.12);
    margin-bottom: 1.1rem;
}

.trf-empty-icon[b-8uzdzxues1] {
    font-size: 1.65rem;
    color: var(--g);
}

.trf-empty-title[b-8uzdzxues1] {
    margin: 0 0 0.45rem;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--t0);
}

.trf-empty-text[b-8uzdzxues1] {
    margin: 0 0 1.15rem;
    max-width: 28rem;
    font-size: 0.86rem;
    color: var(--t3);
    line-height: 1.5;
}

/* ── Meta bar ── */
.trf-meta[b-8uzdzxues1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.7rem;
    padding-bottom: 0.65rem;
    border-bottom: 1px solid var(--bd-soft);
}

.trf-meta-count[b-8uzdzxues1] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t2);
}

.trf-active-filters[b-8uzdzxues1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.trf-filter-chip[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    padding: 0.22rem 0.62rem;
    border-radius: var(--r-pill);
    background: var(--g-muted);
    border: 1px solid rgba(0, 103, 71, 0.14);
    color: var(--g);
    font-size: 0.72rem;
    font-weight: 600;
}

/* ── Table ── */
.trf-table-wrap[b-8uzdzxues1] {
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    overflow: auto;
    min-height: 0;
    flex: 1;
}

.trf-table[b-8uzdzxues1] {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.84rem;
    background: var(--surface);
}

.trf-table thead th[b-8uzdzxues1] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.72rem 0.8rem;
    text-align: start;
    font-size: 0.74rem;
    font-weight: 700;
    color: var(--t2);
    background: #f8faf9;
    border-bottom: 1px solid var(--bd);
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.trf-table tbody td[b-8uzdzxues1] {
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid var(--bd-soft);
    color: var(--t1);
    vertical-align: middle;
}

.trf-table tbody tr:last-child td[b-8uzdzxues1] {
    border-bottom: none;
}

.trf-row[b-8uzdzxues1] {
    cursor: pointer;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.trf-row:hover[b-8uzdzxues1],
.trf-row:focus-visible[b-8uzdzxues1] {
    background: var(--g-subtle);
    outline: none;
}

.trf-row:focus-visible[b-8uzdzxues1] {
    box-shadow: inset 3px 0 0 var(--g);
}

.trf-transfer-no[b-8uzdzxues1] {
    font-family: ui-monospace, "Cascadia Code", "Consolas", monospace;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--g);
    letter-spacing: 0.01em;
}

.trf-branch-name[b-8uzdzxues1] {
    font-weight: 500;
    color: var(--t1);
}

.trf-col-route[b-8uzdzxues1],
.trf-route-cell[b-8uzdzxues1] {
    width: 28px;
    padding-inline: 0.25rem !important;
    text-align: center;
}

.trf-route-arrow[b-8uzdzxues1] {
    color: var(--t3);
    font-size: 0.82rem;
}

[dir="ltr"] .trf-route-arrow[b-8uzdzxues1] {
    transform: scaleX(-1);
}

.trf-items-count[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    height: 1.65rem;
    padding: 0 0.4rem;
    border-radius: var(--r-pill);
    background: #f3f5f4;
    border: 1px solid var(--bd);
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--t2);
}

.trf-date-cell[b-8uzdzxues1] {
    font-size: 0.8rem;
    color: var(--t2);
    white-space: nowrap;
}

.trf-status-badge.badge[b-8uzdzxues1] {
    border-radius: var(--r-pill);
    font-weight: 700;
    font-size: 0.68rem;
    padding: 0.34rem 0.62rem;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.trf-status-badge.bg-warning[b-8uzdzxues1] {
    background: #fef3c7 !important;
    color: #92400e !important;
}

.trf-status-badge.bg-info[b-8uzdzxues1] {
    background: #dbeafe !important;
    color: #1e3a8a !important;
}

.trf-status-badge.bg-success[b-8uzdzxues1] {
    background: #dcfce7 !important;
    color: #166534 !important;
}

.trf-status-badge.bg-secondary[b-8uzdzxues1] {
    background: #f3f4f6 !important;
    color: #4b5563 !important;
}

.trf-col-actions[b-8uzdzxues1],
.trf-cell-actions[b-8uzdzxues1] {
    white-space: nowrap;
}

.trf-action-btns[b-8uzdzxues1] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    white-space: nowrap;
}

.trf-icon-btn[b-8uzdzxues1] {
    min-width: 2.05rem;
    height: 2.05rem;
    border-radius: 0.55rem;
    border: 1px solid transparent;
    padding: 0 0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
}

.trf-icon-btn:hover[b-8uzdzxues1] {
    transform: translateY(-1px);
}

.trf-icon-btn-view[b-8uzdzxues1] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}

.trf-icon-btn-view:hover[b-8uzdzxues1] {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.trf-icon-btn-edit[b-8uzdzxues1] {
    background: #fef3c7;
    border-color: #fcd34d;
    color: #b45309;
}

.trf-icon-btn-edit:hover[b-8uzdzxues1] {
    background: #fde68a;
    border-color: #fbbf24;
    color: #92400e;
}

.trf-icon-btn-cancel[b-8uzdzxues1] {
    background: #fee2e2;
    border-color: #fecaca;
    color: #b91c1c;
}

.trf-icon-btn-cancel:hover[b-8uzdzxues1] {
    background: #fecaca;
    border-color: #f87171;
    color: #991b1b;
}

.trf-icon-btn-receive[b-8uzdzxues1] {
    background: #e8f7ef;
    border-color: #95d5b2;
    color: #15803d;
}

.trf-icon-btn-receive:hover[b-8uzdzxues1] {
    background: #d7f1e3;
    border-color: #74c69d;
    color: #166534;
}

/* ── Pagination ── */
.trf-pagination-wrap[b-8uzdzxues1] {
    margin-top: 0.85rem;
    flex-shrink: 0;
}

.trf-pagination .page-link[b-8uzdzxues1] {
    border-radius: 8px !important;
    margin: 0 0.14rem;
    min-width: 2rem;
    text-align: center;
    color: var(--t2);
    border-color: var(--bd);
    font-weight: 600;
    font-size: 0.79rem;
}

.trf-pagination .page-item.active .page-link[b-8uzdzxues1] {
    background: var(--g);
    border-color: var(--g);
    color: #fff;
}

.trf-pagination .page-link:hover[b-8uzdzxues1] {
    color: var(--g);
    background: var(--g-subtle);
    border-color: var(--g);
}

/* ── Responsive ── */
@media (max-width: 992px) {
    .trf-toolbar[b-8uzdzxues1] {
        align-items: stretch;
    }

    .trf-toolbar-filters[b-8uzdzxues1] {
        width: 100%;
    }

    .trf-page-actions[b-8uzdzxues1] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .trf-toolbar[b-8uzdzxues1],
    .trf-body[b-8uzdzxues1] {
        padding-inline: 0.75rem;
    }

    .trf-filters-label[b-8uzdzxues1] {
        width: 100%;
        height: auto;
        padding-bottom: 0.15rem;
    }

    .trf-filter-status[b-8uzdzxues1],
    .trf-filter-branch[b-8uzdzxues1] {
        width: 100%;
        flex: 1 1 100%;
        max-width: none;
    }

    .trf-btn-clear[b-8uzdzxues1],
    .trf-btn-excel[b-8uzdzxues1],
    .trf-btn-new[b-8uzdzxues1] {
        width: 100%;
        justify-content: center;
    }

    .trf-page-actions[b-8uzdzxues1] {
        flex-direction: column;
    }

    .trf-col-route[b-8uzdzxues1],
    .trf-route-cell[b-8uzdzxues1] {
        display: none;
    }

    .trf-meta[b-8uzdzxues1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .trf-empty[b-8uzdzxues1] {
        min-height: 280px;
        padding: 2rem 1rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Inventory/Transfers/ViewTransfer.razor.rz.scp.css */
.vt-page[b-bh0juxi0mj] {
    --g: #006747;
    --g-hover: #005538;
    --g-subtle: #eef8f3;
    --g-muted: rgba(0, 103, 71, 0.08);
    --surface: #ffffff;
    --bg: #f4f6f5;
    --bd: #dfe5e2;
    --bd-soft: #edf1ef;
    --t0: #111815;
    --t1: #1d2e29;
    --t2: #496058;
    --t3: #7a9690;
    --font: "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-md: 10px;
    --r-lg: 14px;
    --r-pill: 999px;
    --sh-md: 0 4px 18px rgba(17, 24, 21, 0.06);

    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    font-family: var(--font);
    color: var(--t0);
}

.vt-panel[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    border: 1px solid var(--bd);
    border-radius: var(--r-lg);
    background: var(--surface);
    box-shadow: var(--sh-md);
    overflow: hidden;
}

.vt-hero[b-bh0juxi0mj] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.1rem 1.25rem;
    border-bottom: 1px solid var(--bd-soft);
    background: linear-gradient(135deg, var(--g-subtle) 0%, #ffffff 55%);
}

.vt-hero-main[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.vt-hero-top[b-bh0juxi0mj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.vt-transfer-no[b-bh0juxi0mj] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--t0);
    line-height: 1.2;
}

.vt-status[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: var(--r-pill);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: none;
}

.vt-status--hold[b-bh0juxi0mj] {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fcd34d;
}

.vt-status--transit[b-bh0juxi0mj] {
    background: #dbeafe;
    color: #1e40af;
    border: 1px solid #93c5fd;
}

.vt-status--received[b-bh0juxi0mj] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.vt-status--completed[b-bh0juxi0mj] {
    background: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
}

.vt-route[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
    font-size: 0.92rem;
    color: var(--t1);
}

.vt-branch-pill[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.7rem;
    border-radius: var(--r-md);
    background: var(--surface);
    border: 1px solid var(--bd);
    font-weight: 600;
}

.vt-branch-pill i[b-bh0juxi0mj] {
    color: var(--g);
    font-size: 0.8rem;
}

.vt-route-arrow[b-bh0juxi0mj] {
    color: var(--t3);
    font-size: 0.85rem;
}

.vt-hero-actions[b-bh0juxi0mj] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    flex-shrink: 0;
}

.vt-btn[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.85rem;
    border-radius: var(--r-md);
    font-size: 0.82rem;
    font-weight: 600;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.vt-btn--ghost[b-bh0juxi0mj] {
    background: var(--surface);
    border-color: var(--bd);
    color: var(--t1);
}

.vt-btn--ghost:hover[b-bh0juxi0mj] {
    background: var(--g-subtle);
    border-color: #b8d4c8;
    color: var(--g);
}

.vt-btn--primary[b-bh0juxi0mj] {
    background: var(--g);
    border-color: var(--g);
    color: #fff;
}

.vt-btn--primary:hover[b-bh0juxi0mj] {
    background: var(--g-hover);
    border-color: var(--g-hover);
}

.vt-btn--success[b-bh0juxi0mj] {
    background: #059669;
    border-color: #059669;
    color: #fff;
}

.vt-btn--success:hover[b-bh0juxi0mj] {
    background: #047857;
    border-color: #047857;
}

.vt-btn--danger[b-bh0juxi0mj] {
    background: #fff;
    border-color: #fecaca;
    color: #b91c1c;
}

.vt-btn--danger:hover[b-bh0juxi0mj] {
    background: #fef2f2;
    border-color: #f87171;
}

.vt-meta[b-bh0juxi0mj] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.65rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid var(--bd-soft);
    background: #fafbfb;
}

.vt-meta-item[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.vt-meta-label[b-bh0juxi0mj] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--t3);
}

.vt-meta-value[b-bh0juxi0mj] {
    font-size: 0.88rem;
    font-weight: 600;
    color: var(--t1);
    word-break: break-word;
}

.vt-note[b-bh0juxi0mj] {
    grid-column: 1 / -1;
    padding: 0.65rem 0.75rem;
    border-radius: var(--r-md);
    background: var(--surface);
    border: 1px solid var(--bd-soft);
}

.vt-items[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0;
}

.vt-items-head[b-bh0juxi0mj] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--bd-soft);
}

.vt-items-title[b-bh0juxi0mj] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--t0);
}

.vt-items-count[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    margin-inline-start: 0.35rem;
    border-radius: var(--r-pill);
    background: var(--g-muted);
    color: var(--g);
    font-size: 0.75rem;
    font-weight: 700;
}

.vt-btn-swap[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.3rem 0.65rem;
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    background: var(--surface);
    color: var(--t2);
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.vt-btn-swap:hover[b-bh0juxi0mj] {
    background: var(--g-subtle);
    border-color: #b8d4c8;
    color: var(--g);
}

.vt-items-body[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    padding: 0 1rem 0;
    gap: 0;
}

.vt-table-wrap[b-bh0juxi0mj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--bd);
    border-bottom: none;
    border-radius: var(--r-md) var(--r-md) 0 0;
    scrollbar-gutter: stable;
}

.vt-table[b-bh0juxi0mj] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.86rem;
}

.vt-table thead th[b-bh0juxi0mj] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0.55rem 0.65rem;
    text-align: start;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--t3);
    background: #f8faf9;
    border-bottom: 2px solid var(--bd-soft);
    white-space: nowrap;
}

.vt-table tbody td[b-bh0juxi0mj] {
    padding: 0.7rem 0.65rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--bd-soft);
    color: var(--t1);
}

.vt-table tbody tr:last-child td[b-bh0juxi0mj] {
    border-bottom: none;
}

.vt-table tbody tr:hover[b-bh0juxi0mj] {
    background: var(--g-muted);
}

.vt-pattern[b-bh0juxi0mj] {
    font-weight: 700;
    color: var(--t0);
}

.vt-sku[b-bh0juxi0mj] {
    font-size: 0.8rem;
    color: var(--t3);
}

.vt-badge[b-bh0juxi0mj] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: var(--r-pill);
    font-size: 0.78rem;
    font-weight: 600;
}

.vt-badge--qty[b-bh0juxi0mj] {
    background: var(--g-subtle);
    color: var(--g);
    border: 1px solid #b8d4c8;
}

.vt-badge--src[b-bh0juxi0mj] {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.vt-badge--dest[b-bh0juxi0mj] {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.vt-pack-hint[b-bh0juxi0mj] {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.72rem;
    color: var(--t3);
}

.vt-loc-list[b-bh0juxi0mj] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.vt-muted[b-bh0juxi0mj] {
    color: var(--t3);
    font-size: 0.82rem;
}

.vt-items-summary[b-bh0juxi0mj] {
    flex-shrink: 0;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    margin-top: 0;
    background: #fafbfb;
    border: 1px solid var(--bd);
    border-top: none;
    border-radius: 0 0 var(--r-md) var(--r-md);
    overflow: hidden;
}

.vt-summary-cell[b-bh0juxi0mj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.55rem 1rem;
    min-width: 120px;
    border-inline-start: 1px solid var(--bd-soft);
}

.vt-summary-cell:first-child[b-bh0juxi0mj] {
    border-inline-start: none;
}

.vt-summary-label[b-bh0juxi0mj] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--t3);
}

.vt-summary-value[b-bh0juxi0mj] {
    font-size: 0.92rem;
    font-weight: 700;
    color: var(--t0);
    white-space: nowrap;
}

.vt-summary-cell--total[b-bh0juxi0mj] {
    background: var(--g-subtle);
    margin-inline-start: auto;
}

.vt-summary-cell--total .vt-summary-label[b-bh0juxi0mj] {
    color: var(--g);
}

.vt-summary-cell--total .vt-summary-value[b-bh0juxi0mj] {
    color: var(--g);
    font-size: 1rem;
}

.vt-loading[b-bh0juxi0mj],
.vt-error[b-bh0juxi0mj] {
    padding: 2.5rem 1rem;
    text-align: center;
}

@media (max-width: 768px) {
    .vt-hero[b-bh0juxi0mj] {
        flex-direction: column;
    }

    .vt-hero-actions[b-bh0juxi0mj] {
        width: 100%;
    }

    .vt-btn[b-bh0juxi0mj] {
        flex: 1 1 auto;
        justify-content: center;
    }

    .vt-meta[b-bh0juxi0mj] {
        grid-template-columns: 1fr 1fr;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/BranchPrioritySelector.razor.rz.scp.css */
.branch-priority-list[b-ny6u2nlhgp] {
    max-height: 400px;
    overflow-y: auto;
}

.branch-priority-item[b-ny6u2nlhgp] {
    background: #f8f9fa;
    border: 2px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.75rem;
    cursor: move;
    transition: all 0.2s ease;
}

.branch-priority-item:hover[b-ny6u2nlhgp] {
    border-color: #006747;
    box-shadow: 0 2px 8px rgba(0, 103, 71, 0.1);
}

.branch-priority-item.first[b-ny6u2nlhgp] {
    border-color: #006747;
    background: linear-gradient(135deg, #f0f9f6 0%, #e8f5f0 100%);
}

.branch-priority-item.dragging[b-ny6u2nlhgp] {
    opacity: 0.5;
}

.branch-priority-content[b-ny6u2nlhgp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.branch-priority-handle[b-ny6u2nlhgp] {
    color: #6c757d;
    cursor: grab;
}

.branch-priority-handle:active[b-ny6u2nlhgp] {
    cursor: grabbing;
}

.branch-priority-info[b-ny6u2nlhgp] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.branch-priority-number[b-ny6u2nlhgp] {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #006747 0%, #004e38 100%);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.9rem;
}

.branch-priority-item.first .branch-priority-number[b-ny6u2nlhgp] {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
    color: #000;
}

.branch-priority-name[b-ny6u2nlhgp] {
    font-weight: 500;
    color: #333;
    font-size: 1rem;
}

.branch-priority-actions[b-ny6u2nlhgp] {
    display: flex;
    gap: 0.5rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/BulkPricingPanel.razor.rz.scp.css */
.bulk-pricing-panel[b-opcz4qpzeg] {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: white;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    z-index: 1050;
    transition: right 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .bulk-pricing-panel.visible[b-opcz4qpzeg] {
        right: 0;
    }

.panel-header[b-opcz4qpzeg] {
    background: #2c3e50;
    color: white;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.panel-title[b-opcz4qpzeg] {
    font-weight: 600;
    font-size: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.selected-count[b-opcz4qpzeg] {
    background: rgba(255,255,255,0.2);
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-size: 0.8rem;
    font-weight: 500;
}

.btn-close[b-opcz4qpzeg] {
    background: none;
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .btn-close:hover[b-opcz4qpzeg] {
        background: rgba(255,255,255,0.1);
    }

.panel-content[b-opcz4qpzeg] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Adjustment Type Selection */
.adjustment-type-section .form-label[b-opcz4qpzeg] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #2c3e50;
}

.type-options[b-opcz4qpzeg] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.type-option[b-opcz4qpzeg] {
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    background: white;
}

    .type-option:hover[b-opcz4qpzeg] {
        border-color: #3498db;
        background: #f8f9fa;
    }

    .type-option.selected[b-opcz4qpzeg] {
        border-color: #3498db;
        background: #e3f2fd;
    }

    .type-option i[b-opcz4qpzeg] {
        font-size: 1.2rem;
        color: #3498db;
        margin-bottom: 0.25rem;
    }

    .type-option span[b-opcz4qpzeg] {
        font-weight: 600;
        color: #2c3e50;
    }

    .type-option small[b-opcz4qpzeg] {
        color: #6c757d;
        font-size: 0.8rem;
    }

/* Adjustment Value */
.adjustment-value-section .form-label[b-opcz4qpzeg] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.value-input-group[b-opcz4qpzeg] {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    background: white;
}

    .value-input-group .form-control[b-opcz4qpzeg] {
        border: none;
        flex: 1;
        padding: 0.75rem;
        font-size: 1rem;
        font-weight: 500;
    }

        .value-input-group .form-control:focus[b-opcz4qpzeg] {
            box-shadow: none;
            outline: none;
        }

.input-suffix[b-opcz4qpzeg] {
    background: #f8f9fa;
    padding: 0.75rem;
    color: #6c757d;
    font-weight: 600;
    border-left: 1px solid #e9ecef;
    min-width: 50px;
    text-align: center;
}

/* Preview Section */
.preview-section[b-opcz4qpzeg] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    border: 1px solid #e9ecef;
}

.preview-title[b-opcz4qpzeg] {
    font-weight: 600;
    margin-bottom: 0.75rem;
    color: #2c3e50;
    font-size: 0.9rem;
}

.preview-items[b-opcz4qpzeg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.preview-item[b-opcz4qpzeg] {
    background: white;
    padding: 0.75rem;
    border-radius: 6px;
    border: 1px solid #e9ecef;
}

.item-name[b-opcz4qpzeg] {
    font-weight: 500;
    color: #2c3e50;
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
}

.price-change[b-opcz4qpzeg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
}

.original-price[b-opcz4qpzeg] {
    color: #6c757d;
    text-decoration: line-through;
}

.new-price[b-opcz4qpzeg] {
    font-weight: 600;
    color: #27ae60;
}

.difference[b-opcz4qpzeg] {
    font-size: 0.75rem;
    font-weight: 500;
}

    .difference.positive[b-opcz4qpzeg] {
        color: #e74c3c;
    }

    .difference.negative[b-opcz4qpzeg] {
        color: #27ae60;
    }

.more-items[b-opcz4qpzeg] {
    text-align: center;
    padding: 0.5rem;
    color: #6c757d;
    font-style: italic;
}

/* Note Section */
.note-section .form-label[b-opcz4qpzeg] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

.note-section .form-control[b-opcz4qpzeg] {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0.75rem;
}

/* Action Buttons */
.action-buttons[b-opcz4qpzeg] {
    display: flex;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}

    .action-buttons .btn[b-opcz4qpzeg] {
        flex: 1;
        padding: 0.75rem;
        font-weight: 500;
        border-radius: 6px;
    }

/* No Selection State */
.no-selection[b-opcz4qpzeg] {
    text-align: center;
    padding: 2rem 1rem;
    color: #6c757d;
}

    .no-selection i[b-opcz4qpzeg] {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        color: #adb5bd;
    }

    .no-selection h6[b-opcz4qpzeg] {
        margin-bottom: 0.5rem;
        color: #495057;
    }

    .no-selection p[b-opcz4qpzeg] {
        margin: 0;
        font-size: 0.9rem;
    }

/* Responsive */
@media (max-width: 768px) {
    .bulk-pricing-panel[b-opcz4qpzeg] {
        width: 100vw;
        right: -100vw;
    }

    .bulk-pricing-panel.visible[b-opcz4qpzeg] {
        right: 0;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/CollapsibleOrderConfig.razor.rz.scp.css */
/* ==========================================
       ORDER CONFIG PANEL - Professional Design
       ========================================== */

.order-config-panel[b-gt3pwtxzz6] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    overflow: visible;
    margin-bottom: 1rem;
}

/* Header Styles */
.config-header[b-gt3pwtxzz6] {
    background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);
    color: white;
    padding: 0.875rem 1.25rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px 12px 0 0;
}

.header-content[b-gt3pwtxzz6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
}

.header-meta[b-gt3pwtxzz6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.header-action-btn[b-gt3pwtxzz6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.85rem;
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.header-action-btn:hover[b-gt3pwtxzz6] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.85);
    color: #ffffff;
}

.header-action-btn i[b-gt3pwtxzz6] {
    font-size: 0.75rem;
}

.header-action-btn--accent[b-gt3pwtxzz6] {
    background: rgba(255, 255, 255, 0.92);
    color: #1a7a45;
    border-color: rgba(255, 255, 255, 0.92);
}

.header-action-btn--accent:hover:not(:disabled)[b-gt3pwtxzz6] {
    background: #ffffff;
    color: #145c34;
}

.header-action-btn:disabled[b-gt3pwtxzz6] {
    opacity: 0.7;
    cursor: not-allowed;
}

.header-print-btn[b-gt3pwtxzz6] {
    width: 2rem;
    height: 2rem;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.94);
    color: #197a45;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.header-print-btn:hover:not(:disabled)[b-gt3pwtxzz6] {
    transform: translateY(-1px);
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(12, 91, 52, 0.22);
}

.header-print-btn:focus-visible[b-gt3pwtxzz6] {
    outline: 3px solid rgba(255, 255, 255, 0.48);
    outline-offset: 2px;
}

.header-print-btn:disabled[b-gt3pwtxzz6] {
    cursor: wait;
    opacity: 0.72;
}

.header-print-btn i[b-gt3pwtxzz6] {
    font-size: 0.78rem;
}

.branch-badge[b-gt3pwtxzz6] {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.document-number-badge[b-gt3pwtxzz6] {
    background: rgba(255, 255, 255, 0.92);
    color: #1a7a45;
    padding: 0.3rem 0.85rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    letter-spacing: 0.02em;
}

    .document-number-badge i[b-gt3pwtxzz6] {
        font-size: 0.75rem;
        opacity: 0.85;
    }

    .branch-badge i[b-gt3pwtxzz6] {
        font-size: 0.75rem;
    }

.expand-toggle[b-gt3pwtxzz6] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .expand-toggle:hover[b-gt3pwtxzz6] {
        background: rgba(255, 255, 255, 0.25);
    }

/* Body Styles */
.config-body[b-gt3pwtxzz6] {
    padding: 1rem 1.25rem 1.25rem;
}

.config-section[b-gt3pwtxzz6] {
    margin-bottom: 0.75rem;
}

    .config-section:last-child[b-gt3pwtxzz6] {
        margin-bottom: 0;
    }

/* Section Row Layouts */
.section-row[b-gt3pwtxzz6] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.settings-row[b-gt3pwtxzz6] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    align-items: flex-end;
}

/* Field Groups */
.field-group[b-gt3pwtxzz6] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    position: relative;
}


    .field-group.customer-field[b-gt3pwtxzz6] {
        flex: 0 0 260px;
        min-width: 240px;
        max-width: 300px;
    }

    .field-group.compact-inline-field[b-gt3pwtxzz6] {
        flex: 0 0 150px;
        min-width: 140px;
        max-width: 170px;
    }

    .field-group.branch-field[b-gt3pwtxzz6] {
        flex: 1;
        min-width: 140px;
        max-width: 180px;
    }

    .field-group.pricing-field[b-gt3pwtxzz6] {
        flex: 0 0 auto;
        min-width: 130px;
    }

    .field-group.currency-field[b-gt3pwtxzz6] {
        grid-column: span 1;
    }

.field-label[b-gt3pwtxzz6] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #5a6c7d;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

    .field-label.required[b-gt3pwtxzz6]::after {
        content: " *";
        color: #e74c3c;
    }

.field-error[b-gt3pwtxzz6] {
    font-size: 0.75rem;
    color: #e74c3c;
    margin-top: 0.2rem;
}

/* Form Controls */
.form-input[b-gt3pwtxzz6],
.form-select[b-gt3pwtxzz6] {
    height: 36px;
    padding: 0 0.65rem;
    border: 1px solid #e0e5ea;
    border-radius: 8px;
    font-size: 0.82rem;
    background: #fff;
    transition: all 0.2s ease;
    color: #333;
}

    .form-input:focus[b-gt3pwtxzz6],
    .form-select:focus[b-gt3pwtxzz6] {
        outline: none;
        border-color: #27ae60;
        box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.1);
    }

.select-option-shell[b-gt3pwtxzz6] {
    position: relative;
    display: flex;
    align-items: center;
}

.select-option-shell .option-select[b-gt3pwtxzz6] {
    width: 100%;
    padding-inline-start: 2rem;
    padding-inline-end: 0.85rem;
    border-color: #cfd8e3;
    background: #ffffff;
    color: #1f2937;
    cursor: pointer;
    font-weight: 600;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
    appearance: none;
}

.select-option-shell .option-select:hover:not(:disabled)[b-gt3pwtxzz6] {
    border-color: #27ae60;
    background: #f8fffb;
}

.select-option-shell .option-select:focus[b-gt3pwtxzz6] {
    border-color: #27ae60;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.12);
}

.select-option-icon[b-gt3pwtxzz6] {
    position: absolute;
    inset-inline-start: 0.72rem;
    color: #64748b;
    font-size: 0.72rem;
    pointer-events: none;
}

.select-option-shell .option-select:hover:not(:disabled) + .select-option-icon[b-gt3pwtxzz6],
.select-option-shell .option-select:focus + .select-option-icon[b-gt3pwtxzz6] {
    color: #15803d;
}

.select-option-shell .option-select:disabled + .select-option-icon[b-gt3pwtxzz6] {
    color: #9ca3af;
}

.debt-total-input[b-gt3pwtxzz6] {
    font-weight: 600;
    text-align: right;
    direction: ltr;
    unicode-bidi: isolate;
}

    .form-input.is-invalid[b-gt3pwtxzz6] {
        border-color: #e74c3c;
        box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1);
    }

    .form-input:disabled[b-gt3pwtxzz6],
    .form-select:disabled[b-gt3pwtxzz6] {
        background: #f5f7f9;
        cursor: not-allowed;
        opacity: 0.7;
    }

/* Customer Input with Icon */
.customer-input-container[b-gt3pwtxzz6] {
    position: relative;
}

.input-with-icon[b-gt3pwtxzz6] {
    position: relative;
    display: flex;
    align-items: center;
}

    .input-with-icon > i[b-gt3pwtxzz6] {
        position: absolute;
        left: 12px;
        color: #9ca3af;
        font-size: 0.8rem;
        z-index: 1;
    }

[b-gt3pwtxzz6] html[dir="rtl"] .input-with-icon > i {
    left: auto;
    right: 12px;
}

.input-with-icon .form-input[b-gt3pwtxzz6] {
    padding-left: 32px;
    padding-right: 32px;
    width: 100%;
}

[b-gt3pwtxzz6] html[dir="rtl"] .input-with-icon .form-input {
    padding-left: 32px;
    padding-right: 32px;
}

.input-clear[b-gt3pwtxzz6] {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

[b-gt3pwtxzz6] html[dir="rtl"] .input-clear {
    right: auto;
    left: 8px;
}

.input-clear:hover[b-gt3pwtxzz6] {
    color: #e74c3c;
    background: rgba(231, 76, 60, 0.1);
}

/* Customer Dropdown */
.dropdown-menu[b-gt3pwtxzz6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e0e5ea;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    max-height: 280px;
    overflow-y: auto;
    margin-top: 4px;
}

.dropdown-loading[b-gt3pwtxzz6] {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: #6b7280;
}

.spinner-sm[b-gt3pwtxzz6] {
    width: 16px;
    height: 16px;
    border: 2px solid #e5e7eb;
    border-top-color: #27ae60;
    border-radius: 50%;
    animation: spin-b-gt3pwtxzz6 0.8s linear infinite;
}

@keyframes spin-b-gt3pwtxzz6 {
    to {
        transform: rotate(360deg);
    }
}

.dropdown-item[b-gt3pwtxzz6] {
    padding: 0.75rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.15s;
}

    .dropdown-item:last-child[b-gt3pwtxzz6] {
        border-bottom: none;
    }

    .dropdown-item:hover[b-gt3pwtxzz6] {
        background: #f9fafb;
    }

    .dropdown-item.active[b-gt3pwtxzz6] {
        background: #ecfdf5;
        border-left: 3px solid #27ae60;
    }

[b-gt3pwtxzz6] html[dir="rtl"] .dropdown-item.active {
    border-left: none;
    border-right: 3px solid #27ae60;
}

.customer-info[b-gt3pwtxzz6] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.customer-name[b-gt3pwtxzz6] {
    font-weight: 500;
    color: #1f2937;
    font-size: 0.875rem;
}

.customer-phone[b-gt3pwtxzz6] {
    font-size: 0.75rem;
    color: #6b7280;
}

.customer-badge[b-gt3pwtxzz6] {
    background: #f3f4f6;
    color: #6b7280;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}

.dropdown-empty[b-gt3pwtxzz6] {
    padding: 1rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.875rem;
}

/* Pricing Toggle Box */
.pricing-toggle-box[b-gt3pwtxzz6] {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0 0.75rem;
    background: #f9fafb;
    border: 1px solid #e0e5ea;
    border-radius: 8px;
    transition: all 0.2s;
}

    .pricing-toggle-box.active[b-gt3pwtxzz6] {
        background: #ecfdf5;
        border-color: #27ae60;
    }

.pricing-value[b-gt3pwtxzz6] {
    font-weight: 600;
    font-size: 0.875rem;
}

    .pricing-value.positive[b-gt3pwtxzz6] {
        color: #059669;
    }

    .pricing-value.negative[b-gt3pwtxzz6] {
        color: #dc2626;
    }

/* Toggle Switch */
.toggle-switch[b-gt3pwtxzz6] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

    .toggle-switch.small[b-gt3pwtxzz6] {
        width: 36px;
        height: 20px;
    }

    .toggle-switch input[b-gt3pwtxzz6] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggle-slider[b-gt3pwtxzz6] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cbd5e1;
    transition: 0.3s;
    border-radius: 24px;
}

    .toggle-slider[b-gt3pwtxzz6]::before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.3s;
        border-radius: 50%;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.toggle-switch.small .toggle-slider[b-gt3pwtxzz6]::before {
    height: 14px;
    width: 14px;
}

input:checked + .toggle-slider[b-gt3pwtxzz6] {
    background-color: #27ae60;
}

    input:checked + .toggle-slider[b-gt3pwtxzz6]::before {
        transform: translateX(20px);
    }

.toggle-switch.small input:checked + .toggle-slider[b-gt3pwtxzz6]::before {
    transform: translateX(16px);
}

input:disabled + .toggle-slider[b-gt3pwtxzz6] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Currency Selector Button */
.currency-selector[b-gt3pwtxzz6] {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.75rem;
    background: #fff;
    border: 1px solid #e0e5ea;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

[b-gt3pwtxzz6] html[dir="rtl"] .currency-selector {
    text-align: right;
}

.currency-selector:hover:not(:disabled)[b-gt3pwtxzz6] {
    border-color: #27ae60;
}

.currency-selector:disabled[b-gt3pwtxzz6] {
    background: #f5f7f9;
    cursor: not-allowed;
    opacity: 0.7;
}

.currency-display[b-gt3pwtxzz6] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.currency-code[b-gt3pwtxzz6] {
    background: #e8f5e9;
    color: #27ae60;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.currency-name[b-gt3pwtxzz6] {
    color: #4b5563;
    font-size: 0.8rem;
}

.rate-display[b-gt3pwtxzz6] {
    margin-left: auto;
    color: #6b7280;
    font-size: 0.75rem;
}

[b-gt3pwtxzz6] html[dir="rtl"] .rate-display {
    margin-left: 0;
    margin-right: auto;
}

.currency-selector .placeholder[b-gt3pwtxzz6] {
    color: #9ca3af;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.currency-selector .arrow[b-gt3pwtxzz6] {
    margin-left: auto;
    color: #9ca3af;
    font-size: 0.75rem;
}

[b-gt3pwtxzz6] html[dir="rtl"] .currency-selector .arrow {
    margin-left: 0;
    margin-right: auto;
}

/* Collapsed Summary */
.config-summary[b-gt3pwtxzz6] {
    padding: 0.75rem 1.25rem;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    border-radius: 0 0 12px 12px;
}

.summary-chip[b-gt3pwtxzz6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #4b5563;
}

    .summary-chip.customer[b-gt3pwtxzz6] {
        background: #ecfdf5;
        border-color: #a7f3d0;
        color: #059669;
    }

    .summary-chip.warning[b-gt3pwtxzz6] {
        background: #fffbeb;
        border-color: #fde68a;
        color: #d97706;
    }

.summary-pricing[b-gt3pwtxzz6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    margin-left: auto;
}

[b-gt3pwtxzz6] html[dir="rtl"] .summary-pricing {
    margin-left: 0;
    margin-right: auto;
}

.summary-pricing.active[b-gt3pwtxzz6] {
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.summary-pricing i[b-gt3pwtxzz6] {
    color: #27ae60;
    font-size: 0.8rem;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .settings-row[b-gt3pwtxzz6] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .section-row[b-gt3pwtxzz6] {
        flex-direction: column;
        align-items: stretch;
    }

    .field-group.customer-field[b-gt3pwtxzz6],
    .field-group.branch-field[b-gt3pwtxzz6],
    .field-group.pricing-field[b-gt3pwtxzz6],
    .field-group.compact-inline-field[b-gt3pwtxzz6] {
        flex: none;
        min-width: auto;
        max-width: none;
    }

    .settings-row[b-gt3pwtxzz6] {
        grid-template-columns: 1fr;
    }

    .config-summary[b-gt3pwtxzz6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .summary-pricing[b-gt3pwtxzz6] {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/CreateOrder.razor.rz.scp.css */
/* ==================== PAGE LAYOUT ==================== */
.order-page[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-height: auto;
    width: 100%;
    background: #eef2f7;
    overflow: visible;
}

.order-page.pos-mode[b-v9wfa7e8lo] {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    background: #eef2f7;
    overflow: hidden;
}

.order-page.pos-mode .order-header-container[b-v9wfa7e8lo] {
    display: none;
}

.order-page.pos-mode .container-fluid[b-v9wfa7e8lo] {
    padding: 0;
    margin-inline: 0.875rem;
    width: auto;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.order-page.pos-mode .order-main-container[b-v9wfa7e8lo] {
    padding: 0;
    margin-top: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.order-page.pos-mode .order-main-container > .row[b-v9wfa7e8lo] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    overflow: hidden;
}

.order-page.pos-mode .order-main-container > .row > [class*="col-lg-9"][b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
    padding-block: 0.875rem;
    padding-inline-end: 0.25rem;
}

.order-page.pos-mode .order-main-container > .row > .order-sidebar-scroll[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    -webkit-overflow-scrolling: touch;
    padding-block: 0.875rem !important;
    padding-inline-start: 0.25rem !important;
    padding-inline-end: 0.75rem !important;
}

.order-page.pos-mode .order-main-container > .row > [class*="col-lg-9"][b-v9wfa7e8lo]  .order-config-panel {
    flex: 0 0 auto;
}

.order-page.pos-mode .order-main-container > .row > [class*="col-lg-9"] > .tabs-container-order[b-v9wfa7e8lo],
.order-page.pos-mode .tabs-container-order[b-v9wfa7e8lo] {
    flex: 1 1 0%;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.order-page.pos-mode .tabs-header-order[b-v9wfa7e8lo] {
    flex-shrink: 0;
}

.order-page.pos-mode .tab-content-order[b-v9wfa7e8lo] {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.order-page.pos-mode .search-tab-order[b-v9wfa7e8lo],
.order-page.pos-mode .items-tab-order[b-v9wfa7e8lo] {
    flex: 1 1 0%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.order-page.pos-mode .items-tab-order[b-v9wfa7e8lo]  .order-items-compact {
    margin-bottom: 0;
    flex: 1 1 0%;
    min-height: 0;
    height: auto;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
    box-shadow: none;
}

.order-page.pos-mode .items-tab-order[b-v9wfa7e8lo]  .items-content {
    flex: 1 1 0%;
    min-height: 0;
    height: 0;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.order-page.pos-mode .search-tab-order[b-v9wfa7e8lo]  .product-search-clean {
    flex-shrink: 0;
}

.order-page.pos-mode .search-tab-order[b-v9wfa7e8lo]  .product-results-card {
    flex: 1 1 0%;
    height: 100%;
    min-height: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.order-page.pos-mode .sticky-sidebar-container[b-v9wfa7e8lo] {
    position: static;
    flex: 0 0 auto;
    min-height: auto;
    align-self: flex-start;
    gap: 0.75rem;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 1.25rem;
    overflow: visible;
}

.order-page.pos-mode .sticky-sidebar-container[b-v9wfa7e8lo]  .order-summary-scoped {
    position: static !important;
    top: 0 !important;
    margin-top: 0 !important;
}

.summary-top-meta[b-v9wfa7e8lo] {
    border: none;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    padding: 0;
}

.summary-top-meta-header[b-v9wfa7e8lo] {
    padding: 0.6rem 0.72rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5edf5;
}

.summary-top-meta-header-row[b-v9wfa7e8lo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(145px, 175px);
    gap: 0.5rem;
    align-items: end;
}

.summary-top-date-inline[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    gap: 0.22rem;
    min-width: 0;
}

.summary-top-date-inline-label[b-v9wfa7e8lo] {
    font-size: 0.6rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1.1;
}

.summary-top-meta-dates[b-v9wfa7e8lo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    padding: 0.72rem;
    background: #f9fbfd;
}

.summary-top-meta-dates--triple[b-v9wfa7e8lo] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.72rem;
    padding: 0.75rem;
    background: linear-gradient(180deg, #eef2f7 0%, #f4f7fb 45%, #f9fbfd 100%);
}

.summary-top-meta-date-item[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    min-width: 0;
    border: 1px solid #e8eef5;
    border-radius: 8px;
    background: #ffffff;
    padding: 0.42rem 0.48rem;
}

/* Debt / limit mini-cards under currency (Create Order sidebar) */
.summary-top-meta-date-item.summary-top-meta-stat[b-v9wfa7e8lo] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: 0.5rem;
    row-gap: 0.2rem;
    align-items: center;
    padding: 0.62rem 0.65rem;
    border-radius: 11px;
    border: 1px solid rgba(226, 232, 240, 0.95);
    background: linear-gradient(155deg, #ffffff 0%, #f8fafc 55%, #f1f5f9 100%);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.85) inset,
        0 1px 2px rgba(15, 23, 42, 0.04),
        0 6px 14px rgba(15, 23, 42, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
}

.summary-top-meta-date-item.summary-top-meta-stat:hover[b-v9wfa7e8lo] {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 2px 4px rgba(15, 23, 42, 0.05),
        0 10px 22px rgba(15, 23, 42, 0.09);
    transform: translateY(-1px);
}

.summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    grid-row: 1 / span 2;
    grid-column: 1;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.58rem;
    flex-shrink: 0;
}

.summary-top-meta-stat .summary-top-meta-label[b-v9wfa7e8lo] {
    grid-column: 2;
    grid-row: 1;
    font-size: clamp(0.56rem, 0.16vw + 0.45rem, 0.66rem);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 0.01em;
    color: #64748b;
}

.summary-top-meta-stat .summary-top-meta-value[b-v9wfa7e8lo] {
    grid-column: 2;
    grid-row: 2;
    font-size: clamp(0.78rem, 0.4vw + 0.62rem, 0.96rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0.02em;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
}

.summary-top-meta-stat--limit[b-v9wfa7e8lo] {
    border-inline-start: 3px solid #3b82f6;
}

.summary-top-meta-stat--limit .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    background: linear-gradient(145deg, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0.26));
    color: #1d4ed8;
}

.summary-top-meta-stat--debt[b-v9wfa7e8lo] {
    border-inline-start: 3px solid #ea580c;
}

.summary-top-meta-stat--debt .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    background: linear-gradient(145deg, rgba(234, 88, 12, 0.12), rgba(251, 146, 60, 0.22));
    color: #c2410c;
}

.summary-top-meta-stat--remaining[b-v9wfa7e8lo] {
    border-inline-start: 3px solid #059669;
}

.summary-top-meta-stat--remaining .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    background: linear-gradient(145deg, rgba(5, 150, 105, 0.12), rgba(16, 185, 129, 0.24));
    color: #047857;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-good[b-v9wfa7e8lo] {
    border-inline-start-color: #059669;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-good .summary-top-meta-value[b-v9wfa7e8lo] {
    color: #047857;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-warn[b-v9wfa7e8lo] {
    border-inline-start-color: #d97706;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-warn .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    background: linear-gradient(145deg, rgba(217, 119, 6, 0.14), rgba(245, 158, 11, 0.22));
    color: #b45309;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-warn .summary-top-meta-value[b-v9wfa7e8lo] {
    color: #b45309;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-bad[b-v9wfa7e8lo] {
    border-inline-start-color: #dc2626;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-bad .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
    background: linear-gradient(145deg, rgba(220, 38, 38, 0.12), rgba(248, 113, 113, 0.22));
    color: #b91c1c;
}

.summary-top-meta-stat--remaining.summary-top-meta-stat--tone-bad .summary-top-meta-value[b-v9wfa7e8lo] {
    color: #b91c1c;
}

@media (prefers-reduced-motion: reduce) {
    .summary-top-meta-date-item.summary-top-meta-stat[b-v9wfa7e8lo] {
        transition: none;
    }

    .summary-top-meta-date-item.summary-top-meta-stat:hover[b-v9wfa7e8lo] {
        transform: none;
    }
}

.summary-top-meta-label[b-v9wfa7e8lo] {
    font-size: clamp(0.58rem, 0.35vw + 0.5rem, 0.67rem);
    font-weight: 600;
    color: #64748b;
}

.summary-top-meta-value[b-v9wfa7e8lo] {
    font-size: 0.88rem;
    font-weight: 700;
    color: #1f2937;
}

.summary-top-currency-selector[b-v9wfa7e8lo] {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.75rem;
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.18s;
    text-align: left;
}

.summary-top-currency-selector:hover:not(:disabled)[b-v9wfa7e8lo] {
    border-color: #006747;
    background: #edfaf3;
}

.summary-top-currency-selector:disabled[b-v9wfa7e8lo] {
    background: #f1f5f9;
    cursor: not-allowed;
    opacity: 0.6;
}

.summary-top-currency-selector .currency-display[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    flex: 1;
}

.summary-top-currency-selector .currency-code[b-v9wfa7e8lo] {
    background: #edfaf3;
    color: #006747;
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.4px;
    flex-shrink: 0;
}

.summary-top-currency-selector .currency-name[b-v9wfa7e8lo] {
    color: #475569;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.summary-top-currency-selector .rate-display[b-v9wfa7e8lo] {
    margin-inline-start: auto;
    color: #94a3b8;
    font-size: 0.68rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.summary-top-currency-selector .placeholder[b-v9wfa7e8lo] {
    color: #94a3b8;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.summary-top-currency-selector .arrow[b-v9wfa7e8lo] {
    margin-inline-start: auto;
    color: #94a3b8;
    font-size: 0.68rem;
    flex-shrink: 0;
}

.summary-top-meta-date-input.form-control[b-v9wfa7e8lo] {
    border: 1.5px solid #d8e2ee;
    border-radius: 7px;
    font-size: clamp(0.66rem, 0.4vw + 0.55rem, 0.77rem);
    font-weight: 600;
    color: #0f172a;
    background: #ffffff;
    min-height: 31px;
    padding: 0.2rem 0.45rem;
}

/* Keep native date text/icons responsive in Chromium/WebKit */
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-datetime-edit,
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-datetime-edit-text,
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-datetime-edit-month-field,
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-datetime-edit-day-field,
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-datetime-edit-year-field,
.summary-top-meta-date-input.form-control[b-v9wfa7e8lo]::-webkit-calendar-picker-indicator {
    font-size: inherit;
}

.summary-top-meta-date-input.form-control:focus[b-v9wfa7e8lo] {
    border-color: #88b8a4;
    box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.12);
}

.summary-top-meta-date-input.form-control:disabled[b-v9wfa7e8lo] {
    background: #f8fafc;
    color: #64748b;
}

@media (max-width: 430px) {
    .summary-top-meta-header-row[b-v9wfa7e8lo] {
        grid-template-columns: 1fr;
    }

    .summary-top-meta-dates[b-v9wfa7e8lo] {
        grid-template-columns: 1fr;
    }

    .summary-top-meta-dates--triple[b-v9wfa7e8lo] {
        grid-template-columns: 1fr;
    }

    .summary-top-meta-date-item[b-v9wfa7e8lo] {
        padding: 0.35rem 0.4rem;
    }

    .summary-top-meta-date-item.summary-top-meta-stat[b-v9wfa7e8lo] {
        padding: 0.42rem 0.45rem;
    }

    .summary-top-meta-stat-icon[b-v9wfa7e8lo] {
        width: 1.42rem;
        height: 1.42rem;
        font-size: 0.52rem;
        border-radius: 6px;
    }

    .summary-top-meta-date-input.form-control[b-v9wfa7e8lo] {
        min-height: 28px;
        padding: 0.15rem 0.35rem;
    }
}

/* ==================== TABS ==================== */
.tabs-container-order[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 820px;
    max-height: 820px;
    background: transparent;
    border-radius: 10px;
    border: 1px solid #dde3ec;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05), 0 4px 16px rgba(0, 0, 0, 0.04);
    overflow: visible;
}

.tabs-header-order[b-v9wfa7e8lo] {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border-bottom: 1px solid #e8edf4;
    padding: 0 0.375rem;
    position: sticky;
    top: 0;
    z-index: 120;
    flex-shrink: 0;
    overflow: visible;
    border-radius: 10px 10px 0 0;
}

.tabs-header-order-tabs[b-v9wfa7e8lo] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.tabs-header-order-tabs[b-v9wfa7e8lo]::-webkit-scrollbar {
    display: none;
}

.tabs-header-order-actions[b-v9wfa7e8lo] {
    margin-inline-start: auto;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    flex-shrink: 0;
    padding-inline: 0.25rem 0.5rem;
    position: relative;
    z-index: 130;
}

.tabs-header-order-actions .tabs-header-action-btn[b-v9wfa7e8lo] {
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
    line-height: 1.2;
}

.tabs-header-order-actions .tabs-header-action-btn.active[b-v9wfa7e8lo] {
    color: #006747 !important;
}

.tabs-header-order-actions .tabs-header-action-btn:disabled[b-v9wfa7e8lo] {
    opacity: 0.45;
    pointer-events: none;
}

.tabs-header-column-picker[b-v9wfa7e8lo] {
    position: relative;
    display: inline-flex;
}

.tabs-header-column-picker__menu[b-v9wfa7e8lo] {
    position: absolute;
    top: calc(100% + 0.35rem);
    inset-inline-end: 0;
    z-index: 500;
    min-width: 11rem;
    padding: 0.55rem 0.65rem;
    background: #fff;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
}

.tabs-header-column-picker__title[b-v9wfa7e8lo] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 0.45rem;
}

.tabs-header-column-picker__items[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    max-height: 16rem;
    overflow-y: auto;
}

.tabs-header-column-picker__item[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.82rem;
    color: #1e293b;
    cursor: pointer;
    margin: 0;
}

.tabs-header-column-picker__item .form-check-input[b-v9wfa7e8lo] {
    position: static !important;
    margin: 0 !important;
    flex-shrink: 0;
}

.tabs-header-column-picker__reset[b-v9wfa7e8lo] {
    width: 100%;
    margin-top: 0.5rem;
    border: 1px solid #dbe3ec;
    background: #f8fafc;
    border-radius: 6px;
    padding: 0.3rem 0.5rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
}

.tabs-header-column-picker__reset:hover[b-v9wfa7e8lo] {
    background: #eef3f7;
}

/* Column resize handles — global targets for JS-inserted handles inside OrderItemsList */
.order-items-compact[b-v9wfa7e8lo]  .order-items-table .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 14px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 15;
    pointer-events: auto;
}

.order-items-compact[b-v9wfa7e8lo]  .order-items-table .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 4px;
    top: 15%;
    width: 3px;
    height: 70%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.45);
    opacity: 0.85;
}

.order-items-compact[b-v9wfa7e8lo]  .order-items-table thead th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.9);
}

.tabs-header-order .tab-button-order[b-v9wfa7e8lo] {
    padding: 0.6875rem 1rem;
    border: none;
    background: transparent;
    cursor: pointer;
    font-weight: 500;
    color: #64748b;
    border-bottom: 2.5px solid transparent;
    margin-bottom: -1px;
    transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
    border-radius: 0;
    display: flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.85rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.tabs-header-order .tab-button-order i[b-v9wfa7e8lo] {
    font-size: 0.775rem;
    opacity: 0.75;
    transition: opacity 0.18s;
}

.tabs-header-order .tab-button-order:hover[b-v9wfa7e8lo] {
    color: #006747;
    background: rgba(0, 103, 71, 0.04);
}

.tabs-header-order .tab-button-order:hover i[b-v9wfa7e8lo] {
    opacity: 1;
}

.tabs-header-order .tab-button-order.active[b-v9wfa7e8lo] {
    color: #006747;
    font-weight: 600;
    border-bottom-color: #006747;
    background: rgba(0, 103, 71, 0.035);
}

.tabs-header-order .tab-button-order.active i[b-v9wfa7e8lo] {
    opacity: 1;
}

.tabs-header-order .tab-button-order .badge-order[b-v9wfa7e8lo] {
    background: #006747;
    color: white;
    padding: 0.1rem 0.4rem;
    border-radius: 10px;
    font-size: 0.67rem;
    font-weight: 700;
    min-width: 17px;
    text-align: center;
    line-height: 1.5;
}

.tabs-header-order .tab-button-order.active .badge-order[b-v9wfa7e8lo] {
    background: #004f35;
}

.tab-content-order[b-v9wfa7e8lo] {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 0 0 10px 10px;
}

/* ==================== INFO TABS ==================== */
.info-tab-title[b-v9wfa7e8lo] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #334155;
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #e8edf4;
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.info-tab-product-list[b-v9wfa7e8lo] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.75rem;
}

.info-tab-product-row[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
    border: 1px solid #e8edf4;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.15s ease;
}

.info-tab-product-row:hover[b-v9wfa7e8lo] {
    background: #f8fafc;
    border-color: #cbd5e1;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.info-tab-product-row.selected[b-v9wfa7e8lo] {
    border-color: #006747;
    background: #edfaf3;
    box-shadow: 0 0 0 1px rgba(0, 103, 71, 0.2);
}

.info-tab-product-info[b-v9wfa7e8lo] {
    flex: 1 1 auto;
    min-width: 0;
}

.info-tab-product-name[b-v9wfa7e8lo] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #1e293b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info-tab-product-meta[b-v9wfa7e8lo] {
    margin-top: 0.1rem;
    font-size: 0.72rem;
    color: #94a3b8;
}

.info-tab-product-available[b-v9wfa7e8lo] {
    flex-shrink: 0;
}

.info-tab-results[b-v9wfa7e8lo] {
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid #e8edf4;
    background: #ffffff;
}

.info-tab-results .table-responsive[b-v9wfa7e8lo] {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
}

.search-tab-order[b-v9wfa7e8lo],
.items-tab-order[b-v9wfa7e8lo] {
    flex: 1 1 0%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.search-tab-order[b-v9wfa7e8lo]  .product-search-clean {
    flex: 0 0 auto;
}

.search-tab-order[b-v9wfa7e8lo]  .product-results-card {
    flex: 1 1 0%;
    min-height: 0;
    margin-bottom: 0 !important;
    overflow: hidden;
}

.info-tabs-content[b-v9wfa7e8lo] {
    min-height: 0;
    display: flex;
    flex-direction: column;
}

/* ==================== ORDER ACTIONS BAR (Edit/View) ==================== */
.order-actions-bar[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: #ffffff;
    border-bottom: 1px solid #e8edf4;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.order-actions-title[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: #1e293b;
}

.order-actions-title i[b-v9wfa7e8lo] {
    color: #006747;
    font-size: 0.875rem;
}

.order-actions-buttons[b-v9wfa7e8lo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.order-page.pos-mode .order-actions-bar[b-v9wfa7e8lo] {
    position: sticky;
    top: 0;
    z-index: 50;
}

/* ==================== CONTAINERS ==================== */
.container-fluid[b-v9wfa7e8lo] {
    padding: 0.5rem 1rem 1rem;
}

.order-header-container[b-v9wfa7e8lo] {
    padding-bottom: 0;
    margin-bottom: 0;
    flex: 0 0 auto;
    display: block;
}

.order-header-card[b-v9wfa7e8lo] {
    margin-bottom: 0;
}

.order-header-container + .order-main-container[b-v9wfa7e8lo] {
    padding-top: 0;
    margin-top: 0;
}

.order-main-container[b-v9wfa7e8lo] {
    padding-top: 0;
    margin-top: 0;
    flex: 0 0 auto;
    overflow: visible;
}

/* ==================== CARDS ==================== */
.card[b-v9wfa7e8lo] {
    margin-bottom: 1rem;
    border: 1px solid #dde3ec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    overflow: hidden;
    background: #ffffff;
}

.card-header[b-v9wfa7e8lo] {
    padding: 0.75rem 1.125rem;
    font-weight: 600;
    border-bottom: 1px solid #e8edf4;
    background: #f8fafc;
    color: #374151;
    font-size: 0.875rem;
}

.card-body[b-v9wfa7e8lo] {
    padding: 1.125rem;
}

.card-footer[b-v9wfa7e8lo] {
    background: #f8fafc;
    border-top: 1px solid #e8edf4;
    padding: 0.75rem 1.125rem;
}

.main-config-card .card-header[b-v9wfa7e8lo] {
    background: linear-gradient(135deg, #006747, #00925f);
    color: white;
    border-bottom: none;
}

.order-items-card .card-header[b-v9wfa7e8lo] {
    background: linear-gradient(135deg, #1e293b, #334155);
    color: white;
    border-bottom: none;
}

/* ==================== STICKY SIDEBAR ==================== */
.sticky-sidebar-container[b-v9wfa7e8lo] {
    position: sticky;
    top: 0.625rem;
    z-index: 99;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    align-self: flex-start;
    width: 100%;
}

.sticky-sidebar-container > *[b-v9wfa7e8lo] {
    width: 100%;
}

.sticky-sidebar-container .order-summary-scoped[b-v9wfa7e8lo] {
    position: relative !important;
    top: auto !important;
    overflow: visible !important;
    max-height: none !important;
}

.sticky-sidebar-container .order-summary-scoped .summary-content[b-v9wfa7e8lo],
.sticky-sidebar-container .order-summary-scoped .order-info-section[b-v9wfa7e8lo],
.sticky-sidebar-container .order-summary-scoped .calculations-section[b-v9wfa7e8lo],
.sticky-sidebar-container .order-summary-scoped .actions-section[b-v9wfa7e8lo],
.sticky-sidebar-container .order-summary-scoped .quick-help[b-v9wfa7e8lo] {
    overflow: visible !important;
    max-height: none !important;
}

/* ==================== NOTES SECTION ==================== */
.notes-section[b-v9wfa7e8lo] {
    flex-shrink: 0;
}

.notes-section .card[b-v9wfa7e8lo] {
    border: 1px solid #dde3ec;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.notes-section .card-header[b-v9wfa7e8lo] {
    padding: 0.5rem 0.875rem;
    background: #f8fafc;
    border-bottom: 1px solid #e8edf4;
}

.notes-section .card-header h6[b-v9wfa7e8lo] {
    font-size: 0.775rem;
    font-weight: 600;
    color: #475569;
    margin: 0;
}

.notes-section .card-body[b-v9wfa7e8lo] {
    padding: 0.75rem 0.875rem;
}

.notes-section .form-label[b-v9wfa7e8lo] {
    font-size: 0.725rem;
    font-weight: 600;
    color: #64748b;
    margin-bottom: 0.3rem;
    display: block;
}

.notes-section .form-label small[b-v9wfa7e8lo] {
    display: block;
    font-weight: 400;
    font-size: 0.67rem;
    color: #94a3b8;
    margin-top: 0.1rem;
    text-transform: none;
    letter-spacing: 0;
}

.notes-section textarea.form-control[b-v9wfa7e8lo] {
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    font-size: 0.8rem;
    resize: vertical;
    min-height: 60px;
    transition: border-color 0.2s, box-shadow 0.2s;
    padding: 0.5rem 0.675rem;
    background: #f8fafc;
    color: #334155;
    line-height: 1.5;
}

.notes-section textarea.form-control:focus[b-v9wfa7e8lo] {
    border-color: #006747;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.08);
    background: #ffffff;
    outline: none;
}

.notes-section textarea.form-control:disabled[b-v9wfa7e8lo] {
    background: #f1f5f9;
    opacity: 0.7;
    cursor: not-allowed;
}

/* ==================== MISC FORM ELEMENTS ==================== */
.form-control[b-v9wfa7e8lo] {
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    transition: border-color 0.2s, box-shadow 0.2s;
    color: #1e293b;
    background: #f8fafc;
}

.form-control:focus[b-v9wfa7e8lo] {
    border-color: #006747;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.08);
    background: #ffffff;
    outline: none;
}

.order-summary-card[b-v9wfa7e8lo] {
    position: relative;
    top: auto;
    z-index: auto;
    background-color: #fff;
}

.reservation-link[b-v9wfa7e8lo] {
    cursor: pointer;
    text-decoration: underline;
    color: #dc2626;
    font-weight: 500;
}

.reservation-link:hover[b-v9wfa7e8lo] {
    color: #991b1b;
}

/* ==================== MISC DOCUMENT TYPE ==================== */
.document-type-selector[b-v9wfa7e8lo] {
    background-color: #f8fafc;
    padding: 0.5rem;
    border-radius: 8px;
}

.document-type-selector .form-check[b-v9wfa7e8lo] {
    padding: 0.5rem 1rem;
    margin: 0;
    border-radius: 6px;
    transition: background 0.18s;
}

.document-type-selector .form-check:hover[b-v9wfa7e8lo] {
    background-color: rgba(0, 103, 71, 0.04);
}

.document-type-selector .form-check-input:checked + .form-check-label[b-v9wfa7e8lo] {
    font-weight: 600;
    color: #006747;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
    .tabs-container-order[b-v9wfa7e8lo] {
        height: auto;
        max-height: none;
        min-height: 0;
    }

    .tabs-header-order .tab-button-order[b-v9wfa7e8lo] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }

    .tabs-header-order .tab-button-order .badge-order[b-v9wfa7e8lo] {
        font-size: 0.62rem;
        padding: 0.1rem 0.3rem;
    }

    .order-page.pos-mode .order-main-container > .row > [class*="col-lg-9"][b-v9wfa7e8lo] {
        padding: 0.75rem;
        gap: 0.625rem;
    }

    .order-page.pos-mode .order-main-container > .row > .order-sidebar-scroll[b-v9wfa7e8lo] {
        height: auto;
        max-height: none;
        overflow: visible;
        padding: 0.75rem;
        border-inline-start: none;
        border-top: 1px solid #dde3ec;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/CustomerChangeConfirmationModal.razor.rz.scp.css */
.customer-change-warning .alert[b-xdi9o7n5dl] {
    text-align: center;
}

.customer-comparison[b-xdi9o7n5dl] {
    margin: 1rem 0;
}

    .customer-comparison .card[b-xdi9o7n5dl] {
        height: 100%;
    }

.confirmation-question[b-xdi9o7n5dl] {
    text-align: center;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    border-left: 4px solid #ffc107;
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/Excelimportmodal.razor.rz.scp.css */
.excel-import-content[b-hn7l584338] {
    min-height: 300px;
}

.file-upload-area[b-hn7l584338] {
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    transition: all 0.3s ease;
    background: #f8f9fa;
}

.file-upload-area:hover[b-hn7l584338] {
    border-color: #006747;
    background: #f0f9f4;
}

.file-upload-label[b-hn7l584338] {
    display: block;
    padding: 3rem 2rem;
    cursor: pointer;
    text-align: center;
    margin: 0;
}

.upload-content[b-hn7l584338] {
    pointer-events: none;
}

.file-input[b-hn7l584338] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

.preview-section[b-hn7l584338] {
    max-height: 600px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.table-responsive[b-hn7l584338] {
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.sticky-top[b-hn7l584338] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.summary-section[b-hn7l584338] {
    border: 1px solid #dee2e6;
    margin-top: 1rem;
}

.total-preview[b-hn7l584338] {
    text-align: right;
}

.badge[b-hn7l584338] {
    font-size: 0.8em;
}

.upload-instructions ul[b-hn7l584338] {
    padding-left: 1.2rem;
}

.upload-instructions li[b-hn7l584338] {
    margin-bottom: 0.3rem;
}

.disabled-area[b-hn7l584338] {
    opacity: 0.6;
    pointer-events: none;
}

.disabled-label[b-hn7l584338] {
    cursor: not-allowed;
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/FinancialModalSettings.razor.rz.scp.css */
.modal-backdrop[b-xdg5t2r81d] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.modal-dialog[b-xdg5t2r81d] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    max-width: 800px;
    width: 100%;
    margin: 1rem;
    max-height: 90vh;
    overflow-y: auto;
    animation: modalFadeIn-b-xdg5t2r81d 0.3s ease-out;
}

@keyframes modalFadeIn-b-xdg5t2r81d {
    from {
        opacity: 0;
        transform: translateY(-50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-xdg5t2r81d] {
    padding: 1.5rem;
    border-bottom: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

.modal-title[b-xdg5t2r81d] {
    margin: 0;
    font-weight: 600;
    color: #333;
}

.btn-close[b-xdg5t2r81d] {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    color: #666;
}

.modal-body[b-xdg5t2r81d] {
    padding: 1.5rem;
}

.modal-footer[b-xdg5t2r81d] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.local-currency-notice[b-xdg5t2r81d] {
    padding: 0.75rem;
    background: #e8f5e8;
    border: 1px solid #27ae60;
    border-radius: 0.375rem;
    color: #27ae60;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.rate-preview-card[b-xdg5t2r81d] {
    margin-top: 1rem;
}

.rate-display[b-xdg5t2r81d] {
    font-size: 1.1rem;
    color: #333;
}

.form-select:focus[b-xdg5t2r81d], .form-control:focus[b-xdg5t2r81d] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/GlobalPricingToggle.razor.rz.scp.css */
.global-pricing-toggle[b-ksjacngg4c] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.toggle-header[b-ksjacngg4c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e9ecef;
}

.toggle-title[b-ksjacngg4c] {
    color: #2c3e50;
    margin: 0;
    font-weight: 600;
    font-size: 1rem;
}

.customer-badge[b-ksjacngg4c] {
    background: #d4edda;
    color: #155724;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid #c3e6cb;
}

.toggle-options[b-ksjacngg4c] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pricing-option[b-ksjacngg4c] {
    margin-bottom: 0;
    border: 2px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
    transition: all 0.2s;
    cursor: pointer;
    position: relative;
}

    .pricing-option:hover[b-ksjacngg4c] {
        border-color: #3498db;
        background-color: rgba(52, 152, 219, 0.02);
    }

    .pricing-option.selected[b-ksjacngg4c] {
        border-color: #3498db;
        background-color: rgba(52, 152, 219, 0.05);
        box-shadow: inset 0 0 0 1px rgba(52, 152, 219, 0.2);
    }

    .pricing-option .form-check-input[b-ksjacngg4c] {
        position: absolute;
        top: 1rem;
        right: 1rem;
        margin: 0;
    }

    .pricing-option .form-check-label[b-ksjacngg4c] {
        cursor: pointer;
        width: 100%;
        margin: 0;
        padding-right: 2rem;
    }

.option-content[b-ksjacngg4c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.option-header[b-ksjacngg4c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #2c3e50;
    font-weight: 600;
}

.option-description[b-ksjacngg4c] {
    color: #6c757d;
    font-size: 0.875rem;
    margin-left: 1.75rem;
}

.discount-indicator[b-ksjacngg4c] {
    background: #28a745;
    color: white;
    padding: 0.125rem 0.5rem;
    border-radius: 10px;
    font-size: 0.75rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.savings-summary[b-ksjacngg4c] {
    margin-top: 1rem;
    padding: 0.75rem;
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
    border-radius: 6px;
    border-left: 4px solid #28a745;
}

.savings-content[b-ksjacngg4c] {
    display: flex;
    align-items: center;
    color: #155724;
    font-weight: 500;
}

.savings-text[b-ksjacngg4c] {
    margin-right: 0.5rem;
}

.savings-percentage[b-ksjacngg4c] {
    color: #28a745;
    font-weight: 600;
}

.mode-change-warning[b-ksjacngg4c] {
    margin-top: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #fff3cd;
    color: #856404;
    border-radius: 4px;
    border-left: 3px solid #ffc107;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

/* Disabled state */
.global-pricing-toggle:has(.form-check-input:disabled)[b-ksjacngg4c] {
    opacity: 0.6;
    pointer-events: none;
}

.pricing-option:has(.form-check-input:disabled)[b-ksjacngg4c] {
    cursor: not-allowed;
    background-color: #f8f9fa;
}

    .pricing-option:has(.form-check-input:disabled) .form-check-label[b-ksjacngg4c] {
        cursor: not-allowed;
    }

/* Mobile responsive */
@media (max-width: 768px) {
    .toggle-header[b-ksjacngg4c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .customer-badge[b-ksjacngg4c] {
        align-self: flex-start;
    }

    .pricing-option .form-check-input[b-ksjacngg4c] {
        position: static;
        margin-bottom: 0.5rem;
    }

    .pricing-option .form-check-label[b-ksjacngg4c] {
        padding-right: 0;
    }

    .option-description[b-ksjacngg4c] {
        margin-left: 0;
    }
}

/* Animation for mode changes */
.pricing-option[b-ksjacngg4c] {
    animation: fadeIn-b-ksjacngg4c 0.2s ease-in-out;
}

.savings-summary[b-ksjacngg4c] {
    animation: slideDown-b-ksjacngg4c 0.3s ease-out;
}

@keyframes fadeIn-b-ksjacngg4c {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideDown-b-ksjacngg4c {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/OrderItemsList.razor.rz.scp.css */
/* Price adjustment indicators */
.order-items-table tbody tr.has-adjustment[b-3jx9hj38fb] {
    border-inline-start: 4px solid #f39c12;
    background: rgba(243, 156, 18, 0.05);
}

.adjustment-badge[b-3jx9hj38fb] {
    background: #f39c12;
    color: white;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    cursor: pointer;
    transition: all 0.2s;
}

    .adjustment-badge:hover[b-3jx9hj38fb] {
        background: #e67e22;
        transform: scale(1.05);
    }

.adjustment-details[b-3jx9hj38fb] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    background: #fff9e6;
    border: 1px solid #f39c12;
    border-radius: 6px;
    font-size: 0.85rem;
}

.adjustment-info[b-3jx9hj38fb] {
    margin-bottom: 0.75rem;
}

.adjustment-row[b-3jx9hj38fb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

    .adjustment-row .label[b-3jx9hj38fb] {
        font-weight: 500;
        color: #8b4513;
    }

    .adjustment-row .value[b-3jx9hj38fb] {
        color: #2c3e50;
    }

        .adjustment-row .value.final-price[b-3jx9hj38fb] {
            font-weight: 600;
            color: #27ae60;
        }

        .adjustment-row .value.note[b-3jx9hj38fb] {
            font-style: italic;
            color: #6c757d;
        }

.adjustment-actions[b-3jx9hj38fb] {
    display: flex;
    gap: 0.5rem;
}

.adjustment-toggle-btn[b-3jx9hj38fb] {
    background: #3498db;
    color: white;
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

    .adjustment-toggle-btn.active[b-3jx9hj38fb] {
        background: #2980b9;
    }

    .adjustment-toggle-btn:hover[b-3jx9hj38fb] {
        background: #2980b9;
    }

.price-difference[b-3jx9hj38fb] {
    font-weight: 500;
}

    .price-difference.increase[b-3jx9hj38fb] {
        color: #e74c3c;
    }

    .price-difference.decrease[b-3jx9hj38fb] {
        color: #27ae60;
    }

/* Show pure price instead of original price */
.original-price[b-3jx9hj38fb] {
    color: #6c757d;
    font-size: 0.7rem;
    font-style: italic;
}

/* Existing styles */
.order-items-compact[b-3jx9hj38fb] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    min-height: 0;
}

.items-search-bar[b-3jx9hj38fb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    flex-shrink: 0;
}

.items-search-field[b-3jx9hj38fb] {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 420px;
}

.items-search-field > i.fa-search[b-3jx9hj38fb] {
    position: absolute;
    inset-inline-start: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.85rem;
    pointer-events: none;
}

.items-search-field .form-control[b-3jx9hj38fb] {
    padding-inline-start: 2.15rem;
    padding-inline-end: 2rem;
    height: 2.1rem;
    font-size: 0.875rem;
    border-color: #cbd5e1;
    border-radius: 6px;
}

.items-search-field .form-control:focus[b-3jx9hj38fb] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.15);
}

.items-search-clear[b-3jx9hj38fb] {
    position: absolute;
    inset-inline-end: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    border: none;
    border-radius: 4px;
    background: transparent;
    color: #64748b;
    cursor: pointer;
}

.items-search-clear:hover[b-3jx9hj38fb] {
    background: #e2e8f0;
    color: #334155;
}

.items-search-count[b-3jx9hj38fb] {
    flex-shrink: 0;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #475569;
    background: #e2e8f0;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
}

.items-filter-empty[b-3jx9hj38fb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2.5rem 1rem;
    color: #64748b;
    text-align: center;
}

.items-filter-empty i[b-3jx9hj38fb] {
    font-size: 1.5rem;
    opacity: 0.5;
}

.items-content[b-3jx9hj38fb] {
    padding: 0;
    flex: 1 1 0%;
    min-height: 0;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.order-items-compact:not(:has(.empty-state)) .items-content[b-3jx9hj38fb] {
    height: 0;
}

/* Table layout — plain HTML table for easy text selection / copy to Excel */
.order-items-table[b-3jx9hj38fb] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 0.875rem;
    color: #1e293b;
    user-select: text;
}

.order-items-table col.col-w-select[b-3jx9hj38fb] { width: 2.75rem; }
.order-items-table col.col-w-actions[b-3jx9hj38fb] { width: 4.5rem; }
.order-items-table col.col-w-sku[b-3jx9hj38fb] { width: 16%; }
.order-items-table col.col-w-code[b-3jx9hj38fb] { width: 10%; }
.order-items-table col.col-w-quantity[b-3jx9hj38fb] { width: 8%; }
.order-items-table col.col-w-unit[b-3jx9hj38fb] { width: 9%; }
.order-items-table col.col-w-price[b-3jx9hj38fb] { width: 9%; }
.order-items-table col.col-w-discount[b-3jx9hj38fb] { width: 11%; }
.order-items-table col.col-w-weight[b-3jx9hj38fb] { width: 8%; }
.order-items-table col.col-w-total[b-3jx9hj38fb] { width: 10%; }

.order-items-table thead[b-3jx9hj38fb] {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #f1f5f9;
}

.order-items-table thead tr[b-3jx9hj38fb] {
    background: #f1f5f9;
}

.order-items-table thead th[b-3jx9hj38fb] {
    position: relative;
    overflow: visible;
    background: #f1f5f9;
    font-weight: 600;
    font-size: 0.8125rem;
    color: #475569;
    border: none;
    border-bottom: 2px solid #cbd5e1;
    padding: 0.5rem 0.55rem;
    text-align: center;
    white-space: nowrap;
    box-shadow: none;
    vertical-align: middle;
}

/* ── Sources button + expand panel ── */
.oi-sku-cell[b-3jx9hj38fb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.oi-sources-btn[b-3jx9hj38fb] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    padding: 0.15rem 0.35rem;
    border: 1px solid #bae6fd;
    border-radius: 4px;
    background: #f0f9ff;
    color: #0369a1;
    font-size: 0.68rem;
    cursor: pointer;
    line-height: 1;
    transition: background 120ms, color 120ms;
    flex-shrink: 0;
}

.oi-sources-btn:hover[b-3jx9hj38fb] {
    background: #e0f2fe;
    border-color: #7dd3fc;
}

.oi-sources-btn.active[b-3jx9hj38fb] {
    background: #0369a1;
    border-color: #0369a1;
    color: #fff;
}

.oi-sources-count[b-3jx9hj38fb] {
    font-weight: 600;
}

/* Sources expanded row */
.oi-sources-row > td[b-3jx9hj38fb] {
    padding: 0 !important;
    background: #f0f9ff !important;
    border-top: none !important;
}

.oi-sources-panel[b-3jx9hj38fb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.4rem 1rem;
    flex-wrap: wrap;
}

.oi-sources-panel-label[b-3jx9hj38fb] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #0369a1;
    white-space: nowrap;
}

.oi-sources-panel-items[b-3jx9hj38fb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.oi-sources-panel-tag[b-3jx9hj38fb] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    background: #fff;
    border: 1px solid #bae6fd;
    border-radius: 20px;
    font-size: 0.73rem;
    color: #334155;
}

.oi-sources-panel-tag i[b-3jx9hj38fb] {
    color: #0369a1;
    font-size: 0.65rem;
}

.oi-sources-panel-tag strong[b-3jx9hj38fb] {
    color: #006747;
    font-weight: 600;
}

/* ── WF selection strip ── */
.order-items-table col.col-w-wf[b-3jx9hj38fb] {
    width: 0.75rem;
}

.order-items-table thead th.col-wf[b-3jx9hj38fb] {
    width: 0.75rem;
    min-width: 0.75rem;
    padding: 0;
    background: #b8d4c5;
    border-bottom-color: #8ab8a0;
}

.order-items-table tbody td.col-wf[b-3jx9hj38fb] {
    width: 0.75rem;
    min-width: 0.75rem;
    padding: 0;
    cursor: pointer;
    background: #ddeee6;
    border-color: #c8ddd2;
    transition: background 80ms ease;
}

.order-items-table tbody tr:hover td.col-wf[b-3jx9hj38fb] {
    background: #c0d9cb;
}

/* ── Selected row highlight ── */
.order-items-table tbody tr.udt-row-selected > td[b-3jx9hj38fb] {
    background-color: rgba(0, 103, 71, 0.09) !important;
}

.order-items-table tbody tr.udt-row-selected > td.col-wf[b-3jx9hj38fb] {
    background-color: #006747 !important;
}

.order-items-table tbody tr.udt-row-selected > td:first-child[b-3jx9hj38fb] {
    box-shadow: inset 3px 0 0 #006747;
}

.order-items-table thead th.oi-sortable-th[b-3jx9hj38fb] {
    cursor: pointer;
    user-select: none;
}

.order-items-table thead th.oi-sortable-th:hover[b-3jx9hj38fb] {
    background: #e2e8f0;
    color: #1e293b;
}

.order-items-table thead th .oi-sort-active[b-3jx9hj38fb] {
    color: #006747;
    font-size: 0.65rem;
}

.order-items-table thead th .fas.fa-sort[b-3jx9hj38fb] {
    font-size: 0.65rem;
    opacity: 0.45;
}

.order-items-table[b-3jx9hj38fb]  .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 14px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 15;
    pointer-events: auto;
}

.order-items-table[b-3jx9hj38fb]  .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 4px;
    top: 15%;
    width: 3px;
    height: 70%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.45);
    opacity: 0.85;
    transition: opacity 120ms ease, background 120ms ease;
}

.order-items-table thead th:hover[b-3jx9hj38fb]  .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.85);
}

/* Column visibility */
.order-items-table.hide-col-sku [data-col="sku"][b-3jx9hj38fb],
.order-items-table.hide-col-code [data-col="code"][b-3jx9hj38fb],
.order-items-table.hide-col-quantity [data-col="quantity"][b-3jx9hj38fb],
.order-items-table.hide-col-unit [data-col="unit"][b-3jx9hj38fb],
.order-items-table.hide-col-price [data-col="price"][b-3jx9hj38fb],
.order-items-table.hide-col-discount [data-col="discount"][b-3jx9hj38fb],
.order-items-table.hide-col-weight [data-col="weight"][b-3jx9hj38fb],
.order-items-table.hide-col-total [data-col="total"][b-3jx9hj38fb] {
    display: none !important;
}

.order-items-table tbody td[b-3jx9hj38fb] {
    border: none;
    border-bottom: 1px solid #e2e8f0;
    padding: 0.4rem 0.55rem;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-items-table tbody tr:hover[b-3jx9hj38fb] {
    background: #f8fafc;
}

.order-items-table tbody tr.selected[b-3jx9hj38fb] {
    background: #e3f2fd;
}

.order-items-table tbody tr.selected:hover[b-3jx9hj38fb] {
    background: #dbeafe;
}

.order-items-table .col-total[b-3jx9hj38fb] {
    font-weight: 600;
    color: #27ae60;
    text-align: center;
}

/* Inline edit controls — look like plain text until focused */
.order-items-table .cell-plain[b-3jx9hj38fb] {
    border: none;
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: center;
    padding: 0;
    margin: 0;
    min-width: 0;
    width: auto;
    max-width: 100%;
    user-select: text;
    -webkit-appearance: none;
    appearance: none;
}

.order-items-table .cell-plain:focus[b-3jx9hj38fb] {
    outline: none;
    background: #fff;
    box-shadow: inset 0 0 0 1px #94a3b8;
    border-radius: 3px;
    padding: 0.1rem 0.25rem;
}

.order-items-table .cell-plain.modified[b-3jx9hj38fb] {
    box-shadow: inset 3px 0 0 #f39c12;
}

.order-items-table .cell-plain--narrow[b-3jx9hj38fb] {
    width: 3rem;
}

.order-items-table .currency-suffix[b-3jx9hj38fb] {
    margin-inline-start: 0.15rem;
    color: #64748b;
    font-size: 0.8rem;
}

.order-items-table select.cell-plain[b-3jx9hj38fb] {
    cursor: pointer;
    padding-inline-end: 1rem;
}

/* Selection column */
.order-items-table .col-select[b-3jx9hj38fb] {
    width: 2.75rem;
    text-align: center;
    padding-inline: 0.25rem;
}

.order-items-table .col-select .form-check-input[b-3jx9hj38fb] {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0;
    cursor: pointer;
}

/* Actions column */
.order-items-table .col-actions[b-3jx9hj38fb] {
    width: 4.5rem;
    padding-inline: 0.25rem;
    user-select: none;
}

.order-items-table .col-actions-inner[b-3jx9hj38fb] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    align-items: center;
}

.items-summary[b-3jx9hj38fb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.2rem 0.75rem;
    margin-top: -6px;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.summary-left[b-3jx9hj38fb],
.summary-right[b-3jx9hj38fb] {
    display: flex;
    align-items: center;
    gap: 0;
}

.summary-left .summary-cell:first-child[b-3jx9hj38fb],
.summary-right .summary-cell:first-child[b-3jx9hj38fb] {
    border-left: none;
}

.summary-cell[b-3jx9hj38fb] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.35rem 0.85rem;
    font-size: 0.82rem;
    color: #374151;
    min-width: 120px;
    border-left: 1px solid #e5e7eb;
}

.summary-cell .label[b-3jx9hj38fb] {
    color: #6b7280;
    font-weight: 600;
}

.summary-cell .value[b-3jx9hj38fb] {
    font-weight: 700;
    color: #111827;
    white-space: nowrap;
}

.summary-cell.exchange .value[b-3jx9hj38fb] {
    white-space: normal;
}

.summary-cell.exchange .btn[b-3jx9hj38fb] {
    margin-top: 0.25rem;
    padding: 0.15rem 0.5rem;
    font-size: 0.75rem;
}

.summary-cell.total[b-3jx9hj38fb] {
    background: #eefaf3;
    border: 1px solid #cfe9dc;
    border-radius: 8px;
    padding: 0.45rem 1rem;
    margin-right: 0.5rem;
}

.summary-cell.total .label[b-3jx9hj38fb] {
    color: #0b7a43;
}

.summary-cell.total .value[b-3jx9hj38fb] {
    color: #0b7a43;
    font-size: 1.1rem;
}

@media (max-width: 900px) {
    .items-summary[b-3jx9hj38fb] {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
    }

    .summary-left[b-3jx9hj38fb],
    .summary-right[b-3jx9hj38fb] {
        flex-wrap: wrap;
    }

    .summary-cell[b-3jx9hj38fb] {
        min-width: 100px;
        border-left: none;
        border-top: 1px solid #e5e7eb;
    }

    .summary-cell.total[b-3jx9hj38fb] {
        margin-right: 0;
    }
}

.summary-cell.exchange .btn .btn-text[b-3jx9hj38fb] {
    margin-inline-start: 0.35rem;
}

.remove-btn[b-3jx9hj38fb], .reset-price-btn[b-3jx9hj38fb] {
    border: none;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
}

.remove-btn[b-3jx9hj38fb] {
    background: #e74c3c;
    color: white;
}

    .remove-btn:hover[b-3jx9hj38fb] {
        background: #c0392b;
    }

.reset-price-btn[b-3jx9hj38fb] {
    background: #f39c12;
    color: white;
}

    .reset-price-btn:hover[b-3jx9hj38fb] {
        background: #e67e22;
    }

/* Sources & adjustment detail rows */
.order-items-table .sources-row td[b-3jx9hj38fb],
.order-items-table .adjustment-detail-row td[b-3jx9hj38fb] {
    background: #f8f9fa;
    text-align: start;
    padding: 0.5rem 0.75rem;
    user-select: text;
}

.order-items-table .adjustment-detail-row td[b-3jx9hj38fb] {
    background: #fff9e6;
}

.sources-label[b-3jx9hj38fb] {
    font-size: 0.8rem;
    color: #6c757d;
    font-weight: 500;
}

.source-tag[b-3jx9hj38fb] {
    background: #e3f2fd;
    color: #1976d2;
    padding: 0.2rem 0.4rem;
    border-radius: 3px;
    font-size: 0.75rem;
}

/* Empty State */
.empty-state[b-3jx9hj38fb] {
    text-align: center;
    padding: 2rem;
    color: #6c757d;
}

    .empty-state i[b-3jx9hj38fb] {
        font-size: 2rem;
        margin-bottom: 0.5rem;
        color: #adb5bd;
    }
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/OrderSummary.razor.rz.scp.css */
/* Main Container */
.order-summary-scoped[b-1gvgqzvma7] {
    background: white;
    border-radius: 9px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06);
    position: sticky;
    top: 1rem;
    overflow: hidden;
    border: 1px solid #edf2f7;
}

/* Header */
.order-summary-scoped .summary-header[b-1gvgqzvma7] {
    background: #087f55;
    color: white;
    padding: 0.78rem 0.9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .order-summary-scoped .summary-header h6[b-1gvgqzvma7] {
        margin: 0;
        font-weight: 600;
        font-size: 0.92rem;
    }

.order-summary-scoped .order-type-badge[b-1gvgqzvma7] {
    padding: 0.14rem 0.54rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

    .order-summary-scoped .order-type-badge.order[b-1gvgqzvma7] {
        background: rgba(255, 255, 255, 0.14);
        color: white;
        border: 1px solid rgba(255, 255, 255, 0.65);
    }

    .order-summary-scoped .order-type-badge.quote[b-1gvgqzvma7] {
        background: rgba(255, 255, 255, 0.14);
        color: white;
        border: 1px solid rgba(255, 255, 255, 0.65);
    }

/* Content */
.order-summary-scoped .summary-content[b-1gvgqzvma7] {
    padding: 0.5rem 0.5rem 0.5rem;
}

.order-summary-scoped .form-control-sm[b-1gvgqzvma7] {
    padding: 0.7rem 0.5rem;
}

/* Order Info Strip */
.order-summary-scoped .order-info-strip[b-1gvgqzvma7] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 0.55rem;
    background: #f8f9fa;
    border-radius: 7px;
    margin-bottom: 0.75rem;
    border-left: 3px solid #3498db;
}

.order-summary-scoped .info-item[b-1gvgqzvma7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #6c757d;
}

    .order-summary-scoped .info-item i[b-1gvgqzvma7] {
        width: 14px;
        text-align: center;
        font-size: 0.8rem;
    }

    .order-summary-scoped .info-item.customer[b-1gvgqzvma7] {
        font-weight: 600;
        color: #2c3e50;
    }

.order-summary-scoped .info-chips[b-1gvgqzvma7] {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.order-summary-scoped .chip[b-1gvgqzvma7] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
}

.order-summary-scoped .currency-chip[b-1gvgqzvma7] {
    background: #e8f4fd;
    color: #2980b9;
}

.order-summary-scoped .items-chip[b-1gvgqzvma7] {
    background: #eafaf1;
    color: #27ae60;
}

/* Exchange Rate Strip */
.order-summary-scoped .exchange-rate-strip[b-1gvgqzvma7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.62rem;
    background: #ecf4fc;
    border-radius: 5px;
    font-size: 0.74rem;
    color: #2980b9;
    margin-bottom: 0.75rem;
}

    .order-summary-scoped .exchange-rate-strip i[b-1gvgqzvma7] {
        font-size: 0.75rem;
    }

/* Calculations */
.order-summary-scoped .calculations-section[b-1gvgqzvma7] {
    margin-bottom: 1rem;
}

.order-summary-scoped .calc-row[b-1gvgqzvma7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 36px;
    padding: 0.38rem 0.75rem;
    border-bottom: 1px solid #e8edf3;
    gap: 0.75rem;
}

    .order-summary-scoped .calc-row:last-child[b-1gvgqzvma7] {
        border-bottom: none;
    }

.order-summary-scoped .calc-row.weight-row[b-1gvgqzvma7] {
    display: none;
}

.order-summary-scoped .calc-row.control-row[b-1gvgqzvma7] {
    min-height: 62px;
    padding-top: 0.68rem;
    padding-bottom: 0.68rem;
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
}

.order-summary-scoped .calc-label[b-1gvgqzvma7] {
    color: #17233c;
    font-size: 0.82rem;
    font-weight: 700;
    white-space: nowrap;
}

    .order-summary-scoped .calc-label.indent[b-1gvgqzvma7] {
        padding-inline-start: 1rem;
        font-size: 0.8rem;
        color: #6c757d;
    }

.order-summary-scoped .calc-value[b-1gvgqzvma7] {
    color: #061f3f;
    font-size: 0.94rem;
    font-weight: 800;
    white-space: nowrap;
    direction: ltr;
    unicode-bidi: isolate;
}

.order-summary-scoped .calc-value small[b-1gvgqzvma7] {
    color: #6d85b8;
    font-size: 0.68rem;
    font-weight: 700;
    margin-inline-end: 0.18rem;
}

.order-summary-scoped .summary-pickers-row[b-1gvgqzvma7] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.52rem;
    margin: 0.66rem 0.75rem 0.5rem;
}

.order-summary-scoped .summary-picker-col[b-1gvgqzvma7] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.order-summary-scoped .summary-picker-label[b-1gvgqzvma7] {
    color: #17233c;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: start;
    white-space: normal;
    line-height: 1.2;
}

.order-summary-scoped .summary-picker-col .form-select[b-1gvgqzvma7] {
    min-height: 40px;
    border: 1px solid #d6e1ee;
    border-radius: 7px;
    color: #17233c;
    font-size: 0.82rem;
    box-shadow: none;
}

.order-summary-scoped .summary-picker-col .summary-readonly-input[b-1gvgqzvma7] {
    min-height: 40px;
    border: 1px solid #d6e1ee;
    border-radius: 7px;
    color: #17233c;
    font-size: 0.82rem;
    background: #f8fafc;
    font-weight: 600;
}

.order-summary-scoped .subtotal-readonly-input[b-1gvgqzvma7] {
    text-align: start;
    font-weight: 800;
    color: #061f3f;
}

.order-summary-scoped .summary-picker-col .form-select:focus[b-1gvgqzvma7] {
    border-color: #16a36a;
    box-shadow: 0 0 0 2px rgba(22, 163, 106, 0.12);
}

    .order-summary-scoped .calc-value.negative[b-1gvgqzvma7] {
        color: #e74c3c;
    }

    .order-summary-scoped .calc-value.muted[b-1gvgqzvma7] {
        color: #6c757d;
    }

.order-summary-scoped .indent-row[b-1gvgqzvma7] {
    background: #fafafa;
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
    border-radius: 4px;
}

/* Input Controls */
.order-summary-scoped .discount-control[b-1gvgqzvma7],
.order-summary-scoped .labor-control[b-1gvgqzvma7] {
    width: 100%;
    max-width: none;
}

.order-summary-scoped .labor-input-group[b-1gvgqzvma7] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 39px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d6e1ee;
    border-radius: 7px;
    transition: border-color 0.18s, box-shadow 0.18s;
    direction: ltr;
}

.order-summary-scoped .discount-control .input-group[b-1gvgqzvma7] {
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #d6e1ee;
    border-radius: 7px;
    overflow: hidden;
    transition: border-color 0.2s;
    justify-content: flex-end;
    height: 38px;
    width: 100%;
    min-width: 0;
}

    .order-summary-scoped .discount-control .input-group:focus-within[b-1gvgqzvma7] {
        border-color: #16a36a;
        box-shadow: 0 0 0 2px rgba(22, 163, 106, 0.12);
    }

    .order-summary-scoped .labor-input-group:focus-within[b-1gvgqzvma7] {
        border-color: #16a36a;
        box-shadow: 0 0 0 2px rgba(22, 163, 106, 0.12);
    }

.order-summary-scoped .discount-input[b-1gvgqzvma7] {
    border: none;
    padding: 0.35rem 0.58rem;
    text-align: end;
    font-size: 0.86rem;
    font-weight: 800;
    outline: none;
    background: transparent;
    flex: 1 1 auto;
    width: auto;
    min-width: 5.75rem;
    color: #061f3f;
    -moz-appearance: textfield;
    appearance: textfield;
}

.order-summary-scoped .discount-input[b-1gvgqzvma7]::-webkit-outer-spin-button,
.order-summary-scoped .discount-input[b-1gvgqzvma7]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.order-summary-scoped .labor-input[b-1gvgqzvma7] {
    border: none;
    border-inline-start: 1px solid #d6e1ee;
    padding: 0.35rem 0.64rem;
    text-align: right;
    font-size: 0.86rem;
    font-weight: 700;
    outline: none;
    background: transparent;
    flex: 1;
    min-width: 0;
    color: #17233c;
}

.order-summary-scoped .labor-currency-select[b-1gvgqzvma7] {
    width: 74px;
    height: 100%;
    border: none;
    background-color: #ffffff;
    color: #17233c;
    font-size: 0.76rem;
    outline: none;
    padding-inline: 0.38rem;
    flex-shrink: 0;
}

.order-summary-scoped .rate-select[b-1gvgqzvma7] {
    font-size: 0.75rem;
    margin-top: 0.4rem;
}

.order-summary-scoped .input-suffix[b-1gvgqzvma7] {
    align-self: stretch;
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.58rem;
    background: #f8f9fa;
    color: #4d627a;
    font-size: 0.74rem;
    font-weight: 700;
    border-inline-start: 1px solid #dee2e6;
}

/* Total Row */
.order-summary-scoped .total-row[b-1gvgqzvma7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #e7faed 0%, #d9f5e4 100%);
    min-height: 63px;
    padding: 0.72rem 0.9rem;
    border-radius: 7px;
    border: 1px solid #38d084;
    margin-bottom: 0.78rem;
    gap: 0.75rem;
}

.order-summary-scoped .total-label[b-1gvgqzvma7] {
    color: #057a50;
    font-size: 0.86rem;
    font-weight: 700;
    white-space: nowrap;
}

.order-summary-scoped .total-value[b-1gvgqzvma7] {
    color: #006b50;
    font-size: 1.28rem;
    font-weight: 800;
    line-height: 1;
    direction: ltr;
    unicode-bidi: isolate;
}

.order-summary-scoped .total-value small[b-1gvgqzvma7] {
    font-size: 0.66rem;
    font-weight: 800;
    margin-inline-start: 0.18rem;
}

.order-summary-scoped .total-amount-wrap[b-1gvgqzvma7] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.26rem;
    min-width: 0;
    direction: ltr;
    text-align: left;
}

.order-summary-scoped .total-helper[b-1gvgqzvma7] {
    color: #057a50;
    font-size: 0.7rem;
    line-height: 1.1;
    white-space: nowrap;
}

/* Math breakdown — readable line items */
.order-summary-scoped .summary-math-breakdown[b-1gvgqzvma7] {
    margin: 0 0 0.85rem;
    padding: 0.75rem 0.85rem;
    background: linear-gradient(180deg, #f0fdf4 0%, #f8fafc 100%);
    border: 1px solid #86efac;
    border-radius: 10px;
    font-variant-numeric: tabular-nums;
}

.order-summary-scoped .math-breakdown-lines[b-1gvgqzvma7] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.order-summary-scoped .math-line[b-1gvgqzvma7] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    line-height: 1.35;
}

.order-summary-scoped .math-line-label[b-1gvgqzvma7] {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #475569;
}

.order-summary-scoped .math-line-value[b-1gvgqzvma7],
.order-summary-scoped .math-total-value[b-1gvgqzvma7] {
    direction: ltr;
    unicode-bidi: isolate;
}

.order-summary-scoped .math-line-value[b-1gvgqzvma7] {
    flex: 0 0 auto;
    font-size: 0.88rem;
    font-weight: 700;
    color: #0f172a;
    text-align: end;
    white-space: nowrap;
}

.order-summary-scoped .math-line-value--negative[b-1gvgqzvma7] {
    color: #dc2626;
}

.order-summary-scoped .math-line-currency[b-1gvgqzvma7] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
    margin-inline-start: 0.2rem;
}

.order-summary-scoped .math-line--intermediate[b-1gvgqzvma7] {
    padding: 0.35rem 0.5rem;
    margin: 0.1rem 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 6px;
    border-inline-start: 3px solid #94a3b8;
}

.order-summary-scoped .math-line--intermediate .math-line-label[b-1gvgqzvma7] {
    color: #334155;
}

.order-summary-scoped .summary-math-breakdown.is-collapsed[b-1gvgqzvma7] {
    padding: 0.55rem 0.65rem;
}

.order-summary-scoped .summary-math-breakdown.is-expanded .math-total-row[b-1gvgqzvma7] {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 2px solid #38d084;
}

.order-summary-scoped .math-total-row[b-1gvgqzvma7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.order-summary-scoped .math-toggle-btn[b-1gvgqzvma7] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: 1px solid #86efac;
    border-radius: 6px;
    background: #ffffff;
    color: #057a50;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.order-summary-scoped .math-toggle-btn:hover[b-1gvgqzvma7] {
    background: #ecfdf5;
    border-color: #38d084;
    color: #047857;
}

.order-summary-scoped .math-toggle-btn:focus-visible[b-1gvgqzvma7] {
    outline: 2px solid #38d084;
    outline-offset: 2px;
}

.order-summary-scoped .math-total-label[b-1gvgqzvma7] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #057a50;
}

.order-summary-scoped .math-total-value[b-1gvgqzvma7] {
    font-size: 1.05rem;
    font-weight: 800;
    color: #057a50;
    white-space: nowrap;
    text-align: end;
}

.order-summary-scoped .math-helper-text[b-1gvgqzvma7] {
    margin: 0.65rem 0 0;
    padding-top: 0.55rem;
    border-top: 1px dashed #bbf7d0;
    font-size: 0.75rem;
    font-weight: 600;
    color: #047857;
    text-align: center;
    line-height: 1.35;
}

/* Multi-Branch Alert */
.order-summary-scoped .multi-branch-alert[b-1gvgqzvma7] {
    background: #fff3cd;
    border: 1px solid #f39c12;
    border-radius: 6px;
    padding: 0.6rem 0.75rem;
    margin-bottom: 0.75rem;
    font-size: 0.8rem;
    color: #856404;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

/* Action Section */
.order-summary-scoped .action-section[b-1gvgqzvma7] {
    margin-bottom: 0;
}

.order-summary-scoped .action-btn[b-1gvgqzvma7] {
    width: 100%;
    min-height: 42px;
    padding: 0.62rem 0.85rem;
    border: none;
    border-radius: 7px;
    font-weight: 600;
    font-size: 0.84rem;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .order-summary-scoped .action-btn.primary[b-1gvgqzvma7] {
        background: #087f55;
        color: white;
        box-shadow: none;
    }

        .order-summary-scoped .action-btn.primary:hover:not(.disabled)[b-1gvgqzvma7] {
            transform: translateY(-1px);
            box-shadow: 0 5px 12px rgba(39, 174, 96, 0.4);
        }

        .order-summary-scoped .action-btn.primary.disabled[b-1gvgqzvma7] {
            background: #b9c5d1;
            cursor: not-allowed;
            transform: none;
            box-shadow: none;
            color: #ffffff;
        }

    .order-summary-scoped .action-btn.secondary[b-1gvgqzvma7] {
        background: #6c757d;
        color: white;
    }

        .order-summary-scoped .action-btn.secondary:hover[b-1gvgqzvma7] {
            background: #5a6268;
        }

.order-summary-scoped .readonly-actions[b-1gvgqzvma7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .order-summary-scoped[b-1gvgqzvma7] {
        position: static;
        margin-bottom: 1rem;
        border-radius: 8px;
    }

    .order-summary-scoped .summary-content[b-1gvgqzvma7] {
        padding: 0.75rem;
    }

    .order-summary-scoped .readonly-actions[b-1gvgqzvma7] {
        flex-direction: row;
    }

    .order-summary-scoped .summary-picker-col[b-1gvgqzvma7] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/ProductResultsList.razor.rz.scp.css */
.product-results-card[b-t9nz2p3z1i] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.product-results-card > .card-body[b-t9nz2p3z1i] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.product-results-card > .table-responsive[b-t9nz2p3z1i] {
    flex: 1 1 0%;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: auto;
    border-radius: 6px;
}

.product-results-card > .table-responsive > table[b-t9nz2p3z1i] {
    margin-bottom: 0;
}

.product-results-card > .table-responsive > table > thead[b-t9nz2p3z1i],
.product-results-card > .table-responsive > table > thead th[b-t9nz2p3z1i] {
    position: sticky;
    top: 0;
    z-index: 5;
}

.product-results-card > .table-responsive > table > thead th[b-t9nz2p3z1i] {
    background: #f8fafc;
    box-shadow: inset 0 -1px 0 #e2e8f0;
}

.quotation-product-icon[b-t9nz2p3z1i] {
    width: 44px;
    height: 44px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    transform-origin: center;
    cursor: zoom-in;
    position: relative;
    z-index: 1;
}

.quotation-product-icon:hover[b-t9nz2p3z1i] {
    transform: scale(2.8);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
    z-index: 30;
}

.products-table-compact[b-t9nz2p3z1i] {
    table-layout: fixed;
    font-size: 0.75rem;
}

.products-table-compact thead th[b-t9nz2p3z1i] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.28rem 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.products-table-compact tbody td[b-t9nz2p3z1i] {
    padding: 0.28rem 0.2rem;
    vertical-align: middle;
}

.products-table-compact .col-icon[b-t9nz2p3z1i] { width: 44px; }
.products-table-compact .col-sku[b-t9nz2p3z1i] { width: 76px; max-width: 76px; }
.products-table-compact .col-pattern[b-t9nz2p3z1i] { width: 64px; max-width: 64px; }
.products-table-compact .col-desc[b-t9nz2p3z1i] { width: 100px; max-width: 100px; }
.products-table-compact .col-packaging[b-t9nz2p3z1i] { width: 108px; max-width: 108px; }
.products-table-compact .col-quantity[b-t9nz2p3z1i] { width: 88px; max-width: 88px; }
.products-table-compact .col-price[b-t9nz2p3z1i] { width: 68px; max-width: 68px; }
.products-table-compact .col-actions[b-t9nz2p3z1i] { width: 52px; max-width: 52px; }

.product-cell-compact[b-t9nz2p3z1i],
.product-pack-text[b-t9nz2p3z1i],
.product-price-text[b-t9nz2p3z1i] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.72rem;
    line-height: 1.2;
}

.product-price-text[b-t9nz2p3z1i] {
    font-weight: 500;
    color: #1e293b;
}

.product-pack-text[b-t9nz2p3z1i] {
    font-size: 0.68rem;
    color: #475569;
}

.product-desc-cell[b-t9nz2p3z1i] {
    max-width: 100px;
    overflow: hidden;
}

.product-desc-text[b-t9nz2p3z1i] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    font-size: 0.68rem;
    line-height: 1.2;
    color: #64748b;
}

.products-table-compact .badge[b-t9nz2p3z1i] {
    font-size: 0.62rem;
    padding: 0.15rem 0.35rem;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.products-table-compact .btn-sm[b-t9nz2p3z1i] {
    padding: 0.1rem 0.3rem;
    font-size: 0.68rem;
    line-height: 1.2;
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/CreateOrder/ProductSearchBar.razor.rz.scp.css */
/* ==================== PRODUCT SEARCH BAR ==================== */

.product-search-clean[b-t5soqon4dh] {
    position: relative;
    background: #ffffff;
    border: 1px solid #d7e3ef;
    border-radius: 8px;
    padding: 0.5rem 0.625rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.06);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.product-search-clean:hover[b-t5soqon4dh] {
    border-color: #c8d7e6;
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.08);
}

.product-search-clean.customer-enforced[b-t5soqon4dh] {
    border-color: #d7e3ef;
}

/* ---- Search Row ---- */
.search-row[b-t5soqon4dh] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
    align-items: center;
    justify-content: stretch;
    direction: rtl;
    overflow-x: auto;
    scrollbar-width: thin;
    width: 100%;
}

.search-row.disabled[b-t5soqon4dh] {
    pointer-events: none;
}

/* ---- Search Field ---- */
.search-field[b-t5soqon4dh] {
    position: relative;
    flex: 2 1 150px;
    min-width: 120px;
    direction: ltr;
}

.search-field.error .search-input[b-t5soqon4dh] {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}

.search-icon[b-t5soqon4dh] {
    position: absolute;
    left: 0.875rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.95rem;
    z-index: 5;
    pointer-events: none;
    transition: color 0.15s;
}

.search-field:focus-within .search-icon[b-t5soqon4dh] {
    color: #006747;
}

.search-input[b-t5soqon4dh] {
    width: 100%;
    height: 40px;
    padding: 0.6rem 0.875rem 0.6rem 2.625rem;
    border: 1px solid #d9e4ee;
    border-radius: 7px;
    text-align: right;
    direction: rtl;
    font-size: 0.9375rem;
    outline: none;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
    background: #f8fafc;
    color: #1e293b;
    font-weight: 400;
}

.search-input[b-t5soqon4dh]::placeholder {
    color: #94a3b8;
    font-size: 0.875rem;
}

.search-input:focus[b-t5soqon4dh] {
    border-color: #006747;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.09);
}

.search-input:disabled[b-t5soqon4dh] {
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
}

.search-input.error[b-t5soqon4dh] {
    border-color: #ef4444;
}

/* ---- Numeric Fields ---- */
.quantity-field[b-t5soqon4dh] {
    flex: 0 0 80px;
    min-width: 70px;
}

.price-field[b-t5soqon4dh],
.total-field[b-t5soqon4dh] {
    flex: 1 1 100px;
    min-width: 88px;
}

.sku-field[b-t5soqon4dh] {
    flex: 1 1 110px;
    min-width: 90px;
}

.packaging-field[b-t5soqon4dh] {
    flex: 0 0 96px;
    min-width: 88px;
    max-width: 104px;
}

.add-button-field[b-t5soqon4dh] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

/* ---- Add Button ---- */
.add-item-btn-icon[b-t5soqon4dh] {
    height: 40px;
    min-width: 40px;
    padding: 0 0.875rem;
    gap: 0.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    font-size: 1rem;
    touch-action: manipulation;
    background: linear-gradient(135deg, #006747, #00925f);
    border: none;
    color: white;
    cursor: pointer;
    transition: all 0.18s ease;
    box-shadow: 0 2px 6px rgba(0, 103, 71, 0.28);
    white-space: nowrap;
}

.add-btn-label[b-t5soqon4dh] {
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1;
}

.add-item-btn-icon:hover:not(:disabled)[b-t5soqon4dh] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 103, 71, 0.36);
    background: linear-gradient(135deg, #005a3d, #007d51);
}

.add-item-btn-icon:active:not(:disabled)[b-t5soqon4dh] {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0, 103, 71, 0.2);
}

.add-item-btn-icon:disabled[b-t5soqon4dh] {
    background: #c7d1dd;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
    opacity: 1;
}

.price-field[b-t5soqon4dh] {
    cursor: pointer;
    position: relative;
}

.price-field input:disabled[b-t5soqon4dh] {
    pointer-events: none;
}

/* ---- Number Inputs ---- */
.qty-input[b-t5soqon4dh],
.price-input[b-t5soqon4dh],
.total-input[b-t5soqon4dh],
.meta-input[b-t5soqon4dh] {
    width: 100%;
    height: 40px;
    padding: 0.5rem;
    border: 1px solid #d9e4ee;
    border-radius: 7px;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    outline: none;
    transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
    background: #f8fafc;
    color: #1e293b;
}

.meta-input[b-t5soqon4dh] {
    text-align: right;
    font-weight: 600;
    direction: rtl;
}

.packaging-input[b-t5soqon4dh] {
    font-size: 0.72rem;
    font-weight: 500;
    text-align: center;
    direction: ltr;
    padding-inline: 0.25rem;
}

.meta-input:disabled[b-t5soqon4dh] {
    background: #f3f7fb;
    color: #6b7c93;
    cursor: not-allowed;
}

.qty-input:focus[b-t5soqon4dh],
.price-input:focus[b-t5soqon4dh] {
    border-color: #006747;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.09);
}

.price-input:disabled[b-t5soqon4dh] {
    background: #f1f5f9;
    color: #8a9ab0;
    cursor: pointer;
}

.qty-input:disabled[b-t5soqon4dh] {
    background: #f8fafc;
    color: #0f172a;
    cursor: not-allowed;
}

/* Remove native number spinners */
.qty-input.no-spinner[b-t5soqon4dh]::-webkit-outer-spin-button,
.qty-input.no-spinner[b-t5soqon4dh]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-input.no-spinner[type=number][b-t5soqon4dh] {
    -moz-appearance: textfield;
}

/* ---- Total Input (highlighted) ---- */
.total-input[b-t5soqon4dh] {
    background: #e2f7ee;
    border-color: rgba(0, 103, 71, 0.3);
    color: #006747;
    font-weight: 700;
    cursor: default;
}

.total-input:focus[b-t5soqon4dh] {
    border-color: #006747;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.09);
    background: #edfaf3;
}

.total-input:disabled[b-t5soqon4dh] {
    background: #e2f7ee;
    color: #006747;
    opacity: 1;
}

/* ---- Error Message ---- */
.error-message[b-t5soqon4dh] {
    background: #fef2f2;
    color: #991b1b;
    padding: 0.45rem 0.75rem;
    border-radius: 7px;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.775rem;
    border: 1px solid #fecaca;
}

/* ---- Responsive ---- */
@media (max-width: 900px) {
    .packaging-field[b-t5soqon4dh],
    .total-field[b-t5soqon4dh] {
        display: none;
    }
}

@media (max-width: 600px) {
    .search-row[b-t5soqon4dh] {
        flex-wrap: wrap;
    }

    .search-field[b-t5soqon4dh] {
        flex: 1 1 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/InventoryAcrossBranches.razor.rz.scp.css */
.multi-branch-inventory-page[b-vk76q3dx3o] {
    margin: 0 auto;
    padding: 1rem;
}

.page-title[b-vk76q3dx3o] {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 0;
}

/* Nav tabs customization */
.nav-tabs[b-vk76q3dx3o] {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link[b-vk76q3dx3o] {
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    padding: 0.5rem 1rem;
    color: var(--text-color);
}

.nav-tabs .nav-link:hover[b-vk76q3dx3o] {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.active[b-vk76q3dx3o] {
    color: var(--primary-color);
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: 500;
}

/* Product thumbnails */
.product-thumbnail[b-vk76q3dx3o] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: var(--border-radius-sm);
}

.product-thumbnail-placeholder[b-vk76q3dx3o] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: var(--border-radius-sm);
    color: #6c757d;
}

/* Detail modal */
.product-detail-image[b-vk76q3dx3o] {
    width: 100px;
    height: 100px;
    object-fit: contain;
    border-radius: var(--border-radius-md);
}

.product-detail-image-placeholder[b-vk76q3dx3o] {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: var(--border-radius-md);
    color: #6c757d;
}

.branch-inventory-card[b-vk76q3dx3o] {
    background-color: #f8f9fa;
    border-radius: var(--border-radius-md);
}

.storage-breakdown[b-vk76q3dx3o] {
    font-size: 0.85rem;
}

.storage-item[b-vk76q3dx3o] {
    padding: 0.25rem 0;
    border-bottom: 1px dashed rgba(0,0,0,0.05);
}

.storage-item:last-child[b-vk76q3dx3o] {
    border-bottom: none;
}

/* Branch comparison controls */
.branch-comparison-controls[b-vk76q3dx3o] {
    background-color: #f8f9fa;
}

/* Table styles */
.inventory-table th[b-vk76q3dx3o] {
    font-weight: 600;
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
}

.inventory-table td[b-vk76q3dx3o] {
    vertical-align: middle;
    padding: 0.5rem;
}

/* Action Buttons */
.btn-group .btn[b-vk76q3dx3o] {
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 992px) {
    .nav-tabs .nav-link[b-vk76q3dx3o] {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
    
    .branch-comparison-controls[b-vk76q3dx3o] {
        padding: 0.5rem !important;
    }
}

@media (max-width: 768px) {
    .page-header .d-flex[b-vk76q3dx3o] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .header-actions[b-vk76q3dx3o] {
        width: 100%;
    }
    
    .nav-tabs[b-vk76q3dx3o] {
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    
    .inventory-table[b-vk76q3dx3o] {
        font-size: 0.8rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/InvoiceProgressSteps.razor.rz.scp.css */
/* Progress Steps */
.progress-steps[b-fp8m9gutnv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.step-item[b-fp8m9gutnv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.step-circle[b-fp8m9gutnv] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e9ecef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    transition: all 0.3s;
}

.step-item.active .step-circle[b-fp8m9gutnv] {
    background-color: var(--primary-color);
    color: white;
}

.step-item.completed .step-circle[b-fp8m9gutnv] {
    background-color: var(--success-color);
    color: white;
}

.step-connector[b-fp8m9gutnv] {
    width: 100px;
    height: 2px;
    background-color: #e9ecef;
    margin: 0 1rem;
    margin-top: -25px;
    transition: all 0.3s;
}

    .step-connector.active[b-fp8m9gutnv] {
        background-color: var(--success-color);
    }

.step-label[b-fp8m9gutnv] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6c757d;
}

.step-item.active .step-label[b-fp8m9gutnv] {
    color: var(--primary-color);
    font-weight: 600;
}

.step-item.completed .step-label[b-fp8m9gutnv] {
    color: var(--success-color);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .progress-steps[b-fp8m9gutnv] {
        gap: 1rem;
    }

    .step-connector[b-fp8m9gutnv] {
        width: 50px;
    }
}

@media (max-width: 576px) {
    .progress-steps[b-fp8m9gutnv] {
        flex-direction: column;
        gap: 1rem;
    }

    .step-connector[b-fp8m9gutnv] {
        display: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/Invoices.razor.rz.scp.css */
/* ================================================================
   INVOICES / ORDERS PAGE — REDESIGN v2
   Fix: All custom properties must live on .invoice-dashboard,
        NOT on :root — Blazor scoped CSS scopes :root to
        :root[b-xxxx] which never matches the html element.
   ================================================================ */

/* ── ALL TOKENS ON .invoice-dashboard ──────────────────────────── */
.invoice-dashboard[b-3ybqmkn56u] {
    /* ---- Brand greens ---- */
    --g:           #006747;    /* deep green */
    --g-hover:     #005538;
    --g-mid:       #3d8a6e;
    --g-muted:     #82b5a4;
    --g-light:     #b8d9cf;
    --g-subtle:    #edf5f2;    /* very light tint — row hover */
    --g-tint:      #f5faf8;    /* lightest tint */

    /* ---- Surfaces ---- */
    --surface:     #ffffff;
    --bg:          #f7f8f8;

    /* ---- Borders ---- */
    --bd:          #e3e8e6;
    --bd-strong:   #c8d2ce;

    /* ---- Text ---- */
    --t0:          #111815;    /* headings, strong numbers */
    --t1:          #1d2e29;    /* primary body */
    --t2:          #496058;    /* secondary */
    --t3:          #7a9690;    /* labels, hints */
    --t4:          #abbfba;    /* placeholders */

    /* ---- Status ---- */
    --ok-fg:       #166534;
    --ok-bg:       #dcfce7;
    --warn-fg:     #92400e;
    --warn-bg:     #fef3c7;
    --err-fg:      #991b1b;
    --err-bg:      #fee2e2;
    --info-fg:     #1e3a8a;
    --info-bg:     #dbeafe;
    --mut-fg:      #4b5563;
    --mut-bg:      #f3f4f6;

    /* ---- Radius ---- */
    --r-sm:        5px;
    --r-md:        9px;
    --r-lg:        14px;
    --r-pill:      999px;

    /* ---- Shadows ---- */
    --sh-sm:       0 1px 3px rgba(0,0,0,.08);
    --sh-md:       0 4px 14px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.05);
    --sh-lg:       0 12px 32px rgba(0,0,0,.13), 0 4px 8px rgba(0,0,0,.07);

    /* ---- Font ---- */
    --font:        'Lexend', 'Tajawal', 'IBM Plex Sans Arabic', system-ui, sans-serif;

    /* ---- LAYOUT ---- */
    font-family: var(--font);
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    gap: 0;
    background: var(--bg);
}

/* Center table headers and values across invoices page tables */
[b-3ybqmkn56u] .invoice-dashboard .quotation-table th,
[b-3ybqmkn56u] .invoice-dashboard .quotation-table td,
[b-3ybqmkn56u] .invoice-dashboard .orders-table th,
[b-3ybqmkn56u] .invoice-dashboard .orders-table td,
[b-3ybqmkn56u] .invoice-dashboard .invoices-table th,
[b-3ybqmkn56u] .invoice-dashboard .invoices-table td,
[b-3ybqmkn56u] .invoice-dashboard .legacy-invoices-table th,
[b-3ybqmkn56u] .invoice-dashboard .legacy-invoices-table td {
    text-align: center;
    vertical-align: middle;
}

/* Column resize handles (orders/invoices tables) — keep inside header cell so th can use overflow: hidden + ellipsis */
[b-3ybqmkn56u] .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-3ybqmkn56u] .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 12%;
    width: 2px;
    height: 76%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.35);
    opacity: 0.7;
    transition: opacity 120ms ease, background 120ms ease;
}

[b-3ybqmkn56u] .invoice-dashboard th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.75);
}

/* dashboard-actions removed — actions now live inside the card-header tab row */

/* Stats now lives at the BOTTOM — still flex-shrink: 0 */
.invoice-dashboard .stats-overview[b-3ybqmkn56u] {
    flex-shrink: 0;
    order: 99;   /* always render after everything else */
}


/* ── TOP ACTION BAR — now merged into the card-header tab row ──── */
.dashboard-actions[b-3ybqmkn56u] {
    display: none; /* removed — kept selector so old references don't break */
}

.inv-page-header[b-3ybqmkn56u] {
    display: flex;
    flex-direction: column;
}
.inv-page-header__title[b-3ybqmkn56u] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--t0);
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

/* Create button — now lives inside card-header */
.invoice-dashboard .documents-section > .card > .card-header .btn-primary[b-3ybqmkn56u] {
    background: var(--g) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: var(--font) !important;
    box-shadow: 0 1px 4px rgba(0,103,71,.35) !important;
    transition: background 120ms ease, transform 120ms ease, box-shadow 120ms ease !important;
    white-space: nowrap;
}
.invoice-dashboard .documents-section > .card > .card-header .btn-primary:hover[b-3ybqmkn56u] {
    background: var(--g-hover) !important;
    box-shadow: 0 3px 8px rgba(0,103,71,.4) !important;
    transform: translateY(-1px) !important;
}
.invoice-dashboard .documents-section > .card > .card-header .btn-primary:active[b-3ybqmkn56u] {
    transform: translateY(0) !important;
}

/* Export button */
.btn-export[b-3ybqmkn56u] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border-color: #006747 !important;
    color: #006747 !important;
    background: transparent !important;
    white-space: nowrap;
    transition: background 120ms ease, color 120ms ease !important;
}
.btn-export:hover[b-3ybqmkn56u] {
    background: oklch(0.96 0.02 155) !important;
    color: #004f35 !important;
}
.btn-export:disabled[b-3ybqmkn56u] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* Quotation button */
.btn-quotation[b-3ybqmkn56u] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.9rem !important;
    min-height: 2.15rem;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid #0a7f5a !important;
    color: #0a7f5a !important;
    background: oklch(0.98 0.015 155) !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background 120ms ease, color 120ms ease, border-color 120ms ease !important;
}
.btn-quotation:hover[b-3ybqmkn56u] {
    background: oklch(0.95 0.03 155) !important;
    color: #056345 !important;
    border-color: #056345 !important;
}

.btn-show-deleted[b-3ybqmkn56u] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    min-height: 2.15rem;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid color-mix(in srgb, var(--err-fg) 45%, var(--bd)) !important;
    color: var(--err-fg) !important;
    background: #fff !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: background 120ms ease, color 120ms ease, border-color 120ms ease !important;
}
.btn-show-deleted:hover[b-3ybqmkn56u],
.btn-show-deleted.active[b-3ybqmkn56u] {
    background: var(--err-bg) !important;
    color: var(--err-fg) !important;
    border-color: color-mix(in srgb, var(--err-fg) 60%, var(--bd)) !important;
}

/* Stats toggle */
.stats-toggle-icon-btn[b-3ybqmkn56u] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--t2);
    background: transparent !important;
    border: 1px solid transparent !important;
    transition: all 120ms ease;
    cursor: pointer;
    flex-shrink: 0;
}
.stats-toggle-icon-btn:hover[b-3ybqmkn56u] {
    background: var(--g-subtle) !important;
    border-color: var(--bd) !important;
    color: var(--g) !important;
}
.toggle-indicator[b-3ybqmkn56u] {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 13px;
    height: 13px;
    background: var(--g);
    border-radius: 50%;
    border: 2px solid var(--surface);
    font-size: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
html[dir="rtl"] .toggle-indicator[b-3ybqmkn56u] { right: auto; left: -2px; }


/* ── STATS STRIP (bottom bar) ───────────────────────────────────── */
.stats-overview[b-3ybqmkn56u] {
    max-height: 110px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 280ms ease, opacity 200ms ease;
    background: var(--surface);
    border-top: 1px solid var(--bd);   /* border on TOP since it's now at the bottom */
    border-bottom: none;
}
.stats-overview.collapsed[b-3ybqmkn56u] {
    max-height: 0;
    opacity: 0;
}

/* Dissolve Bootstrap card/row wrappers */
.stats-overview .row[b-3ybqmkn56u] {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100%;
}
.stats-overview [class*="col-"][b-3ybqmkn56u] {
    padding: 0 !important;
    display: flex;
    flex: 1 1 0;
    min-width: 0;
}
.stats-overview .card[b-3ybqmkn56u] {
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    flex: 1;
}
.stats-overview .card-body[b-3ybqmkn56u] {
    padding: 0 !important;
}
.stats-overview .stats-row[b-3ybqmkn56u] {
    flex: 1;
    display: flex;
    flex-wrap: nowrap;
    border-inline-end: 1px solid var(--bd-strong);
}
.stats-overview [class*="col-"]:last-child .stats-row[b-3ybqmkn56u] {
    border-inline-end: none;
}

/* Individual stat item */
.stat-item[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-width: 110px;
    padding: 0.75rem 1rem 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    border-inline-end: 1px solid var(--bd);
    transition: background 100ms ease;
    position: relative;
}
.stat-item:last-child[b-3ybqmkn56u] {
    border-inline-end: none;
}
.stat-item:hover[b-3ybqmkn56u] {
    background: var(--g-tint);
}

/* Colour dot — repurpose stat-icon */
.stat-icon[b-3ybqmkn56u] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-bottom: 0.3rem;
    flex-shrink: 0;
    background-image: none !important;
}
.stat-icon i[b-3ybqmkn56u] { display: none; }
.stat-icon.bg-primary[b-3ybqmkn56u] { background: var(--g) !important;       box-shadow: 0 0 0 3px rgba(0,103,71,.18); }
.stat-icon.bg-success[b-3ybqmkn56u] { background: var(--ok-fg) !important;   box-shadow: 0 0 0 3px rgba(22,101,52,.18); }
.stat-icon.bg-info[b-3ybqmkn56u]    { background: var(--info-fg) !important; box-shadow: 0 0 0 3px rgba(30,58,138,.18); }
.stat-icon.bg-warning[b-3ybqmkn56u] { background: var(--warn-fg) !important; box-shadow: 0 0 0 3px rgba(146,64,14,.18); }

.stat-content[b-3ybqmkn56u] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    align-items: flex-start;
}
.stat-number[b-3ybqmkn56u] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--t0);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.035em;
    font-family: var(--font);
}
.stat-label[b-3ybqmkn56u] {
    font-size: 0.675rem;
    font-weight: 500;
    color: var(--t3);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 120px;
}
.stat-sub[b-3ybqmkn56u] {
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--t3);
    opacity: 0.65;
    line-height: 1.2;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
    margin-top: 0.05rem;
}

@media (max-width: 900px) {
    .stats-overview .row[b-3ybqmkn56u] { flex-wrap: wrap !important; }
    .stats-overview [class*="col-"][b-3ybqmkn56u] { flex: 0 0 50%; }
    .stats-overview .stats-row[b-3ybqmkn56u] { flex-wrap: wrap; border-inline-end: none; }
    .stats-overview [class*="col-"]:first-child .stats-row[b-3ybqmkn56u] {
        border-bottom: 1px solid var(--bd-strong);
    }
    .stat-item[b-3ybqmkn56u] { flex: 0 0 50%; }
}


/* ── DOCUMENTS SECTION ──────────────────────────────────────────── */
.invoice-dashboard .documents-section[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.invoice-dashboard .documents-section > .card[b-3ybqmkn56u] {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.invoice-dashboard .documents-section > .card > .card-header[b-3ybqmkn56u] {
    background: var(--surface) !important;
    border-bottom: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    flex-shrink: 0;
    display: flex !important;
    align-items: flex-end !important;
    gap: 0.5rem;
}
.invoice-dashboard .documents-section > .card > .card-body[b-3ybqmkn56u] {
    background: var(--surface) !important;
    border: none !important;
    border-radius: 0 !important;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;
}
.invoice-dashboard .documents-section > .card > .card-footer[b-3ybqmkn56u] {
    background: var(--surface) !important;
    border-top: 1px solid var(--bd) !important;
    border-radius: 0 !important;
    flex-shrink: 0;
    padding: 0.5rem 1.125rem !important;
}


/* ── PILL TABS ──────────────────────────────────────────────────── */
.nav-tabs[b-3ybqmkn56u] {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.25rem !important;
    padding: 0.5rem 1rem !important;
    background: var(--surface) !important;
    border-bottom: 1px solid var(--bd) !important;
    border-top: none !important;
    overflow-x: auto;
    scrollbar-width: none;
    align-items: center;
}
.nav-tabs[b-3ybqmkn56u]::-webkit-scrollbar { display: none; }
.nav-tabs .nav-item[b-3ybqmkn56u] { margin-bottom: 0 !important; }

.nav-tabs .nav-link[b-3ybqmkn56u] {
    border: none !important;
    border-radius: var(--r-pill) !important;
    background: transparent !important;
    color: var(--t2) !important;
    font-weight: 500 !important;
    font-family: var(--font) !important;
    font-size: 0.875rem !important;
    padding: 0.3rem 0.875rem !important;
    margin-bottom: 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.375rem;
    white-space: nowrap;
    transition: color 140ms ease, background 140ms ease !important;
    letter-spacing: -0.01em;
}
.nav-tabs .nav-link:hover[b-3ybqmkn56u] {
    color: var(--t0) !important;
    background: var(--g-subtle) !important;
    border: none !important;
}
.nav-tabs .nav-link.active[b-3ybqmkn56u] {
    color: #ffffff !important;
    background: var(--g) !important;
    font-weight: 600 !important;
    border: none !important;
    box-shadow: var(--sh-sm) !important;
}
/* Kill Bootstrap underline on tabs */
.nav-tabs .nav-link[b-3ybqmkn56u]::after,
.nav-tabs .nav-link.active[b-3ybqmkn56u]::after { display: none !important; }

/* Tab count badge */
.tab-badge[b-3ybqmkn56u] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1;
    border-radius: var(--r-pill);
    background: #e8efed;
    color: var(--t1);
    transition: background 140ms ease, color 140ms ease;
}
.nav-tabs .nav-link.active .tab-badge[b-3ybqmkn56u] {
    background: rgba(255,255,255,.22);
    color: #fff;
}
.tab-badge--secondary[b-3ybqmkn56u] { background: #f0f0f0; color: #888; }
.nav-tabs .nav-link.active .tab-badge--secondary[b-3ybqmkn56u] {
    background: rgba(255,255,255,.22);
    color: #fff;
}


/* ── FILTER BAR ─────────────────────────────────────────────────── */
.invoices-filter-bar[b-3ybqmkn56u] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5625rem 1rem;
    background: #fafbfa;
    border-bottom: 1px solid var(--bd);
    flex-shrink: 0;   /* never shrink — all space goes to the table */
}

.invoices-filter-bar__search[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    background: var(--surface);
    border: 1px solid var(--bd);
    border-radius: var(--r-pill);
    transition: border-color 140ms ease, box-shadow 140ms ease;
    gap: 0.5rem;
    flex: 1 1 280px;
    width: min(100%, 420px);
    max-width: 420px;
    min-width: 0;
    padding: 0 0.75rem;
}
.invoices-filter-bar__search:focus-within[b-3ybqmkn56u] {
    border-color: var(--g-mid);
    box-shadow: 0 0 0 3px rgba(61,138,110,.14);
}

/* Date range: transparent wrapper — each input is its own pill */
.invoices-filter-bar__date-range[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    flex: 0 0 auto;
    min-width: 0;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    height: auto;
}

/* Each date input styled as its own pill */
.invoices-filter-bar__date-input[b-3ybqmkn56u] {
    height: 34px !important;
    padding: 0 0.75rem !important;
    border: 1px solid var(--bd) !important;
    border-radius: var(--r-pill) !important;
    background: var(--surface) !important;
    flex: 0 0 122px !important;
    width: 122px !important;
    max-width: 122px !important;
    min-width: 108px !important;
    font-size: 0.8125rem;
    color: var(--t1);
    font-family: var(--font);
    transition: border-color 140ms ease, box-shadow 140ms ease;
    cursor: pointer;
    position: relative;
}
.invoices-filter-bar__date-input:focus[b-3ybqmkn56u] {
    outline: none !important;
    border-color: var(--g-mid) !important;
    box-shadow: 0 0 0 3px rgba(61,138,110,.14) !important;
}

/* The calendar icon lives before from-date — hide it from the container now */
.invoices-filter-bar__date-icon[b-3ybqmkn56u] {
    display: none;
}

/* Separator between the two date pills */
.invoices-filter-bar__date-sep[b-3ybqmkn56u] {
    color: var(--t3);
    font-size: 0.875rem;
    flex-shrink: 0;
    user-select: none;
}
.invoices-filter-bar__search i[b-3ybqmkn56u] {
    color: var(--t4);
    font-size: 0.8rem;
    flex-shrink: 0;
}
.invoices-filter-bar__input[b-3ybqmkn56u] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 0.8125rem;
    color: var(--t1);
    padding: 0;
    font-family: var(--font);
}
.invoices-filter-bar__input[b-3ybqmkn56u]::placeholder { color: var(--t4); }
.invoices-filter-bar__input:focus[b-3ybqmkn56u] { outline: none; }

.invoices-filter-bar__date-input[b-3ybqmkn56u]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.5;
}

.invoices-filter-bar__select[b-3ybqmkn56u] {
    height: 34px;
    padding: 0 1.875rem 0 0.75rem;
    font-size: 0.8125rem;
    color: var(--t1);
    border: 1px solid var(--bd);
    border-radius: var(--r-pill);
    background-color: var(--surface);
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718c86' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 12px;
    min-width: 110px;
    font-family: var(--font);
    transition: border-color 140ms ease, box-shadow 140ms ease;
}
html[dir="rtl"] .invoices-filter-bar__select[b-3ybqmkn56u] {
    padding: 0 0.75rem 0 1.875rem;
    background-position: left 0.625rem center;
}
.invoices-filter-bar__select:focus[b-3ybqmkn56u] {
    outline: none;
    border-color: var(--g-mid);
    box-shadow: 0 0 0 3px rgba(61,138,110,.14);
}

.invoices-filter-bar__select--deleted[b-3ybqmkn56u] {
    border-color: color-mix(in srgb, var(--err-fg) 28%, var(--bd));
    color: var(--err-fg);
}

.invoices-filter-bar__select--deleted.is-active[b-3ybqmkn56u] {
    background-color: var(--err-bg);
    border-color: color-mix(in srgb, var(--err-fg) 45%, var(--bd));
    color: var(--err-fg);
}

.invoices-filter-bar__filters-btn[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    height: 34px;
    padding: 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--t1);
    background: var(--surface);
    border: 1px solid var(--bd);
    border-radius: var(--r-pill);
    cursor: pointer;
    transition: background 120ms, border-color 120ms, color 120ms;
    white-space: nowrap;
    font-family: var(--font);
}
.invoices-filter-bar__filters-btn:hover[b-3ybqmkn56u] {
    background: var(--g-subtle);
    border-color: var(--g-light);
    color: var(--g);
}

.invoices-column-picker[b-3ybqmkn56u] {
    position: relative;
    display: inline-flex;
}

.invoices-column-picker__menu[b-3ybqmkn56u] {
    position: absolute;
    top: calc(100% + 0.35rem);
    inset-inline-end: 0;
    width: 230px;
    max-height: 320px;
    overflow: auto;
    background: #fff;
    border: 1px solid var(--bd);
    border-radius: 10px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
    z-index: 120;
    padding: 0.65rem;
}

.invoices-column-picker__title[b-3ybqmkn56u] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--t2);
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.invoices-column-picker__items[b-3ybqmkn56u] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 0.5rem;
}

.invoices-column-picker__item[b-3ybqmkn56u] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8rem;
    color: var(--t1);
    cursor: pointer;
}

.invoices-column-picker__item input[b-3ybqmkn56u] {
    margin: 0;
    accent-color: #006747;
}

.invoices-column-picker__reset[b-3ybqmkn56u] {
    width: 100%;
    border: 1px solid var(--bd);
    background: #f8faf9;
    color: var(--t2);
    border-radius: 8px;
    height: 30px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
}

.invoices-column-picker__reset:hover[b-3ybqmkn56u] {
    background: #eef5f2;
    border-color: #c9d9d1;
}

.invoices-filter-bar__clear-link[b-3ybqmkn56u] {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    height: 34px;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--t3);
    background: transparent;
    border: none;
    cursor: pointer;
    transition: color 120ms;
    white-space: nowrap;
    font-family: var(--font);
}
.invoices-filter-bar__clear-link:hover[b-3ybqmkn56u] { color: var(--err-fg); }
.invoices-filter-bar__clear-link i[b-3ybqmkn56u] { font-size: 0.75rem; }


/* ── TAB BODY + CONTENT ─────────────────────────────────────────── */
.invoices-tab-body[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
}

.invoices-tab-loading-overlay[b-3ybqmkn56u] {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(1px);
    pointer-events: none;
}
.invoices-tab-body .tab-content[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.invoices-tab-body .tab-content .tab-pane:not(.show.active)[b-3ybqmkn56u] {
    display: none !important;
}
.invoices-tab-body .tab-content .tab-pane.show.active[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-height: 0;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
}
.invoices-tab-body .tab-content .tab-pane .empty-state[b-3ybqmkn56u] {
    flex: 1;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.invoices-tab-body .tab-content .tab-pane .table-responsive[b-3ybqmkn56u] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}


/* ── DATA TABLE ─────────────────────────────────────────────────── */
.invoice-dashboard .documents-section .table[b-3ybqmkn56u] {
    font-size: 0.8125rem;
    font-family: var(--font) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100%;
    margin-bottom: 0 !important;
}

/* Sticky header */
.invoice-dashboard .documents-section .table thead[b-3ybqmkn56u] {
    position: sticky;
    top: 0;
    z-index: 2;
}

/* Header cells */
.invoice-dashboard .documents-section .table thead th[b-3ybqmkn56u],
.invoice-dashboard .documents-section .table thead.table-light th[b-3ybqmkn56u] {
    background: #eef2f0 !important;
    color: #4a6259 !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
    padding-block: 0.5rem !important;
    padding-inline: 0.875rem !important;
    border-bottom: 2px solid #c8d2ce !important;
    border-top: none !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--font) !important;
    position: relative;
}

.invoice-dashboard .documents-section .table thead th:not(:last-child)[b-3ybqmkn56u] {
    /* Resize handle occupies inline-end edge */
    padding-inline-end: calc(0.875rem + 12px) !important;
}

/* Amount column headers */
.invoice-dashboard .documents-section .table thead th.text-end[b-3ybqmkn56u] {
    text-align: center !important;
}

/* Body cells — single line; clip with ellipsis when column is narrowed (no tall wrapped rows) */
.invoice-dashboard .documents-section .table tbody td[b-3ybqmkn56u] {
    padding: 0.625rem 0.875rem !important;
    border-bottom: 1px solid var(--bd) !important;
    vertical-align: middle !important;
    text-align: center !important;
    color: var(--t1) !important;
    background: var(--surface) !important;
    transition: background 80ms ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0; /* fixed-layout: allow columns to shrink below content intrinsic width */
}

/* Actions toolbar must not hide buttons when the drag handle shrinks neighbour columns */
.invoice-dashboard .documents-section .table tbody td:has(.actions-cell)[b-3ybqmkn56u] {
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

/* Column visibility toggles */
.quotation-table.hide-col-number th:nth-child(1)[b-3ybqmkn56u], .quotation-table.hide-col-number td:nth-child(1)[b-3ybqmkn56u],
.quotation-table.hide-col-date th:nth-child(2)[b-3ybqmkn56u], .quotation-table.hide-col-date td:nth-child(2)[b-3ybqmkn56u],
.quotation-table.hide-col-customer th:nth-child(3)[b-3ybqmkn56u], .quotation-table.hide-col-customer td:nth-child(3)[b-3ybqmkn56u],
.quotation-table.hide-col-amount th:nth-child(4)[b-3ybqmkn56u], .quotation-table.hide-col-amount td:nth-child(4)[b-3ybqmkn56u],
.quotation-table.hide-col-validUntil th:nth-child(5)[b-3ybqmkn56u], .quotation-table.hide-col-validUntil td:nth-child(5)[b-3ybqmkn56u],
.quotation-table.hide-col-status th:nth-child(6)[b-3ybqmkn56u], .quotation-table.hide-col-status td:nth-child(6)[b-3ybqmkn56u],
.quotation-table.hide-col-createdBy th:nth-child(7)[b-3ybqmkn56u], .quotation-table.hide-col-createdBy td:nth-child(7)[b-3ybqmkn56u],
.quotation-table.hide-col-actions th:nth-child(8)[b-3ybqmkn56u], .quotation-table.hide-col-actions td:nth-child(8)[b-3ybqmkn56u] {
    display: none;
}

.orders-table.hide-col-number th:nth-child(1)[b-3ybqmkn56u], .orders-table.hide-col-number td:nth-child(1)[b-3ybqmkn56u],
.orders-table.hide-col-customer th:nth-child(2)[b-3ybqmkn56u], .orders-table.hide-col-customer td:nth-child(2)[b-3ybqmkn56u],
.orders-table.hide-col-date th:nth-child(3)[b-3ybqmkn56u], .orders-table.hide-col-date td:nth-child(3)[b-3ybqmkn56u],
.orders-table.hide-col-orderPrice th:nth-child(4)[b-3ybqmkn56u], .orders-table.hide-col-orderPrice td:nth-child(4)[b-3ybqmkn56u],
.orders-table.hide-col-discount th:nth-child(5)[b-3ybqmkn56u], .orders-table.hide-col-discount td:nth-child(5)[b-3ybqmkn56u],
.orders-table.hide-col-handling th:nth-child(6)[b-3ybqmkn56u], .orders-table.hide-col-handling td:nth-child(6)[b-3ybqmkn56u],
.orders-table.hide-col-totalAfter th:nth-child(7)[b-3ybqmkn56u], .orders-table.hide-col-totalAfter td:nth-child(7)[b-3ybqmkn56u],
.orders-table.hide-col-remaining th:nth-child(8)[b-3ybqmkn56u], .orders-table.hide-col-remaining td:nth-child(8)[b-3ybqmkn56u],
.orders-table.hide-col-status th:nth-child(9)[b-3ybqmkn56u], .orders-table.hide-col-status td:nth-child(9)[b-3ybqmkn56u],
.orders-table.hide-col-paymentStatus th:nth-child(10)[b-3ybqmkn56u], .orders-table.hide-col-paymentStatus td:nth-child(10)[b-3ybqmkn56u],
.orders-table.hide-col-createdBy th:nth-child(11)[b-3ybqmkn56u], .orders-table.hide-col-createdBy td:nth-child(11)[b-3ybqmkn56u],
.orders-table.hide-col-actions th:nth-child(12)[b-3ybqmkn56u], .orders-table.hide-col-actions td:nth-child(12)[b-3ybqmkn56u] {
    display: none;
}

.invoices-table.hide-col-number th:nth-child(1)[b-3ybqmkn56u], .invoices-table.hide-col-number td:nth-child(1)[b-3ybqmkn56u],
.invoices-table.hide-col-customer th:nth-child(2)[b-3ybqmkn56u], .invoices-table.hide-col-customer td:nth-child(2)[b-3ybqmkn56u],
.invoices-table.hide-col-date th:nth-child(3)[b-3ybqmkn56u], .invoices-table.hide-col-date td:nth-child(3)[b-3ybqmkn56u],
.invoices-table.hide-col-orderPrice th:nth-child(4)[b-3ybqmkn56u], .invoices-table.hide-col-orderPrice td:nth-child(4)[b-3ybqmkn56u],
.invoices-table.hide-col-discount th:nth-child(5)[b-3ybqmkn56u], .invoices-table.hide-col-discount td:nth-child(5)[b-3ybqmkn56u],
.invoices-table.hide-col-handling th:nth-child(6)[b-3ybqmkn56u], .invoices-table.hide-col-handling td:nth-child(6)[b-3ybqmkn56u],
.invoices-table.hide-col-totalAfter th:nth-child(7)[b-3ybqmkn56u], .invoices-table.hide-col-totalAfter td:nth-child(7)[b-3ybqmkn56u],
.invoices-table.hide-col-remaining th:nth-child(8)[b-3ybqmkn56u], .invoices-table.hide-col-remaining td:nth-child(8)[b-3ybqmkn56u],
.invoices-table.hide-col-paymentStatus th:nth-child(9)[b-3ybqmkn56u], .invoices-table.hide-col-paymentStatus td:nth-child(9)[b-3ybqmkn56u],
.invoices-table.hide-col-status th:nth-child(10)[b-3ybqmkn56u], .invoices-table.hide-col-status td:nth-child(10)[b-3ybqmkn56u],
.invoices-table.hide-col-createdBy th:nth-child(11)[b-3ybqmkn56u], .invoices-table.hide-col-createdBy td:nth-child(11)[b-3ybqmkn56u],
.invoices-table.hide-col-actions th:nth-child(12)[b-3ybqmkn56u], .invoices-table.hide-col-actions td:nth-child(12)[b-3ybqmkn56u] {
    display: none;
}

.legacy-table.hide-col-customer th:nth-child(1)[b-3ybqmkn56u], .legacy-table.hide-col-customer td:nth-child(1)[b-3ybqmkn56u],
.legacy-table.hide-col-address th:nth-child(2)[b-3ybqmkn56u], .legacy-table.hide-col-address td:nth-child(2)[b-3ybqmkn56u],
.legacy-table.hide-col-date th:nth-child(3)[b-3ybqmkn56u], .legacy-table.hide-col-date td:nth-child(3)[b-3ybqmkn56u],
.legacy-table.hide-col-total th:nth-child(4)[b-3ybqmkn56u], .legacy-table.hide-col-total td:nth-child(4)[b-3ybqmkn56u],
.legacy-table.hide-col-branch th:nth-child(5)[b-3ybqmkn56u], .legacy-table.hide-col-branch td:nth-child(5)[b-3ybqmkn56u] {
    display: none;
}
/* Amount cells */
.invoice-dashboard .documents-section .table tbody td.text-end[b-3ybqmkn56u] {
    text-align: center !important;
}

.invoice-dashboard .documents-section .table tbody td .d-flex[b-3ybqmkn56u] {
    justify-content: center !important;
    min-width: 0;
    max-width: 100%;
}

/* Customer / name stacks: truncate nested text instead of widening the row */
.invoice-dashboard .documents-section .table tbody td:not(:last-child) .d-flex > div.fw-medium[b-3ybqmkn56u] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    max-width: 100%;
}

/* Keep the beginning of mixed Arabic/Latin customer names visible when truncated. */
.invoice-dashboard .documents-section .table .customer-name[b-3ybqmkn56u] {
    flex: 1 1 auto;
    text-align: start;
    unicode-bidi: plaintext;
}

/* Row hover — bright green tint over ALL cells */
.invoice-dashboard .documents-section .table tbody tr:hover td[b-3ybqmkn56u] {
    background: var(--g-subtle) !important;
}
.invoice-dashboard .documents-section .table tbody tr:last-child td[b-3ybqmkn56u] {
    border-bottom: none !important;
}

/* Alternating row tint */
.invoice-dashboard .documents-section .table tbody tr:nth-child(even) td[b-3ybqmkn56u] {
    background: #fafcfb !important;
}
.invoice-dashboard .documents-section .table tbody tr:nth-child(even):hover td[b-3ybqmkn56u] {
    background: var(--g-subtle) !important;
}


/* ── INVOICE / ORDER NUMBER ─────────────────────────────────────── */
.invoice-dashboard .documents-section .table strong.text-primary[b-3ybqmkn56u],
.invoice-dashboard .documents-section .table td strong.text-primary[b-3ybqmkn56u] {
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    color: var(--g) !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.01em;
}


/* ── CUSTOMER CELL ──────────────────────────────────────────────── */
.invoice-dashboard .documents-section .table td .d-flex.align-items-center[b-3ybqmkn56u] {
    justify-content: flex-start !important;
    gap: 0.5rem;
}
.customer-avatar[b-3ybqmkn56u] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--g-subtle);
    border: 1px solid var(--g-light);
}
.customer-avatar i[b-3ybqmkn56u] {
    font-size: 1.0625rem;
    color: var(--g-muted);
}

/* Override ALL d-flex justify-content inside table td */
.invoice-dashboard .documents-section .table td .d-flex[b-3ybqmkn56u] {
    justify-content: flex-start !important;
}


/* ── AMOUNT VALUES ──────────────────────────────────────────────── */
.invoice-dashboard .documents-section .table td .fw-bold[b-3ybqmkn56u] {
    font-weight: 600 !important;
    font-variant-numeric: tabular-nums;
    font-size: 0.8125rem;
    color: var(--t0);
    letter-spacing: -0.02em;
}
.invoice-dashboard .documents-section .table td .text-danger small[b-3ybqmkn56u],
.invoice-dashboard .documents-section .table td small.text-danger[b-3ybqmkn56u] {
    font-size: 0.7rem !important;
    font-weight: 500 !important;
    color: var(--err-fg) !important;
    display: block;
}
.invoice-dashboard .documents-section .table td small.text-muted[b-3ybqmkn56u] {
    font-size: 0.78rem !important;
    color: var(--t3) !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}


/* ── STATUS BADGES ──────────────────────────────────────────────── */
.invoice-dashboard .documents-section .badge[b-3ybqmkn56u],
.invoice-dashboard .documents-section .table .badge[b-3ybqmkn56u] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.25rem;
    padding: 0.225rem 0.625rem !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    border-radius: var(--r-pill) !important;
    line-height: 1.4;
    white-space: nowrap;
    letter-spacing: 0.01em;
    font-family: var(--font) !important;
}

/* Dynamic inline-style badges (status color from server) */
.invoice-dashboard .documents-section .table .badge[style*="background-color"][b-3ybqmkn56u] {
    padding: 0.225rem 0.625rem !important;
    border-radius: var(--r-pill) !important;
    font-size: 0.7rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    opacity: 0.92;
}

.badge-success[b-3ybqmkn56u] { background: var(--ok-bg)   !important; color: var(--ok-fg)   !important; }
.badge-warning[b-3ybqmkn56u] { background: var(--warn-bg) !important; color: var(--warn-fg) !important; }
.badge-danger[b-3ybqmkn56u]  { background: var(--err-bg)  !important; color: var(--err-fg)  !important; }
.badge-info[b-3ybqmkn56u]    { background: var(--info-bg) !important; color: var(--info-fg) !important; }
.badge-secondary[b-3ybqmkn56u] { background: var(--mut-bg) !important; color: var(--mut-fg) !important; }

/* Bootstrap bg-info */
.invoice-dashboard .badge.bg-info[b-3ybqmkn56u]    { background: var(--info-bg) !important; color: var(--info-fg) !important; }
.invoice-dashboard .badge.bg-success[b-3ybqmkn56u] { background: var(--ok-bg)   !important; color: var(--ok-fg)   !important; }


/* ── CREATED-BY CHIP ────────────────────────────────────────────── */
.created-by-chip[b-3ybqmkn56u] {
    display: inline-flex !important;
    align-items: center;
    gap: 0.275rem;
    padding: 0.175rem 0.5rem;
    border-radius: var(--r-pill);
    font-size: 0.74rem;
    font-weight: 500;
    white-space: nowrap;
    background: color-mix(in srgb, var(--chip-color) 10%, #fff);
    color: var(--chip-color);
    border: 1px solid color-mix(in srgb, var(--chip-color) 22%, transparent);
    font-family: var(--font);
}
.created-by-chip i[b-3ybqmkn56u] { font-size: 0.7rem; opacity: 0.75; }


/* ── ACTIONS CELL ───────────────────────────────────────────────── */
.invoice-dashboard .documents-section .table .actions-cell[b-3ybqmkn56u],
.invoice-dashboard .documents-section .table td .actions-cell[b-3ybqmkn56u] {
    justify-content: flex-start !important;
}
.actions-cell[b-3ybqmkn56u] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline {
    width: 30px;
    height: 30px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bd-strong) !important;
    background: var(--surface) !important;
    color: var(--t2) !important;
    border-radius: var(--r-sm) !important;
    transition: all 120ms ease;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline:hover {
    background: var(--g-subtle) !important;
    color: var(--g) !important;
    border-color: var(--g-light) !important;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline i { font-size: 0.8rem; }
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline.btn-icon-danger {
    color: var(--err-fg) !important;
    border-color: color-mix(in srgb, var(--err-fg) 35%, var(--bd-strong)) !important;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline.btn-icon-danger:hover {
    background: var(--err-bg) !important;
    color: var(--err-fg) !important;
    border-color: color-mix(in srgb, var(--err-fg) 55%, var(--bd-strong)) !important;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline.btn-icon-success {
    color: var(--ok-fg) !important;
    border-color: color-mix(in srgb, var(--ok-fg) 35%, var(--bd-strong)) !important;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline.btn-icon-success:hover {
    background: var(--ok-bg) !important;
    color: var(--ok-fg) !important;
    border-color: color-mix(in srgb, var(--ok-fg) 55%, var(--bd-strong)) !important;
}
.actions-cell[b-3ybqmkn56u]  .btn-icon-outline.dropdown-toggle::after { display: none !important; }


/* ── DROPDOWN ───────────────────────────────────────────────────── */
.table .dropdown .dropdown-menu[b-3ybqmkn56u] {
    min-width: 196px;
    padding: 0.375rem 0;
    border: 1px solid var(--bd) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--sh-lg) !important;
    background: var(--surface) !important;
}
.table .dropdown .dropdown-item[b-3ybqmkn56u] {
    padding: 0.525rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--t1);
    font-family: var(--font);
    transition: background 80ms, color 80ms;
    display: flex;
    align-items: center;
    gap: 0.625rem;
}
.table .dropdown .dropdown-item:hover[b-3ybqmkn56u] {
    background: var(--g-subtle) !important;
    color: var(--g) !important;
}
.table .dropdown .dropdown-item:active[b-3ybqmkn56u] { background: #ddf0e9 !important; }
.table .dropdown .dropdown-item i[b-3ybqmkn56u] { width: 1rem; text-align: center; font-size: 0.875rem; opacity: .85; }
.table .dropdown .dropdown-item.text-danger[b-3ybqmkn56u] { color: var(--err-fg) !important; }
.table .dropdown .dropdown-item.text-danger:hover[b-3ybqmkn56u] { background: var(--err-bg) !important; }
.table .dropdown .dropdown-divider[b-3ybqmkn56u] { margin: 0.25rem 0; border-top: 1px solid var(--bd); }


/* ── CONVERTED ROW ──────────────────────────────────────────────── */
.converted-row td[b-3ybqmkn56u] { background: #f0fbf5 !important; }
.converted-row:hover td[b-3ybqmkn56u] { background: #e2f7ec !important; }

.invoice-row-deleted td[b-3ybqmkn56u] {
    background: #fff5f5 !important;
    color: #7f1d1d !important;
}
.invoice-row-deleted:hover td[b-3ybqmkn56u] {
    background: #fee2e2 !important;
}
.invoice-row-deleted .text-primary[b-3ybqmkn56u],
.invoice-row-deleted .fw-medium[b-3ybqmkn56u],
.invoice-row-deleted .fw-bold[b-3ybqmkn56u] {
    color: #7f1d1d !important;
}
.deleted-record-chip[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 0.55rem;
    border-radius: var(--r-pill);
    background: var(--err-bg);
    color: var(--err-fg);
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}


/* ── LEGACY TABLE ───────────────────────────────────────────────── */
.legacy-invoices-table tbody tr[b-3ybqmkn56u] { cursor: pointer; }
.legacy-invoices-table tbody tr:hover td[b-3ybqmkn56u] { background: var(--g-subtle) !important; }
.legacy-invoices-table tbody tr:nth-child(even) td[b-3ybqmkn56u] { background: #fafcfb !important; }
.legacy-invoices-table tbody tr:nth-child(odd) td[b-3ybqmkn56u] { background: var(--surface) !important; }
.legacy-invoices-table thead th[b-3ybqmkn56u] {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 0.6875rem !important;
    letter-spacing: 0.055em !important;
    color: var(--t2) !important;
    background: #eef2f0 !important;
}


/* ── LEGACY PAGINATION ──────────────────────────────────────────── */
.legacy-pagination-footer[b-3ybqmkn56u] {
    margin-top: 0.625rem;
}
.legacy-pagination-footer__info[b-3ybqmkn56u] { font-size: 0.8125rem; color: var(--t2); }
.legacy-pagination-footer__controls[b-3ybqmkn56u] { display: inline-flex; align-items: center; gap: 0.4rem; flex-wrap: nowrap; }
.legacy-pagination-footer__page[b-3ybqmkn56u] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--t1);
    padding: 0 0.3rem;
    min-width: 80px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}
.legacy-pagination-footer .btn-outline-secondary[b-3ybqmkn56u] {
    min-height: 2rem;
}
.legacy-pagination-footer .btn-outline-secondary:disabled[b-3ybqmkn56u] { opacity: .38; cursor: not-allowed; }


/* ── CARD FOOTER ────────────────────────────────────────────────── */
.card-footer[b-3ybqmkn56u] {
    background: #fafcfb !important;
    border-top: 1px solid var(--bd) !important;
    padding: 0.5rem 1.125rem !important;
}
.card-footer .text-muted[b-3ybqmkn56u] { color: var(--t3) !important; font-size: 0.8125rem; }
.card-footer .btn-outline-primary[b-3ybqmkn56u] {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: var(--g) !important;
    border: 1px solid var(--g-light) !important;
    border-radius: var(--r-pill) !important;
    padding: 0.25rem 0.75rem !important;
    background: transparent !important;
    font-family: var(--font) !important;
    transition: all 120ms ease;
}
.card-footer .btn-outline-primary:hover[b-3ybqmkn56u] {
    background: var(--g-subtle) !important;
    border-color: var(--g-mid) !important;
}


/* ── EMPTY STATE ────────────────────────────────────────────────── */
.empty-state[b-3ybqmkn56u] {
    background: #fafcfb;
    border: 2px dashed var(--bd-strong);
    border-radius: var(--r-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    color: var(--t3);
    margin: 0.875rem;
    padding: 2rem 1rem;
}
.empty-state i[b-3ybqmkn56u] { color: var(--g-muted); opacity: 0.55; margin-bottom: 0.75rem; }
.empty-state h5[b-3ybqmkn56u] {
    color: var(--t1);
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    font-family: var(--font);
}
.empty-state p[b-3ybqmkn56u] { font-size: 0.8125rem; color: var(--t3); margin-bottom: 1rem; }
.empty-state .btn-primary[b-3ybqmkn56u] {
    background: var(--g) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: 0.45rem 1rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: var(--font) !important;
}
.empty-state .btn-primary:hover[b-3ybqmkn56u] { background: var(--g-hover) !important; }
.empty-state .btn-outline-secondary[b-3ybqmkn56u] {
    border-radius: var(--r-md) !important;
    font-size: 0.875rem !important;
    font-weight: 500 !important;
    font-family: var(--font) !important;
    color: var(--t1) !important;
    border-color: var(--bd-strong) !important;
}


/* ── LOADING ────────────────────────────────────────────────────── */
.loading-section[b-3ybqmkn56u] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loading-section .spinner-border.text-primary[b-3ybqmkn56u] { color: var(--g) !important; }


/* ── PAGE HEADER (mobile hide) ──────────────────────────────────── */
@media (max-width: 768px) {
    .inv-page-header[b-3ybqmkn56u] { display: none; }
    .invoices-filter-bar[b-3ybqmkn56u] { flex-direction: column; align-items: stretch; }
    .invoices-filter-bar__search[b-3ybqmkn56u],
    .invoices-filter-bar__date-range[b-3ybqmkn56u],
    .invoices-filter-bar__select[b-3ybqmkn56u],
    .invoices-filter-bar__filters-btn[b-3ybqmkn56u] { width: 100%; flex: 1 1 100%; }
    .invoices-column-picker[b-3ybqmkn56u] { width: 100%; display: flex; }
    .invoices-column-picker__menu[b-3ybqmkn56u] {
        position: static;
        width: 100%;
        margin-top: 0.35rem;
        box-shadow: none;
    }
    .invoices-filter-bar__clear-link[b-3ybqmkn56u] { margin-inline-start: 0; justify-content: center; }
    .invoices-filter-bar__search[b-3ybqmkn56u] {
        width: 100%;
        max-width: none;
    }
    .invoices-filter-bar__date-input[b-3ybqmkn56u] {
        flex: 1 1 0 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    .nav-tabs .nav-link[b-3ybqmkn56u] { padding: 0.3rem 0.625rem !important; font-size: 0.8125rem !important; }
    .tab-badge[b-3ybqmkn56u] { display: none !important; }
}

/* Customer-style harmonization for orders/invoices page */
.invoice-dashboard[b-3ybqmkn56u] {
    background: #f8fafc;
    padding: 0;
    gap: 0;
}

.invoice-dashboard .documents-section > .card[b-3ybqmkn56u] {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    background: #fff !important;
}

.invoice-dashboard .documents-section > .card > .card-header[b-3ybqmkn56u] {
    padding: 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #fafbfc !important;
    align-items: center !important;
}

.invoice-dashboard .documents-section > .card > .card-body[b-3ybqmkn56u] {
    border-radius: 0 0 12px 12px !important;
}

.invoice-dashboard .stats-overview[b-3ybqmkn56u] {
    order: -1;
    max-height: 26rem;
    background: transparent;
    border-top: none;
    padding: 0;
    overflow: visible;
}

.stats-overview .row[b-3ybqmkn56u] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
    margin: 0;
}

.stats-overview .card[b-3ybqmkn56u] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.stats-overview .stats-row[b-3ybqmkn56u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 1rem;
    border-inline-end: none;
}

.stat-item[b-3ybqmkn56u] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    border-inline-end: none;
    padding: 0.95rem 1rem;
    position: relative;
    overflow: hidden;
}

.stat-item[b-3ybqmkn56u]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
    background: #e2e8f0;
}

.stats-row .stat-item:first-child[b-3ybqmkn56u] {
    border-color: rgba(26, 92, 46, 0.3);
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
}

.stats-row .stat-item:first-child[b-3ybqmkn56u]::before {
    background: #1a5c2e;
}

.stat-icon[b-3ybqmkn56u] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.65rem;
    margin-bottom: 0;
}

.stat-icon i[b-3ybqmkn56u] {
    display: block;
    font-size: 0.95rem;
}

.stat-number[b-3ybqmkn56u] {
    font-size: 1.45rem;
}

.stat-label[b-3ybqmkn56u] {
    font-size: 0.78rem;
    max-width: none;
}

.stat-sub[b-3ybqmkn56u] {
    font-size: 0.68rem;
}

.stats-overview.collapsed[b-3ybqmkn56u] {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .stats-overview .stats-row[b-3ybqmkn56u] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 768px) {
    .stats-overview .stats-row[b-3ybqmkn56u] {
        grid-template-columns: 1fr;
    }
}

/* User-requested fix: keep summary below + ensure export button is visible */
.invoice-dashboard .stats-overview[b-3ybqmkn56u] {
    order: 99 !important;
}

.invoice-dashboard .documents-section > .card > .card-header[b-3ybqmkn56u] {
    overflow: visible;
}

.invoice-dashboard .documents-section > .card > .card-header > .ms-auto[b-3ybqmkn56u] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.btn-export[b-3ybqmkn56u] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    border: 1px solid var(--g) !important;
}

/* KPI cards: center icon glyphs and keep them white on all color chips */
.stats-overview .stat-icon[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.stats-overview .stat-icon i[b-3ybqmkn56u] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 1;
    color: #ffffff !important;
}

/* Keep print icon buttons stable when the icon is swapped for a spinner */
.invoice-dashboard .invoice-print-action-btn[b-3ybqmkn56u] {
    min-width: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.actions-cell[b-3ybqmkn56u]  .invoice-print-action-btn {
    min-width: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.invoice-dashboard .invoice-print-action-btn .spinner-border-sm[b-3ybqmkn56u],
.actions-cell[b-3ybqmkn56u]  .invoice-print-action-btn .spinner-border-sm {
    width: 0.85rem;
    height: 0.85rem;
    border-width: 0.12em;
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/OrderDetails.razor.rz.scp.css */
/* Main layout */
.order-view[b-khfh8d1mpj] {
    padding: 0;
    background-color: #f5f7fa;
}

/* Loading & Not Found */
.loading-spinner[b-khfh8d1mpj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
}

.spinner[b-khfh8d1mpj] {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: var(--primary-color);
    animation: spin-b-khfh8d1mpj 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-khfh8d1mpj {
    to {
        transform: rotate(360deg);
    }
}

.not-found[b-khfh8d1mpj] {
    text-align: center;
    padding: 3rem;
}

/* Order Header */
.order-header[b-khfh8d1mpj] {
    background-color: white;
    padding: 1rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-main[b-khfh8d1mpj] {
    display: flex;
    align-items: center;
}

.header-icon[b-khfh8d1mpj] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background-color: rgba(52, 152, 219, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    margin-right: 1rem;
}

.header-info h2[b-khfh8d1mpj] {
    font-size: 1.25rem;
    font-weight: 600;
}

.meta-info[b-khfh8d1mpj] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.header-actions[b-khfh8d1mpj] {
    display: flex;
    gap: 0.5rem;
}

/* Main Layout */
.order-content[b-khfh8d1mpj] {
    display: flex;
    gap: 1rem;
}

.order-main[b-khfh8d1mpj] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

.order-sidebar[b-khfh8d1mpj] {
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Order Progress */
.order-progress[b-khfh8d1mpj] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.progress-header[b-khfh8d1mpj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
}

    .progress-header h5[b-khfh8d1mpj] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

.progress-track[b-khfh8d1mpj] {
    padding: 1rem;
}

.status-flow[b-khfh8d1mpj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.status-step[b-khfh8d1mpj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
}

    .status-step:not(:last-child)[b-khfh8d1mpj]::after {
        content: '';
        position: absolute;
        top: 12px;
        left: calc(50% + 15px);
        right: calc(-50% + 15px);
        height: 2px;
        background-color: #eee;
        z-index: 1;
    }

    .status-step.active:not(:last-child)[b-khfh8d1mpj]::after {
        background-color: #4caf50;
    }

.status-dot[b-khfh8d1mpj] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    color: white;
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.status-step.current .status-dot[b-khfh8d1mpj] {
    transform: scale(1.2);
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.status-label[b-khfh8d1mpj] {
    font-size: 0.75rem;
    margin-top: 0.5rem;
    text-align: center;
    font-weight: 500;
    white-space: nowrap;
}

/* Quotation Status */
.quotation-status[b-khfh8d1mpj] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.status-header[b-khfh8d1mpj] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
}

    .status-header h5[b-khfh8d1mpj] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

.status-content[b-khfh8d1mpj] {
    padding: 1rem;
}

.status-converted[b-khfh8d1mpj], .status-pending[b-khfh8d1mpj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.validity[b-khfh8d1mpj] {
    font-size: 0.875rem;
}

/* Order Items */
.order-items[b-khfh8d1mpj] {
    margin-bottom: 0;
}

.product-info[b-khfh8d1mpj] {
    display: flex;
    align-items: flex-start;
}

.product-icon[b-khfh8d1mpj] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 6px;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.product-name[b-khfh8d1mpj] {
    font-weight: 500;
}

.source-toggle[b-khfh8d1mpj] {
    font-size: 0.75rem;
    color: #0d6efd;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin-top: 0.25rem;
}

.source-details[b-khfh8d1mpj] {
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    padding: 0.5rem;
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.source-item[b-khfh8d1mpj] {
    padding: 0.35rem;
    border-bottom: 1px solid #e9ecef;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

    .source-item:last-child[b-khfh8d1mpj] {
        border-bottom: none;
    }

    .source-item.fulfilled[b-khfh8d1mpj] {
        background-color: rgba(40, 167, 69, 0.1);
    }

/* Order Info Cards */
.order-info-cards[b-khfh8d1mpj] {
    display: flex;
    gap: 1rem;
}

.info-card[b-khfh8d1mpj] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    flex: 1;
}

.info-header[b-khfh8d1mpj] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #eee;
}

    .info-header h5[b-khfh8d1mpj] {
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
    }

.info-content[b-khfh8d1mpj] {
    padding: 1rem;
}

.customer-profile[b-khfh8d1mpj] {
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
}

.info-item[b-khfh8d1mpj] {
    margin-bottom: 0.5rem;
    display: flex;
    flex-direction: column;
}

.info-label[b-khfh8d1mpj] {
    font-size: 0.75rem;
    color: #6c757d;
    margin-bottom: 0.125rem;
}

.info-value[b-khfh8d1mpj] {
    font-size: 0.875rem;
}

.note-box[b-khfh8d1mpj] {
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-size: 0.875rem;
    font-style: italic;
}

/* Payment History */
.payment-history[b-khfh8d1mpj] {
    margin-bottom: 0;
}

/* Financial Summary */
.financial-summary[b-khfh8d1mpj] {
    margin-bottom: 0;
}

.summary-item[b-khfh8d1mpj] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

    .summary-item.total[b-khfh8d1mpj] {
        border-top: 1px solid #eee;
        margin-top: 0.5rem;
        padding-top: 0.5rem;
        margin-bottom: 0.5rem;
    }

/* Inventory Status */
.inventory-status[b-khfh8d1mpj] {
    margin-bottom: 0;
}

.status-item[b-khfh8d1mpj] {
    margin-bottom: 1rem;
}

    .status-item:last-child[b-khfh8d1mpj] {
        margin-bottom: 0;
    }

    .status-item .progress[b-khfh8d1mpj] {
        height: 6px;
        margin-top: 0.5rem;
        border-radius: 3px;
        background-color: #eee;
    }

.branch-item[b-khfh8d1mpj] {
    margin-top: 0.5rem;
    font-size: 0.75rem;
}

.branch-name[b-khfh8d1mpj] {
    font-weight: 500;
}

/* Status History */
.status-history[b-khfh8d1mpj] {
    margin-bottom: 0;
}

.timeline[b-khfh8d1mpj] {
    position: relative;
    padding-left: 1.25rem;
}

.timeline-item[b-khfh8d1mpj] {
    position: relative;
    padding-bottom: 1rem;
}

    .timeline-item:last-child[b-khfh8d1mpj] {
        padding-bottom: 0;
    }

.timeline-marker[b-khfh8d1mpj] {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: -1.25rem;
    top: 0.25rem;
}

.timeline-content[b-khfh8d1mpj] {
    background-color: #f8f9fa;
    border-radius: 0.25rem;
    padding: 0.5rem;
    font-size: 0.875rem;
}

.timeline-note[b-khfh8d1mpj] {
    background-color: white;
    border-radius: 0.25rem;
    padding: 0.35rem;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}

/* Status Update Modal */
.update-status-form[b-khfh8d1mpj] {
    font-size: 0.875rem;
}

.status-badge[b-khfh8d1mpj] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border-radius: 0.25rem;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
}

.fulfillment-items[b-khfh8d1mpj] {
    font-size: 0.85rem;
}

.fulfillment-source-item[b-khfh8d1mpj] {
    font-size: 0.75rem;
}

/* Responsive */
@media (max-width: 992px) {
    .order-content[b-khfh8d1mpj] {
        flex-direction: column;
    }

    .order-sidebar[b-khfh8d1mpj] {
        width: 100%;
    }

    .order-info-cards[b-khfh8d1mpj] {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .status-flow[b-khfh8d1mpj] {
        overflow-x: auto;
        padding-bottom: 0.5rem;
    }

    .status-step[b-khfh8d1mpj] {
        min-width: 60px;
    }

    .order-header[b-khfh8d1mpj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-actions[b-khfh8d1mpj] {
        margin-top: 1rem;
        align-self: flex-end;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/OrderStatucManagement.razor.rz.scp.css */
.order-status-page[b-2vjrwaz5jm] {
    margin: 0 auto;
    padding: 1rem;
}

.page-title[b-2vjrwaz5jm] {
    color: var(--secondary-color);
    font-weight: 600;
    margin-bottom: 0;
}

/* Info section */
.info-icon[b-2vjrwaz5jm] {
    color: var(--info-color);
}

/* Color swatch */
.color-swatch[b-2vjrwaz5jm] {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Status flow diagram */
.order-status-flow[b-2vjrwaz5jm] {
    padding: 1rem 0;
    overflow-x: auto;
}

.status-flow-diagram[b-2vjrwaz5jm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    min-width: 100%;
    position: relative;
    padding: 2rem 1rem;
}

.status-node[b-2vjrwaz5jm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-right: 4rem;
}

    .status-node:last-child[b-2vjrwaz5jm] {
        margin-right: 0;
    }

.status-node-inner[b-2vjrwaz5jm] {
    width: 120px;
    height: 50px;
    border-radius: var(--border-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 500;
    text-align: center;
    padding: 0.5rem;
    box-shadow: var(--shadow-sm);
    z-index: 2;
}

.status-node-info[b-2vjrwaz5jm] {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
}

.status-connector[b-2vjrwaz5jm] {
    position: absolute;
    top: 25px;
    left: 120px;
    width: 4rem;
    height: 2px;
    background-color: #e9ecef;
    z-index: 1;
}

    .status-connector[b-2vjrwaz5jm]:after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid #e9ecef;
    }

/* Form controls */
.form-control-color[b-2vjrwaz5jm] {
    width: 60px;
}

.form-switch[b-2vjrwaz5jm] {
    padding-left: 2.5em;
}

.form-check-input[b-2vjrwaz5jm] {
    width: 2em;
    height: 1em;
    margin-left: -2.5em;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header .d-flex[b-2vjrwaz5jm] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .header-actions[b-2vjrwaz5jm] {
        width: 100%;
    }

    .status-node[b-2vjrwaz5jm] {
        margin-right: 3rem;
    }

    .status-connector[b-2vjrwaz5jm] {
        width: 3rem;
    }

    .status-node-inner[b-2vjrwaz5jm] {
        width: 100px;
        font-size: 0.85rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/OrderStatusUpdater.razor.rz.scp.css */
/* Order Status Updater — osu */
.osu[b-fdp0l9ofie] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0;
    min-height: 0;
    overflow: hidden;
    background: #f1f5f9;
}

/* ── Status card ── */
.osu-status-card[b-fdp0l9ofie] {
    flex-shrink: 0;
    padding: 1rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.osu-status-row[b-fdp0l9ofie] {
    display: flex;
    align-items: flex-end;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.osu-flow-block[b-fdp0l9ofie] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 120px;
    flex-shrink: 0;
}

.osu-flow-block--select[b-fdp0l9ofie] {
    min-width: 160px;
    max-width: 220px;
}

.osu-flow-label[b-fdp0l9ofie] {
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #64748b;
}

.osu-pill[b-fdp0l9ofie] {
    display: inline-flex;
    align-items: center;
    padding: 0.4rem 0.75rem;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: 600;
    line-height: 1.2;
}

.osu-pill--muted[b-fdp0l9ofie] {
    background: #f1f5f9;
    color: #334155;
    border: 1px solid #e2e8f0;
}

.osu-status-select[b-fdp0l9ofie] {
    font-weight: 600;
    border-radius: 8px;
    border-color: #cbd5e1;
    font-size: 0.9rem;
}

.osu-flow-arrow[b-fdp0l9ofie] {
    color: #94a3b8;
    font-size: 1.1rem;
    padding-bottom: 0.5rem;
}

.osu-note-row[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex: 1 1 220px;
    min-width: 200px;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}

.osu-note-icon[b-fdp0l9ofie] {
    color: #94a3b8;
    flex-shrink: 0;
}

.osu-note-input[b-fdp0l9ofie] {
    border-radius: 8px;
    border-color: #e2e8f0;
    font-size: 0.88rem;
}

.osu-note-input:focus[b-fdp0l9ofie] {
    border-color: #38d084;
    box-shadow: 0 0 0 3px rgba(56, 208, 132, 0.15);
}

/* ── Alerts ── */
.osu-alert[b-fdp0l9ofie] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.85rem 1.25rem;
    border-bottom: 1px solid transparent;
}

.osu-alert--warn[b-fdp0l9ofie] {
    background: #fffbeb;
    border-bottom-color: #fde68a;
}

.osu-alert--warn .osu-alert-icon[b-fdp0l9ofie] {
    color: #d97706;
}

.osu-alert--info[b-fdp0l9ofie] {
    background: #eff6ff;
    border-bottom-color: #bfdbfe;
}

.osu-alert--info .osu-alert-icon[b-fdp0l9ofie] {
    color: #2563eb;
}

.osu-alert-icon[b-fdp0l9ofie] {
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.osu-alert-body[b-fdp0l9ofie] {
    flex: 1;
    min-width: 0;
}

.osu-alert-body strong[b-fdp0l9ofie] {
    display: block;
    font-size: 0.88rem;
    color: #1e293b;
    margin-bottom: 0.2rem;
}

.osu-alert-body p[b-fdp0l9ofie] {
    margin: 0;
    font-size: 0.82rem;
    color: #475569;
    line-height: 1.45;
}

.osu-alert-progress[b-fdp0l9ofie] {
    flex-shrink: 0;
    text-align: center;
    min-width: 88px;
}

.osu-alert-progress-value[b-fdp0l9ofie] {
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
    color: #1e293b;
    line-height: 1.1;
}

.osu-alert-progress-label[b-fdp0l9ofie] {
    display: block;
    font-size: 0.65rem;
    color: #64748b;
}

/* ── Fulfillment ── */
.osu-fulfillment[b-fdp0l9ofie] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
    border-top: 1px solid #e2e8f0;
}

.osu-fulfillment-head[b-fdp0l9ofie] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.85rem 1.25rem;
    background: #fff;
    border-bottom: 1px solid #e2e8f0;
}

.osu-list-shell[b-fdp0l9ofie] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.osu-fulfillment-title-wrap[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.osu-fulfillment-title[b-fdp0l9ofie] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.osu-fulfillment-title i[b-fdp0l9ofie] {
    color: #059669;
}

.osu-count-badge[b-fdp0l9ofie] {
    font-size: 0.72rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    border-radius: 99px;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.osu-fulfillment-tools[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.osu-search[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 0 0.65rem;
    min-width: 200px;
}

.osu-search i[b-fdp0l9ofie] {
    color: #94a3b8;
    font-size: 0.8rem;
}

.osu-search input[b-fdp0l9ofie] {
    border: none;
    background: transparent;
    box-shadow: none;
    font-size: 0.85rem;
    padding: 0.35rem 0;
}

.osu-search input:focus[b-fdp0l9ofie] {
    box-shadow: none;
}

.osu-btn-auto[b-fdp0l9ofie] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
    border-radius: 8px;
    border-color: #059669;
    color: #047857;
    background: #ecfdf5;
}

.osu-btn-auto:hover:not(:disabled)[b-fdp0l9ofie] {
    background: #d1fae5;
    border-color: #047857;
    color: #065f46;
}

/* List column header */
.osu-list-head[b-fdp0l9ofie],
.osu-product-summary[b-fdp0l9ofie] {
    --osu-row-cols: 36px minmax(72px, 0.85fr) minmax(84px, 0.95fr) minmax(92px, 1fr) minmax(56px, 0.55fr) minmax(96px, 0.85fr) minmax(92px, 0.8fr) minmax(76px, 0.65fr);
}

.osu-list-head[b-fdp0l9ofie] {
    flex-shrink: 0;
    display: grid;
    grid-template-columns: var(--osu-row-cols);
    gap: 0.65rem;
    align-items: end;
    padding: 0.5rem 1.25rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #94a3b8;
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
}

.osu-list-head > span[b-fdp0l9ofie] {
    min-width: 0;
}

.osu-col-qty[b-fdp0l9ofie],
.osu-col-state[b-fdp0l9ofie] {
    text-align: center;
}

.osu-product-list[b-fdp0l9ofie] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 0;
    min-height: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
}

/* ── Product list rows ── */
.osu-product[b-fdp0l9ofie] {
    flex-shrink: 0;
    min-height: 2.75rem;
    background: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #e8edf2;
    overflow: hidden;
}

.osu-product:last-child[b-fdp0l9ofie] {
    border-bottom: none;
}

.osu-product.is-complete .osu-product-summary[b-fdp0l9ofie] {
    background: #fff;
}

.osu-product.is-pending .osu-product-summary[b-fdp0l9ofie] {
    background: #fff;
}

.osu-product.is-expanded[b-fdp0l9ofie] {
    background: #fafbfc;
}

.osu-product-summary[b-fdp0l9ofie] {
    display: grid;
    grid-template-columns: var(--osu-row-cols);
    gap: 0.65rem;
    align-items: center;
    width: 100%;
    padding: 0.65rem 1.25rem;
    border: none;
    background: transparent;
    text-align: inherit;
    cursor: pointer;
    transition: background 0.12s ease;
}

.osu-product-summary:focus-visible[b-fdp0l9ofie] {
    outline: 2px solid #38d084;
    outline-offset: -2px;
}

.osu-product-summary > span[b-fdp0l9ofie] {
    min-width: 0;
}

.osu-product-summary:hover[b-fdp0l9ofie] {
    background: #f8fafc;
}

.osu-product.is-expanded .osu-product-summary:hover[b-fdp0l9ofie] {
    background: #f4f6f8;
}

.osu-col-actions[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    min-width: 4.25rem;
    overflow: visible;
}

.osu-undo-btn[b-fdp0l9ofie] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #fcd34d;
    background: #fffbeb;
    color: #b45309;
    line-height: 1;
    flex-shrink: 0;
}

.osu-undo-btn:hover[b-fdp0l9ofie] {
    background: #fef3c7;
    border-color: #f59e0b;
    color: #92400e;
}

.osu-undo-btn:focus-visible[b-fdp0l9ofie] {
    outline: 2px solid #f59e0b;
    outline-offset: 1px;
}

.osu-index[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 1.25rem;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #94a3b8;
    font-size: 0.8rem;
    font-weight: 600;
}

.osu-product.is-complete .osu-index[b-fdp0l9ofie] {
    background: transparent;
    color: #64748b;
}

.osu-cell-id[b-fdp0l9ofie] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #0f172a;
    direction: ltr;
    unicode-bidi: isolate;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    align-self: center;
}

.osu-cell-id--sku[b-fdp0l9ofie] {
    font-weight: 600;
    color: #475569;
    font-size: 0.84rem;
}

.osu-meta[b-fdp0l9ofie] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
}

.osu-cell-branch[b-fdp0l9ofie],
.osu-cell-unit[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.osu-cell-unit[b-fdp0l9ofie] {
    justify-content: center;
}

.osu-cell-muted[b-fdp0l9ofie] {
    color: #94a3b8;
    font-size: 0.84rem;
}

.osu-chip[b-fdp0l9ofie] {
    display: inline-flex;
    padding: 0.2rem 0.45rem;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.2;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.osu-chip--branch[b-fdp0l9ofie] {
    background: #eff6ff;
    color: #1d4ed8;
}

.osu-chip--unit[b-fdp0l9ofie] {
    background: #fdf4ff;
    color: #7e22ce;
}

.osu-qty-block[b-fdp0l9ofie] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 0;
}

.osu-qty-numbers[b-fdp0l9ofie] {
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    font-size: 0.88rem;
    font-weight: 800;
    white-space: nowrap;
    color: #0f172a;
    direction: ltr;
    unicode-bidi: isolate;
}

.osu-qty-numbers.is-done[b-fdp0l9ofie] {
    color: #047857;
}

.osu-qty-selected[b-fdp0l9ofie] {
    color: inherit;
}

.osu-qty-numbers:not(.is-done) .osu-qty-selected[b-fdp0l9ofie] {
    color: #dc2626;
}

.osu-qty-sep[b-fdp0l9ofie] {
    color: #94a3b8;
    font-weight: 600;
    margin: 0 0.1rem;
}

.osu-qty-required[b-fdp0l9ofie] {
    color: #64748b;
    font-weight: 600;
}

.osu-state[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.osu-state-pill[b-fdp0l9ofie] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.55rem;
    border-radius: 99px;
    font-size: 0.72rem;
    font-weight: 700;
    white-space: nowrap;
}

.osu-state-pill--ready[b-fdp0l9ofie] {
    background: #ecfdf5;
    color: #047857;
}

.osu-state-pill--pending[b-fdp0l9ofie] {
    background: #fff7ed;
    color: #c2410c;
}

.osu-chevron-btn[b-fdp0l9ofie] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.osu-chevron-btn:hover[b-fdp0l9ofie] {
    background: #f1f5f9;
    color: #64748b;
}

.osu-chevron-btn:focus-visible[b-fdp0l9ofie] {
    outline: 2px solid #38d084;
    outline-offset: 1px;
}

.osu-chevron[b-fdp0l9ofie] {
    width: 1.25rem;
    text-align: center;
    color: #94a3b8;
    font-size: 0.75rem;
    flex-shrink: 0;
}

/* ── Detail panel ── */
.osu-detail[b-fdp0l9ofie] {
    border-top: 1px solid #eef2f6;
    background: #f8fafc;
    padding: 0.85rem 1.25rem 1rem;
}

.osu-detail-head[b-fdp0l9ofie] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 0.85rem;
}

.osu-detail-title[b-fdp0l9ofie] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.osu-detail-title i[b-fdp0l9ofie] {
    color: #059669;
}

.osu-detail-badge[b-fdp0l9ofie] {
    font-size: 0.8rem;
    font-weight: 800;
    padding: 0.3rem 0.6rem;
    border-radius: 8px;
    background: #fff7ed;
    color: #c2410c;
    direction: ltr;
    unicode-bidi: isolate;
}

.osu-detail-badge.is-complete[b-fdp0l9ofie] {
    background: #ecfdf5;
    color: #047857;
}

.osu-locations-block[b-fdp0l9ofie] {
    margin-bottom: 0.85rem;
}

.osu-locations-block--selected[b-fdp0l9ofie] {
    margin-bottom: 0;
}

.osu-section-title[b-fdp0l9ofie] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0 0.5rem;
    font-weight: 700;
    font-size: 0.78rem;
    color: #475569;
}

.osu-location-filter[b-fdp0l9ofie] {
    max-width: 220px;
    border-radius: 8px;
}

.osu-table-wrap[b-fdp0l9ofie] {
    max-height: 220px;
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
}

.osu-table[b-fdp0l9ofie] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.osu-table thead[b-fdp0l9ofie] {
    position: sticky;
    top: 0;
    z-index: 2;
}

.osu-table th[b-fdp0l9ofie] {
    background: #f8fafc;
    padding: 0.5rem 0.65rem;
    font-weight: 700;
    color: #475569;
    border-bottom: 1px solid #e2e8f0;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.osu-table td[b-fdp0l9ofie] {
    padding: 0.45rem 0.65rem;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.osu-table tbody tr:hover[b-fdp0l9ofie] {
    background: #f8fafc;
}

.osu-table--selected[b-fdp0l9ofie] {
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.osu-table .qty-input[b-fdp0l9ofie] {
    width: 72px;
    text-align: center;
    font-weight: 600;
    border-radius: 6px;
}

.osu-add-btn[b-fdp0l9ofie],
.osu-remove-btn[b-fdp0l9ofie] {
    font-size: 0.78rem;
}

.osu-foot-complete[b-fdp0l9ofie] {
    background: #ecfdf5;
}

.osu-foot-pending[b-fdp0l9ofie] {
    background: #fff7ed;
}

.osu-empty-state[b-fdp0l9ofie] {
    text-align: center;
    padding: 1rem;
    color: #64748b;
    font-size: 0.84rem;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px dashed #e2e8f0;
}

.osu-empty-state--warn[b-fdp0l9ofie] {
    color: #c2410c;
    background: #fff7ed;
    border-color: #fed7aa;
}

.osu-empty-state--info[b-fdp0l9ofie] {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.osu-empty-state--success[b-fdp0l9ofie] {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.available-qty[b-fdp0l9ofie] {
    font-weight: 700;
    color: #047857;
}

/* Validation */
.osu-validation[b-fdp0l9ofie] {
    flex-shrink: 0;
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin: 0 1rem 1rem;
    padding: 0.75rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #b91c1c;
    font-size: 0.85rem;
}

.osu-validation i[b-fdp0l9ofie] {
    margin-top: 0.15rem;
}

.osu-validation strong[b-fdp0l9ofie] {
    display: block;
    margin-bottom: 0.15rem;
}

.osu-validation span[b-fdp0l9ofie] {
    color: #991b1b;
}

/* ── Responsive ── */
@media (max-width: 992px) {
    .osu-list-head[b-fdp0l9ofie] {
        display: none;
    }

    .osu-product-summary[b-fdp0l9ofie] {
        grid-template-columns: 32px 1fr 1fr;
        grid-template-areas:
            "num code sku"
            "branch branch unit"
            "qty qty qty"
            "state state actions";
        gap: 0.45rem 0.65rem;
    }

    .osu-col-num[b-fdp0l9ofie] {
        grid-area: num;
        align-self: start;
    }

    .osu-col-code[b-fdp0l9ofie] {
        grid-area: code;
    }

    .osu-col-sku[b-fdp0l9ofie] {
        grid-area: sku;
    }

    .osu-col-branch[b-fdp0l9ofie] {
        grid-area: branch;
    }

    .osu-col-unit[b-fdp0l9ofie] {
        grid-area: unit;
        justify-self: end;
    }

    .osu-qty-block[b-fdp0l9ofie] {
        grid-area: qty;
        justify-content: flex-start;
    }

    .osu-state[b-fdp0l9ofie] {
        grid-area: state;
        justify-content: flex-start;
    }

    .osu-col-actions[b-fdp0l9ofie] {
        grid-area: actions;
        justify-self: end;
    }
}

@media (max-width: 768px) {
    .osu-status-row[b-fdp0l9ofie] {
        flex-direction: column;
        align-items: stretch;
    }

    .osu-flow-arrow[b-fdp0l9ofie] {
        display: none;
    }

    .osu-flow-block--select[b-fdp0l9ofie] {
        max-width: none;
    }

    .osu-note-row[b-fdp0l9ofie] {
        min-width: 0;
    }

    .osu-fulfillment-head[b-fdp0l9ofie] {
        flex-direction: column;
        align-items: stretch;
    }

    .osu-fulfillment-tools[b-fdp0l9ofie] {
        flex-direction: column;
        align-items: stretch;
    }

    .osu-search[b-fdp0l9ofie] {
        min-width: 0;
        width: 100%;
    }

    .osu-btn-auto[b-fdp0l9ofie] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/PrintOrder.razor.rz.scp.css */
.print-page[b-wzj00v5q6j] {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.action-bar[b-wzj00v5q6j] {
    background-color: white;
    padding: 8px 0;
    z-index: 100;
}

.pdf-container[b-wzj00v5q6j] {
    flex: 1;
    position: relative;
    background-color: #f0f0f0;
    overflow: hidden;
}

.pdf-iframe[b-wzj00v5q6j] {
    width: 100%;
    height: 100%;
    border: none;
}

.pdf-placeholder[b-wzj00v5q6j], .generating-pdf[b-wzj00v5q6j], .pdf-error[b-wzj00v5q6j] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background-color: white;
    padding: 20px;
}

.loading-section[b-wzj00v5q6j],
.not-found-section[b-wzj00v5q6j] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.btn:disabled[b-wzj00v5q6j] {
    cursor: not-allowed;
    opacity: 0.65;
}

/* Responsive styles */
@media (max-width: 768px) {
    .action-bar .btn-text[b-wzj00v5q6j] {
        display: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/QuotationConversionSummary.razor.rz.scp.css */
.qcs-scroll-table[b-4r9dweg9oj] {
    max-height: min(52vh, 520px);
    overflow-y: auto;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.375rem;
}

.qcs-scroll-table .table[b-4r9dweg9oj] {
    margin-bottom: 0;
}

.qcs-scroll-table thead th[b-4r9dweg9oj] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--bs-light, #f8f9fa);
    box-shadow: 0 1px 0 var(--bs-border-color, #dee2e6);
}
/* _content/SafinAhmedERP.Web/Components/Pages/InvoicesUI/QuotationStatusBadge.razor.rz.scp.css */
.quotation-converted-badge[b-vsm5ypolu0],
.quotation-expired-badge[b-vsm5ypolu0],
.quotation-pending-badge[b-vsm5ypolu0] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.quotation-converted-badge[b-vsm5ypolu0] {
    background-color: #d4edda;
    color: #155724;
    position: relative;
}

    .quotation-converted-badge[b-vsm5ypolu0]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background-color: #155724;
        opacity: 0.5;
        transform: rotate(-5deg);
    }

.quotation-expired-badge[b-vsm5ypolu0] {
    background-color: #f8d7da;
    color: #721c24;
}

.quotation-pending-badge[b-vsm5ypolu0] {
    background-color: #fff3cd;
    color: #856404;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Login/Login.razor.rz.scp.css */
/* Modern Login Page Styles */
.login-page[b-f2mjcv84jm] {
    min-height: 100vh;
    position: relative;
    background: linear-gradient(135deg, #006747 0%, #004533 50%, #1a1a1a 100%);
    overflow: hidden;
    font-family: 'Inter', 'Tajawal', 'IBM Plex Sans Arabic', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Background Decoration */
.bg-decoration[b-f2mjcv84jm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
}

.bg-shape[b-f2mjcv84jm] {
    position: absolute;
    background: rgba(167, 196, 188, 0.1);
    border-radius: 50%;
    animation: floatShape-b-f2mjcv84jm 8s ease-in-out infinite;
}

.shape-1[b-f2mjcv84jm] {
    width: 400px;
    height: 400px;
    top: -200px;
    right: -200px;
    animation-delay: 0s;
}

.shape-2[b-f2mjcv84jm] {
    width: 300px;
    height: 300px;
    bottom: -150px;
    left: -150px;
    animation-delay: 3s;
}

.shape-3[b-f2mjcv84jm] {
    width: 200px;
    height: 200px;
    top: 50%;
    left: -100px;
    animation-delay: 6s;
}

.floating-particles[b-f2mjcv84jm] {
    position: absolute;
    width: 100%;
    height: 100%;
}

.particle[b-f2mjcv84jm] {
    position: absolute;
    width: 3px;
    height: 3px;
    background: rgba(167, 196, 188, 0.6);
    border-radius: 50%;
    animation: particleFloat-b-f2mjcv84jm var(--duration, 5s) infinite linear;
    animation-delay: var(--delay, 0s);
    left: random(100%);
    top: random(100%);
}

/* Main Container */
.login-container[b-f2mjcv84jm] {
    position: relative;
    z-index: 10;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    gap: 3rem;
}

/* Brand Section */
.brand-section[b-f2mjcv84jm] {
    flex: 1;
    max-width: 500px;
    color: white;
    animation: slideInLeft-b-f2mjcv84jm 1s ease-out;
}

.brand-content[b-f2mjcv84jm] {
    padding: 2rem;
}

.logo-section[b-f2mjcv84jm] {
    position: relative;
    display: inline-block;
    margin-bottom: 2rem;
}

.custom-logo[b-f2mjcv84jm] {
    width: 100px;
    height: 100px;
    background: linear-gradient(135deg, #ffffff 0%, #a7c4bc 50%, #006747 100%);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    animation: logoFloat-b-f2mjcv84jm 3s ease-in-out infinite;
    position: relative;
    overflow: hidden;
}

    .custom-logo[b-f2mjcv84jm]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(45deg, transparent, rgba(255,255,255,0.1), transparent);
        animation: logoShine-b-f2mjcv84jm 4s ease-in-out infinite;
    }

.logo-text[b-f2mjcv84jm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    margin-bottom: 3px;
}

.logo-s[b-f2mjcv84jm], .logo-a[b-f2mjcv84jm] {
    font-size: 1.8rem;
    font-weight: 900;
    font-family: 'Inter', sans-serif;
    text-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.logo-s[b-f2mjcv84jm] {
    color: #006747;
}

.logo-a[b-f2mjcv84jm] {
    color: #004533;
}

.logo-subtitle[b-f2mjcv84jm] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #006747;
    letter-spacing: 1.5px;
    opacity: 0.9;
}

.brand-logo[b-f2mjcv84jm] {
    width: 100px;
    height: 100px;
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    animation: logoFloat-b-f2mjcv84jm 3s ease-in-out infinite;
}

.logo-glow[b-f2mjcv84jm] {
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: linear-gradient(45deg, #006747, #a7c4bc, #006747, #a7c4bc);
    border-radius: 30px;
    opacity: 0.6;
    animation: logoGlow-b-f2mjcv84jm 4s ease-in-out infinite;
    z-index: -1;
    filter: blur(15px);
}

.brand-title[b-f2mjcv84jm] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.title-main[b-f2mjcv84jm] {
    display: inline-block;
}

.title-accent[b-f2mjcv84jm] {
    display: inline-block;
    background: linear-gradient(45deg, #a7c4bc, #e5e5e5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-left: 0.5rem;
}

.brand-description[b-f2mjcv84jm] {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 2rem;
    line-height: 1.5;
}

.feature-highlights[b-f2mjcv84jm] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feature-item[b-f2mjcv84jm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

    .feature-item:hover[b-f2mjcv84jm] {
        background: rgba(255, 255, 255, 0.15);
        transform: translateX(10px);
    }

    .feature-item i[b-f2mjcv84jm] {
        font-size: 1.2rem;
        color: #a7c4bc;
    }

/* Form Section */
.form-section[b-f2mjcv84jm] {
    flex: 1;
    max-width: 450px;
    animation: slideInRight-b-f2mjcv84jm 1s ease-out;
}

.form-container[b-f2mjcv84jm] {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.form-header[b-f2mjcv84jm] {
    text-align: center;
    margin-bottom: 2rem;
}

.form-title[b-f2mjcv84jm] {
    font-size: 2rem;
    font-weight: 700;
    color: #006747;
    margin-bottom: 0.5rem;
}

.form-subtitle[b-f2mjcv84jm] {
    color: #6c757d;
    font-size: 1rem;
    margin: 0;
}

/* Alert */
.alert-container[b-f2mjcv84jm] {
    margin-bottom: 1.5rem;
}

.alert[b-f2mjcv84jm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 500;
}

.alert-error[b-f2mjcv84jm] {
    background: rgba(231, 76, 60, 0.1);
    color: #e74c3c;
    border: 1px solid rgba(231, 76, 60, 0.2);
}

/* Form */
.login-form[b-f2mjcv84jm] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.input-group[b-f2mjcv84jm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.input-label[b-f2mjcv84jm] {
    font-weight: 600;
    color: #333333;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.input-wrapper[b-f2mjcv84jm] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon[b-f2mjcv84jm] {
    position: absolute;
    left: 1rem;
    z-index: 2;
    color: #6c757d;
    font-size: 1rem;
}

.form-input[b-f2mjcv84jm] {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: 2px solid #e9ecef;
    border-radius: 12px;
    font-size: 1rem;
    background: #fff;
    transition: all 0.3s ease;
    outline: none;
}

    .form-input:focus[b-f2mjcv84jm] {
        border-color: #006747;
        box-shadow: 0 0 0 0.2rem rgba(0, 103, 71, 0.15);
    }

    .form-input.error[b-f2mjcv84jm] {
        border-color: #e74c3c;
        box-shadow: 0 0 0 0.2rem rgba(231, 76, 60, 0.15);
    }

.password-toggle[b-f2mjcv84jm] {
    position: absolute;
    right: 1rem;
    background: none;
    border: none;
    color: #6c757d;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .password-toggle:hover[b-f2mjcv84jm] {
        background: rgba(0, 0, 0, 0.05);
        color: #006747;
    }

.input-error[b-f2mjcv84jm] {
    font-size: 0.85rem;
    color: #e74c3c;
    margin-top: 0.25rem;
}

/* Form Options */
.form-options[b-f2mjcv84jm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem 0;
}

.checkbox-wrapper[b-f2mjcv84jm] {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0.5rem;
}

    .checkbox-wrapper input[type="checkbox"][b-f2mjcv84jm] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark[b-f2mjcv84jm] {
    width: 18px;
    height: 18px;
    background: #fff;
    border: 2px solid #e9ecef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.checkbox-wrapper input:checked + .checkmark[b-f2mjcv84jm] {
    background: #006747;
    border-color: #006747;
}

    .checkbox-wrapper input:checked + .checkmark[b-f2mjcv84jm]::after {
        content: "✓";
        color: white;
        font-size: 12px;
        font-weight: bold;
    }

.checkbox-label[b-f2mjcv84jm] {
    font-size: 0.9rem;
    color: #333;
}

.forgot-password[b-f2mjcv84jm] {
    color: #006747;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

    .forgot-password:hover[b-f2mjcv84jm] {
        color: #004533;
        text-decoration: underline;
    }

/* Login Button */
.login-button[b-f2mjcv84jm] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, #006747 0%, #004533 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
}

    .login-button:hover:not(:disabled)[b-f2mjcv84jm] {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(0, 103, 71, 0.3);
    }

    .login-button:disabled[b-f2mjcv84jm] {
        opacity: 0.7;
        cursor: not-allowed;
        transform: none;
    }

    .login-button.loading[b-f2mjcv84jm] {
        pointer-events: none;
    }

.button-spinner[b-f2mjcv84jm] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top: 2px solid white;
    border-radius: 50%;
    animation: spin-b-f2mjcv84jm 1s linear infinite;
}

/* Version Info */
.version-info[b-f2mjcv84jm] {
    text-align: center;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    font-size: 0.8rem;
    color: #6c757d;
}

/* Animations */
@keyframes slideInLeft-b-f2mjcv84jm {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideInRight-b-f2mjcv84jm {
    from {
        opacity: 0;
        transform: translateX(50px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes logoShine-b-f2mjcv84jm {
    0% {
        transform: translateX(-100%);
    }

    50% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes logoFloat-b-f2mjcv84jm {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

@keyframes logoGlow-b-f2mjcv84jm {
    0%, 100% {
        opacity: 0.6;
        transform: scale(1);
    }

    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

@keyframes floatShape-b-f2mjcv84jm {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-30px) rotate(180deg);
    }
}

@keyframes particleFloat-b-f2mjcv84jm {
    0% {
        transform: translateY(100vh) rotate(0deg);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateY(-100px) rotate(360deg);
        opacity: 0;
    }
}

@keyframes spin-b-f2mjcv84jm {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 1024px) {
    .login-container[b-f2mjcv84jm] {
        flex-direction: column;
        gap: 2rem;
    }

    .brand-section[b-f2mjcv84jm] {
        max-width: 100%;
        text-align: center;
    }

    .brand-title[b-f2mjcv84jm] {
        font-size: 2.5rem;
    }

    .feature-highlights[b-f2mjcv84jm] {
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .login-container[b-f2mjcv84jm] {
        padding: 1rem;
    }

    .form-container[b-f2mjcv84jm] {
        padding: 2rem;
    }

    .brand-title[b-f2mjcv84jm] {
        font-size: 2rem;
    }

    .brand-description[b-f2mjcv84jm] {
        font-size: 1rem;
    }

    .feature-highlights[b-f2mjcv84jm] {
        flex-direction: column;
    }

    .feature-item:hover[b-f2mjcv84jm] {
        transform: none;
    }

    .version-info[b-f2mjcv84jm] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

@media (max-width: 480px) {
    .login-container[b-f2mjcv84jm] {
        padding: 0.5rem;
    }

    .form-container[b-f2mjcv84jm] {
        padding: 1.5rem;
        border-radius: 15px;
    }

    .brand-content[b-f2mjcv84jm] {
        padding: 1rem;
    }

    .form-title[b-f2mjcv84jm] {
        font-size: 1.5rem;
    }
}

/* RTL Support */
[dir="rtl"] .input-icon[b-f2mjcv84jm] {
    left: auto;
    right: 1rem;
}

[dir="rtl"] .form-input[b-f2mjcv84jm] {
    padding: 1rem 3rem 1rem 1rem;
}

[dir="rtl"] .password-toggle[b-f2mjcv84jm] {
    right: auto;
    left: 1rem;
}

[dir="rtl"] .feature-item:hover[b-f2mjcv84jm] {
    transform: translateX(-10px);
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    *[b-f2mjcv84jm] {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/AccountBalanaceWidget.razor.rz.scp.css */
.erp-account[b-bdn4p0rvdw] {
    background: #ffffff;
    border: 1px solid rgba(15, 26, 20, 0.08);
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(0, 55, 35, 0.06);
    overflow: hidden;
    transition: transform 0.18s, box-shadow 0.18s;
    display: flex;
    flex-direction: column;
}

.erp-account:hover[b-bdn4p0rvdw] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 55, 35, 0.10);
}

.erp-account__head[b-bdn4p0rvdw] {
    padding: 1rem 1.15rem 0.75rem;
    border-bottom: 1px solid rgba(15, 26, 20, 0.06);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
}

.erp-account__name[b-bdn4p0rvdw] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 700;
    color: #0f1a14;
    line-height: 1.3;
}

.erp-account__currency[b-bdn4p0rvdw] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #006747;
    padding: 0.15rem 0.45rem;
    border-radius: 999px;
    background: rgba(0, 103, 71, 0.08);
    white-space: nowrap;
    flex-shrink: 0;
}

.erp-account__body[b-bdn4p0rvdw] {
    padding: 0.65rem 1.15rem;
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1;
}

.erp-account__row[b-bdn4p0rvdw] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 0.45rem 0;
    font-size: 0.82rem;
    border-bottom: 1px solid rgba(15, 26, 20, 0.05);
}

.erp-account__row:last-child[b-bdn4p0rvdw] {
    border-bottom: none;
}

.erp-account__row--highlight[b-bdn4p0rvdw] {
    padding: 0.6rem 0;
    border-bottom: 1px solid rgba(15, 26, 20, 0.08);
    margin-bottom: 0.1rem;
}

.erp-account__label[b-bdn4p0rvdw] {
    color: #5c7168;
    font-weight: 500;
}

.erp-account__value[b-bdn4p0rvdw] {
    font-weight: 700;
    text-align: end;
    white-space: nowrap;
}

.erp-account__value--lg[b-bdn4p0rvdw] {
    font-size: 1rem;
}

.erp-account__value--in[b-bdn4p0rvdw]  { color: #006747; }
.erp-account__value--out[b-bdn4p0rvdw] { color: #c0392b; }
.erp-account__value--pos[b-bdn4p0rvdw] { color: #006747; }
.erp-account__value--neg[b-bdn4p0rvdw] { color: #c0392b; }

.erp-account__footer[b-bdn4p0rvdw] {
    padding: 0.75rem 1.15rem;
    border-top: 1px solid rgba(15, 26, 20, 0.06);
}

.erp-account__link[b-bdn4p0rvdw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #006747;
    text-decoration: none;
    transition: opacity 0.15s;
}

.erp-account__link:hover[b-bdn4p0rvdw] {
    opacity: 0.75;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/FinancialAccounts.razor.rz.scp.css */
/* Financial Accounts page */

.financial-accounts-page[b-5hm2cjy1qb] {
    --fa-accent: #006747;
    --fa-accent-soft: #ecfdf5;
    --fa-ink: #0f172a;
    --fa-muted: #64748b;
    --fa-border: #e2e8f0;
    --fa-surface: #ffffff;
    padding: 0.35rem 0.65rem 0.65rem;
    gap: 0.75rem;
    min-height: 0;
}

/* Account overview — single row, cards share width equally */
.fa-accounts-overview[b-5hm2cjy1qb] {
    flex-shrink: 0;
    padding: 1rem 1.15rem;
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    border: 1px solid var(--fa-border);
    border-radius: 0.85rem;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.fa-cards-grid[b-5hm2cjy1qb] {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
    min-width: min-content;
}

.fa-cards-grid .fa-acard[b-5hm2cjy1qb] {
    flex: 1 1 0;
    min-width: 8.5rem;
    max-width: none;
}

/* Account balance card */
.fa-acard[b-5hm2cjy1qb] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    text-align: start;
    width: 100%;
    padding: 1rem 1.15rem 0.9rem;
    border: 1px solid var(--fa-border);
    border-radius: 0.85rem;
    background: var(--fa-surface);
    box-shadow: 0 3px 14px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    border-inline-start-width: 4px;
    min-height: 9.5rem;
}

.fa-acard--positive[b-5hm2cjy1qb] {
    border-inline-start-color: #16a34a;
}

.fa-acard--negative[b-5hm2cjy1qb] {
    border-inline-start-color: #dc2626;
}

.fa-acard:hover[b-5hm2cjy1qb] {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.09);
    border-color: rgba(0, 103, 71, 0.22);
}

.fa-acard:focus-visible[b-5hm2cjy1qb] {
    outline: 2px solid var(--fa-accent);
    outline-offset: 2px;
}

.fa-acard-head[b-5hm2cjy1qb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.fa-acard-currency[b-5hm2cjy1qb] {
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    color: var(--fa-accent);
}

.fa-acard-type[b-5hm2cjy1qb] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--fa-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}

.fa-acard-name[b-5hm2cjy1qb] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--fa-ink);
    line-height: 1.35;
    margin-bottom: 0.65rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.6em;
}

.fa-acard-balance[b-5hm2cjy1qb] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-bottom: 0.55rem;
}

.fa-acard-balance-label[b-5hm2cjy1qb] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--fa-muted);
}

.fa-acard-balance-value[b-5hm2cjy1qb] {
    font-size: clamp(1rem, 1.1vw + 0.55rem, 1.45rem);
    font-weight: 800;
    line-height: 1.15;
    font-variant-numeric: tabular-nums;
    color: var(--fa-ink);
}

.fa-acard--positive .fa-acard-balance-value[b-5hm2cjy1qb] {
    color: #15803d;
}

.fa-acard--negative .fa-acard-balance-value[b-5hm2cjy1qb] {
    color: #b91c1c;
}

.fa-acard-foot[b-5hm2cjy1qb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.35rem;
    padding-top: 0.55rem;
    border-top: 1px dashed #e8edf2;
    font-size: 0.8rem;
    color: var(--fa-muted);
}

.fa-acard-opening[b-5hm2cjy1qb] {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fa-acard-link[b-5hm2cjy1qb] {
    font-size: 0.85rem;
    color: var(--fa-accent);
    opacity: 0.7;
    flex-shrink: 0;
}

.fa-acard:hover .fa-acard-link[b-5hm2cjy1qb] {
    opacity: 1;
}

/* Card header: title + actions */
.financial-accounts-page .fa-card-header[b-5hm2cjy1qb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
}

.financial-accounts-page .fa-header-actions[b-5hm2cjy1qb] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.financial-accounts-page .fa-header-actions .btn[b-5hm2cjy1qb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 0.35rem 0.85rem;
}

/* Main table card */
.financial-accounts-page .fa-table-card.list-page-card[b-5hm2cjy1qb] {
    border: 1px solid var(--fa-border);
    border-radius: 0.85rem;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    overflow: hidden;
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.financial-accounts-page .fa-table-card .list-page-card-header[b-5hm2cjy1qb] {
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--fa-border);
    background: #fff;
}

.financial-accounts-page .fa-table-card .list-page-card-header h6[b-5hm2cjy1qb] {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--fa-accent);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.financial-accounts-page .fa-table-card .list-page-card-header .badge[b-5hm2cjy1qb] {
    background: rgba(0, 103, 71, 0.1);
    color: var(--fa-accent);
    font-weight: 600;
}

.financial-accounts-page .table-container[b-5hm2cjy1qb] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.financial-accounts-page .table-responsive[b-5hm2cjy1qb] {
    flex: 1 1 0;
    overflow: auto;
}

.financial-accounts-page .table thead th[b-5hm2cjy1qb] {
    background: linear-gradient(180deg, rgba(0, 103, 71, 0.1) 0%, rgba(0, 103, 71, 0.04) 100%);
    color: var(--fa-accent);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.7rem 0.85rem;
    border-bottom: 2px solid rgba(0, 103, 71, 0.15);
    white-space: nowrap;
}

.financial-accounts-page .table tbody td[b-5hm2cjy1qb] {
    padding: 0.65rem 0.85rem;
    font-size: 0.875rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

.financial-accounts-page .table tbody tr:nth-child(even)[b-5hm2cjy1qb] {
    background: #fafbfc;
}

.financial-accounts-page .table tbody tr:hover td[b-5hm2cjy1qb] {
    background: rgba(0, 103, 71, 0.04);
}

.financial-accounts-page .fa-account-name[b-5hm2cjy1qb] {
    font-weight: 600;
    color: #0f172a;
}

.financial-accounts-page .fa-type-pill[b-5hm2cjy1qb] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 2rem;
    font-size: 0.72rem;
    font-weight: 600;
    background: #f1f5f9;
    color: #475569;
}

.financial-accounts-page .fa-currency[b-5hm2cjy1qb] {
    font-weight: 700;
    font-size: 0.75rem;
    color: var(--fa-accent);
    letter-spacing: 0.03em;
}

.financial-accounts-page .fa-balance[b-5hm2cjy1qb] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
}

.financial-accounts-page .fa-action-icons[b-5hm2cjy1qb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    justify-content: center;
}

.financial-accounts-page .fa-icon-btn[b-5hm2cjy1qb] {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border-radius: 0.45rem;
    border: 1px solid var(--fa-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    background: #fff;
    color: #475569;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, transform 0.1s;
}

.financial-accounts-page .fa-icon-btn:hover[b-5hm2cjy1qb] {
    transform: translateY(-1px);
}

.financial-accounts-page .fa-icon-btn--primary[b-5hm2cjy1qb] {
    color: var(--fa-accent);
    border-color: rgba(0, 103, 71, 0.3);
    background: #ecfdf5;
}

.financial-accounts-page .fa-icon-btn--primary:hover[b-5hm2cjy1qb] {
    background: rgba(0, 103, 71, 0.12);
}

.financial-accounts-page .fa-icon-btn--warning[b-5hm2cjy1qb] {
    color: #a16207;
    border-color: #fde68a;
    background: #fffbeb;
}

.financial-accounts-page .fa-icon-btn--warning:hover[b-5hm2cjy1qb] {
    background: #fef3c7;
}

/* Inter-branch transfer modal */
.fa-ibt-modal-body[b-5hm2cjy1qb] {
    padding-top: 0.25rem !important;
}

.fa-ibt-grid[b-5hm2cjy1qb] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 0.65rem;
    align-items: stretch;
}

.fa-ibt-panel[b-5hm2cjy1qb] {
    padding: 0.85rem;
    border: 1px solid var(--fa-border, #e2e8f0);
    border-radius: 0.65rem;
    background: #f8fafc;
}

.fa-ibt-panel-title[b-5hm2cjy1qb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #64748b;
    margin-bottom: 0.65rem;
}

.fa-ibt-panel-title i[b-5hm2cjy1qb] {
    color: var(--fa-accent, #006747);
    font-size: 0.85rem;
}

.fa-ibt-label[b-5hm2cjy1qb] {
    display: block;
    font-size: 0.8rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.25rem;
}

.fa-ibt-divider[b-5hm2cjy1qb] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.15rem;
}

.fa-ibt-divider-icon[b-5hm2cjy1qb] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: #ecfdf5;
    border: 1px solid rgba(0, 103, 71, 0.2);
    color: var(--fa-accent, #006747);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

.fa-ibt-balance[b-5hm2cjy1qb] {
    margin-top: 0.85rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.45rem;
    background: #ecfdf5;
    color: #065f46;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fa-ibt-balance--warn[b-5hm2cjy1qb] {
    background: #fef2f2;
    color: #991b1b;
}

@media (max-width: 576px) {
    .fa-ibt-grid[b-5hm2cjy1qb] {
        grid-template-columns: 1fr;
    }

    .fa-ibt-divider[b-5hm2cjy1qb] {
        padding: 0.25rem 0;
    }

    .fa-ibt-divider-icon[b-5hm2cjy1qb] {
        transform: rotate(90deg);
    }
}

@media (max-width: 575.98px) {
    .fa-cards-grid .fa-acard[b-5hm2cjy1qb] {
        min-width: 10rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fa-acard:hover[b-5hm2cjy1qb],
    .financial-accounts-page .fa-icon-btn:hover[b-5hm2cjy1qb] {
        transform: none;
    }
}

/* ── FX P&L live indicator on account cards ── */
.fa-acard-fx[b-5hm2cjy1qb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.6rem;
    margin-block-start: 0.3rem;
    font-size: 0.78rem;
}

.fa-acard-fx-value[b-5hm2cjy1qb] {
    direction: ltr;
    unicode-bidi: embed;
    font-weight: 700;
    color: var(--text-muted, #5a6a80);
}

.fa-acard-fx-delta[b-5hm2cjy1qb] {
    direction: ltr;
    unicode-bidi: embed;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
}

.fa-acard-fx-delta small[b-5hm2cjy1qb] {
    font-weight: 400;
    opacity: 0.85;
}

.fa-acard-fx-delta--loss[b-5hm2cjy1qb] {
    color: #b3261e;
}

.fa-acard-fx-delta--gain[b-5hm2cjy1qb] {
    color: #1b7a3d;
}

.fa-acard-fx-avg[b-5hm2cjy1qb] {
    color: var(--text-muted, #6b7686);
}

.fa-acard-fx-warn[b-5hm2cjy1qb] {
    color: #9a7b0a;
    font-weight: 600;
}

/* ── FX impact preview inside transfer dialogs ── */
.fa-fx-preview[b-5hm2cjy1qb] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-block-start: 0.85rem;
    padding: 0.55rem 0.85rem;
    border-radius: 8px;
    background: var(--surface-2, #f4f7fb);
    border: 1px solid var(--border-color, #dbe4df);
    font-size: 0.85rem;
}

.fa-fx-preview-icon[b-5hm2cjy1qb] {
    font-size: 0.9rem;
}

.fa-fx-preview-gain[b-5hm2cjy1qb] {
    color: #1b7a3d;
}

.fa-fx-preview-loss[b-5hm2cjy1qb] {
    color: #b3261e;
}

.fa-fx-preview-zero[b-5hm2cjy1qb] {
    color: var(--text-muted, #6b7686);
}

.fa-fx-preview-avg[b-5hm2cjy1qb] {
    color: var(--text-muted, #6b7686);
}

.fa-fx-preview-warn[b-5hm2cjy1qb] {
    color: #9a7b0a;
    font-weight: 600;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/FinancialTransactions.razor.rz.scp.css */
/* Financial Transactions — primary ledger view */

.financial-transactions-page[b-cnx3m96te8] {
    --ft-accent: #006747;
    --ft-accent-soft: #ecfdf5;
    --ft-accent-muted: #a7c4bc;
    --ft-ink: #0f172a;
    --ft-muted: #64748b;
    --ft-border: #e2e8f0;
    --ft-surface: #ffffff;
    padding: 0.35rem 0.65rem 0.65rem;
    gap: 0;
    min-height: 0;
}

.financial-transactions-page .ft-main-card[b-cnx3m96te8] {
    flex: 1 1 0;
    min-height: 0;
}

.ft-header-actions[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Circular stats toggle — matches purchase invoice toolbar */
.ft-stats-toggle[b-cnx3m96te8] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--ft-border) !important;
    background: var(--ft-surface) !important;
    color: var(--ft-muted) !important;
    font-size: 0.8rem;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
    padding: 0 !important;
    flex-shrink: 0;
}

.ft-stats-toggle:hover[b-cnx3m96te8] {
    border-color: var(--ft-accent) !important;
    color: var(--ft-accent) !important;
    background: var(--ft-accent-soft) !important;
}

.ft-stats-toggle:focus-visible[b-cnx3m96te8] {
    outline: 2px solid var(--ft-accent);
    outline-offset: 2px;
}

.ft-stats-toggle .toggle-indicator[b-cnx3m96te8] {
    position: absolute;
    bottom: -4px;
    inset-inline-end: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--ft-accent);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.45rem;
    line-height: 1;
}

/* Bottom summary panel (collapsible) */
.ft-summary-overview[b-cnx3m96te8] {
    flex-shrink: 0;
    border-top: 1px solid var(--ft-border);
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    padding: 0.75rem 1rem;
    transition: max-height 0.25s ease, opacity 0.2s ease, padding 0.2s ease;
    max-height: 9rem;
    overflow: hidden;
}

.ft-summary-overview .ft-kpi[b-cnx3m96te8] {
    padding: 0.65rem 0.85rem;
}

.ft-summary-overview .ft-kpi-icon[b-cnx3m96te8] {
    width: 2.35rem;
    height: 2.35rem;
    font-size: 0.95rem;
}

.ft-summary-overview .ft-kpi-value[b-cnx3m96te8] {
    font-size: 1.15rem;
}

.ft-summary-overview.collapsed[b-cnx3m96te8] {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
    border-top-color: transparent;
}

/* KPI summary strip */
.ft-summary-row[b-cnx3m96te8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    flex-shrink: 0;
}

@media (max-width: 991.98px) {
    .ft-summary-row[b-cnx3m96te8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .ft-summary-row[b-cnx3m96te8] {
        grid-template-columns: 1fr;
    }
}

.ft-kpi[b-cnx3m96te8] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem;
    border-radius: 0.75rem;
    border: 1px solid var(--ft-border);
    background: var(--ft-surface);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ft-kpi:hover[b-cnx3m96te8] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.ft-kpi-icon[b-cnx3m96te8] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.ft-kpi--count .ft-kpi-icon[b-cnx3m96te8] {
    background: rgba(0, 103, 71, 0.12);
    color: var(--ft-accent);
}

.ft-kpi--income .ft-kpi-icon[b-cnx3m96te8] {
    background: #dcfce7;
    color: #15803d;
}

.ft-kpi--expense .ft-kpi-icon[b-cnx3m96te8] {
    background: #fee2e2;
    color: #b91c1c;
}

.ft-kpi--net .ft-kpi-icon[b-cnx3m96te8] {
    background: #e0f2fe;
    color: #0369a1;
}

.ft-kpi-value[b-cnx3m96te8] {
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.15;
    color: var(--ft-ink);
    font-variant-numeric: tabular-nums;
}

.ft-kpi-value.is-positive[b-cnx3m96te8] {
    color: #15803d;
}

.ft-kpi-value.is-negative[b-cnx3m96te8] {
    color: #b91c1c;
}

.ft-kpi-label[b-cnx3m96te8] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--ft-muted);
    margin-top: 0.15rem;
}

/* Main card shell */
.financial-transactions-page .ft-main-card.list-page-card[b-cnx3m96te8] {
    border: 1px solid var(--ft-border);
    border-radius: 0.85rem;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.financial-transactions-page .ft-main-card .list-page-body[b-cnx3m96te8] {
    flex: 1 1 0;
    min-height: 0;
}

.ft-tracking-chip[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    border-radius: 2rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #334155;
    background: #fff;
    border: 1px solid var(--ft-border);
}

.ft-tracking-chip[b-cnx3m96te8] {
    background: rgba(0, 103, 71, 0.06);
    border-color: rgba(0, 103, 71, 0.22);
    color: var(--ft-accent);
}

.ft-tracking-chip i[b-cnx3m96te8] {
    opacity: 0.85;
}

.ft-tracking-clear[b-cnx3m96te8] {
    border: none;
    background: transparent;
    color: var(--ft-accent);
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin-inline-start: 0.25rem;
}

.ft-tracking-clear:hover[b-cnx3m96te8] {
    color: #004d35;
}

.ft-btn-create[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-weight: 600;
    height: 34px;
    padding: 0 0.85rem;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(0, 103, 71, 0.25);
    white-space: nowrap;
}

.ft-btn-create:hover[b-cnx3m96te8] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 103, 71, 0.3);
}

/* Fund purpose totals banner */
.ft-purpose-banner[b-cnx3m96te8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    margin: 0.65rem 1rem 0;
    padding: 0.65rem 0.9rem;
    border-radius: 0.65rem;
    border: 1px solid rgba(0, 103, 71, 0.2);
    background: linear-gradient(90deg, rgba(0, 103, 71, 0.08) 0%, rgba(167, 196, 188, 0.15) 100%);
}

.ft-purpose-banner-title[b-cnx3m96te8] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ft-accent);
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.ft-purpose-banner-stats[b-cnx3m96te8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.ft-purpose-stat[b-cnx3m96te8] {
    font-size: 0.8125rem;
    font-weight: 600;
    padding: 0.25rem 0.6rem;
    border-radius: 0.4rem;
    background: #fff;
    border: 1px solid var(--ft-border);
    font-variant-numeric: tabular-nums;
}

.ft-purpose-stat--in[b-cnx3m96te8] {
    color: #15803d;
    border-color: #bbf7d0;
}

.ft-purpose-stat--out[b-cnx3m96te8] {
    color: #b91c1c;
    border-color: #fecaca;
}

.ft-purpose-stat--net[b-cnx3m96te8] {
    color: #334155;
}

/* Toolbar — one row: search + filters + columns + actions (like purchase invoices header) */
.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding: 0.65rem 0.85rem;
    background: linear-gradient(180deg, #fcfffe 0%, #f8fafc 100%);
    border-bottom: 1px solid var(--ft-border);
    gap: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-toolbar::-webkit-scrollbar {
    height: 5px;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-toolbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-search {
    flex: 0 0 auto;
    min-width: 0;
    width: clamp(10rem, 14vw, 14rem);
    max-width: 14rem;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-filters,
.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-filters.udt-filter-wrap {
    flex: 1 1 0;
    flex-wrap: nowrap;
    align-items: center;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-column-visibility {
    flex: 0 0 auto;
}

.financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-toolbar-actions {
    flex: 0 0 auto;
    margin-inline-start: auto;
    position: sticky;
    inset-inline-end: 0;
    z-index: 2;
    background: linear-gradient(90deg, transparent 0%, #f8fafc 12%, #f8fafc 100%);
    padding-inline-start: 0.35rem;
}

html[dir="rtl"] .financial-transactions-page[b-cnx3m96te8]  .ft-data-table .udt-toolbar-actions {
    background: linear-gradient(270deg, transparent 0%, #f8fafc 12%, #f8fafc 100%);
}

.financial-transactions-page[b-cnx3m96te8]  .udt-toolbar input[type="date"].udt-filter-select,
.financial-transactions-page[b-cnx3m96te8]  .ft-filter-date {
    min-width: 8.75rem !important;
    width: 8.75rem !important;
    max-width: 8.75rem !important;
}

.financial-transactions-page[b-cnx3m96te8]  .udt-toolbar select.udt-filter-select,
.financial-transactions-page[b-cnx3m96te8]  .udt-toolbar .udt-filter-wrap select {
    min-width: 7.5rem;
    max-width: 9.5rem;
    width: 9rem;
}

.ft-filters-grid[b-cnx3m96te8] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem;
    width: auto;
}

/* RTL: DOM starts with Clear; row-reverse keeps Clear on the far left, Type beside Columns */
html[dir="rtl"] .financial-transactions-page .ft-filters-grid[b-cnx3m96te8] {
    flex-direction: row-reverse;
}

.ft-filter-field[b-cnx3m96te8] {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 0.3rem;
    margin: 0;
    flex: 0 0 auto;
    white-space: nowrap;
}

.ft-filter-field--wide .udt-filter-select[b-cnx3m96te8] {
    width: 10.5rem;
    max-width: 10.5rem;
}

.ft-filter-field--action[b-cnx3m96te8] {
    align-self: center;
}

.ft-filter-label[b-cnx3m96te8] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    color: var(--ft-muted);
    flex-shrink: 0;
}

.ft-btn-clear[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    height: 34px;
    white-space: nowrap;
    flex-shrink: 0;
}

/* Table */
.financial-transactions-page[b-cnx3m96te8]  .udt-table-wrapper {
    background: var(--ft-surface);
}

.financial-transactions-page[b-cnx3m96te8]  .udt-thead th {
    background: linear-gradient(180deg, rgba(0, 103, 71, 0.1) 0%, rgba(0, 103, 71, 0.04) 100%) !important;
    color: var(--ft-accent) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 0.7rem 0.85rem !important;
    border-bottom: 2px solid rgba(0, 103, 71, 0.18) !important;
    white-space: nowrap;
}

.financial-transactions-page[b-cnx3m96te8]  .udt-table tbody td {
    padding: 0.72rem 0.85rem !important;
    font-size: 0.875rem;
    vertical-align: middle;
    border-bottom: 1px solid #f1f5f9;
}

.financial-transactions-page[b-cnx3m96te8]  .udt-table tbody tr:nth-child(even) {
    background: #fafbfc;
}

.financial-transactions-page[b-cnx3m96te8]  .udt-table tbody tr:hover td {
    background: rgba(0, 103, 71, 0.04) !important;
}

/* Cell styles */
.ft-date[b-cnx3m96te8] {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: #334155;
    white-space: nowrap;
}

.ft-type-pill[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.55rem;
    border-radius: 2rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.ft-type-pill--income[b-cnx3m96te8] {
    background: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.ft-type-pill--expense[b-cnx3m96te8] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.ft-type-pill--transfer[b-cnx3m96te8] {
    background: #e0f2fe;
    color: #075985;
    border: 1px solid #7dd3fc;
}

.ft-amount[b-cnx3m96te8] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.2rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    white-space: nowrap;
}

.ft-amount-sign[b-cnx3m96te8] {
    font-size: 0.8rem;
    opacity: 0.75;
}

.ft-amount--income[b-cnx3m96te8] {
    color: #15803d;
}

.ft-amount--expense[b-cnx3m96te8] {
    color: #b91c1c;
}

.ft-account[b-cnx3m96te8] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #334155;
    font-weight: 500;
}

.ft-account i[b-cnx3m96te8] {
    color: var(--ft-accent);
    opacity: 0.7;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.ft-purpose[b-cnx3m96te8],
.ft-desc[b-cnx3m96te8] {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #475569;
}

.ft-desc[b-cnx3m96te8] {
    font-size: 0.84rem;
}

/* Row actions */
.ft-action-icons[b-cnx3m96te8] {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.ft-icon-btn[b-cnx3m96te8] {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border-radius: 0.45rem;
    border: 1px solid var(--ft-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    line-height: 1;
    background: #fff;
    color: #475569;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
    cursor: pointer;
}

.ft-icon-btn:hover[b-cnx3m96te8] {
    transform: translateY(-1px);
}

.ft-icon-btn:focus-visible[b-cnx3m96te8] {
    outline: 2px solid var(--ft-accent);
    outline-offset: 2px;
}

.ft-icon-btn--info[b-cnx3m96te8] {
    color: var(--ft-accent);
    border-color: rgba(0, 103, 71, 0.3);
    background: var(--ft-accent-soft);
}

.ft-icon-btn--info:hover[b-cnx3m96te8] {
    background: rgba(0, 103, 71, 0.14);
    border-color: var(--ft-accent);
    color: #004d35;
}

.ft-icon-btn--warning[b-cnx3m96te8] {
    color: #a16207;
    border-color: #fde68a;
    background: #fffbeb;
}

.ft-icon-btn--warning:hover[b-cnx3m96te8] {
    background: #fef3c7;
    border-color: #fbbf24;
    color: #854d0e;
}

.ft-icon-btn--neutral[b-cnx3m96te8] {
    color: #64748b;
}

.ft-icon-btn--neutral:hover[b-cnx3m96te8] {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #334155;
}

/* Focus highlight from task navigation */
.financial-transactions-page[b-cnx3m96te8]  .udt-table-wrapper tbody tr.ft-row-focus td {
    background: #fff3cd !important;
    animation: ft-focus-pulse-b-cnx3m96te8 1.1s ease-in-out 3;
}

@keyframes ft-focus-pulse-b-cnx3m96te8 {
    0% { background-color: #ffe8a1; }
    50% { background-color: #fff7d6; }
    100% { background-color: #fff3cd; }
}

/* Pagination */
.financial-transactions-page[b-cnx3m96te8]  .udt-pagination {
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-top: 1px solid var(--ft-border);
    font-size: 0.8125rem;
}

@media (prefers-reduced-motion: reduce) {
    .ft-kpi:hover[b-cnx3m96te8],
    .ft-btn-create:hover[b-cnx3m96te8],
    .ft-icon-btn:hover[b-cnx3m96te8] {
        transform: none;
    }

    .financial-transactions-page[b-cnx3m96te8]  .udt-table-wrapper tbody tr.ft-row-focus td {
        animation: none;
    }

}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/FundCustody.razor.rz.scp.css */
/* Fund Custody — split layout, case list, detail panel */
.fund-custody-page[b-5teut2jete] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: calc(100vh - 7rem);
    padding-bottom: 1rem;
}

/* Toolbar */
.fc-toolbar[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.875rem 1.125rem;
    background: var(--card-bg-color, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-md, 0.5rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fc-toolbar-filters[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.fc-search-wrap[b-5teut2jete] {
    position: relative;
    flex: 1 1 200px;
    max-width: 320px;
}

.fc-search-wrap i[b-5teut2jete] {
    position: absolute;
    top: 50%;
    inset-inline-start: 0.75rem;
    transform: translateY(-50%);
    color: var(--text-muted, #9ca3af);
    font-size: 0.85rem;
    pointer-events: none;
}

.fc-search-wrap input[b-5teut2jete] {
    padding-inline-start: 2.25rem;
    border-radius: 2rem;
    border-color: rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
}

.fc-search-wrap input:focus[b-5teut2jete] {
    border-color: var(--primary-color, #0d6efd);
    box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.12);
}

.fc-filter-pill[b-5teut2jete] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.35rem 0.85rem;
    border-radius: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #f8f9fa;
    font-size: 0.8125rem;
    cursor: pointer;
    user-select: none;
    transition: background 0.15s, border-color 0.15s;
}

.fc-filter-pill:hover[b-5teut2jete] {
    background: #eef2f7;
}

.fc-filter-pill input[b-5teut2jete] {
    margin: 0;
    cursor: pointer;
}

.fc-filter-pill.is-active[b-5teut2jete] {
    background: rgba(13, 110, 253, 0.08);
    border-color: rgba(13, 110, 253, 0.35);
    color: var(--primary-color, #0d6efd);
}

.fc-toolbar-actions[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

/* Main split layout */
.fc-layout[b-5teut2jete] {
    display: flex;
    gap: 1rem;
    flex: 1;
    min-height: 0;
    align-items: stretch;
}

@media (max-width: 991.98px) {
    .fc-layout[b-5teut2jete] {
        flex-direction: column;
    }
}

/* Sidebar — case list */
.fc-sidebar[b-5teut2jete] {
    flex: 0 0 340px;
    max-width: 380px;
    display: flex;
    flex-direction: column;
    min-height: 420px;
    background: var(--card-bg-color, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-md, 0.5rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

@media (max-width: 991.98px) {
    .fc-sidebar[b-5teut2jete] {
        flex: none;
        max-width: none;
        min-height: 280px;
        max-height: 360px;
    }
}

.fc-sidebar-header[b-5teut2jete] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.875rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}

.fc-sidebar-header h6[b-5teut2jete] {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.fc-sidebar-header h6 i[b-5teut2jete] {
    color: var(--primary-color, #0d6efd);
    opacity: 0.85;
}

.fc-count-badge[b-5teut2jete] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 1rem;
    background: rgba(13, 110, 253, 0.1);
    color: var(--primary-color, #0d6efd);
    font-size: 0.75rem;
    font-weight: 600;
}

.fc-case-list[b-5teut2jete] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
}

.fc-case-item[b-5teut2jete] {
    display: block;
    width: 100%;
    text-align: inherit;
    border: 1px solid transparent;
    border-radius: 0.5rem;
    padding: 0.875rem 1rem;
    margin-bottom: 0.375rem;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}

.fc-case-item:hover[b-5teut2jete] {
    background: #f3f6f9;
}

.fc-case-item.is-selected[b-5teut2jete] {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.12) 0%, rgba(13, 110, 253, 0.06) 100%);
    border-color: rgba(13, 110, 253, 0.35);
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.1);
}

.fc-case-item-top[b-5teut2jete] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.fc-case-tag[b-5teut2jete] {
    font-weight: 600;
    font-size: 0.9375rem;
    color: var(--text-color, #1f2937);
    line-height: 1.3;
}

.fc-case-item.is-selected .fc-case-tag[b-5teut2jete] {
    color: var(--primary-color, #0d6efd);
}

.fc-case-desc[b-5teut2jete] {
    font-size: 0.8125rem;
    color: var(--text-muted, #6b7280);
    margin-top: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.fc-case-item.is-selected .fc-case-desc[b-5teut2jete] {
    color: rgba(13, 110, 253, 0.75);
}

.fc-status-badge[b-5teut2jete] {
    flex-shrink: 0;
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 1rem;
    text-transform: none;
    letter-spacing: 0;
}

.fc-status-badge.open[b-5teut2jete] {
    background: rgba(245, 158, 11, 0.15);
    color: #b45309;
}

.fc-status-badge.settled[b-5teut2jete] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.fc-balance-chips[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    justify-content: flex-end;
}

.fc-balance-chip[b-5teut2jete] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    padding: 0.2rem 0.55rem;
    border-radius: 0.35rem;
    background: rgba(0, 0, 0, 0.04);
    font-size: 0.8125rem;
}

.fc-case-item.is-selected .fc-balance-chip[b-5teut2jete] {
    background: rgba(255, 255, 255, 0.65);
}

.fc-balance-chip .amount[b-5teut2jete] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.fc-balance-chip .code[b-5teut2jete] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: var(--text-muted, #6b7280);
    text-transform: uppercase;
}

.fc-empty-sidebar[b-5teut2jete] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--text-muted, #6b7280);
}

.fc-empty-sidebar i[b-5teut2jete] {
    font-size: 2rem;
    opacity: 0.35;
    margin-bottom: 0.75rem;
}

/* Detail panel */
.fc-detail[b-5teut2jete] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.fc-detail-empty[b-5teut2jete] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 2rem;
    text-align: center;
    background: var(--card-bg-color, #fff);
    border: 1px dashed rgba(0, 0, 0, 0.12);
    border-radius: var(--border-radius-md, 0.5rem);
    color: var(--text-muted, #6b7280);
}

.fc-detail-empty i[b-5teut2jete] {
    font-size: 2.5rem;
    opacity: 0.25;
    margin-bottom: 1rem;
}

.fc-detail-panel[b-5teut2jete] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.fc-detail-header[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.125rem 1.25rem;
    background: var(--card-bg-color, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-md, 0.5rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fc-detail-title[b-5teut2jete] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0 0 0.25rem;
    color: var(--text-color, #111827);
}

.fc-detail-meta[b-5teut2jete] {
    font-size: 0.8125rem;
    color: var(--text-muted, #6b7280);
}

.fc-detail-actions[b-5teut2jete] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.fc-detail-actions .btn-give[b-5teut2jete] {
    background: #dc3545;
    border-color: #dc3545;
    color: #fff;
}

.fc-detail-actions .btn-give:hover[b-5teut2jete] {
    background: #bb2d3b;
    border-color: #b02a37;
    color: #fff;
}

.fc-detail-actions .btn-return[b-5teut2jete] {
    background: #198754;
    border-color: #198754;
    color: #fff;
}

.fc-detail-actions .btn-return:hover[b-5teut2jete] {
    background: #157347;
    border-color: #146c43;
    color: #fff;
}

/* Summary KPI cards */
.fc-summary-grid[b-5teut2jete] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.75rem;
}

.fc-summary-card[b-5teut2jete] {
    padding: 1rem 1.125rem;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fafbfc;
    transition: box-shadow 0.15s;
}

.fc-summary-card:hover[b-5teut2jete] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.fc-summary-card.highlight[b-5teut2jete] {
    background: linear-gradient(135deg, rgba(13, 110, 253, 0.08) 0%, rgba(13, 110, 253, 0.03) 100%);
    border-color: rgba(13, 110, 253, 0.2);
}

.fc-summary-card.usd-total[b-5teut2jete] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.04) 100%);
    border-color: rgba(16, 185, 129, 0.25);
}

.fc-summary-label[b-5teut2jete] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #6b7280);
    margin-bottom: 0.35rem;
}

.fc-summary-value[b-5teut2jete] {
    font-size: 1.125rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.2;
    color: var(--text-color, #111827);
}

.fc-summary-value.outstanding[b-5teut2jete] {
    color: #b45309;
}

.fc-summary-currency[b-5teut2jete] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted, #6b7280);
    margin-top: 0.15rem;
}

/* Balance table card */
.fc-section-card[b-5teut2jete] {
    background: var(--card-bg-color, #fff);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--border-radius-md, 0.5rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.fc-section-header[b-5teut2jete] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    background: #fafbfc;
}

.fc-section-header h6[b-5teut2jete] {
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
}

.fc-section-header i[b-5teut2jete] {
    color: var(--primary-color, #0d6efd);
    opacity: 0.8;
    font-size: 0.875rem;
}

.fc-section-body[b-5teut2jete] {
    padding: 0;
}

.fc-section-body .table[b-5teut2jete] {
    margin: 0;
    font-size: 0.875rem;
}

.fc-section-body .table thead th[b-5teut2jete] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--text-muted, #6b7280);
    border-bottom-width: 1px;
    white-space: nowrap;
    padding: 0.65rem 1rem;
}

.fc-section-body .table tbody td[b-5teut2jete] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    font-variant-numeric: tabular-nums;
}

.fc-section-body .table tbody tr:last-child td[b-5teut2jete] {
    border-bottom: none;
}

.fc-amount-out[b-5teut2jete] {
    color: #dc3545;
    font-weight: 600;
}

.fc-amount-in[b-5teut2jete] {
    color: #198754;
    font-weight: 600;
}

.fc-amount-usd[b-5teut2jete] {
    color: #047857;
    font-weight: 600;
    font-size: 0.8125rem;
}

.fc-movement-badge[b-5teut2jete] {
    font-size: 0.6875rem;
    font-weight: 600;
    padding: 0.3rem 0.55rem;
    border-radius: 0.35rem;
    white-space: nowrap;
}

.fc-movement-badge.disbursement[b-5teut2jete] {
    background: rgba(220, 53, 69, 0.12);
    color: #dc3545;
}

.fc-movement-badge.opening[b-5teut2jete] {
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

.fc-movement-badge.return[b-5teut2jete] {
    background: rgba(25, 135, 84, 0.12);
    color: #198754;
}

.fc-empty-section[b-5teut2jete] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-muted, #6b7280);
    font-size: 0.875rem;
}

/* Modal sections */
.fc-modal-section[b-5teut2jete] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.fc-modal-section-title[b-5teut2jete] {
    font-size: 0.8125rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-muted, #6b7280);
    margin-bottom: 0.875rem;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.fc-modal-section-title i[b-5teut2jete] {
    font-size: 0.75rem;
}

.fc-usd-preview[b-5teut2jete] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.75rem;
    padding: 0.65rem 0.875rem;
    border-radius: 0.375rem;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
    font-size: 0.875rem;
}

.fc-usd-preview .label[b-5teut2jete] {
    color: #047857;
    font-weight: 500;
}

.fc-usd-preview .value[b-5teut2jete] {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: #065f46;
}

.fc-loading[b-5teut2jete] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    gap: 1rem;
    color: var(--text-muted, #6b7280);
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/FxImpactPreview.razor.rz.scp.css */
.fxi-card[b-a3xa8jabvs] {
    margin-block-start: 0.65rem;
    padding: 0.75rem 0.9rem;
    border-radius: 10px;
    background: #eaf3ef;
    border: 1px solid #cfe2d9;
}

.fxi-card-title[b-a3xa8jabvs] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #67736d;
    margin-block-end: 0.55rem;
}

.fxi-stats[b-a3xa8jabvs] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.fxi-stat[b-a3xa8jabvs] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    background: #fff;
    border: 1px solid #dbe4df;
    border-radius: 8px;
    padding: 0.35rem 0.7rem;
    min-inline-size: 84px;
}

.fxi-stat--result[b-a3xa8jabvs] {
    border-color: #cfe2d9;
    background: #f4f9f6;
}

.fxi-stat-label[b-a3xa8jabvs] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7686;
    white-space: nowrap;
}

.fxi-stat-value[b-a3xa8jabvs] {
    font-size: 0.95rem;
    font-weight: 700;
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
}

.fxi-vs[b-a3xa8jabvs],
.fxi-arrow[b-a3xa8jabvs] {
    color: #9aa5a0;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.fxi-hint[b-a3xa8jabvs] {
    margin-block-start: 0.5rem;
    font-size: 0.76rem;
    color: #6b7686;
    line-height: 1.5;
}

.fxi-gain[b-a3xa8jabvs] {
    color: #1b7a3d;
}

.fxi-loss[b-a3xa8jabvs] {
    color: #b3261e;
}

.fxi-zero[b-a3xa8jabvs] {
    color: #6b7686;
}

.fxi-warn[b-a3xa8jabvs] {
    color: #9a7b0a;
    font-weight: 600;
    font-size: 0.85rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/FxPnLReport.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   FX P&L report — styled on the ERP green identity (#006747).
   Neutrals are tinted toward the brand green; numbers stay LTR.
   ═══════════════════════════════════════════════════════════════ */

/* The drill-down modal renders OUTSIDE .fxp-page, so the palette
   must be declared on both roots or the badge colors silently drop. */
.fxp-page[b-332cscjb0g],
.fxp-drill[b-332cscjb0g] {
    --fxp-green: var(--primary-color, #006747);
    --fxp-green-soft: #eaf3ef;      /* green-tinted surface */
    --fxp-green-border: #cfe2d9;
    --fxp-ink: var(--text-color, #2c3230);
    --fxp-ink-soft: #67736d;        /* green-tinted muted text */
    --fxp-line: #dbe4df;            /* green-tinted border */
    --fxp-loss: #b3261e;
    --fxp-loss-soft: #fdecea;
    --fxp-gain: #1b7a3d;
    --fxp-gain-soft: #e8f5ec;
    --fxp-warn: #8a6d0b;
    --fxp-warn-soft: #fdf6df;
}

.fxp-page[b-332cscjb0g] {
    padding-block: 0.5rem;
}

.fxp-disabled-panel[b-332cscjb0g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    padding: 3rem 1rem;
    color: var(--fxp-ink-soft);
}

.fxp-disabled-panel i[b-332cscjb0g] {
    font-size: 2rem;
}

/* ── Toolbar: presets + period ── */
.fxp-toolbar[b-332cscjb0g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem 1.5rem;
    margin-block-end: 1rem;
    flex-wrap: wrap;
}

.fxp-presets[b-332cscjb0g] {
    display: inline-flex;
    background: var(--fxp-green-soft);
    border: 1px solid var(--fxp-green-border);
    border-radius: 10px;
    padding: 3px;
    gap: 2px;
}

.fxp-preset[b-332cscjb0g] {
    border: 0;
    background: transparent;
    padding: 0.35rem 0.95rem;
    border-radius: 8px;
    font-size: 0.83rem;
    font-weight: 600;
    color: var(--fxp-ink-soft);
    cursor: pointer;
    transition: background 0.15s ease-out, color 0.15s ease-out;
}

.fxp-preset:hover[b-332cscjb0g] {
    color: var(--fxp-green);
}

.fxp-preset.is-active[b-332cscjb0g] {
    background: var(--card-bg-color, #fff);
    color: var(--fxp-green);
    box-shadow: 0 1px 2px rgba(20, 45, 35, 0.12);
}

.fxp-filters[b-332cscjb0g] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.fxp-filter-field[b-332cscjb0g] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--fxp-ink-soft);
}

.fxp-filter-field input[b-332cscjb0g] {
    border: 1px solid var(--fxp-line);
    border-radius: 8px;
    padding: 0.38rem 0.6rem;
    font-size: 0.85rem;
    background: var(--card-bg-color, #fff);
    color: inherit;
}

.fxp-filter-field input:focus[b-332cscjb0g] {
    outline: 2px solid var(--fxp-green);
    outline-offset: 1px;
    border-color: var(--fxp-green);
}

.fxp-apply[b-332cscjb0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
}

/* ── Summary strip ── */
.fxp-summary[b-332cscjb0g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 2rem;
    flex-wrap: wrap;
    background: var(--fxp-green-soft);
    border: 1px solid var(--fxp-green-border);
    border-radius: 12px;
    padding: 0.85rem 1.25rem;
    margin-block-end: 1rem;
}

.fxp-summary-main[b-332cscjb0g] {
    display: flex;
    align-items: center;
    gap: 0.9rem 2rem;
    flex-wrap: wrap;
}

.fxp-summary-icon[b-332cscjb0g] {
    inline-size: 42px;
    block-size: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    background: var(--card-bg-color, #fff);
    box-shadow: 0 1px 3px rgba(20, 45, 35, 0.10);
}

.fxp-summary-text[b-332cscjb0g] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
}

.fxp-summary-label[b-332cscjb0g] {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--fxp-ink-soft);
}

.fxp-summary-figure[b-332cscjb0g] {
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1.15;
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
}

.fxp-summary-meta[b-332cscjb0g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fxp-chip[b-332cscjb0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.22rem 0.7rem;
    border-radius: 999px;
    font-size: 0.76rem;
    font-weight: 600;
    background: var(--card-bg-color, #fff);
    border: 1px solid var(--fxp-green-border);
    color: var(--fxp-ink-soft);
}

.fxp-chip--ok[b-332cscjb0g] {
    color: var(--fxp-green);
}

.fxp-chip--warn[b-332cscjb0g] {
    background: var(--fxp-warn-soft);
    border-color: #ead9a0;
    color: var(--fxp-warn);
}

.fxp-chip--muted[b-332cscjb0g] {
    color: var(--fxp-ink-soft);
}

/* ── Banners ── */
.fxp-banner[b-332cscjb0g] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    border-radius: 10px;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    margin-block-end: 0.75rem;
    border: 1px solid;
}

.fxp-banner--warn[b-332cscjb0g] {
    background: var(--fxp-warn-soft);
    border-color: #ead9a0;
    color: var(--fxp-warn);
}

.fxp-banner--error[b-332cscjb0g] {
    background: var(--fxp-loss-soft);
    border-color: #ecc4c1;
    color: #8f1d16;
}

/* ── Account cell ── */
.fxp-account[b-332cscjb0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
}

.fxp-account-wallet[b-332cscjb0g] {
    inline-size: 34px;
    block-size: 34px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--fxp-green-soft);
    color: var(--fxp-green);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.fxp-account-wallet--usd[b-332cscjb0g] {
    background: #f1f3f2;
    color: var(--fxp-ink-soft);
}

.fxp-account-text[b-332cscjb0g] {
    display: flex;
    flex-direction: column;
    gap: 0.05rem;
    min-inline-size: 0;
}

.fxp-account-name[b-332cscjb0g] {
    font-weight: 700;
    color: var(--fxp-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-inline-size: 240px;
}

.fxp-account-cur[b-332cscjb0g] {
    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: var(--fxp-ink-soft);
}

/* ── Numeric cells ── */
.fxp-num[b-332cscjb0g] {
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
}

.fxp-avg-cell[b-332cscjb0g] {
    font-weight: 600;
    color: var(--fxp-ink);
}

.fxp-balance[b-332cscjb0g] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.fxp-bal-main[b-332cscjb0g] {
    font-weight: 700;
    color: var(--fxp-ink);
}

.fxp-usd-approx[b-332cscjb0g] {
    color: var(--fxp-ink-soft);
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
}

/* ── Result badges ── */
.fxp-badge[b-332cscjb0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.8rem;
    border-radius: 999px;
    font-weight: 800;
    font-size: 0.88rem;
    direction: ltr;
    unicode-bidi: embed;
    font-variant-numeric: tabular-nums;
    border: 1px solid transparent;
}

.fxp-badge--warn[b-332cscjb0g] {
    background: var(--fxp-warn-soft);
    border-color: #ead9a0;
    color: var(--fxp-warn);
    font-weight: 600;
    font-size: 0.78rem;
}

.fxp-nofx[b-332cscjb0g] {
    color: var(--fxp-ink-soft);
    font-size: 0.8rem;
}

.fxp-gain[b-332cscjb0g] {
    color: var(--fxp-gain, #1b7a3d);
}

.fxp-loss[b-332cscjb0g] {
    color: var(--fxp-loss, #b3261e);
}

.fxp-zero[b-332cscjb0g] {
    color: var(--fxp-ink-soft);
}

.fxp-badge.fxp-gain[b-332cscjb0g] {
    background: var(--fxp-gain-soft, #e8f5ec);
    border-color: #b9d8b6;
    color: var(--fxp-gain, #1b7a3d);
}

.fxp-badge.fxp-loss[b-332cscjb0g] {
    background: var(--fxp-loss-soft, #fdecea);
    border-color: #ecc4c1;
    color: var(--fxp-loss, #b3261e);
}

.fxp-badge.fxp-zero[b-332cscjb0g] {
    background: #f1f3f2;
    border-color: var(--fxp-line);
}

/* ── Row states + click affordance ── */
.fxp-table[b-332cscjb0g]  tbody tr {
    cursor: pointer;
}

.fxp-table[b-332cscjb0g]  .fxp-row--nofx td {
    opacity: 0.62;
}

.fxp-table[b-332cscjb0g]  .fxp-row--warnrow td {
    background: var(--fxp-warn-soft);
}

.fxp-open-hint[b-332cscjb0g] {
    color: var(--fxp-ink-soft);
    opacity: 0.45;
    font-size: 0.85rem;
    transition: opacity 0.15s ease-out, color 0.15s ease-out;
}

.fxp-table[b-332cscjb0g]  tbody tr:hover .fxp-open-hint {
    opacity: 1;
    color: var(--fxp-green);
}

/* ── Drill-down modal ── */
.fxp-drill-scroll[b-332cscjb0g] {
    overflow-x: auto;
}

.fxp-drill-table[b-332cscjb0g] {
    width: 100%;
    min-inline-size: 1050px;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.fxp-drill-table th[b-332cscjb0g] {
    background: var(--fxp-green-soft);
    color: var(--fxp-ink);
    padding: 0.5rem 0.6rem;
    text-align: start;
    border-bottom: 2px solid var(--fxp-green-border);
    white-space: nowrap;
}

.fxp-drill-table td[b-332cscjb0g] {
    padding: 0.45rem 0.6rem;
    border-bottom: 1px solid #edf2ef;
    vertical-align: middle;
}

.fxp-nowrap[b-332cscjb0g] {
    white-space: nowrap;
}

.fxp-drill-th-desc[b-332cscjb0g] {
    min-inline-size: 220px;
}

.fxp-drill-desc[b-332cscjb0g] {
    max-inline-size: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fxp-drill-row--income td[b-332cscjb0g] {
    background: #f4faf5;
}

.fxp-drill-na[b-332cscjb0g] {
    color: #9aa5a0;
}

.fxp-drill-total-row td[b-332cscjb0g] {
    background: var(--fxp-green-soft);
    font-weight: 700;
    border-top: 2px solid var(--fxp-green-border);
}

.fxp-sortable[b-332cscjb0g] {
    cursor: pointer;
    user-select: none;
}

.fxp-sortable:hover[b-332cscjb0g] {
    background: #dcebe3;
}

.fxp-pill[b-332cscjb0g] {
    display: inline-block;
    padding: 0.1rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 700;
}

.fxp-pill--income[b-332cscjb0g] {
    background: var(--fxp-gain-soft);
    color: var(--fxp-gain);
}

.fxp-pill--expense[b-332cscjb0g] {
    background: var(--fxp-loss-soft);
    color: var(--fxp-loss);
}

.fxp-avg-chip[b-332cscjb0g] {
    display: inline-block;
    background: var(--fxp-green-soft);
    border: 1px solid var(--fxp-green-border);
    color: var(--fxp-green);
    border-radius: 6px;
    padding: 0.1rem 0.5rem;
    font-size: 0.75rem;
    white-space: nowrap;
}

.fxp-drill-empty[b-332cscjb0g] {
    text-align: center;
    color: var(--fxp-ink-soft);
    padding: 1.5rem;
}

@media (prefers-reduced-motion: reduce) {
    .fxp-preset[b-332cscjb0g],
    .fxp-open-hint[b-332cscjb0g] {
        transition: none;
    }
}

/* Fresh-average restart chip (self-healing after a negative-balance gap) */
.fxp-fresh-chip[b-332cscjb0g] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    background: var(--fxp-green);
    color: #f2f8f5;
    border-radius: 6px;
    padding: 0.12rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.fxp-pill--transfer[b-332cscjb0g] {
    background: #e0f2fe;
    color: #075985;
    border: 1px solid #7dd3fc;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/ManageFinance.razor.rz.scp.css */
.manage-finance-page[b-viou1y3j4f] {
    display: flex;
    flex-direction: column;
    gap: 0;
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.manage-finance-tabs[b-viou1y3j4f] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-finance-tabs[b-viou1y3j4f]::-webkit-scrollbar { display: none; }

.manage-finance-tab[b-viou1y3j4f] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-finance-tab:hover[b-viou1y3j4f] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-finance-tab.active[b-viou1y3j4f] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-finance-tab-icon[b-viou1y3j4f] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-finance-tab.active .manage-finance-tab-icon[b-viou1y3j4f] {
    opacity: 1;
}

.manage-finance-content[b-viou1y3j4f] {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.manage-finance-content[b-viou1y3j4f]  > * {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
}

.manage-finance-loading[b-viou1y3j4f] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 180px;
    color: #50645e;
    font-weight: 700;
}

@media (max-width: 768px) {
    .manage-finance-tabs[b-viou1y3j4f] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-finance-tab[b-viou1y3j4f] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PaymentAndFinancial/TransactionAuditTrail.razor.rz.scp.css */
.timeline[b-the1a6yroa] {
    position: relative;
    padding: 20px 0;
}

.timeline[b-the1a6yroa]::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin-left: -1.5px;
}

.timeline-item[b-the1a6yroa] {
    position: relative;
    margin-bottom: 30px;
}

.timeline-badge[b-the1a6yroa] {
    position: absolute;
    top: 16px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #999;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .timeline-badge.created[b-the1a6yroa] {
        background-color: #28a745;
    }

    .timeline-badge.updated[b-the1a6yroa] {
        background-color: #ffc107;
    }

    .timeline-badge.deleted[b-the1a6yroa] {
        background-color: #dc3545;
    }

    .timeline-badge.reference[b-the1a6yroa] {
        background-color: #17a2b8;
    }

.timeline-panel[b-the1a6yroa] {
    margin-left: 60px;
    border-radius: 4px;
    background-color: #fff;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Payments/Payments.razor.rz.scp.css */
/* Payments page - summary cards and table */
.payments-page[b-4un3ith3ou] {
    padding: 0.25rem 0;
}

/* Summary cards - aligned with Dashboard stat-card style */
.payment-stat-card[b-4un3ith3ou] {
    background: var(--card-bg-color, #fff);
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    box-shadow: var(--shadow-md, 0 2px 8px rgba(0,0,0,0.08));
    transition: transform 0.2s, box-shadow 0.2s;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.06);
}

.payment-stat-card:hover[b-4un3ith3ou] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

.payment-stat-icon[b-4un3ith3ou] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 1rem;
    flex-shrink: 0;
}

.payment-stat-icon i[b-4un3ith3ou] {
    font-size: 1.35rem;
    color: white;
}

.payment-stat-content[b-4un3ith3ou] {
    flex: 1;
    min-width: 0;
}

.payment-stat-number[b-4un3ith3ou] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--black-color, #1a1a2e);
}

.payment-stat-label[b-4un3ith3ou] {
    font-size: 0.85rem;
    color: var(--text-light, #6c757d);
    margin-top: 0.25rem;
}

.payment-stat-detail[b-4un3ith3ou] {
    font-size: 0.75rem;
    color: var(--text-light, #6c757d);
    margin-top: 0.35rem;
}

/* Table card */
.payments-table-card .card-header[b-4un3ith3ou] {
    background: linear-gradient(135deg, rgba(0, 103, 71, 0.08) 0%, rgba(167, 196, 188, 0.12) 100%);
    border-bottom: 1px solid var(--border-color, #dee2e6);
    padding: 1rem 1.25rem;
}

.payments-table-card .card-title[b-4un3ith3ou] {
    font-weight: 600;
    color: var(--dark-color, #333);
}

.payments-table-card .table[b-4un3ith3ou] {
    margin-bottom: 0;
}

.payments-table-card .table thead th[b-4un3ith3ou] {
    background: linear-gradient(180deg, rgba(0, 103, 71, 0.12) 0%, rgba(0, 103, 71, 0.06) 100%);
    color: var(--primary-color, #006747);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid rgba(0, 103, 71, 0.2);
}

.payments-table-card .table tbody td[b-4un3ith3ou] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
}

.payments-table-card .table tbody tr:hover[b-4un3ith3ou] {
    background-color: rgba(0, 103, 71, 0.04);
}

.amount-income[b-4un3ith3ou] {
    font-weight: 600;
    color: var(--success-color, #2ecc71);
}

.amount-expense[b-4un3ith3ou] {
    font-weight: 600;
    color: var(--error-color, #e74c3c);
}

.empty-ref[b-4un3ith3ou] {
    color: var(--text-light, #6c757d);
    font-style: normal;
}

/* Toolbar */
.payments-toolbar[b-4un3ith3ou] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.payments-actions[b-4un3ith3ou] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

/* Filter dropdown */
.payments-filter-dropdown .dropdown-menu[b-4un3ith3ou] {
    min-width: 280px;
    padding: 0.75rem;
    border-radius: var(--border-radius-lg, 8px);
    box-shadow: var(--shadow-lg, 0 10px 25px rgba(0,0,0,0.1));
}

.payments-filter-dropdown .dropdown-header[b-4un3ith3ou] {
    font-weight: 600;
    color: var(--dark-color, #333);
}

/* Summary bar above table */
.payments-summary-bar[b-4un3ith3ou] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
}

/* Pagination */
.payments-pagination[b-4un3ith3ou] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--border-color, #dee2e6);
    background: rgba(0,0,0,0.02);
    font-size: 0.875rem;
}

/* Empty state */
.payments-empty-state[b-4un3ith3ou] {
    padding: 2.5rem 1rem;
    text-align: center;
}

.payments-empty-state i[b-4un3ith3ou] {
    opacity: 0.4;
}

/* Modal improvements */
.payments-modal .modal-header[b-4un3ith3ou] {
    background: linear-gradient(135deg, rgba(0, 103, 71, 0.06) 0%, transparent 100%);
    border-bottom: 1px solid var(--border-color, #dee2e6);
}

.payments-modal .form-label.fw-bold[b-4un3ith3ou] {
    color: var(--text-light, #6c757d);
    font-size: 0.8rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Permission/PermissionAuditTrail.razor.rz.scp.css */
.permission-audit-trail[b-5ukv49kbsd] {
    padding: 15px;
    background-color: var(--card-bg-color);
    border-radius: var(--border-radius-md);
    box-shadow: var(--shadow-sm);
}

.audit-timeline[b-5ukv49kbsd] {
    position: relative;
    margin: 0;
    padding: 0;
}

    .audit-timeline[b-5ukv49kbsd]::before {
        content: '';
        position: absolute;
        left: 16px;
        top: 0;
        height: 100%;
        width: 2px;
        background-color: var(--border-color);
    }

.audit-item[b-5ukv49kbsd] {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}

.audit-badge[b-5ukv49kbsd] {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: white;
    text-align: center;
    line-height: 32px;
    z-index: 1;
}

.audit-content[b-5ukv49kbsd] {
    background-color: rgba(0, 0, 0, 0.02);
    border-radius: var(--border-radius-sm);
    padding: 10px 15px;
    box-shadow: var(--shadow-sm);
}

.audit-header[b-5ukv49kbsd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.audit-title[b-5ukv49kbsd] {
    font-weight: 600;
    color: var(--text-color);
}

.audit-date[b-5ukv49kbsd] {
    font-size: 0.8rem;
    color: var(--text-light);
}

.audit-body[b-5ukv49kbsd] {
    color: var(--text-color);
}
/* _content/SafinAhmedERP.Web/Components/Pages/Permission/PermissionManager.razor.rz.scp.css */
.permission-manager[b-hav607adiz] {
    --perm-border: #e3e8ef;
    --perm-muted: #64748b;
    --perm-surface: #ffffff;
    --perm-track: #f4f7fb;

    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    padding: 0.25rem 0.75rem 0.75rem;
    background: var(--perm-track);
    gap: 0.625rem;
}

.selection-panel[b-hav607adiz] {
    background: var(--perm-surface);
    border: 1px solid var(--perm-border);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    padding: 0.75rem 1rem;
    flex-shrink: 0;
}

.selection-toolbar[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

.selection-group[b-hav607adiz] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    min-width: 0;
}

.selection-label[b-hav607adiz] {
    flex: 0 0 auto;
    margin: 0;
    font-weight: 600;
    font-size: 0.8125rem;
    color: #475569;
    white-space: nowrap;
}

.selection-control[b-hav607adiz] {
    width: min(220px, 100%);
    min-width: 160px;
    height: 36px;
    padding-block: 0.35rem;
    padding-inline: 0.75rem;
    font-size: 0.875rem;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    background-color: #fff;
    color: #0f172a;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.selection-control:focus[b-hav607adiz] {
    border-color: #94a3b8;
    box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.25);
}

.selection-control:disabled[b-hav607adiz] {
    background-color: #f8fafc;
    color: #94a3b8;
    cursor: not-allowed;
}

.selection-divider[b-hav607adiz] {
    width: 1px;
    align-self: stretch;
    min-height: 28px;
    background: var(--perm-border);
    flex-shrink: 0;
}

.selection-status[b-hav607adiz] {
    display: flex;
    align-items: center;
    margin-inline-start: auto;
    min-width: 0;
}

.selection-action-btn[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 8px;
    padding: 0.35rem 0.75rem;
}

.selection-access-badge[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #0f5132;
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    white-space: nowrap;
}

.selection-access-badge i[b-hav607adiz] {
    color: #16a34a;
}

.permissions-panel[b-hav607adiz] {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.perm-toolbar[b-hav607adiz] {
    padding: 0.5rem 0.625rem;
    margin-bottom: 0.625rem;
    background: linear-gradient(180deg, #fafbfc 0%, #f8fafc 100%);
    border: 1px solid var(--perm-border);
    border-radius: 10px;
    flex-shrink: 0;
}

.perm-toolbar__inner[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.perm-toolbar__main[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 auto;
    min-width: 0;
}

.perm-toolbar__end[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    margin-inline-start: auto;
}

.perm-toolbar__divider[b-hav607adiz] {
    width: 1px;
    height: 24px;
    background: var(--perm-border);
    flex-shrink: 0;
}

.perm-preset-group[b-hav607adiz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    flex: 0 1 auto;
}

.perm-preset-actions[b-hav607adiz] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.perm-stats[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.perm-filter-chips[b-hav607adiz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.375rem;
}

.perm-filter-chip[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    height: 32px;
    padding: 0 0.75rem;
    border: 1px solid var(--perm-border);
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.perm-filter-chip:hover[b-hav607adiz] {
    border-color: #cbd5e1;
    background: #f8fafc;
}

.perm-filter-chip.is-active[b-hav607adiz] {
    border-color: #006747;
    background: #ecfdf3;
    color: #006747;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.12);
}

.perm-filter-chip--assigned.is-active[b-hav607adiz] {
    border-color: #006747;
    background: #ecfdf3;
    color: #006747;
}

.perm-filter-chip--unassigned.is-active[b-hav607adiz] {
    border-color: #64748b;
    background: #f1f5f9;
    color: #334155;
    box-shadow: 0 0 0 2px rgba(100, 116, 139, 0.15);
}

.perm-filter-chip__count[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    font-size: 0.75rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.perm-filter-chip.is-active .perm-filter-chip__count[b-hav607adiz] {
    background: rgba(0, 103, 71, 0.15);
}

.perm-filter-chip--unassigned.is-active .perm-filter-chip__count[b-hav607adiz] {
    background: rgba(100, 116, 139, 0.15);
}

.perm-stat[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8125rem;
    color: var(--perm-muted);
}

.perm-stat__dot[b-hav607adiz] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.perm-stat--active .perm-stat__dot[b-hav607adiz] { background: #22c55e; }
.perm-stat--inactive .perm-stat__dot[b-hav607adiz] { background: #f59e0b; }
.perm-stat--unassigned .perm-stat__dot[b-hav607adiz] { background: #94a3b8; }

.perm-stat__value[b-hav607adiz] {
    font-weight: 700;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
}

.perm-stat__label[b-hav607adiz] {
    font-size: 0.75rem;
}

.perm-btn[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 32px;
    padding: 0 0.875rem;
    border-radius: 8px;
    font-size: 0.8125rem;
    font-weight: 600;
    border: none;
    transition: background 0.15s ease, opacity 0.15s ease;
}

.perm-btn--save[b-hav607adiz] {
    background: #006747;
    color: #fff;
}

.perm-btn--save:hover:not(:disabled)[b-hav607adiz] {
    background: #005a3d;
    color: #fff;
}

.perm-btn--save:disabled[b-hav607adiz] {
    opacity: 0.45;
}

.perm-search[b-hav607adiz] {
    position: relative;
    flex: 1 1 120px;
    max-width: 180px;
    min-width: 100px;
}

.perm-search i[b-hav607adiz] {
    position: absolute;
    inset-inline-start: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.75rem;
    pointer-events: none;
}

.perm-search input[b-hav607adiz] {
    height: 32px;
    padding-inline-start: 1.85rem;
    padding-inline-end: 0.65rem;
    font-size: 0.8125rem;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    background: #fff;
}

.perm-search input:focus[b-hav607adiz] {
    border-color: #94a3b8;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, 0.2);
}

.perm-filter[b-hav607adiz] {
    width: auto;
    min-width: 96px;
    max-width: 130px;
    height: 32px;
    padding-block: 0;
    padding-inline: 0.65rem;
    font-size: 0.8125rem;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    background: #fff;
}

.perm-count[b-hav607adiz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--perm-muted);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

.perm-preset-select[b-hav607adiz] {
    width: min(160px, 100%);
    min-width: 110px;
    max-width: 160px;
    height: 32px;
    padding-block: 0;
    padding-inline: 0.65rem;
    font-size: 0.8125rem;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    background: #fff;
}

.perm-icon-btn[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    font-size: 0.8125rem;
    flex-shrink: 0;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.perm-icon-btn:hover:not(:disabled)[b-hav607adiz] {
    border-color: #cbd5e1;
    color: #334155;
    background: #f8fafc;
}

.perm-icon-btn:disabled[b-hav607adiz] {
    opacity: 0.4;
}

.perm-icon-btn--primary:not(:disabled)[b-hav607adiz] {
    color: #006747;
}

.perm-icon-btn--primary:hover:not(:disabled)[b-hav607adiz] {
    border-color: #006747;
    background: #ecfdf3;
    color: #005a3d;
}

.perm-icon-btn--danger:not(:disabled)[b-hav607adiz] {
    color: #dc2626;
}

.perm-icon-btn--danger:hover:not(:disabled)[b-hav607adiz] {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.table-wrapper[b-hav607adiz] {
    flex: 1 1 0;
    min-height: 280px;
    overflow: auto;
    border: 1px solid var(--perm-border);
    border-radius: 10px;
    background: var(--perm-surface);
    -webkit-overflow-scrolling: touch;
}

.table-wrapper .table-responsive[b-hav607adiz] {
    display: block !important;
    flex: none !important;
    min-height: auto !important;
    overflow: visible !important;
    width: 100%;
}

.permission-table[b-hav607adiz] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0;
}

.permission-table thead th[b-hav607adiz] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    padding: 0.65rem 0.85rem;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: start;
    border-bottom: 1px solid var(--perm-border);
    white-space: nowrap;
}

.permission-table tbody td[b-hav607adiz] {
    padding: 0.55rem 0.85rem;
    vertical-align: middle;
    font-size: 0.875rem;
    border-bottom: 1px solid #f1f5f9;
}

.permission-table tbody tr:last-child td[b-hav607adiz] {
    border-bottom: none;
}

.module-header[b-hav607adiz] {
    cursor: pointer;
    user-select: none;
    transition: background 0.15s ease;
}

.module-header:hover td[b-hav607adiz] {
    background: #e4eaf2;
}

.module-header td[b-hav607adiz] {
    background: #eef2f7;
    color: #334155;
    font-weight: 600;
    font-size: 0.8125rem;
    padding: 0.45rem 0.85rem !important;
    text-align: start;
    border-bottom: 1px solid var(--perm-border);
}

.module-header__content[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.module-toggle-icon[b-hav607adiz] {
    width: 0.75rem;
    color: #64748b;
    font-size: 0.7rem;
    transition: transform 0.2s ease;
}

.module-header.is-collapsed .module-toggle-icon[b-hav607adiz] {
    transform: rotate(-90deg);
}

html[dir="rtl"] .module-header.is-collapsed .module-toggle-icon[b-hav607adiz] {
    transform: rotate(90deg);
}

.module-folder-icon[b-hav607adiz] {
    color: #64748b;
    font-size: 0.8rem;
}

.module-header__count[b-hav607adiz] {
    color: var(--perm-muted);
    font-weight: 500;
    font-size: 0.75rem;
}

.module-header i[b-hav607adiz] {
    color: #64748b;
}

.permission-row[b-hav607adiz] {
    cursor: pointer;
}

.permission-row:hover[b-hav607adiz] {
    background: #f8fafc;
}

.permission-row.active[b-hav607adiz] {
    background: #ecfdf3;
}

.permission-row.inactive[b-hav607adiz] {
    background: #fffbeb;
}

.permission-row .permission-name[b-hav607adiz] {
    font-weight: 600;
    color: #0f172a;
    line-height: 1.35;
}

.permission-row .permission-desc[b-hav607adiz] {
    color: var(--perm-muted);
    font-size: 0.8125rem;
    line-height: 1.35;
}

.permission-row input[type="checkbox"][b-hav607adiz] {
    pointer-events: none;
    width: 1rem;
    height: 1rem;
}

.status-badge[b-hav607adiz] {
    display: inline-block;
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.search-input-wrapper[b-hav607adiz] {
    position: relative;
}

.search-input-wrapper i[b-hav607adiz] {
    position: absolute;
    inset-inline-start: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
}

.search-input-wrapper input[b-hav607adiz] {
    padding-inline-start: 2.25rem;
    border-radius: 8px;
    border: 1px solid var(--perm-border);
    height: 38px;
    font-size: 0.875rem;
}

.employee-list[b-hav607adiz] {
    max-height: 220px;
    overflow-y: auto;
    border: 1px solid var(--perm-border);
    border-radius: 8px;
    margin-top: 0.5rem;
}

.employee-item[b-hav607adiz] {
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background 0.15s ease;
}

.employee-item:hover[b-hav607adiz] {
    background: #f8fafc;
}

.employee-item.selected[b-hav607adiz] {
    background: #eff6ff;
    border-inline-start: 3px solid #2563eb;
}

.employee-item:last-child[b-hav607adiz] {
    border-bottom: none;
}

.info-badge[b-hav607adiz] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.4rem 0.75rem;
    background: #ecfdf3;
    color: #0f5132;
    border-radius: 8px;
    font-size: 0.8125rem;
}

.preset-modal-backdrop[b-hav607adiz] {
    background: rgba(15, 23, 42, 0.45);
}

.permissions-empty-state[b-hav607adiz] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2.5rem 1rem;
    color: var(--perm-muted);
}

@media (max-width: 992px) {
    .selection-toolbar[b-hav607adiz] {
        align-items: stretch;
    }

    .selection-group[b-hav607adiz] {
        flex: 1 1 calc(50% - 0.5rem);
    }

    .selection-control[b-hav607adiz] {
        flex: 1 1 auto;
        width: auto;
    }

    .selection-divider[b-hav607adiz] {
        display: none;
    }

    .selection-status[b-hav607adiz] {
        flex: 1 1 100%;
        margin-inline-start: 0;
        justify-content: flex-start;
    }

    .perm-toolbar__main[b-hav607adiz] {
        flex: 1 1 100%;
    }

    .perm-toolbar__end[b-hav607adiz] {
        flex: 1 1 100%;
        margin-inline-start: 0;
        justify-content: space-between;
    }

    .perm-search[b-hav607adiz] {
        flex: 1 1 140px;
        max-width: none;
    }

    .perm-toolbar__divider[b-hav607adiz] {
        display: none;
    }

    .perm-preset-group[b-hav607adiz] {
        flex: 1 1 100%;
    }

    .perm-preset-select[b-hav607adiz] {
        flex: 1 1 auto;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .permission-manager[b-hav607adiz] {
        padding: 0.25rem 0.5rem 0.5rem;
    }

    .selection-group[b-hav607adiz] {
        flex: 1 1 100%;
    }

    .selection-control[b-hav607adiz] {
        min-width: 0;
    }

    .perm-btn--save span[b-hav607adiz] {
        display: none;
    }

    .perm-btn--save[b-hav607adiz] {
        padding: 0 0.65rem;
    }

    .table-wrapper[b-hav607adiz] {
        min-height: 220px;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Products/AddProductModal.razor.rz.scp.css */
.section-header[b-4u8fugd6em] {
    color: #495057;
    font-weight: 600;
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
}

.add-product-modal-loading[b-4u8fugd6em] {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Products/ProductCard.razor.rz.scp.css */
/* Product card - clean catalog style */
.product-card[b-jl97qs4s6m] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
}

.product-card:hover[b-jl97qs4s6m] {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    border-color: #cbd5e1;
    transform: translateY(-2px);
}

.product-card-image-wrap[b-jl97qs4s6m] {
    height: 180px;
    padding: 0.75rem;
    overflow: hidden;
    background: #f8fafc;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-card-image-wrap img[b-jl97qs4s6m] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

.product-card-placeholder[b-jl97qs4s6m] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #f1f5f9 0%, #e2e8f0 100%);
    color: #94a3b8;
}

.product-card-placeholder i[b-jl97qs4s6m] {
    font-size: 2.5rem;
}

/* Stock badges - pill style */
.product-card-badge[b-jl97qs4s6m] {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.product-card-badge-out[b-jl97qs4s6m] {
    background: #dc2626;
    color: #fff;
}

.product-card-badge-low[b-jl97qs4s6m] {
    background: #f59e0b;
    color: #fff;
}

/* Card body - typography and spacing */
.product-card .card-body[b-jl97qs4s6m] {
    padding: 1rem 1.25rem;
}

.product-card-title[b-jl97qs4s6m] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.35;
    margin-bottom: 0.35rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product-card-sku[b-jl97qs4s6m] {
    font-size: 0.75rem;
    color: #64748b;
    margin-bottom: 0.5rem;
}

.product-card-price[b-jl97qs4s6m] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--primary-color, #1a5c2e);
    margin-bottom: 0;
}

.product-card-price small[b-jl97qs4s6m] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    display: block;
    margin-top: 0.15rem;
}

.product-card-packaging[b-jl97qs4s6m] {
    font-size: 0.7rem;
    color: #94a3b8;
    margin-top: 0.5rem;
    line-height: 1.4;
}

.product-card-footer[b-jl97qs4s6m] {
    padding: 0.75rem 1.25rem;
    background: #fafbfc;
    border-top: 1px solid #f1f5f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-card-brand[b-jl97qs4s6m] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
}

.product-card-actions[b-jl97qs4s6m] {
    display: flex;
    gap: 0.35rem;
}

.product-card-actions .btn[b-jl97qs4s6m] {
    padding: 0.35rem 0.5rem;
    border-radius: 8px;
    font-size: 0.8rem;
}

/* RTL support for badges */
html[dir="rtl"] .product-card-badge[b-jl97qs4s6m] {
    left: auto;
    right: 0.75rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Products/ProductDetail.razor.rz.scp.css */
/* Product detail — clear layout, RTL-safe */

.product-detail-page[b-2cqnsyn5du] {
    --prd-primary: #006747;
    --prd-primary-dark: #004533;
    --prd-surface: #ffffff;
    --prd-bg: #ffffff;
    --prd-text: #1a2332;
    --prd-muted: #64748b;
    --prd-border: #e2e8f0;
    --prd-radius: 12px;
    --prd-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    --prd-hero-height: 360px;

    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1.25rem 1.5rem;
    background: var(--prd-bg);
    color: var(--prd-text);
    font-variant-numeric: tabular-nums;
}

/* ─── Top: gallery + summary ─────────────────────────────────────────────── */
.prd-layout[b-2cqnsyn5du] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) minmax(0, 2fr);
    gap: 0.85rem;
    align-items: start;
}

/* Gallery — simple preview */
.prd-file-input-hidden[b-2cqnsyn5du] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.prd-img-manage-empty[b-2cqnsyn5du] {
    position: relative;
    cursor: pointer;
}

.prd-img-manage-empty.is-disabled[b-2cqnsyn5du] {
    pointer-events: none;
    opacity: 0.6;
}

.prd-gallery[b-2cqnsyn5du] {
    min-width: 0;
}

.prd-gallery-frame[b-2cqnsyn5du] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: var(--prd-hero-height);
    padding: 14px;
    border: 1px solid var(--prd-border);
    border-radius: var(--prd-radius);
    background: #ffffff;
    box-shadow: var(--prd-shadow);
}

.prd-gallery-placeholder[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: calc(var(--prd-hero-height) - 28px);
    border: 2px dashed var(--prd-border);
    border-radius: 10px;
    background: transparent;
    color: var(--prd-muted);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.prd-gallery-placeholder:hover[b-2cqnsyn5du] {
    border-color: var(--prd-primary);
    color: var(--prd-primary);
}

.prd-gallery-placeholder i[b-2cqnsyn5du] {
    font-size: 1.75rem;
    opacity: 0.65;
}

.prd-gallery-placeholder span[b-2cqnsyn5du] {
    font-size: 0.82rem;
    font-weight: 600;
}

.prd-gallery-preview[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-height: calc(var(--prd-hero-height) - 28px);
}

.prd-gallery-preview-item[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 1px solid var(--prd-border);
    border-radius: 10px;
    background: #ffffff;
    cursor: zoom-in;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.prd-gallery-preview-item:hover[b-2cqnsyn5du] {
    border-color: rgba(0, 103, 71, 0.35);
    box-shadow: 0 4px 12px rgba(0, 103, 71, 0.08);
}

.prd-gallery-preview-item img[b-2cqnsyn5du] {
    display: block;
    width: auto;
    height: auto;
    max-width: min(100%, 280px);
    max-height: calc(var(--prd-hero-height) - 60px);
    object-fit: none;
}

.prd-gallery-manage-btn[b-2cqnsyn5du] {
    position: absolute;
    top: 10px;
    inset-inline-end: 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.35rem 0.65rem;
    border: 1px solid var(--prd-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--prd-text);
    font-size: 0.72rem;
    font-weight: 600;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.prd-gallery-manage-btn:hover[b-2cqnsyn5du] {
    border-color: var(--prd-primary);
    color: var(--prd-primary);
}

/* Manage images modal */
[b-2cqnsyn5du] .prd-manage-images-body {
    padding: 1rem 1.15rem !important;
}

.prd-img-manage[b-2cqnsyn5du] {
    position: relative;
}

.prd-img-manage.is-busy[b-2cqnsyn5du] {
    pointer-events: none;
}

.prd-img-manage-overlay[b-2cqnsyn5du] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 10px;
    font-size: 0.8rem;
    color: var(--prd-muted);
    font-weight: 600;
}

.prd-img-manage-grid[b-2cqnsyn5du] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.prd-img-manage-slot[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
}

.prd-img-manage-slot.is-locked[b-2cqnsyn5du] {
    opacity: 0.55;
}

.prd-img-manage-slot-label[b-2cqnsyn5du] {
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--prd-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.prd-img-manage-preview[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 10px;
    border: 1px solid var(--prd-border);
    border-radius: 10px;
    background: #ffffff;
}

.prd-img-manage-preview img[b-2cqnsyn5du] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 150px;
    object-fit: none;
}

.prd-img-manage-actions[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.prd-img-manage-actions .btn[b-2cqnsyn5du] {
    flex: 1;
    min-width: 0;
    font-size: 0.74rem;
}

.prd-img-manage-empty[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 160px;
    width: 100%;
    border: 2px dashed var(--prd-border);
    border-radius: 10px;
    background: #ffffff;
    color: var(--prd-muted);
    cursor: pointer;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.prd-img-manage-empty:hover:not(:disabled)[b-2cqnsyn5du] {
    border-color: var(--prd-primary);
    color: var(--prd-primary);
}

.prd-img-manage-empty:disabled[b-2cqnsyn5du] {
    opacity: 0.6;
    cursor: not-allowed;
}

.prd-img-manage-empty i[b-2cqnsyn5du] {
    font-size: 1.25rem;
}

.prd-img-manage-empty span[b-2cqnsyn5du] {
    font-size: 0.78rem;
    font-weight: 600;
}

.prd-img-manage-empty--locked[b-2cqnsyn5du] {
    cursor: default;
    border-style: solid;
    background: #fafafa;
}

.prd-img-manage-empty--locked:hover[b-2cqnsyn5du] {
    border-color: var(--prd-border);
    color: var(--prd-muted);
}

/* Summary panel */
.prd-summary[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    background: #ffffff;
    border: 1px solid var(--prd-border);
    border-radius: var(--prd-radius);
    box-shadow: var(--prd-shadow);
    padding: 1rem 1.15rem;
}

.prd-summary-head[b-2cqnsyn5du] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--prd-border);
}

.prd-summary-identity[b-2cqnsyn5du] {
    min-width: 0;
    flex: 1;
}

.prd-title[b-2cqnsyn5du] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--prd-text);
    word-break: break-word;
}

.prd-breadcrumb[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin-top: 3px;
    font-size: 0.74rem;
    color: var(--prd-muted);
}

.prd-breadcrumb a[b-2cqnsyn5du] {
    color: var(--prd-primary);
    text-decoration: none;
    font-weight: 500;
}

.prd-breadcrumb a:hover[b-2cqnsyn5du] {
    text-decoration: underline;
}

.prd-breadcrumb-sep[b-2cqnsyn5du] {
    color: #94a3b8;
}

.prd-actions[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex-shrink: 0;
    align-items: center;
}

.product-detail-page[b-2cqnsyn5du]  .btn {
    min-height: 30px;
    border-radius: 8px !important;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
}

.product-detail-page[b-2cqnsyn5du]  .btn-primary {
    background: var(--prd-primary) !important;
    border-color: var(--prd-primary) !important;
}

.product-detail-page[b-2cqnsyn5du]  .btn-primary:hover {
    background: var(--prd-primary-dark) !important;
}

/* Meta badges + SKU */
.prd-meta[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.prd-meta .badge[b-2cqnsyn5du] {
    font-size: 0.68rem;
    font-weight: 600;
    padding: 0.28em 0.65em;
    border-radius: 100px;
}

.prd-meta .badge.bg-primary[b-2cqnsyn5du] { background-color: var(--prd-primary) !important; color: #fff !important; }
.prd-meta .badge.bg-secondary[b-2cqnsyn5du] { background-color: #475569 !important; color: #fff !important; }
.prd-meta .badge.bg-info[b-2cqnsyn5du] { background-color: #0284c7 !important; color: #fff !important; }

.prd-meta-sku[b-2cqnsyn5du] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0.28em 0.65em;
    font-size: 0.72rem;
    font-weight: 600;
    color: var(--prd-muted);
    background: #ffffff;
    border: 1px solid var(--prd-border);
    border-radius: 100px;
}

.prd-meta-sku i[b-2cqnsyn5du] {
    font-size: 0.65rem;
    opacity: 0.75;
}

/* Stat cards */
.prd-stat-grid[b-2cqnsyn5du] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.65rem;
}

.prd-stat[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    background: #ffffff;
    border: 1px solid var(--prd-border);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    min-width: 0;
}

.prd-stat[b-2cqnsyn5du]::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 3px;
    height: 100%;
    background: var(--prd-stat-accent, var(--prd-primary));
}

.prd-stat--box[b-2cqnsyn5du] { --prd-stat-accent: #006747; }
.prd-stat--piece[b-2cqnsyn5du] { --prd-stat-accent: #0284c7; }
.prd-stat--stock[b-2cqnsyn5du] { --prd-stat-accent: #059669; }
.prd-stat--warn[b-2cqnsyn5du] { --prd-stat-accent: #dc2626; }
.prd-stat--low[b-2cqnsyn5du] { --prd-stat-accent: #d97706; }

.prd-stat-icon[b-2cqnsyn5du] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: color-mix(in srgb, var(--prd-stat-accent) 10%, white);
    color: var(--prd-stat-accent);
    font-size: 0.9rem;
}

.prd-stat-body[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.prd-stat-label[b-2cqnsyn5du] {
    font-size: 0.68rem;
    font-weight: 600;
    color: var(--prd-muted);
    line-height: 1.25;
}

.prd-stat-value[b-2cqnsyn5du] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--prd-text);
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.prd-stat-value--ok[b-2cqnsyn5du] { color: #059669; }
.prd-stat-value--muted[b-2cqnsyn5du] { color: var(--prd-muted); font-size: 0.95rem; }

.prd-stat--warn .prd-stat-value[b-2cqnsyn5du] { color: #dc2626; }
.prd-stat--low .prd-stat-value[b-2cqnsyn5du] { color: #d97706; }

.prd-stat-hint[b-2cqnsyn5du] {
    font-size: 0.66rem;
    color: var(--prd-muted);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ─── Details: two full-width columns ─────────────────────────────────────── */
.prd-details[b-2cqnsyn5du] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.prd-card[b-2cqnsyn5du] {
    background: var(--prd-surface);
    border: 1px solid var(--prd-border);
    border-radius: var(--prd-radius);
    box-shadow: var(--prd-shadow);
    overflow: hidden;
    min-width: 0;
}

.prd-card-title[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0.75rem 1rem;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--prd-muted);
    background: #ffffff;
    border-bottom: 1px solid var(--prd-border);
}

.prd-card-title i[b-2cqnsyn5du] {
    color: var(--prd-primary);
    font-size: 0.85rem;
}

/* Definition list — flex rows (RTL-safe, no vertical letter collapse) */
.prd-dl[b-2cqnsyn5du] {
    margin: 0;
    padding: 0;
}

.prd-dl-row[b-2cqnsyn5du] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--prd-border);
}

.prd-dl-row:last-child[b-2cqnsyn5du] {
    border-bottom: 0;
}

.prd-dl-row dt[b-2cqnsyn5du] {
    flex: 0 0 38%;
    max-width: 180px;
    min-width: 100px;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--prd-muted);
    line-height: 1.45;
}

.prd-dl-row dd[b-2cqnsyn5du] {
    flex: 1;
    min-width: 0;
    margin: 0;
    font-size: 0.88rem;
    font-weight: 500;
    color: var(--prd-text);
    line-height: 1.45;
    word-break: break-word;
    overflow-wrap: break-word;
}

.prd-dl-row--stack[b-2cqnsyn5du] {
    flex-direction: column;
    gap: 0.35rem;
}

.prd-dl-row--stack dt[b-2cqnsyn5du] {
    flex: none;
    max-width: none;
}

/* ─── Meta footer bar ─────────────────────────────────────────────────────── */
.prd-meta-bar[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    padding: 0.85rem 1.15rem;
    background: var(--prd-surface);
    border: 1px solid var(--prd-border);
    border-radius: var(--prd-radius);
    box-shadow: var(--prd-shadow);
}

.prd-meta-bar .prd-meta-item[b-2cqnsyn5du] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 120px;
}

.prd-meta-bar .prd-meta-item--wide[b-2cqnsyn5du] {
    flex: 1;
    min-width: 200px;
}

.prd-meta-label[b-2cqnsyn5du] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--prd-muted);
}

.prd-meta-value[b-2cqnsyn5du] {
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--prd-text);
    word-break: break-word;
}

.prd-meta-value--mono[b-2cqnsyn5du] {
    font-family: ui-monospace, monospace;
    font-size: 0.72rem;
    font-weight: 500;
    color: var(--prd-muted);
}

/* ─── Image modal ─────────────────────────────────────────────────────────── */
[b-2cqnsyn5du] .prd-image-modal-body {
    padding: 0 !important;
    background: #0f172a;
}

.prd-image-modal-view[b-2cqnsyn5du] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: min(70vh, 520px);
    padding: 1.25rem;
    background: #0f172a;
}

.prd-image-modal-view img[b-2cqnsyn5du] {
    max-width: 100%;
    max-height: min(70vh, 480px);
    object-fit: contain;
    border-radius: 6px;
}

.prd-image-modal-thumbs[b-2cqnsyn5du] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 16px;
    background: #1e293b;
}

.prd-image-modal-thumb[b-2cqnsyn5du] {
    width: 64px;
    height: 64px;
    padding: 0;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;
    background: transparent;
}

.prd-image-modal-thumb.is-active[b-2cqnsyn5du] {
    border-color: #34d399;
}

.prd-image-modal-thumb img[b-2cqnsyn5du] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ─── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .product-detail-page[b-2cqnsyn5du] {
        padding: 0.85rem 1rem 1.25rem;
        --prd-hero-height: 300px;
    }

    .prd-layout[b-2cqnsyn5du] {
        grid-template-columns: 1fr;
    }

    .prd-stat-grid[b-2cqnsyn5du] {
        grid-template-columns: 1fr;
    }

    .prd-details[b-2cqnsyn5du] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .product-detail-page[b-2cqnsyn5du] {
        --prd-hero-height: 260px;
    }

    .prd-img-manage-grid[b-2cqnsyn5du] {
        grid-template-columns: 1fr;
    }

    .prd-summary-head[b-2cqnsyn5du] {
        flex-direction: column;
    }

    .prd-actions[b-2cqnsyn5du] {
        width: 100%;
    }

    .prd-dl-row[b-2cqnsyn5du] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .prd-dl-row dt[b-2cqnsyn5du] {
        flex: none;
        max-width: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Products/Products.razor.rz.scp.css */
/* Product summary cards - aligned with customer summary card style */
.product-summary-cards[b-ie9iosanc4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin: 0;
}

.product-summary-wrapper[b-ie9iosanc4] {
    max-height: 30rem;
    overflow: hidden;
    transition: max-height 260ms ease, opacity 200ms ease, padding 200ms ease, border-color 200ms ease;
    opacity: 1;
    padding: 0.75rem 1rem;
}

.product-summary-wrapper.collapsed[b-ie9iosanc4] {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-color: transparent;
}

.product-summary-footer[b-ie9iosanc4] {
    flex-shrink: 0;
    padding: 0.875rem 1rem;
    border-top: 1px solid #e2e8f0;
    background: #f8fafb;
}

.product-summary-card[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    position: relative;
    overflow: hidden;
}

.product-summary-card[b-ie9iosanc4]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #e2e8f0;
    border-radius: 4px 0 0 4px;
}

.product-summary-card:hover[b-ie9iosanc4] {
    border-color: #cbd5e1;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

.product-summary-card-total[b-ie9iosanc4] {
    border-color: rgba(26, 92, 46, 0.3);
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
}

.product-summary-card-total[b-ie9iosanc4]::before {
    background: var(--primary-color, #1a5c2e);
}

.product-summary-card-total .product-summary-card-icon[b-ie9iosanc4] {
    background: var(--primary-color, #1a5c2e);
    color: #fff;
}

.product-summary-card-icon[b-ie9iosanc4] {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    background: #f1f5f9;
    color: #64748b;
    flex-shrink: 0;
}

.product-summary-card-icon-brand[b-ie9iosanc4] {
    background: #dcfce7;
    color: #15803d;
}

.product-summary-card-icon-category[b-ie9iosanc4] {
    background: #fef3c7;
    color: #b45309;
}

.product-summary-card-icon-stock[b-ie9iosanc4] {
    background: #dbeafe;
    color: #1d4ed8;
}

.product-summary-card-body[b-ie9iosanc4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.product-summary-card-value[b-ie9iosanc4] {
    font-size: 1.625rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -0.02em;
}

.product-summary-card-label[b-ie9iosanc4] {
    font-size: 0.8125rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.3;
}

.product-header-actions[b-ie9iosanc4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
}

.products-summary-toggle-btn[b-ie9iosanc4] {
    position: relative;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    border-radius: 50% !important;
    border: 1.5px solid #d8dee8 !important;
    color: #64748b !important;
    background: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    font-size: 0.8rem;
    transition: border-color 120ms, background 120ms, color 120ms;
}

.products-summary-toggle-btn i[b-ie9iosanc4] {
    font-size: 0.8rem;
}

.products-summary-toggle-btn .toggle-indicator[b-ie9iosanc4] {
    position: absolute;
    bottom: -4px;
    inset-inline-end: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #006747;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.45rem;
}

.products-summary-toggle-btn .toggle-indicator i[b-ie9iosanc4] {
    font-size: 0.45rem;
}

.products-summary-toggle-btn:hover[b-ie9iosanc4] {
    background: #eef8f3 !important;
    border-color: #006747 !important;
    color: #006747 !important;
}

.add-product-btn.btn-success[b-ie9iosanc4] {
    background: #006747 !important;
    color: #fff !important;
    border: 1px solid #005538 !important;
    border-radius: 8px !important;
    min-height: 32px;
    padding: 0.34rem 0.75rem !important;
    font-size: 0.78rem !important;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(0, 103, 71, 0.3);
    flex-shrink: 0;
}

.add-product-btn.btn-success:hover[b-ie9iosanc4] {
    background: #005538 !important;
    border-color: #00492f !important;
    color: #fff !important;
}

.add-product-btn.btn-success i[b-ie9iosanc4] {
    color: #fff !important;
}

.products-pdf-btn.btn-secondary[b-ie9iosanc4] {
    border-radius: 8px !important;
    padding: 0.34rem 0.75rem !important;
    min-height: 32px;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    border: 1.6px solid #006747 !important;
    color: #006747 !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.products-pdf-btn.btn-secondary:hover[b-ie9iosanc4] {
    background: #eef8f3 !important;
    color: #005538 !important;
    border-color: #005538 !important;
}

.products-pdf-btn.btn-secondary i[b-ie9iosanc4] {
    color: inherit !important;
}

.products-excel-btn[b-ie9iosanc4] {
    border-radius: 8px !important;
    padding: 0.34rem 0.75rem !important;
    min-height: 32px;
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    border: 1.6px solid #006747 !important;
    color: #006747 !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
}

.products-excel-btn:hover:not(:disabled)[b-ie9iosanc4] {
    background: #eef8f3 !important;
    color: #005538 !important;
    border-color: #005538 !important;
}

.products-excel-btn:disabled[b-ie9iosanc4] {
    opacity: 0.65;
    cursor: not-allowed;
}

.products-excel-btn i[b-ie9iosanc4] {
    color: inherit !important;
}

/* Row actions: icon buttons (edit / task / delete) — aligned with purchase invoice list pattern */
.products-action-icons[b-ie9iosanc4] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    white-space: nowrap;
}

.products-icon-btn[b-ie9iosanc4] {
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    line-height: 1;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.1s ease;
    cursor: pointer;
}

.products-icon-btn:hover[b-ie9iosanc4] {
    transform: translateY(-1px);
}

.products-icon-btn:focus-visible[b-ie9iosanc4] {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

.products-icon-btn--primary[b-ie9iosanc4] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: #fff;
}

.products-icon-btn--primary:hover[b-ie9iosanc4] {
    background: #0b5ed7;
    border-color: #0b5ed7;
    color: #fff;
}

.products-icon-btn--neutral[b-ie9iosanc4] {
    background: #fff;
    border-color: #dee2e6;
    color: #495057;
}

.products-icon-btn--neutral:hover[b-ie9iosanc4] {
    background: #f8f9fa;
    border-color: #adb5bd;
    color: #212529;
}

.products-icon-btn--danger[b-ie9iosanc4] {
    background: #fff;
    border-color: #f1aeb5;
    color: #b02a37;
}

.products-icon-btn--danger:hover[b-ie9iosanc4] {
    background: #fde8ea;
    border-color: #dc3545;
    color: #842029;
}

.unified-data-table .table-actions[b-ie9iosanc4] {
    min-width: 7.5rem;
    white-space: normal;
}

@media (max-width: 768px) {
    .product-header-actions[b-ie9iosanc4] {
        width: 100%;
    }
}

/* ── PDF Generation Modal ───────────────────────────────────────── */
.pdf-modal-options[b-ie9iosanc4] { display: flex; flex-direction: column; gap: 12px; }

.pdf-option-card[b-ie9iosanc4] {
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 14px 16px;
    background: #fff;
}

.pdf-option-card--disabled[b-ie9iosanc4] {
    background: #f8fafc;
    opacity: 0.62;
}

.pdf-price-type-selector[b-ie9iosanc4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.pdf-price-type-btn[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px;
    border: 1.5px solid #dbe4ea;
    border-radius: 9px;
    background: #f8fafc;
    color: #52606d;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    transition: border-color 0.16s ease, background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.pdf-price-type-btn:hover:not(:disabled)[b-ie9iosanc4] {
    border-color: #83b5a7;
    background: #f1f8f5;
}

.pdf-price-type-btn.is-selected[b-ie9iosanc4] {
    border-color: #0a6a50;
    background: #e8f5f0;
    color: #075440;
    box-shadow: inset 0 0 0 1px rgba(10, 106, 80, 0.12);
}

.pdf-price-type-btn:focus-visible[b-ie9iosanc4] {
    outline: 3px solid rgba(10, 95, 73, 0.18);
    outline-offset: 2px;
}

.pdf-price-type-btn:disabled[b-ie9iosanc4] {
    cursor: not-allowed;
}

.pdf-field-checkboxes[b-ie9iosanc4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.pdf-field-checkbox[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 8px 11px;
    border: 1.5px solid #dbe4ea;
    border-radius: 9px;
    background: #f8fafc;
    color: #445568;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

.pdf-field-checkbox input[b-ie9iosanc4] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.pdf-field-checkbox-mark[b-ie9iosanc4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    border: 1.5px solid #aebdca;
    border-radius: 5px;
    background: #fff;
    color: transparent;
    font-size: 9px;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pdf-field-checkbox input:checked + .pdf-field-checkbox-mark[b-ie9iosanc4] {
    border-color: #0a6a50;
    background: #0a6a50;
    color: #fff;
}

.pdf-field-checkbox:has(input:checked)[b-ie9iosanc4] {
    border-color: #83b5a7;
    background: #f1f8f5;
    color: #075440;
}

.pdf-field-checkbox:has(input:focus-visible)[b-ie9iosanc4] {
    outline: 3px solid rgba(10, 95, 73, 0.18);
    outline-offset: 2px;
}

.pdf-option-label[b-ie9iosanc4] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 8px;
    display: block;
}

.pdf-option-hint[b-ie9iosanc4] {
    font-size: 0.73rem;
    color: #94a3b8;
    margin-top: 5px;
    display: block;
}

.pdf-option-card .form-select[b-ie9iosanc4],
.pdf-option-card .form-control[b-ie9iosanc4] {
    border-color: #e2e8f0;
    border-radius: 8px;
    font-size: 0.875rem;
}

.pdf-option-card .form-select:focus[b-ie9iosanc4],
.pdf-option-card .form-control:focus[b-ie9iosanc4] {
    border-color: #0a5f49;
    box-shadow: 0 0 0 3px rgba(10, 95, 73, 0.1);
}

.pdf-two-col[b-ie9iosanc4] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

/* Toggle switch */
.pdf-toggle-row[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pdf-toggle-title[b-ie9iosanc4] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #1e293b;
}

.pdf-toggle-desc[b-ie9iosanc4] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin-top: 2px;
}

.pdf-switch[b-ie9iosanc4] { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; }
.pdf-switch input[b-ie9iosanc4] { opacity: 0; width: 0; height: 0; }
.pdf-switch-slider[b-ie9iosanc4] {
    position: absolute;
    inset: 0;
    background: #cbd5e1;
    border-radius: 999px;
    cursor: pointer;
    transition: background 0.2s;
}
.pdf-switch-slider[b-ie9iosanc4]::before {
    content: "";
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    top: 3px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.pdf-switch input:checked + .pdf-switch-slider[b-ie9iosanc4] { background: #0a5f49; }
.pdf-switch input:checked + .pdf-switch-slider[b-ie9iosanc4]::before { transform: translateX(20px); }

/* Progress state */
.pdf-progress-wrap[b-ie9iosanc4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 16px 24px;
    gap: 16px;
    text-align: center;
}

.pdf-progress-icon[b-ie9iosanc4] {
    width: 64px;
    height: 64px;
    background: #eaf6f1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    color: #0a5f49;
}

.pdf-progress-title[b-ie9iosanc4] {
    font-size: 1rem;
    font-weight: 700;
    color: #1e293b;
}

.pdf-progress-subtitle[b-ie9iosanc4] {
    font-size: 0.8rem;
    color: #64748b;
    margin-top: -10px;
}

.pdf-progress-bar-outer[b-ie9iosanc4] {
    width: 100%;
    height: 10px;
    background: #e2e8f0;
    border-radius: 999px;
    overflow: hidden;
}

.pdf-progress-bar-inner[b-ie9iosanc4] {
    height: 100%;
    background: linear-gradient(90deg, #0a5f49, #16a37a);
    border-radius: 999px;
    transition: width 0.35s ease;
}

.pdf-progress-pct[b-ie9iosanc4] {
    font-size: 1.5rem;
    font-weight: 800;
    color: #0a5f49;
}

.products-filter-check[b-ie9iosanc4] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #475569;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.products-filter-check input[b-ie9iosanc4] {
    accent-color: var(--primary-color, #006747);
    width: 0.95rem;
    height: 0.95rem;
    cursor: pointer;
}

.bulk-branch-price-table-wrap[b-ie9iosanc4] {
    max-height: 320px;
    overflow: auto;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.bulk-branch-price-table thead th[b-ie9iosanc4] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f8fafc;
    font-size: 0.78rem;
    white-space: nowrap;
}

.bulk-branch-price-product-name[b-ie9iosanc4] {
    max-width: 180px;
}

.bulk-branch-price-new-col[b-ie9iosanc4] {
    color: #06754f;
    font-weight: 600;
    font-size: 0.8rem;
    white-space: nowrap;
}

.bulk-branch-price-new-line + .bulk-branch-price-new-line[b-ie9iosanc4] {
    margin-top: 0.15rem;
}

/* ── Toolbar (matches Customers pattern) ─────────────────────────── */
.products-toolbar-inline[b-ie9iosanc4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.products-toolbar-actions[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.products-toolbar-controls[b-ie9iosanc4] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.prod-toolbar-btn[b-ie9iosanc4] {
    height: 28px;
    padding: 0 0.6rem;
    border-radius: 2px;
    font-size: 0.78rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: none;
    cursor: pointer;
    transition: background 0.12s, color 0.12s, border-color 0.12s;
    white-space: nowrap;
    flex-shrink: 0;
}

.prod-toolbar-btn--primary[b-ie9iosanc4] {
    background: #006747;
    color: #fff;
    border: 1px solid #005538;
}

.prod-toolbar-btn--primary:hover:not(:disabled)[b-ie9iosanc4] {
    background: #005538;
}

.prod-toolbar-btn--secondary[b-ie9iosanc4] {
    background: #fff;
    color: #006747;
    border: 1.5px solid #006747;
}

.prod-toolbar-btn--secondary:hover:not(:disabled)[b-ie9iosanc4] {
    background: #eef8f3;
    color: #005538;
    border-color: #005538;
}

.prod-toolbar-btn--secondary:disabled[b-ie9iosanc4] {
    opacity: 0.65;
    cursor: not-allowed;
}

.prod-toolbar-btn--icon[b-ie9iosanc4] {
    width: 28px;
    height: 28px;
    padding: 0;
    background: #fff;
    color: #64748b;
    border: 1.5px solid #d8dee8;
}

.prod-toolbar-btn--icon:hover[b-ie9iosanc4] {
    background: #eef8f3;
    color: #006747;
    border-color: #006747;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/AdditionalCostsDialog.razor.rz.scp.css */
/* Additional Costs dialog – professional tabbed layout */

.additional-costs-form[b-e5gge2kpnp] {
    padding: 0;
    min-height: 280px;
}

/* Tab bar */
.additional-costs-tabs[b-e5gge2kpnp] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid var(--bs-border-color, #dee2e6);
    margin-bottom: 1.5rem;
    padding: 0 0.25rem;
}

.additional-costs-tab[b-e5gge2kpnp] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    background: transparent;
    color: #6c757d;
    font-weight: 500;
    font-size: 0.95rem;
    cursor: pointer;
    transition: color 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.additional-costs-tab:hover[b-e5gge2kpnp] {
    color: #0d6efd;
}

.additional-costs-tab.active[b-e5gge2kpnp] {
    color: #006747;
    border-bottom-color: #006747;
}

.additional-costs-tab .badge[b-e5gge2kpnp] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.2em 0.5em;
    background: rgba(0, 103, 71, 0.12);
    color: #006747;
}

.additional-costs-tab:not(.active) .badge[b-e5gge2kpnp] {
    background: #e9ecef;
    color: #495057;
}

/* Pane */
.additional-costs-pane[b-e5gge2kpnp] {
    padding: 0 0.25rem;
}

.cost-section-header[b-e5gge2kpnp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.cost-section-header i[b-e5gge2kpnp] {
    font-size: 1.35rem;
}

.cost-section-header h5[b-e5gge2kpnp] {
    font-weight: 600;
    color: #212529;
}

/* Fields */
.cost-fields .form-label[b-e5gge2kpnp] {
    font-weight: 500;
    color: #495057;
    font-size: 0.9rem;
}

.cost-payment-block[b-e5gge2kpnp] {
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid #e9ecef;
}

.payment-switch[b-e5gge2kpnp] {
    margin-bottom: 0;
}

.payment-switch .form-check-label[b-e5gge2kpnp] {
    font-weight: 500;
    color: #495057;
}

.cost-payment-block .form-label[b-e5gge2kpnp] {
    font-weight: 500;
    color: #495057;
    font-size: 0.9rem;
}

/* RTL */
[dir="rtl"] .additional-costs-tab[b-e5gge2kpnp] {
    border-bottom: 3px solid transparent;
}

[dir="rtl"] .additional-costs-tab.active[b-e5gge2kpnp] {
    border-bottom-color: #006747;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/ExcelImportDialog.razor.rz.scp.css */
/* ==================== EXCEL IMPORT CONTAINER ==================== */
.excel-import-container[b-lp1j64j4zz] {
    min-height: 320px;
    position: relative;
    padding: 1.25rem 1.5rem 1rem;
}

.excel-import-container:not(:has(.parsed-items-section))[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: min(420px, calc(90vh - 12rem));
}

/* RTL — use direction only; row-reverse fights dir="rtl" and flips layout back to LTR */
.excel-import-container[dir="rtl"][b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container[b-lp1j64j4zz] {
    direction: rtl;
    text-align: right;
}

.excel-import-container[dir="rtl"] .excel-issues-panel[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-issues-panel[b-lp1j64j4zz] {
    direction: rtl;
}

.excel-import-container[dir="rtl"] .excel-issue-row[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-issue-row[b-lp1j64j4zz] {
    flex-direction: row-reverse;
    text-align: right;
}

.excel-import-container[dir="rtl"] .alert[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .alert[b-lp1j64j4zz] {
    direction: rtl;
    text-align: right;
}

.excel-import-container[dir="rtl"] .bulk-assign-grid[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .bulk-assign-grid[b-lp1j64j4zz] {
    direction: rtl;
}

.excel-import-container[dir="rtl"] .bulk-assign-label[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .bulk-assign-label[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    direction: rtl;
}

.excel-import-container[dir="rtl"] .bulk-assign-action[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .bulk-assign-action[b-lp1j64j4zz] {
    justify-self: start;
}

.excel-import-container[dir="rtl"] .excel-import-table[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table[b-lp1j64j4zz] {
    direction: rtl;
}

.excel-import-container[dir="rtl"] .excel-import-table thead th[b-lp1j64j4zz],
.excel-import-container[dir="rtl"] .excel-import-table tbody td[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table thead th[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table tbody td[b-lp1j64j4zz] {
    text-align: right;
}

.excel-import-container[dir="rtl"] .excel-import-table .text-center[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table .text-center[b-lp1j64j4zz] {
    text-align: center;
}

.excel-import-container[dir="rtl"] .excel-import-table tfoot td.text-end[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table tfoot td.text-end[b-lp1j64j4zz] {
    text-align: left;
}

.excel-import-container[dir="rtl"] .excel-po-ref-text[b-lp1j64j4zz],
.excel-import-container[dir="rtl"] .excel-po-ref-link[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-po-ref-text[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-po-ref-link[b-lp1j64j4zz] {
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

.excel-import-container[dir="rtl"] .excel-cell-total[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-cell-total[b-lp1j64j4zz] {
    text-align: end;
}

.excel-import-container[dir="rtl"] .excel-product-found[b-lp1j64j4zz],
.excel-import-container[dir="rtl"] .excel-product-missing[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-product-found[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-product-missing[b-lp1j64j4zz] {
    direction: rtl;
}

.excel-import-container[dir="rtl"] .upload-browse-btn[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .upload-browse-btn[b-lp1j64j4zz] {
    direction: rtl;
}

.excel-import-container[dir="rtl"] .btn[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .btn[b-lp1j64j4zz] {
    direction: rtl;
}

/* ==================== UPLOAD SECTION ==================== */
.upload-section[b-lp1j64j4zz] {
    padding: 0;
}

.upload-area[b-lp1j64j4zz] {
    border: 2px dashed #b8d4c8;
    border-radius: 14px;
    padding: 2.75rem 2rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(5, 150, 105, 0.08), transparent 55%),
        linear-gradient(180deg, #f8fdfb 0%, #f0f7f4 100%);
    transition: border-color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    position: relative;
}

.upload-area:hover[b-lp1j64j4zz] {
    border-color: #059669;
    background: linear-gradient(180deg, #f0fdf4 0%, #ecfdf5 100%);
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.08);
}

.upload-area.dragging[b-lp1j64j4zz] {
    border-color: #047857;
    border-style: solid;
    background: linear-gradient(180deg, #ecfdf5 0%, #d1fae5 100%);
    box-shadow: 0 0 0 4px rgba(5, 150, 105, 0.15);
}

/* Hide native file input completely; only our custom "Choose file" button is visible.
   ::deep is needed because InputFile renders the <input> inside the component, so scoped CSS doesn't apply to it. */
.upload-area[b-lp1j64j4zz]  input[type="file"],
.upload-area[b-lp1j64j4zz]  .file-input-hidden {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    z-index: 2;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

.upload-icon-wrap[b-lp1j64j4zz] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem auto;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.12) 0%, rgba(4, 120, 87, 0.08) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-icon[b-lp1j64j4zz] {
    font-size: 2.25rem;
    color: #047857;
}

.upload-title[b-lp1j64j4zz] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 0.35rem 0;
    line-height: 1.4;
}

.upload-hint[b-lp1j64j4zz] {
    font-size: 0.875rem;
    color: #64748b;
    margin: 0 0 1.5rem 0;
}

/* Custom browse button – matches app primary green */
.upload-browse-btn[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.35);
}

.upload-browse-btn:hover[b-lp1j64j4zz] {
    background: linear-gradient(135deg, #047857 0%, #065f46 100%);
    box-shadow: 0 4px 12px rgba(5, 150, 105, 0.4);
    transform: translateY(-1px);
}

.upload-browse-btn:active[b-lp1j64j4zz] {
    transform: translateY(0);
}

/* Upload error alert */
.upload-section .alert-danger[b-lp1j64j4zz] {
    border-radius: 10px;
    border: 1px solid rgba(220, 53, 69, 0.3);
}

/* ==================== LOADING OVERLAY ==================== */
.excel-loading-overlay[b-lp1j64j4zz] {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.92);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    border-radius: 12px;
}

.excel-loading-card[b-lp1j64j4zz] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.75rem 2.25rem;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.04);
    text-align: center;
    min-width: 280px;
    animation: excelLoadingIn-b-lp1j64j4zz 0.3s ease-out;
}

@keyframes excelLoadingIn-b-lp1j64j4zz {
    from {
        opacity: 0;
        transform: scale(0.96) translateY(-6px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.excel-loading-icon[b-lp1j64j4zz] {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    margin: 0 auto 1rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(5, 150, 105, 0.15) 0%, rgba(4, 120, 87, 0.08) 100%);
    color: #047857;
    font-size: 1.5rem;
}

.excel-loading-card h6[b-lp1j64j4zz] {
    color: #1e293b;
    font-weight: 600;
}

/* ==================== ISSUES PANEL ==================== */
.excel-issues-panel[b-lp1j64j4zz] {
    border: 1px solid #fecaca;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(220, 38, 38, 0.08);
}

.excel-issues-panel__toggle[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.6rem 0.85rem;
    border: none;
    background: linear-gradient(90deg, #fef2f2 0%, #fff7ed 100%);
    cursor: pointer;
    text-align: start;
    font: inherit;
    color: inherit;
}

.excel-issues-panel--open .excel-issues-panel__toggle[b-lp1j64j4zz] {
    border-bottom: 1px solid #fecaca;
}

.excel-issues-panel__toggle:hover[b-lp1j64j4zz] {
    background: linear-gradient(90deg, #fee2e2 0%, #ffedd5 100%);
}

.excel-issues-panel__toggle:focus-visible[b-lp1j64j4zz] {
    outline: 2px solid #dc2626;
    outline-offset: -2px;
}

.excel-issues-panel__icon[b-lp1j64j4zz] {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #dc2626;
    color: #fff;
    font-size: 0.95rem;
}

.excel-issues-panel__title[b-lp1j64j4zz] {
    flex: 1;
    min-width: 0;
    font-weight: 700;
    font-size: 0.9rem;
    color: #991b1b;
}

.excel-issues-panel__chevron[b-lp1j64j4zz] {
    flex-shrink: 0;
    font-size: 0.75rem;
    color: #991b1b;
    opacity: 0.75;
    transition: transform 0.2s ease;
}

.excel-issues-panel--open .excel-issues-panel__chevron[b-lp1j64j4zz] {
    transform: rotate(180deg);
}

.excel-issues-panel__badge[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
}

.excel-issues-panel__body[b-lp1j64j4zz] {
    padding: 0.5rem 0.65rem;
    max-height: 120px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    background: #fffafb;
}

.excel-issue-row[b-lp1j64j4zz] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.4rem 0.55rem;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #fee2e2;
    font-size: 0.8125rem;
    line-height: 1.45;
    color: #7f1d1d;
}

.excel-issue-row__icon[b-lp1j64j4zz] {
    flex-shrink: 0;
    color: #dc2626;
    margin-top: 0.1rem;
    font-size: 0.8rem;
}

.excel-issue-row__text[b-lp1j64j4zz] {
    flex: 1;
    min-width: 0;
    word-break: break-word;
}

.excel-issues-panel__more[b-lp1j64j4zz] {
    font-size: 0.75rem;
    color: #64748b;
    padding: 0.15rem 0.35rem;
}

/* ==================== PARSED ITEMS TOOLBAR ==================== */
.parsed-items-toolbar[b-lp1j64j4zz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e8edf0;
}

.parsed-items-toolbar .toolbar-info[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.parsed-items-toolbar h6[b-lp1j64j4zz] {
    font-weight: 700;
    color: #0f172a;
}

.parsed-items-toolbar .badge[b-lp1j64j4zz] {
    background: #006747 !important;
    font-weight: 600;
}

.excel-import-container[dir="rtl"] .parsed-items-toolbar[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .parsed-items-toolbar[b-lp1j64j4zz] {
    direction: rtl;
}

/* ==================== PARSED ITEMS SECTION ==================== */
.parsed-items-section[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    gap: 0.5rem;
    padding: 0.65rem 0.85rem;
    overflow: hidden;
}

.excel-import-table-panel[b-lp1j64j4zz] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.excel-import-container--parsed[b-lp1j64j4zz],
.excel-import-container:has(.parsed-items-section)[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    padding: 0;
}

.excel-upload-reset-btn[b-lp1j64j4zz] {
    border: 1px solid #cbd5e1;
    color: #475569;
    background: #fff;
    border-radius: 8px;
    font-weight: 500;
}

.excel-upload-reset-btn:hover[b-lp1j64j4zz] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #334155;
}

.excel-header-upload-btn[b-lp1j64j4zz] {
    font-weight: 600;
}

.excel-import-table-wrapper .sticky-top[b-lp1j64j4zz] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f8fafc;
}

.excel-import-table-wrapper .excel-import-table thead th[b-lp1j64j4zz] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    box-shadow: 0 1px 0 #e2e8f0;
}

.excel-import-table-wrapper[b-lp1j64j4zz] {
    flex: 1 1 0;
    min-height: 0;
    height: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.bulk-assign-card[b-lp1j64j4zz],
.parsed-items-section > .alert[b-lp1j64j4zz] {
    flex-shrink: 0;
}

.excel-import-table-wrapper.table-responsive[b-lp1j64j4zz] {
    overflow-x: auto;
    overflow-y: auto;
}

/* ==================== BULK ASSIGN CARD ==================== */
.bulk-assign-card[b-lp1j64j4zz] {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: linear-gradient(180deg, #f0f9ff 0%, #f8fafc 100%);
    margin: 0;
    padding: 0.4rem 0.55rem;
}

.bulk-assign-grid[b-lp1j64j4zz] {
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) auto;
    gap: 0.5rem;
    align-items: center;
}

.bulk-assign-label[b-lp1j64j4zz] {
    font-size: 0.8125rem;
    white-space: nowrap;
}

.bulk-assign-label strong[b-lp1j64j4zz] {
    font-weight: 600;
}

.bulk-assign-card .form-select-sm[b-lp1j64j4zz] {
    min-height: 1.85rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

.bulk-assign-card .btn-sm[b-lp1j64j4zz] {
    padding: 0.2rem 0.55rem;
    font-size: 0.8125rem;
}

@media (max-width: 768px) {
    .bulk-assign-grid[b-lp1j64j4zz] {
        grid-template-columns: 1fr;
    }

    .bulk-assign-action[b-lp1j64j4zz] {
        justify-self: start;
    }
}

/* ==================== EXCEL IMPORT TABLE ==================== */
.excel-import-table[b-lp1j64j4zz] {
    font-size: 0.9rem;
    table-layout: fixed;
    width: 100%;
}

.excel-import-table th[b-lp1j64j4zz],
.excel-import-table td[b-lp1j64j4zz] {
    vertical-align: middle;
    padding: 0.5rem 0.65rem;
}

.excel-import-table thead th[b-lp1j64j4zz] {
    font-weight: 600;
    color: #475569;
}

.excel-import-table tfoot td[b-lp1j64j4zz] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    background: #f8fafc;
    box-shadow: 0 -2px 4px rgba(15, 23, 42, 0.06);
}

.excel-import-table td[b-lp1j64j4zz] {
    white-space: nowrap;
    overflow: hidden;
}

.excel-import-table td input[b-lp1j64j4zz],
.excel-import-table td select[b-lp1j64j4zz] {
    min-width: 70px;
}

/* Product column: fixed width so name never spills into next column */
.excel-th-product[b-lp1j64j4zz] {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
}

.excel-cell-product[b-lp1j64j4zz] {
    overflow: hidden;
    max-width: 180px;
}

.excel-cell-product .excel-product-found[b-lp1j64j4zz],
.excel-cell-product .excel-product-missing[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    min-width: 0;
    overflow: hidden;
}

.excel-cell-product .excel-product-found[b-lp1j64j4zz] {
    gap: 0.35rem;
}

.product-name[b-lp1j64j4zz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    vertical-align: bottom;
}

/* PO ref + total: fixed width — long refs must not bleed into adjacent columns */
.excel-th-po-ref[b-lp1j64j4zz],
.excel-cell-po-ref[b-lp1j64j4zz] {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.excel-cell-po-ref[b-lp1j64j4zz] {
    overflow: hidden;
    vertical-align: middle;
}

.excel-po-ref-text[b-lp1j64j4zz],
.excel-po-ref-link[b-lp1j64j4zz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    direction: ltr;
    text-align: left;
    unicode-bidi: isolate;
}

.excel-po-ref-link[b-lp1j64j4zz] {
    display: block;
    font-size: 0.875em;
    font-weight: 500;
    color: #006747;
    text-decoration: none;
}

.excel-po-ref-link:hover[b-lp1j64j4zz] {
    color: #004d35;
    text-decoration: underline;
}

.excel-th-total[b-lp1j64j4zz],
.excel-cell-total[b-lp1j64j4zz] {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.excel-cell-total[b-lp1j64j4zz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Product cell: found */
.excel-product-found[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    color: #059669;
    font-size: 0.9rem;
}

.excel-product-found i[b-lp1j64j4zz] {
    flex-shrink: 0;
}

/* Product cell: not found – single clear block (status + action) */
.excel-product-missing[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.excel-product-missing-label[b-lp1j64j4zz] {
    font-size: 0.85rem;
    color: #b91c1c;
    font-weight: 500;
}

.excel-product-add-btn[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: #047857;
    background: rgba(5, 150, 105, 0.1);
    border: 1px solid rgba(5, 150, 105, 0.35);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.excel-product-add-btn:hover[b-lp1j64j4zz] {
    background: rgba(5, 150, 105, 0.18);
    color: #065f46;
    border-color: #059669;
}

/* Invalid row – soft highlight, no heavy pink */
.excel-row-invalid[b-lp1j64j4zz],
.excel-import-table tbody tr.excel-row-invalid td[b-lp1j64j4zz] {
    background-color: #fff5f5 !important;
    box-shadow: inset 3px 0 0 #dc2626;
}

.excel-import-container[dir="rtl"] .excel-import-table tbody tr.excel-row-invalid td[b-lp1j64j4zz],
html[dir="rtl"] .excel-import-container .excel-import-table tbody tr.excel-row-invalid td[b-lp1j64j4zz] {
    box-shadow: inset -3px 0 0 #dc2626;
}

.excel-import-table tbody tr.excel-row-invalid:hover td[b-lp1j64j4zz] {
    background-color: #fee2e2 !important;
}

/* Storage dropdown when missing */
.excel-storage-select.excel-storage-missing[b-lp1j64j4zz] {
    border-color: #f87171;
    background-color: #fef2f2;
}

.excel-storage-select.excel-storage-missing:focus[b-lp1j64j4zz] {
    border-color: #dc2626;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, 0.2);
}

/* Remove row button */
.excel-remove-cell[b-lp1j64j4zz] {
    vertical-align: middle;
}

.excel-remove-btn[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: #94a3b8;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}

.excel-remove-btn:hover[b-lp1j64j4zz] {
    color: #dc2626;
    background: #fef2f2;
}

/* ==================== FORMAT GUIDE (if used) ==================== */
.format-guide[b-lp1j64j4zz] {
    background: #f8fafc;
    border-radius: 10px;
    padding: 1rem;
    border: 1px solid #e2e8f0;
}

.format-guide h6[b-lp1j64j4zz] {
    color: #047857;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

/* ==================== LEGACY / SHARED ==================== */
.purchase-history-row[b-lp1j64j4zz] {
    background-color: #f3f4f6;
}

.purchase-history-inner[b-lp1j64j4zz] {
    margin-inline: 1.5rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    padding: 0.75rem 1rem;
}

/* ==================== MODAL FOOTER (excel import) ==================== */
.modal-footer:has(.excel-import-footer-bar)[b-lp1j64j4zz] {
    padding: 0.75rem 1.25rem;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border-top: 1px solid #e2e8f0;
}

.modal-footer-inner:has(.excel-import-footer-bar)[b-lp1j64j4zz] {
    width: 100%;
}

.excel-import-footer-wrap[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.excel-import-footer-bar[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    flex-wrap: wrap;
}

.excel-footer-issues-list[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #fecaca;
    border-radius: 10px;
    background: #fffafb;
}

.excel-stat-cell--issues[b-lp1j64j4zz] {
    border: none;
    cursor: pointer;
    background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 100%);
    font: inherit;
    color: inherit;
}

.excel-stat-cell--issues:hover[b-lp1j64j4zz] {
    background: linear-gradient(180deg, #fee2e2 0%, #fef2f2 100%);
}

.excel-stat-cell--issues .excel-stat-cell__value[b-lp1j64j4zz] {
    color: #dc2626;
}

.excel-stat-cell--issues .excel-stat-cell__label[b-lp1j64j4zz] {
    color: #b91c1c;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.excel-stat-cell__chevron[b-lp1j64j4zz] {
    font-size: 0.6rem;
    opacity: 0.8;
    transition: transform 0.2s ease;
}

.excel-stat-cell--issues-open .excel-stat-cell__chevron[b-lp1j64j4zz] {
    transform: rotate(180deg);
}

.excel-footer-stats[b-lp1j64j4zz] {
    display: inline-flex;
    align-items: stretch;
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.excel-stat-cell[b-lp1j64j4zz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.4rem 1.1rem;
    min-width: 5.5rem;
    border-inline-end: 1px solid #eef2f6;
}

.excel-stat-cell:last-child[b-lp1j64j4zz] {
    border-inline-end: none;
}

.excel-stat-cell__value[b-lp1j64j4zz] {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.15;
    color: #1e293b;
    font-variant-numeric: tabular-nums;
}

.excel-stat-cell__label[b-lp1j64j4zz] {
    font-size: 0.68rem;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.2;
    white-space: nowrap;
}

.excel-stat-cell--ok .excel-stat-cell__value[b-lp1j64j4zz] {
    color: #059669;
}

.excel-stat-cell--storage .excel-stat-cell__value[b-lp1j64j4zz] {
    color: #047857;
}

.excel-stat-cell--warn[b-lp1j64j4zz] {
    background: linear-gradient(180deg, #fef2f2 0%, #fff5f5 100%);
}

.excel-stat-cell--warn .excel-stat-cell__value[b-lp1j64j4zz] {
    color: #dc2626;
}

.excel-stat-cell--warn .excel-stat-cell__label[b-lp1j64j4zz] {
    color: #b91c1c;
    font-weight: 600;
}

.excel-stat-cell--muted .excel-stat-cell__value[b-lp1j64j4zz] {
    color: #cbd5e1;
    font-weight: 500;
}

.excel-footer-actions[b-lp1j64j4zz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.modal-formal--rtl .excel-import-footer-bar[b-lp1j64j4zz],
.modal-formal[dir="rtl"] .excel-import-footer-bar[b-lp1j64j4zz] {
    direction: rtl;
}

.modal-formal--rtl .excel-footer-stats[b-lp1j64j4zz],
.modal-formal[dir="rtl"] .excel-footer-stats[b-lp1j64j4zz] {
    direction: rtl;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/ManagePurchase.razor.rz.scp.css */
.manage-purchase-page[b-ntj7izkwlb] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* ── Tab strip: subtle tray ─────────────────────────── */
.manage-purchase-tabs[b-ntj7izkwlb] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 12px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-purchase-tabs[b-ntj7izkwlb]::-webkit-scrollbar {
    display: none;
}

/* ── Individual tab ──────────────────────────────────── */
.manage-purchase-tab[b-ntj7izkwlb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-purchase-tab:hover[b-ntj7izkwlb] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

/* ── Active: lifts to white card ─────────────────────── */
.manage-purchase-tab.active[b-ntj7izkwlb] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-purchase-tab-icon[b-ntj7izkwlb] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-purchase-tab.active .manage-purchase-tab-icon[b-ntj7izkwlb] {
    opacity: 1;
}

/* ── Content area ────────────────────────────────────── */
.manage-purchase-content[b-ntj7izkwlb] {
    flex: 1;
    min-width: 0;
    min-height: 0;
}

.manage-purchase-loading[b-ntj7izkwlb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

@media (max-width: 768px) {
    .manage-purchase-tabs[b-ntj7izkwlb] {
        padding: 4px 8px;
    }

    .manage-purchase-tab[b-ntj7izkwlb] {
        height: 28px;
        padding: 0 9px;
        font-size: 0.77rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/NewPurchaseOrderPage.razor.rz.scp.css */
/* New Purchase Order page - full width, project colors */
.create-po-page[b-xke86hnvje] {
    width: 100%;
    max-width: none;
    padding: 0 1rem 5rem;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
}
.create-po-page > form[b-xke86hnvje] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.po-page-header[b-xke86hnvje] { margin-bottom: 2rem; }
.po-page-header .breadcrumb[b-xke86hnvje] { font-size: 0.8125rem; margin-bottom: 0.75rem; }
.po-page-header .breadcrumb-item a[b-xke86hnvje] { color: var(--text-light); transition: color 0.15s; }
.po-page-header .breadcrumb-item a:hover[b-xke86hnvje] { color: var(--primary-color); }
.po-page-hero[b-xke86hnvje] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, var(--primary-color) 0%, #004533 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(0, 103, 71, 0.25);
}
.po-page-hero h1[b-xke86hnvje] { font-size: 1.5rem; font-weight: 700; margin: 0; display: flex; align-items: center; gap: 0.75rem; }
.po-page-hero .subtitle[b-xke86hnvje] { font-size: 0.875rem; opacity: 0.9; margin: 0.25rem 0 0 2.25rem; }
.po-page-hero .btn-back[b-xke86hnvje] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
}
.po-page-hero .btn-back:hover[b-xke86hnvje] { background: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.6); color: #fff; }
.po-section[b-xke86hnvje] {
    margin-bottom: 1rem;
    overflow: hidden;
}
.po-main-section[b-xke86hnvje] {
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.po-main-section .po-section-body[b-xke86hnvje] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.po-main-section .po-items-block[b-xke86hnvje] {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.po-main-section .po-items-table-wrap[b-xke86hnvje] {
    flex: 1;
    overflow: auto;
}
.po-details-section[b-xke86hnvje] {
    margin-bottom: 0.85rem;
    overflow: visible;
}
.po-details-section .po-section-body[b-xke86hnvje] { padding-top: 0.75rem; }
.po-section-body[b-xke86hnvje] { padding: 0; }
.po-details-grid[b-xke86hnvje] { display: grid; grid-template-columns: repeat(4, minmax(170px, 1fr)); gap: 0.65rem 1rem; align-items: end; }
.po-field[b-xke86hnvje] { display: flex; flex-direction: column; gap: 0.35rem; }
.po-field label[b-xke86hnvje] { font-size: 0.8rem; font-weight: 700; color: var(--text-light); line-height: 1.2; margin: 0; }
.po-field[b-xke86hnvje]  .form-control,
.po-field[b-xke86hnvje]  .form-select {
    display: block;
    width: 100%;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    padding: 0.28rem 0.7rem;
    font-size: 0.92rem;
    line-height: 1.25;
    background-color: #fff;
}
.po-field[b-xke86hnvje]  .form-select { padding-inline-end: 2.25rem; }
.po-field[b-xke86hnvje]  input[type="date"].form-control { line-height: 1; }
.po-field[b-xke86hnvje]  .form-control:focus, .po-field[b-xke86hnvje]  .form-select:focus { border-color: var(--primary-color); box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.15); }
.po-tabs.nav-tabs[b-xke86hnvje] {
    justify-content: flex-start;
    gap: 0.25rem;
    margin-bottom: 1rem !important;
    padding-inline: 0.25rem;
    border-bottom-color: var(--border-color);
}
.po-tabs .nav-link[b-xke86hnvje] {
    min-height: 38px;
    color: var(--text-light);
    border-color: transparent;
    border-radius: 8px 8px 0 0;
    padding: 0.5rem 1rem;
    font-size: 0.86rem;
}
.po-tabs .nav-link:hover[b-xke86hnvje] { border-color: var(--border-color); color: var(--primary-color); background: #f7faf9; }
.po-tabs .nav-link.active[b-xke86hnvje] {
    color: var(--primary-color);
    background: var(--card-bg-color);
    border-color: var(--border-color) var(--border-color) var(--card-bg-color);
    font-weight: 700;
}
.po-add-bar[b-xke86hnvje] { display: grid; grid-template-columns: 1fr auto auto auto; gap: 1rem; align-items: end; }
.po-add-bar .btn-add-item[b-xke86hnvje] { padding: 0.5rem 1.25rem; border-radius: 8px; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; background-color: var(--primary-color); border-color: var(--primary-color); }
.po-add-bar .btn-add-item:hover[b-xke86hnvje] { background-color: #005339; border-color: #005339; }
.po-search-results[b-xke86hnvje] { margin-top: 1rem; }
.po-search-results .items-table-container[b-xke86hnvje] {
    width: 100%;
    max-height: 280px;
    overflow: auto;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--card-bg-color);
}
.po-search-results .items-table-container:focus[b-xke86hnvje] {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}
.po-search-results .items-table[b-xke86hnvje] { width: 100%; border-collapse: collapse; margin: 0; }
.po-search-results .items-table thead[b-xke86hnvje] { background: var(--background-color); position: sticky; top: 0; z-index: 1; }
.po-search-results .items-table thead th[b-xke86hnvje] {
    padding: 0.75rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-light);
    border-bottom: 1px solid var(--border-color);
}
.po-search-results .items-table thead th.col-product[b-xke86hnvje] { text-align: start; }
.po-search-results .items-table thead th.col-code[b-xke86hnvje],
.po-search-results .items-table thead th.col-pattern[b-xke86hnvje] { text-align: right; }
.po-search-results .items-table thead th.col-qty[b-xke86hnvje],
.po-search-results .items-table thead th.col-available[b-xke86hnvje] { text-align: center; }
.po-search-results .items-table tbody tr[b-xke86hnvje] { transition: background 0.15s; cursor: pointer; }
.po-search-results .items-table tbody tr:hover[b-xke86hnvje] { background: var(--background-color); }
.po-search-results .items-table tbody tr.selected[b-xke86hnvje] { background: #e8f5e9; }
.po-search-results .items-table tbody tr.selected:hover[b-xke86hnvje] { background: #d4edda; }
.po-search-results .items-table tbody td[b-xke86hnvje] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: var(--dark-color);
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}
.po-search-results .items-table tbody tr:last-child td[b-xke86hnvje] { border-bottom: none; }
.po-search-results .items-table .col-product[b-xke86hnvje] { min-width: 120px; text-align: start; }
.po-search-results .items-table .col-product .product-name[b-xke86hnvje] { font-weight: 600; }
.po-search-results .items-table .col-code[b-xke86hnvje],
.po-search-results .items-table .col-pattern[b-xke86hnvje] { text-align: right; }
.po-search-results .items-table td.search-col-sku[b-xke86hnvje],
.po-search-results .items-table td.search-col-pattern[b-xke86hnvje] { font-size: 1.05rem; font-weight: 700; }
.po-search-results .items-table .col-qty[b-xke86hnvje],
.po-search-results .items-table .col-available[b-xke86hnvje] { text-align: center; }
.po-search-results .items-table .empty-row[b-xke86hnvje] { text-align: center; padding: 1.5rem; color: var(--text-light); }
.po-search-results .items-table .available-badge[b-xke86hnvje] { font-weight: 600; color: var(--success-color); }
.spinner-sm[b-xke86hnvje] { width: 1rem; height: 1rem; border: 2px solid #eee; border-top-color: var(--primary-color); border-radius: 50%; animation: spin-b-xke86hnvje 0.7s linear infinite; }
@keyframes spin-b-xke86hnvje { to { transform: rotate(360deg); } }
.po-items-block[b-xke86hnvje] { margin-top: 0.9rem; border: 1px solid var(--border-color); border-radius: 8px; overflow: hidden; background: #fff; }
.po-items-head[b-xke86hnvje] { padding: 0.72rem 1.1rem; background: linear-gradient(135deg, var(--primary-color) 0%, #004533 100%); color: #fff; font-weight: 700; font-size: 0.9rem; line-height: 1.25; }
.po-items-table-wrap[b-xke86hnvje] {
    padding: 0.85rem 1rem 1.15rem;
    height: clamp(470px, 60vh, 780px);
    overflow: auto;
    background: linear-gradient(180deg, #fff 0%, #fbfcfc 100%);
}
.po-items-table[b-xke86hnvje] { width: 100%; font-size: 0.8rem; margin: 0; border-collapse: separate; border-spacing: 0; }
.po-items-table th[b-xke86hnvje] { text-align: start; padding: 0.52rem 0.56rem; background: #f7f9fa; font-weight: 700; font-size: 0.73rem; color: var(--text-light); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 1; white-space: nowrap; }
.po-items-table td[b-xke86hnvje] { padding: 0.42rem 0.56rem; vertical-align: middle; border-bottom: 1px solid #edf0f2; }
.po-items-table .po-item-sku-col[b-xke86hnvje],
.po-items-table .po-item-code-col[b-xke86hnvje] {
    width: 82px;
    min-width: 82px;
    white-space: nowrap;
}
.po-items-table .po-item-delivery-col[b-xke86hnvje] {
    width: 120px;
    min-width: 120px;
}
.po-items-table .po-item-status-col[b-xke86hnvje] {
    width: 154px;
    min-width: 154px;
}
.po-items-table .po-item-description-col[b-xke86hnvje] {
    width: 250px;
    min-width: 250px;
}
.po-items-table .po-item-total-col[b-xke86hnvje] {
    width: 74px;
    min-width: 74px;
    white-space: nowrap;
}
.po-items-table .po-item-action-col[b-xke86hnvje] {
    width: 44px;
    min-width: 44px;
    text-align: center;
}
.po-items-table td.po-item-sku-col[b-xke86hnvje],
.po-items-table td.po-item-code-col[b-xke86hnvje] {
    font-weight: 600;
    color: var(--dark-color);
}
.po-items-table tbody tr[b-xke86hnvje] { transition: background 0.12s ease; }
.po-items-table tbody tr:hover[b-xke86hnvje] { background: #f8fbfa; }
.po-items-table[b-xke86hnvje]  .form-control,
.po-items-table .form-control[b-xke86hnvje],
.po-items-table .form-select[b-xke86hnvje] {
    height: 32px;
    min-height: 30px;
    border-radius: 6px;
    padding: 0.25rem 0.42rem;
    font-size: 0.78rem;
    border: 1px solid var(--border-color);
    background-color: #fff;
}
.po-items-table .po-item-number-input[b-xke86hnvje] { width: 66px; }
.po-items-table .po-item-price-input[b-xke86hnvje] { width: 76px; }
.po-items-table[b-xke86hnvje]  .po-item-date-input { width: 120px; }
.po-items-table .po-item-status-select[b-xke86hnvje],
.po-items-table .po-item-description-col .form-control[b-xke86hnvje] {
    width: 100%;
}
.po-item-delete-btn[b-xke86hnvje] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.po-item-received[b-xke86hnvje] { font-weight: 700; color: var(--success-color); }
.po-item-remaining[b-xke86hnvje] { font-weight: 600; color: var(--text-light); }
.po-item-progress-cell[b-xke86hnvje] {
    min-width: 100px;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}
.po-item-progress[b-xke86hnvje] { width: 64px; height: 6px; background: #e9ecef; border-radius: 999px; flex: 0 0 64px; }
.po-item-progress .progress-bar[b-xke86hnvje] { border-radius: 999px; }
.po-item-progress-cell small[b-xke86hnvje] { font-size: 0.68rem; line-height: 1; }
.po-empty-state[b-xke86hnvje] { padding: 1.5rem 1rem; text-align: center; color: var(--text-light); font-size: 0.9rem; }
.po-accordion-item[b-xke86hnvje] { border: 1px solid var(--border-color); border-bottom: none; background: var(--card-bg-color); }
.po-accordion-item:last-of-type[b-xke86hnvje] { border-bottom: 1px solid var(--border-color); }
.po-accordion-toggle[b-xke86hnvje] { padding: 0.85rem 1.25rem; cursor: pointer; font-weight: 600; font-size: 0.9375rem; color: var(--dark-color); background: var(--background-color); display: flex; align-items: center; gap: 0.5rem; }
.po-accordion-toggle:hover[b-xke86hnvje] { background: var(--tertiary-color); }
.po-accordion-body[b-xke86hnvje] { padding: 1.25rem; border-top: 1px solid var(--border-color); background: var(--card-bg-color); }
.po-accordion-body .form-label[b-xke86hnvje] { font-size: 0.8125rem; font-weight: 600; color: var(--text-light); }
.po-accordion-body .form-control[b-xke86hnvje] { border-radius: 8px; border: 1px solid var(--border-color); }
.po-page-actions[b-xke86hnvje] { display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; gap: 0.75rem; padding: 0.75rem 1.25rem; border-top: 1px solid var(--border-color); background: var(--card-bg-color); position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; box-shadow: 0 -2px 8px rgba(0,0,0,0.08); }
.po-page-actions .btn[b-xke86hnvje] { padding: 0.6rem 1.5rem; border-radius: 8px; font-weight: 600; }
.po-page-actions .btn-submit[b-xke86hnvje] { min-width: 160px; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; background-color: var(--success-color); border-color: var(--success-color); }
.po-page-actions .btn-submit:hover[b-xke86hnvje] { filter: brightness(0.95); }
.po-action-buttons[b-xke86hnvje] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.75rem;
}
.po-terms-notes-btn[b-xke86hnvje] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    color: var(--dark-color);
    background: var(--background-color);
    border-color: var(--border-color);
}
.po-terms-notes-btn:hover[b-xke86hnvje] {
    color: var(--primary-color);
    background: #eef6f3;
    border-color: rgba(0, 103, 71, 0.28);
}
.po-terms-notes-modal .form-label[b-xke86hnvje] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--text-light);
}
.po-terms-notes-modal .form-control[b-xke86hnvje] {
    border-radius: 8px;
    border: 1px solid var(--border-color);
    resize: vertical;
}
.po-terms-notes-modal .form-control:focus[b-xke86hnvje] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}
.po-page-actions .po-status-email-row[b-xke86hnvje] {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
}
.po-page-actions .po-status-email-toggle[b-xke86hnvje] {
    display: inline-flex;
    align-items: center;
    gap: 1.35rem;
    flex: 0 0 auto;
    max-width: none;
    margin-inline-end: 0;
    padding: 0.4rem 0.9rem;
    border: 1px solid var(--border-color);
    border-radius: 999px;
    background: var(--background-color);
}
.po-page-actions .po-status-email-checkbox[b-xke86hnvje] {
    width: 1rem;
    height: 1rem;
    margin: 0;
    position: static !important;
    flex: 0 0 auto;
    accent-color: var(--primary-color);
}
.po-page-actions .po-status-email-label[b-xke86hnvje] {
    margin: 0;
    display: block;
    color: var(--dark-color);
    font-size: 0.875rem;
    line-height: 1.2;
    padding-inline-end: 0.25rem;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    cursor: pointer;
}
.po-status-email-modal[b-xke86hnvje] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}
.po-status-email-summary[b-xke86hnvje] {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 0.9rem 1rem;
    background: linear-gradient(180deg, #fbfcfc 0%, #f3f7f6 100%);
}
.po-status-email-summary-label[b-xke86hnvje] {
    font-size: 0.8rem;
    color: var(--text-light);
    margin-bottom: 0.2rem;
}
.po-status-email-summary-value[b-xke86hnvje] {
    font-weight: 700;
    color: var(--dark-color);
    margin-bottom: 0.35rem;
}
.po-status-email-summary-status[b-xke86hnvje] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.86rem;
}
.po-status-email-status-label[b-xke86hnvje] {
    color: var(--text-light);
}
.po-status-email-status-value[b-xke86hnvje] {
    color: var(--dark-color);
    font-weight: 600;
}
.po-status-email-section-title[b-xke86hnvje] {
    font-size: 0.97rem;
    font-weight: 700;
    color: var(--dark-color);
}
.po-status-email-recipients-wrap[b-xke86hnvje] {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 0.8rem;
    max-height: 360px;
    overflow-y: auto;
    background: #fff;
}
.po-status-email-changed-block[b-xke86hnvje] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px dashed var(--border-color);
}
.po-status-email-changed-title[b-xke86hnvje] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--text-light);
    margin-bottom: 0.35rem;
}
.po-status-email-changed-list[b-xke86hnvje] {
    margin: 0;
    padding-inline-start: 1rem;
    color: var(--dark-color);
    font-size: 0.82rem;
}
.po-status-email-recipient[b-xke86hnvje] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.62rem 0.7rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    background: var(--background-color);
    margin-bottom: 0.55rem;
}
.po-status-email-recipient:last-child[b-xke86hnvje] {
    margin-bottom: 0;
}
.po-status-email-recipient-checkbox[b-xke86hnvje] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0.1rem 0 0 0;
    position: static !important;
    flex: 0 0 auto;
    accent-color: var(--primary-color);
}
.po-status-email-recipient-text[b-xke86hnvje] {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.35rem;
    row-gap: 0.15rem;
    cursor: pointer;
}
.po-status-email-recipient-name[b-xke86hnvje] {
    color: var(--dark-color);
    font-weight: 700;
}
.po-status-email-recipient-role[b-xke86hnvje] {
    color: var(--text-light);
    font-size: 0.88rem;
}
.po-status-email-recipient-email[b-xke86hnvje] {
    flex-basis: 100%;
    color: #5b6876;
    font-size: 0.82rem;
    direction: ltr;
    text-align: start;
}
.po-status-email-empty[b-xke86hnvje] {
    color: var(--text-light);
    font-size: 0.86rem;
    padding: 0.45rem 0.2rem;
}
.po-status-email-btn-send[b-xke86hnvje] {
    min-width: 126px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
}
.po-status-email-btn-skip[b-xke86hnvje] {
    min-width: 88px;
}
.po-loading[b-xke86hnvje] { text-align: center; padding: 3rem 1.5rem; }
.po-loading .spinner-border[b-xke86hnvje] { width: 2.5rem; height: 2.5rem; color: var(--primary-color); }
@media (max-width: 768px) {
    .create-po-page[b-xke86hnvje] { padding: 0 0.75rem 2rem; }
    .po-page-hero[b-xke86hnvje] { flex-direction: column; align-items: stretch; text-align: center; }
    .po-page-hero .subtitle[b-xke86hnvje] { margin-left: 0; }
    .po-add-bar[b-xke86hnvje] { grid-template-columns: 1fr; }
    .po-tabs.nav-tabs[b-xke86hnvje] { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; }
    .po-tabs .nav-link[b-xke86hnvje] { font-size: 0.875rem; white-space: nowrap; }
    .po-details-grid[b-xke86hnvje] { grid-template-columns: 1fr; }
    .po-items-table-wrap[b-xke86hnvje] { height: clamp(360px, 56vh, 600px); }
    .po-items-table .po-item-number-input[b-xke86hnvje] { width: 60px; }
    .po-items-table .po-item-price-input[b-xke86hnvje] { width: 68px; }
    .po-page-actions[b-xke86hnvje] { flex-direction: column; align-items: stretch; }
    .po-action-buttons[b-xke86hnvje] { flex-direction: column; align-items: stretch; }
    .po-page-actions .btn[b-xke86hnvje] { width: 100%; }
    .po-page-actions .po-status-email-row[b-xke86hnvje] { justify-content: stretch; }
    .po-page-actions .po-status-email-toggle[b-xke86hnvje] { width: 100%; justify-content: space-between; }
    .po-status-email-recipient[b-xke86hnvje] {
        padding: 0.58rem 0.62rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/PaymentStatusModal.razor.rz.scp.css */
.payment-status-simple[b-j38auoxjrn] {
    font-size: 0.9rem;
}

.payment-section[b-j38auoxjrn] {
    padding: 0.5rem 0;
}

.payment-header[b-j38auoxjrn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.payment-title[b-j38auoxjrn] {
    font-weight: 600;
}

.payment-subtitle[b-j38auoxjrn] {
    margin-bottom: 0.25rem;
}

.payment-row[b-j38auoxjrn] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}

.payment-label[b-j38auoxjrn] {
    color: #6c757d;
}

.payment-amount[b-j38auoxjrn] {
    font-weight: 600;
}

.payment-divider[b-j38auoxjrn] {
    border-bottom: 1px solid #e2e6ea;
    margin: 0.25rem 0 0.5rem 0;
}

.status-pill[b-j38auoxjrn] {
    padding: 0.1rem 0.5rem;
    border-radius: 999px;
    font-size: 0.75rem;
    color: #fff;
}

.status-paid[b-j38auoxjrn] {
    background-color: #28a745;
}

.status-partial[b-j38auoxjrn] {
    background-color: #ffc107;
    color: #000;
}

.status-unpaid[b-j38auoxjrn] {
    background-color: #dc3545;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/ProformaAnalysis.razor.rz.scp.css */
.proforma-page[b-pohvzx3di4] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 1rem 1.5rem 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.proforma-hero[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) minmax(320px, 0.9fr);
    gap: 1.25rem;
    align-items: stretch;
    margin-bottom: 0;
    padding: 1.6rem 1.8rem;
    border: 1px solid #dce7e2;
    border-radius: 22px;
    background: linear-gradient(135deg, #f7fbf8 0%, #eef7f2 55%, #ffffff 100%);
    box-shadow: 0 20px 40px rgba(13, 61, 44, 0.08);
}

.proforma-eyebrow[b-pohvzx3di4] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #0c6c4b;
    margin-bottom: 0.45rem;
}

.proforma-title[b-pohvzx3di4] {
    margin: 0;
    font-size: 1.85rem;
    font-weight: 800;
    color: #123426;
}

.proforma-subtitle[b-pohvzx3di4] {
    max-width: 1000px;
    margin: 0.6rem 0 0;
    color: #5d7268;
    line-height: 1.7;
    font-size: 1rem;
}

.proforma-hero-meta[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(170px, 1fr));
    gap: 0.75rem;
    min-width: 0;
    align-content: start;
}

.proforma-meta-pill[b-pohvzx3di4],
.proforma-stat-card[b-pohvzx3di4] {
    border-radius: 18px;
    border: 1px solid #d7e4de;
    background: #fff;
    padding: 0.95rem 1rem;
}

.proforma-meta-pill[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.proforma-meta-pill.is-ready[b-pohvzx3di4] {
    border-color: #8fd0ae;
    background: linear-gradient(180deg, #f8fffb 0%, #eefaf2 100%);
}

.proforma-meta-label[b-pohvzx3di4],
.proforma-stat-card span[b-pohvzx3di4] {
    color: #6a7c73;
    font-size: 0.78rem;
}

.proforma-meta-pill strong[b-pohvzx3di4],
.proforma-stat-card strong[b-pohvzx3di4] {
    color: #173f30;
    font-size: 1.1rem;
}

.proforma-panel[b-pohvzx3di4] {
    background: #fff;
    border: 1px solid #dde7e2;
    border-radius: 22px;
    box-shadow: 0 14px 30px rgba(15, 42, 33, 0.06);
    padding: 1.4rem 1.5rem;
}

.proforma-panel-head[b-pohvzx3di4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.proforma-panel-head.compact[b-pohvzx3di4] {
    margin-bottom: 0.85rem;
}

.proforma-step-title[b-pohvzx3di4] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #0c6c4b;
    letter-spacing: 0.03em;
    margin-bottom: 0.3rem;
}

.proforma-panel-title[b-pohvzx3di4] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #163c2d;
}

.proforma-panel-note[b-pohvzx3di4] {
    max-width: 520px;
    color: #6a7c73;
    font-size: 0.88rem;
    line-height: 1.6;
    text-align: start;
}

.proforma-panel-side[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.55rem;
}

.proforma-export-actions[b-pohvzx3di4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    justify-content: flex-end;
}

.proforma-export-btn[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    white-space: nowrap;
}

.proforma-setup-grid[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.proforma-setup-block[b-pohvzx3di4] {
    border: 1px solid #e0ece6;
    border-top: 3px solid #c8e0d5;
    border-radius: 16px;
    background: #fafcfb;
    padding: 1.25rem;
    min-height: 100%;
}

.proforma-upload-block[b-pohvzx3di4] {
    border-top-color: #0c6c4b;
    background: linear-gradient(160deg, #f4fbf7 0%, #edf7f2 100%);
}

.proforma-block-title[b-pohvzx3di4] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #183c2f;
    font-size: 0.875rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e5eeea;
}

.proforma-block-title i[b-pohvzx3di4] {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #eaf5ef;
    color: #0c6c4b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.proforma-upload-block .proforma-block-title i[b-pohvzx3di4] {
    background: #0c6c4b;
    color: #fff;
}

.proforma-fit-control[b-pohvzx3di4] {
    display: inline-block;
    width: auto !important;
    min-width: calc(14ch * 1.1);
    max-width: min(100%, 46rem);
}

.proforma-fit-control--select[b-pohvzx3di4] {
    min-width: calc(18ch * 1.1);
}

.proforma-fit-control--date[b-pohvzx3di4] {
    min-width: calc(12ch * 1.1);
}

.proforma-fit-control--thread[b-pohvzx3di4] {
    min-width: calc(28ch * 1.1);
    max-width: min(100%, 54rem);
}

.proforma-version-strip[b-pohvzx3di4] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.proforma-version-pill[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 118px;
    border: 1px solid #d8e5df;
    background: #fff;
    border-radius: 14px;
    padding: 0.7rem 0.8rem;
    text-align: start;
    color: #234336;
}

.proforma-version-pill.active[b-pohvzx3di4] {
    border-color: #0c6c4b;
    background: #eff8f3;
    box-shadow: 0 0 0 2px rgba(12, 108, 75, 0.08);
}

.proforma-version-pill span[b-pohvzx3di4],
.proforma-version-pill small[b-pohvzx3di4] {
    color: #6b7d74;
}

.proforma-upload-box[b-pohvzx3di4] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3rem;
    border: 2px dashed #b4d0c2;
    border-radius: 14px;
    padding: 1.6rem 1rem;
    background: #fff;
    cursor: pointer;
    min-height: 165px;
    justify-content: center;
    transition: border-color 200ms, background 200ms, box-shadow 200ms;
}

.proforma-upload-box:hover[b-pohvzx3di4] {
    border-color: #0c6c4b;
    background: #f8fdfb;
    box-shadow: 0 6px 20px rgba(12, 108, 75, 0.09);
}

.proforma-upload-box.has-file[b-pohvzx3di4] {
    border-style: solid;
    border-color: #0c6c4b;
    background: linear-gradient(160deg, #f3fdf8 0%, #e8f7ef 100%);
}

.proforma-upload-copy[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    align-items: center;
}

.proforma-upload-label[b-pohvzx3di4] {
    color: #6a7c73;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    font-weight: 700;
}

.proforma-upload-copy strong[b-pohvzx3di4] {
    color: #193e30;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.35;
}

.proforma-upload-copy small[b-pohvzx3di4] {
    color: #7a8e86;
    font-size: 0.78rem;
}

.proforma-upload-action[b-pohvzx3di4] {
    margin-top: 0.55rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
    border-radius: 8px;
    background: #0c6c4b;
    color: #fff;
    font-weight: 600;
    padding: 0.42rem 1.1rem;
    font-size: 0.82rem;
    transition: background 150ms;
}

.proforma-upload-box:hover .proforma-upload-action[b-pohvzx3di4],
.proforma-upload-box.has-file .proforma-upload-action[b-pohvzx3di4] {
    background: #095c3f;
}

.proforma-upload-input[b-pohvzx3di4] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

/* InputFile renders outside this component's scope — ::deep bypasses isolation */
[b-pohvzx3di4] .proforma-upload-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.proforma-upload-icon[b-pohvzx3di4] {
    font-size: 2.4rem;
    color: #0c6c4b;
    opacity: 0.5;
    line-height: 1;
    margin-bottom: 0.2rem;
    transition: opacity 200ms, transform 200ms;
}

.proforma-upload-box:hover .proforma-upload-icon[b-pohvzx3di4] {
    opacity: 0.85;
    transform: translateY(-3px);
}

.proforma-upload-box.has-file .proforma-upload-icon[b-pohvzx3di4] {
    opacity: 1;
}

/* Field label with icon */
.proforma-field-label[b-pohvzx3di4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.79rem;
    font-weight: 600;
    color: #3d5a4f;
    margin-bottom: 0.4rem;
}

.proforma-field-label i[b-pohvzx3di4] {
    color: #0c6c4b;
    font-size: 0.78rem;
    width: 14px;
    text-align: center;
    opacity: 0.8;
}

/* Make all form controls full-width inside setup blocks, styled */
.proforma-setup-block .form-select[b-pohvzx3di4],
.proforma-setup-block .form-control[b-pohvzx3di4] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    display: block;
    border: 1.5px solid #cdddd6 !important;
    border-radius: 10px !important;
    padding: 0.52rem 0.875rem !important;
    font-size: 0.875rem !important;
    background-color: #fff !important;
    color: #1a3329 !important;
    transition: border-color 140ms, box-shadow 140ms;
}

.proforma-setup-block .form-select:focus[b-pohvzx3di4],
.proforma-setup-block .form-control:focus[b-pohvzx3di4] {
    border-color: #0c6c4b !important;
    box-shadow: 0 0 0 3px rgba(12, 108, 75, 0.11) !important;
    outline: none !important;
}

/* Run button fills the block width */
.proforma-upload-block .proforma-run-btn[b-pohvzx3di4] {
    width: 100%;
    min-width: 0;
}

.proforma-checklist[b-pohvzx3di4] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.8rem;
}

.proforma-check-item[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    padding: 0.28rem 0.65rem;
    border-radius: 999px;
    background: #f0f4f2;
    color: #8a9e96;
    font-size: 0.78rem;
    border: 1px solid #dce8e3;
    font-weight: 500;
    transition: background 180ms, color 180ms, border-color 180ms;
}

.proforma-check-item.is-ready[b-pohvzx3di4] {
    background: #e2f5ec;
    color: #0c6c4b;
    border-color: #9fd0b6;
    font-weight: 600;
}

.proforma-action-bar[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e2ebe6;
}

.proforma-toggle[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #50645b;
    font-size: 0.82rem;
}

.proforma-toggle input[type="checkbox"][b-pohvzx3di4] {
    accent-color: #0c6c4b;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.proforma-run-btn[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 180px;
    justify-content: center;
    font-weight: 700;
    padding: 0.7rem 1.2rem;
    border-radius: 10px !important;
    letter-spacing: 0.01em;
    transition: transform 120ms, box-shadow 120ms;
}

.proforma-run-btn:not(:disabled):hover[b-pohvzx3di4] {
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(12, 108, 75, 0.35);
}

.proforma-version-label[b-pohvzx3di4] {
    display: inline-flex;
    margin-inline-start: 0.45rem;
    padding: 0.15rem 0.55rem;
    background: #eef4f0;
    border-radius: 999px;
    color: #446156;
    font-size: 0.82rem;
    vertical-align: middle;
}

.proforma-stats-grid[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.85rem;
}

.proforma-stat-card[b-pohvzx3di4] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 90px;
}

.proforma-stat-card.is-green[b-pohvzx3di4] {
    background: linear-gradient(180deg, #f8fffb 0%, #eefaf4 100%);
    border-color: #bfe4cf;
}

.proforma-stat-card.is-amber[b-pohvzx3di4] {
    background: linear-gradient(180deg, #fffdf6 0%, #fff7df 100%);
    border-color: #f1ddb1;
}

.proforma-stat-card.is-red[b-pohvzx3di4] {
    background: linear-gradient(180deg, #fff8f8 0%, #ffeaea 100%);
    border-color: #e8c0c0;
}

.proforma-stat-card.is-blue[b-pohvzx3di4] {
    background: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);
    border-color: #c9d7ee;
}

.proforma-results-layout[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 380px);
    gap: 1rem;
    margin-top: 1rem;
    align-items: start;
}

.proforma-decision-panel[b-pohvzx3di4] {
    position: sticky;
    top: 1rem;
    order: 2;
}

.proforma-table-panel[b-pohvzx3di4] {
    order: 1;
}

.proforma-selection-summary[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.proforma-selection-summary > div[b-pohvzx3di4] {
    border-radius: 14px;
    background: #f4f8f6;
    padding: 0.8rem;
    color: #5f7268;
}

.proforma-selection-summary strong[b-pohvzx3di4] {
    display: block;
    color: #183f30;
    font-size: 1.05rem;
}

.proforma-category-list[b-pohvzx3di4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    max-height: 220px;
    overflow: auto;
    padding-inline-end: 0.25rem;
}

.proforma-category-chip[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border-radius: 999px;
    border: 1px solid #d8e4dd;
    background: #fff;
    cursor: pointer;
    color: #3d564b;
}

.proforma-category-chip.active[b-pohvzx3di4] {
    border-color: #0c6c4b;
    background: #eef8f2;
    color: #0c6c4b;
}

.proforma-category-chip input[b-pohvzx3di4] {
    margin: 0;
}

.proforma-decision-actions[b-pohvzx3di4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
}

.proforma-table-panel[b-pohvzx3di4] {
    overflow: hidden;
    padding: 0;
}

.proforma-table-panel .proforma-panel-head[b-pohvzx3di4] {
    padding: 1.2rem 1.2rem 0;
}

.proforma-table[b-pohvzx3di4] {
    --bs-table-bg: transparent;
    margin: 0;
}

.proforma-table thead th[b-pohvzx3di4] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f6faf8;
    color: #4d655b;
    font-size: 0.70rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 1px solid #e1ebe5;
    padding: 0.48rem 0.6rem;
    white-space: nowrap;
    overflow: hidden;
}

.proforma-table tbody td[b-pohvzx3di4] {
    padding: 0.42rem 0.6rem;
    vertical-align: middle;
    border-bottom: 1px solid #edf3ef;
    font-size: 0.78rem;
    white-space: nowrap;
    overflow: hidden;
    max-width: 240px;
    text-overflow: ellipsis;
}

.proforma-table tbody tr:hover[b-pohvzx3di4] {
    background: #fbfdfc;
}

.proforma-row-rejected[b-pohvzx3di4] {
    background: #fff7f7;
}

.proforma-row-unmatched[b-pohvzx3di4] {
    background: #fffdf6;
}

.proforma-row-selected[b-pohvzx3di4] {
    box-shadow: inset 3px 0 0 #0c6c4b;
}

.proforma-cell-title[b-pohvzx3di4] {
    font-weight: 600;
    color: #163d2e;
}

.proforma-badge[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0.22rem 0.5rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    border: 1px solid transparent;
    white-space: nowrap;
}

.proforma-badge.match[b-pohvzx3di4] {
    background: #ebf8ef;
    color: #0e6d4c;
    border-color: #b7dfc7;
}

.proforma-badge.unmatched[b-pohvzx3di4] {
    background: #fff4d8;
    color: #8a5d00;
    border-color: #f0d28c;
}

.proforma-badge.issue[b-pohvzx3di4] {
    background: #fff0d9;
    color: #9a5b00;
    border-color: #efc985;
}

.proforma-badge.comparison-up[b-pohvzx3di4] {
    background: #ffe9e9;
    color: #a33a3a;
    border-color: #f0c0c0;
}

.proforma-badge.comparison-down[b-pohvzx3di4] {
    background: #ebf8ef;
    color: #0e6d4c;
    border-color: #b7dfc7;
}

.proforma-badge.comparison-same[b-pohvzx3di4] {
    background: #eef7ff;
    color: #215a95;
    border-color: #c8dbf2;
}

.proforma-badge.comparison-neutral[b-pohvzx3di4] {
    background: #f4f6f5;
    color: #667870;
    border-color: #dbe4df;
}

.proforma-badge.pending[b-pohvzx3di4] {
    background: #edf2ef;
    color: #556b61;
    border-color: #d7e2dc;
}

.proforma-badge.accepted[b-pohvzx3di4] {
    background: #eef7ff;
    color: #215a95;
    border-color: #c8dbf2;
}

.proforma-badge.rejected[b-pohvzx3di4] {
    background: #ffe9e9;
    color: #a33a3a;
    border-color: #f0c0c0;
}

.proforma-row-issue[b-pohvzx3di4] {
    background: #fffaf1;
}

.proforma-cell-subtext[b-pohvzx3di4] {
    display: inline;
    margin-inline-start: 0.3rem;
    color: #8a5d00;
    font-size: 0.70rem;
    font-weight: 600;
}

[b-pohvzx3di4] .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-pohvzx3di4] .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 15%;
    width: 2px;
    height: 70%;
    border-radius: 2px;
    background: rgba(12, 108, 75, 0.3);
    transition: opacity 120ms, background 120ms;
}

[b-pohvzx3di4] .proforma-table th:hover .invoice-col-resize-handle::after {
    background: rgba(12, 108, 75, 0.75);
}

.proforma-insight-box[b-pohvzx3di4] {
    margin: 0 1.2rem 1rem;
    padding: 1rem 1.05rem;
    border-radius: 16px;
    background: linear-gradient(180deg, #f6faf8 0%, #edf5f1 100%);
    color: #395247;
    line-height: 1.7;
}

.proforma-timeline-controls[b-pohvzx3di4] {
    display: flex;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.proforma-timeline-controls .form-control[b-pohvzx3di4] {
    min-width: 155px;
}

.proforma-inline-timeline-row td[b-pohvzx3di4] {
    padding: 0 !important;
    border-top: 0 !important;
    background: #fbfefc;
}

.proforma-inline-timeline[b-pohvzx3di4] {
    margin: 0.4rem 0.8rem 0.9rem;
    border: 1px solid #d9e8e0;
    border-radius: 18px;
    background: linear-gradient(180deg, #fcfffd 0%, #f4faf7 100%);
    overflow: hidden;
}

.proforma-inline-timeline-head[b-pohvzx3di4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem 0;
}

.proforma-inline-timeline-title[b-pohvzx3di4] {
    margin: 0.2rem 0 0;
    font-size: 1rem;
    font-weight: 700;
    color: #163d2f;
}

.proforma-timeline-list-wrap[b-pohvzx3di4] {
    padding: 0 1.2rem 1.2rem;
}

.proforma-timeline-list[b-pohvzx3di4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

.proforma-timeline-item[b-pohvzx3di4] {
    border: 1px solid #dbe9e2;
    border-radius: 18px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%);
    padding: 1rem 1.1rem;
    box-shadow: 0 10px 24px rgba(18, 66, 44, 0.05);
}

.proforma-timeline-item-head[b-pohvzx3di4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

.proforma-timeline-item-date[b-pohvzx3di4] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: #edf7f1;
    color: #1a6d49;
    font-size: 0.84rem;
    font-weight: 700;
}

.proforma-timeline-item-details[b-pohvzx3di4] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.proforma-timeline-item-details li[b-pohvzx3di4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-radius: 14px;
    background: #f4f8f6;
    padding: 0.8rem 0.9rem;
    color: #44665a;
}

.proforma-timeline-item-details span[b-pohvzx3di4] {
    font-size: 0.82rem;
    color: #618173;
}

.proforma-timeline-item-details strong[b-pohvzx3di4] {
    color: #13382c;
    font-size: 0.96rem;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .proforma-setup-grid[b-pohvzx3di4] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .proforma-upload-block[b-pohvzx3di4] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1100px) {
    .proforma-setup-grid[b-pohvzx3di4],
    .proforma-results-layout[b-pohvzx3di4],
    .proforma-stats-grid[b-pohvzx3di4],
    .proforma-hero-meta[b-pohvzx3di4] {
        grid-template-columns: 1fr;
    }

    .proforma-upload-block[b-pohvzx3di4] {
        grid-column: auto;
    }

    .proforma-decision-panel[b-pohvzx3di4] {
        position: static;
    }
}

@media (max-width: 768px) {
    .proforma-page[b-pohvzx3di4] {
        padding: 0.75rem;
    }

    .proforma-hero[b-pohvzx3di4],
    .proforma-panel-head[b-pohvzx3di4],
    .proforma-action-bar[b-pohvzx3di4] {
        flex-direction: column;
    }

    .proforma-hero[b-pohvzx3di4] {
        display: flex;
    }

    .proforma-upload-box[b-pohvzx3di4] {
        align-items: flex-start;
        flex-direction: column;
    }

    .proforma-inline-timeline-head[b-pohvzx3di4],
    .proforma-timeline-controls[b-pohvzx3di4] {
        flex-direction: column;
    }

    .proforma-selection-summary[b-pohvzx3di4] {
        grid-template-columns: 1fr;
    }

    .proforma-timeline-item-details[b-pohvzx3di4] {
        grid-template-columns: 1fr;
    }

    .proforma-fit-control[b-pohvzx3di4],
    .proforma-fit-control--select[b-pohvzx3di4],
    .proforma-fit-control--date[b-pohvzx3di4],
    .proforma-fit-control--thread[b-pohvzx3di4] {
        width: 100% !important;
        min-width: 0;
        max-width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/Purchase Orders/CreatePurchaseOrder.razor.rz.scp.css */
/* ============================================
   New Purchase Order - Page layout (not modal)
   ============================================ */

.create-po-page[b-3hhh7w6flp] {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 1rem 3rem;
    min-height: 60vh;
}

/* ----- Page header ----- */
.po-page-header[b-3hhh7w6flp] {
    margin-bottom: 2rem;
}

.po-page-header .breadcrumb[b-3hhh7w6flp] {
    font-size: 0.8125rem;
    margin-bottom: 0.75rem;
}

.po-page-header .breadcrumb-item a[b-3hhh7w6flp] {
    color: var(--bs-secondary);
    transition: color 0.15s;
}

.po-page-header .breadcrumb-item a:hover[b-3hhh7w6flp] {
    color: var(--bs-primary);
}

.po-page-hero[b-3hhh7w6flp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(13, 110, 253, 0.25);
}

.po-page-hero h1[b-3hhh7w6flp] {
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.po-page-hero h1 i[b-3hhh7w6flp] {
    opacity: 0.95;
}

.po-page-hero .subtitle[b-3hhh7w6flp] {
    font-size: 0.875rem;
    opacity: 0.9;
    margin: 0.25rem 0 0 2.25rem;
}

.po-page-hero .btn-back[b-3hhh7w6flp] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 0.5rem 1rem;
    border-radius: 8px;
    font-weight: 500;
    transition: background 0.2s, border-color 0.2s;
}

.po-page-hero .btn-back:hover[b-3hhh7w6flp] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.6);
    color: #fff;
}

/* ----- Section cards ----- */
.po-section[b-3hhh7w6flp] {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.06);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.po-section-title[b-3hhh7w6flp] {
    font-size: 1rem;
    font-weight: 600;
    margin: 0;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #212529;
}

.po-section-title i[b-3hhh7w6flp] {
    color: var(--bs-primary);
    opacity: 0.9;
}

.po-section-body[b-3hhh7w6flp] {
    padding: 1.25rem;
}

.po-details-section[b-3hhh7w6flp] {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0.85rem;
    overflow: visible;
}

.po-details-section .po-section-body[b-3hhh7w6flp] {
    padding: 0;
}

/* ----- Order details grid ----- */
.po-details-grid[b-3hhh7w6flp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 0.65rem 1rem;
    align-items: end;
}

.po-field[b-3hhh7w6flp] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.po-field label[b-3hhh7w6flp] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #495057;
    line-height: 1.2;
    margin: 0;
}

.po-field[b-3hhh7w6flp]  .form-control,
.po-field[b-3hhh7w6flp]  .form-select {
    display: block;
    width: 100%;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    box-sizing: border-box;
    border-radius: 8px;
    border: 1px solid #dee2e6;
    padding: 0.28rem 0.7rem;
    font-size: 0.92rem;
    line-height: 1.25;
    background-color: #fff;
}

.po-field[b-3hhh7w6flp]  .form-select {
    padding-inline-end: 2.25rem;
}

.po-field[b-3hhh7w6flp]  input[type="date"].form-control {
    line-height: 1;
}

.po-field[b-3hhh7w6flp]  .form-control:focus,
.po-field[b-3hhh7w6flp]  .form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
}

/* ----- Add products bar ----- */
.po-add-bar[b-3hhh7w6flp] {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    gap: 1rem;
    align-items: end;
}

.po-add-bar .po-field:first-child[b-3hhh7w6flp] {
    grid-column: 1;
}

.po-add-bar .btn-add-item[b-3hhh7w6flp] {
    padding: 0.5rem 1.25rem;
    border-radius: 8px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ----- Search results: table like Process Return ----- */
.po-search-results[b-3hhh7w6flp] {
    margin-top: 1rem;
}

.po-search-results .items-table-container[b-3hhh7w6flp] {
    width: 100%;
    max-height: 280px;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background: #fff;
}

.po-search-results .items-table-container:focus[b-3hhh7w6flp] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.po-search-results .items-table[b-3hhh7w6flp] {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.po-search-results .items-table thead[b-3hhh7w6flp] {
    background: #f8f9fa;
    position: sticky;
    top: 0;
    z-index: 1;
}

.po-search-results .items-table thead th[b-3hhh7w6flp] {
    padding: 0.75rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
}

.po-search-results .items-table thead th.col-product[b-3hhh7w6flp] { text-align: start; }
.po-search-results .items-table thead th.col-code[b-3hhh7w6flp],
.po-search-results .items-table thead th.col-pattern[b-3hhh7w6flp] { text-align: right; }
.po-search-results .items-table thead th.col-qty[b-3hhh7w6flp],
.po-search-results .items-table thead th.col-available[b-3hhh7w6flp] { text-align: center; }

.po-search-results .items-table tbody tr[b-3hhh7w6flp] {
    transition: background 0.15s;
    cursor: pointer;
}

.po-search-results .items-table tbody tr:hover[b-3hhh7w6flp] {
    background: #f8f9fa;
}

.po-search-results .items-table tbody tr.selected[b-3hhh7w6flp] {
    background: #e8f5e9;
}

.po-search-results .items-table tbody tr.selected:hover[b-3hhh7w6flp] {
    background: #d4edda;
}

.po-search-results .items-table tbody td[b-3hhh7w6flp] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #374151;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.po-search-results .items-table tbody tr:last-child td[b-3hhh7w6flp] {
    border-bottom: none;
}

.po-search-results .items-table .col-product[b-3hhh7w6flp] {
    min-width: 120px;
    text-align: start;
}

.po-search-results .items-table .col-product .product-name[b-3hhh7w6flp] {
    font-weight: 600;
}

.po-search-results .items-table .col-code[b-3hhh7w6flp],
.po-search-results .items-table .col-pattern[b-3hhh7w6flp] { text-align: right; }
.po-search-results .items-table .col-qty[b-3hhh7w6flp],
.po-search-results .items-table .col-available[b-3hhh7w6flp] { text-align: center; }
.po-search-results .items-table .empty-row[b-3hhh7w6flp] {
    text-align: center;
    padding: 1.5rem;
    color: #6c757d;
}
.po-search-results .items-table .available-badge[b-3hhh7w6flp] {
    font-weight: 600;
    color: #198754;
}

.spinner-sm[b-3hhh7w6flp] {
    width: 1rem;
    height: 1rem;
    border: 2px solid #eee;
    border-top-color: var(--bs-primary);
    border-radius: 50%;
    animation: spin-b-3hhh7w6flp 0.7s linear infinite;
}

@keyframes spin-b-3hhh7w6flp {
    to { transform: rotate(360deg); }
}

/* ----- Order items block ----- */
.po-items-block[b-3hhh7w6flp] {
    margin-top: 1.25rem;
    border: 1px solid #dee2e6;
    border-radius: 10px;
    overflow: hidden;
}

.po-items-head[b-3hhh7w6flp] {
    padding: 0.85rem 1.25rem;
    background: linear-gradient(135deg, #495057 0%, #343a40 100%);
    color: #fff;
    font-weight: 600;
    font-size: 0.9375rem;
}

.po-items-table-wrap[b-3hhh7w6flp] {
    padding: 1rem;
}

.po-items-table[b-3hhh7w6flp] {
    width: 100%;
    font-size: 0.9rem;
    margin: 0;
}

.po-items-table th[b-3hhh7w6flp] {
    text-align: start;
    padding: 0.65rem 0.75rem;
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.8125rem;
    color: #495057;
    border-bottom: 1px solid #dee2e6;
}

.po-items-table td[b-3hhh7w6flp] {
    padding: 0.65rem 0.75rem;
    vertical-align: middle;
    border-bottom: 1px solid #eee;
}

.po-items-table tbody tr:hover[b-3hhh7w6flp] {
    background: #fafbfc;
}

.po-items-table .form-control[b-3hhh7w6flp] {
    border-radius: 6px;
    padding: 0.35rem 0.5rem;
    width: 80px;
}

.po-items-table input[style*="width: 100px"][b-3hhh7w6flp] {
    width: 100px !important;
}

.po-empty-state[b-3hhh7w6flp] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.9375rem;
}

/* ----- Terms / Notes ----- */
.po-accordion-item[b-3hhh7w6flp] {
    border: 1px solid #dee2e6;
    border-bottom: none;
    background: #fff;
}

.po-accordion-item:last-of-type[b-3hhh7w6flp] {
    border-bottom: 1px solid #dee2e6;
}

.po-accordion-toggle[b-3hhh7w6flp] {
    padding: 0.85rem 1.25rem;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.9375rem;
    color: #495057;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: background 0.15s;
}

.po-accordion-toggle:hover[b-3hhh7w6flp] {
    background: #e9ecef;
}

.po-accordion-toggle i[b-3hhh7w6flp] {
    transition: transform 0.2s;
    color: #6c757d;
}

.po-accordion-body[b-3hhh7w6flp] {
    padding: 1.25rem;
    border-top: 1px solid #dee2e6;
    background: #fff;
}

.po-accordion-body .form-label[b-3hhh7w6flp] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: #495057;
}

.po-accordion-body .form-control[b-3hhh7w6flp] {
    border-radius: 8px;
    border: 1px solid #dee2e6;
}

/* ----- Page actions ----- */
.po-page-actions[b-3hhh7w6flp] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #dee2e6;
}

.po-page-actions .btn[b-3hhh7w6flp] {
    padding: 0.6rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
}

.po-page-actions .btn-submit[b-3hhh7w6flp] {
    min-width: 160px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

/* ----- Loading state ----- */
.po-loading[b-3hhh7w6flp] {
    text-align: center;
    padding: 3rem 1.5rem;
}

.po-loading .spinner-border[b-3hhh7w6flp] {
    width: 2.5rem;
    height: 2.5rem;
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .create-po-page[b-3hhh7w6flp] {
        padding: 0 0.75rem 2rem;
    }

    .po-page-hero[b-3hhh7w6flp] {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
    }

    .po-page-hero .subtitle[b-3hhh7w6flp] {
        margin-left: 0;
    }

    .po-add-bar[b-3hhh7w6flp] {
        grid-template-columns: 1fr;
    }

    .po-details-grid[b-3hhh7w6flp] {
        grid-template-columns: 1fr;
    }

    .po-items-table[b-3hhh7w6flp] {
        font-size: 0.8rem;
    }

    .po-items-table .form-control[b-3hhh7w6flp] {
        width: 60px;
    }

    .po-page-actions[b-3hhh7w6flp] {
        flex-direction: column;
    }

    .po-page-actions .btn[b-3hhh7w6flp] {
        width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/Purchase Orders/PurchaseOrderDialog.razor.rz.scp.css */
.pos-purchase-order[b-j9rbowxw7m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: var(--font-family);
}

.header-info[b-j9rbowxw7m] {
    background: var(--card-bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    padding: 1rem;
}

.header-row[b-j9rbowxw7m] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.header-field[b-j9rbowxw7m] {
    display: flex;
    flex-direction: column;
}

.header-field label[b-j9rbowxw7m] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--text-color);
    margin-bottom: 0.25rem;
}

.pos-interface[b-j9rbowxw7m] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pos-input-row[b-j9rbowxw7m] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr auto;
    gap: 1rem;
    padding: 1rem;
    background: var(--card-bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
}

.search-field[b-j9rbowxw7m], .quantity-field[b-j9rbowxw7m], .price-field[b-j9rbowxw7m], .action-field[b-j9rbowxw7m] {
    display: flex;
    flex-direction: column;
}

.search-field label[b-j9rbowxw7m], .quantity-field label[b-j9rbowxw7m], .price-field label[b-j9rbowxw7m], .action-field label[b-j9rbowxw7m] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--text-color);
    font-size: 0.9rem;
}

.search-field input[b-j9rbowxw7m], .quantity-field input[b-j9rbowxw7m], .price-field input[b-j9rbowxw7m] {
    padding: 0.75rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    font-size: 1rem;
}

.search-field input:focus[b-j9rbowxw7m] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(52, 152, 219, 0.25);
}

.quantity-field input:focus[b-j9rbowxw7m], .price-field input:focus[b-j9rbowxw7m] {
    border-color: var(--success-color);
    box-shadow: 0 0 0 0.2rem rgba(46, 204, 113, 0.25);
}

.product-results-header[b-j9rbowxw7m] {
    padding: 0.75rem 1rem;
    background: var(--secondary-color);
    color: white;
    font-weight: 600;
    font-size: 0.9rem;
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}

.product-results-list[b-j9rbowxw7m] {
    max-height: 240px;
    overflow-y: auto;
    outline: none;
    padding: 0.5rem 0 0 0;
}

.product-results-list:focus[b-j9rbowxw7m] {
    box-shadow: inset 0 0 0 2px var(--primary-color);
}

.product-result-item[b-j9rbowxw7m] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    transition: background-color 0.2s;
    min-height: 2.25rem;
}

.product-result-item:hover[b-j9rbowxw7m] {
    background-color: rgba(52, 152, 219, 0.1);
}

.product-result-item.selected[b-j9rbowxw7m] {
    background-color: var(--primary-color);
    color: white;
}

.product-result-item.selected .text-success[b-j9rbowxw7m],
.product-result-item.selected .text-warning[b-j9rbowxw7m] {
    color: rgba(255, 255, 255, 0.9) !important;
}

.product-result-item.loading[b-j9rbowxw7m] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-light);
    cursor: default;
}

.product-name[b-j9rbowxw7m] {
    font-weight: 600;
    font-size: 0.875rem;
    flex-shrink: 0;
    min-width: 6rem;
    margin: 0;
}

.product-details[b-j9rbowxw7m] {
    font-size: 0.75rem;
    opacity: 0.9;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-items-section[b-j9rbowxw7m] {
    background: var(--card-bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
}

.section-header[b-j9rbowxw7m] {
    padding: 1rem;
    background: var(--secondary-color);
    color: white;
    border-radius: var(--border-radius-md) var(--border-radius-md) 0 0;
}

.section-header h6[b-j9rbowxw7m] {
    margin: 0;
    font-weight: 600;
}

.order-items-section .table-responsive[b-j9rbowxw7m] {
    padding: 1rem;
}

.order-items-section .table[b-j9rbowxw7m] {
    margin: 0;
    font-size: 0.9rem;
}

.order-items-section .table thead th[b-j9rbowxw7m] {
    background: var(--background-color);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    font-weight: 600;
    padding: 0.75rem 0.5rem;
    font-size: 0.85rem;
}

.order-items-section .table tbody td[b-j9rbowxw7m] {
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
    border: 1px solid var(--border-color);
}

.item-product div[b-j9rbowxw7m] {
    font-weight: 600;
    font-size: 0.9rem;
}

.empty-state[b-j9rbowxw7m] {
    padding: 2rem;
    text-align: center;
}

.expandable-sections[b-j9rbowxw7m] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.expandable-section[b-j9rbowxw7m] {
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-md);
    background: var(--card-bg-color);
}

.section-toggle[b-j9rbowxw7m] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    font-weight: 600;
    color: var(--secondary-color);
    transition: background-color var(--transition-fast);
    user-select: none;
    display: flex;
    align-items: center;
}

.section-toggle:hover[b-j9rbowxw7m] {
    background-color: var(--background-color);
}

.section-content[b-j9rbowxw7m] {
    padding: 1rem;
    border-top: 1px solid var(--border-color);
    animation: slideDown-b-j9rbowxw7m 0.3s ease-out;
}

@keyframes slideDown-b-j9rbowxw7m {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 500px;
    }
}

.loading-overlay[b-j9rbowxw7m] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.95);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    border-radius: var(--border-radius-md);
}

.loading-text[b-j9rbowxw7m] {
    margin-top: 1rem;
    color: var(--text-color);
    font-weight: 600;
}

.spinner-sm[b-j9rbowxw7m] {
    width: 1rem;
    height: 1rem;
    border: 0.2rem solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-top-color: var(--primary-color);
    animation: spin-b-j9rbowxw7m 0.75s linear infinite;
}

@keyframes spin-b-j9rbowxw7m {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 992px) {
    .pos-input-row[b-j9rbowxw7m] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .header-row[b-j9rbowxw7m] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .header-row[b-j9rbowxw7m] {
        grid-template-columns: 1fr;
    }

    .order-items-section .table-responsive[b-j9rbowxw7m] {
        padding: 0.5rem;
    }

    .order-items-section .table[b-j9rbowxw7m] {
        font-size: 0.8rem;
    }
}

.search-field input:focus[b-j9rbowxw7m],
.quantity-field input:focus[b-j9rbowxw7m],
.price-field input:focus[b-j9rbowxw7m] {
    outline: none;
}

.btn:disabled[b-j9rbowxw7m] {
    opacity: 0.6;
    cursor: not-allowed;
}

.text-success[b-j9rbowxw7m] {
    color: var(--success-color) !important;
}

.text-warning[b-j9rbowxw7m] {
    color: var(--warning-color) !important;
}

.text-muted[b-j9rbowxw7m] {
    color: var(--text-light) !important;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/Purchase Orders/PurchaseOrderFulfillmentReport.razor.rz.scp.css */
.pof-page[b-452jx2q1ks] {
    --pof-border: #d7dee5;
    --pof-bg: #ffffff;
    --pof-text: #12263a;
    --pof-muted: #627284;
    --pof-soft: #f5f8fb;
    --pof-control-height: 32px;
    /* ── Column widths – edit these to resize ── */
    --pof-col-ref-w: 10.5rem;
    --pof-col-supplier-w: 11rem;
    /* ── Row minimum height ── */
    --pof-row-min-h: 2.6rem;
    /* ── Layout: fill the viewport below the top header ── */
    display: flex;
    flex-direction: column;
    height: calc(100dvh - 52px);
    box-sizing: border-box;
    overflow: hidden;
}

.pof-filter-card[b-452jx2q1ks] {
    flex-shrink: 0;
    border: 1px solid var(--pof-border);
    border-radius: 12px;
    box-shadow: 0 5px 16px rgba(18, 38, 58, 0.04);
    overflow: visible;
}

.pof-content-area[b-452jx2q1ks] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.pof-list-body[b-452jx2q1ks] {
    position: relative;
}

.pof-filter-card .card-body[b-452jx2q1ks] {
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.pof-label[b-452jx2q1ks] {
    color: #304256;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
}

.pof-label--spacer[b-452jx2q1ks] {
    visibility: hidden;
}

.pof-filter-toolbar[b-452jx2q1ks] {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    gap: 0.4rem 0.45rem;
}

.pof-filter-field[b-452jx2q1ks] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    flex: 0 1 auto;
    min-width: 0;
}

.pof-filter-field--search[b-452jx2q1ks] {
    flex: 1 1 11rem;
    min-width: 9rem;
}

.pof-filter-field--select[b-452jx2q1ks] {
    flex: 0 1 8.5rem;
    min-width: 7.5rem;
    max-width: 11rem;
}

.pof-filter-field--date[b-452jx2q1ks] {
    flex: 0 0 8rem;
}

.pof-filter-field--export[b-452jx2q1ks] {
    flex: 0 0 auto;
    align-self: flex-end;
}

.pof-filter-field--stats-toggle[b-452jx2q1ks] {
    flex: 0 0 auto;
    align-self: flex-end;
}

.pof-stats-toggle[b-452jx2q1ks] {
    position: relative;
    width: var(--pof-control-height);
    height: var(--pof-control-height);
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #ced6df !important;
    background: #fff !important;
    color: #627284 !important;
    font-size: 0.8rem;
    transition: border-color 120ms, background 120ms, color 120ms;
    padding: 0 !important;
}

.pof-stats-toggle:hover[b-452jx2q1ks] {
    border-color: #0f8a62 !important;
    color: #0f8a62 !important;
    background: rgba(15, 138, 98, 0.06) !important;
}

.pof-toggle-indicator[b-452jx2q1ks] {
    position: absolute;
    bottom: -4px;
    inset-inline-end: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0f8a62;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.45rem;
}

.pof-stats-panel[b-452jx2q1ks] {
    margin-top: 1rem;
    max-height: 400px;
    overflow: hidden;
    transition: max-height 280ms ease, opacity 220ms ease, margin-top 220ms ease;
    opacity: 1;
}

.pof-stats-panel.collapsed[b-452jx2q1ks] {
    max-height: 0;
    opacity: 0;
    margin-top: 0;
    pointer-events: none;
}

.pof-filter-card .form-control[b-452jx2q1ks],
.pof-filter-card .form-select[b-452jx2q1ks] {
    border-radius: 7px;
    height: var(--pof-control-height);
    min-height: var(--pof-control-height);
    max-height: var(--pof-control-height);
    line-height: calc(var(--pof-control-height) - 2px);
    padding-top: 0;
    padding-bottom: 0;
    border-color: #ced6df;
    box-sizing: border-box;
    background-color: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pof-filter-card .pof-control[b-452jx2q1ks] {
    width: 100%;
    font-size: 0.78rem;
    height: var(--pof-control-height) !important;
    min-height: var(--pof-control-height) !important;
    max-height: var(--pof-control-height) !important;
    box-sizing: border-box;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pof-control--search[b-452jx2q1ks] {
    min-width: 0;
}

.pof-control--date[b-452jx2q1ks] {
    width: 100%;
    min-width: 0;
}

/* Normalize native date input height to match textboxes/selects exactly */
.pof-filter-card input[type="date"].pof-control--date[b-452jx2q1ks] {
    height: var(--pof-control-height) !important;
    min-height: var(--pof-control-height) !important;
    max-height: var(--pof-control-height) !important;
    line-height: calc(var(--pof-control-height) - 2px);
    padding-top: 0;
    padding-bottom: 0;
    padding-inline-start: 0.65rem;
    padding-inline-end: 2rem;
    appearance: none;
    -webkit-appearance: none;
}

.pof-filter-card input[type="date"].pof-control--date[b-452jx2q1ks]::-webkit-date-and-time-value {
    min-height: 1.2em;
    line-height: 1.2;
}

.pof-filter-card input[type="date"].pof-control--date[b-452jx2q1ks]::-webkit-datetime-edit {
    padding: 0;
}

.pof-filter-card input[type="date"].pof-control--date[b-452jx2q1ks]::-webkit-datetime-edit-fields-wrapper {
    height: 100%;
}

.pof-filter-card input[type="date"].pof-control--date[b-452jx2q1ks]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.8;
}

.pof-control--select[b-452jx2q1ks] {
    min-width: 0;
}

.pof-export-btn[b-452jx2q1ks] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.86rem;
    height: var(--pof-control-height);
    min-height: var(--pof-control-height);
    min-width: 7.9rem;
    white-space: nowrap !important;
    padding-inline: 1rem;
    border: 1px solid #0f8a62;
    background: linear-gradient(180deg, #18a772 0%, #0f8a62 100%);
    color: #fff !important;
    box-shadow: 0 4px 10px rgba(15, 138, 98, 0.18);
    transition: transform 0.12s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.pof-export-btn i[b-452jx2q1ks] {
    font-size: 0.82rem;
}

[dir="rtl"] .pof-export-btn[b-452jx2q1ks] {
    flex-direction: row-reverse;
}

.pof-export-btn:hover[b-452jx2q1ks],
.pof-export-btn:focus-visible[b-452jx2q1ks] {
    filter: brightness(1.02);
    box-shadow: 0 6px 14px rgba(15, 138, 98, 0.26);
    transform: translateY(-1px);
}

.pof-export-btn:active[b-452jx2q1ks] {
    transform: translateY(0);
    box-shadow: 0 3px 8px rgba(15, 138, 98, 0.2);
}

.pof-export-btn:disabled[b-452jx2q1ks] {
    border-color: #a7b8c8;
    background: #dbe5ee;
    color: #6d7f90 !important;
    box-shadow: none;
    transform: none;
    cursor: not-allowed;
}

.pof-filter-card .form-control:focus[b-452jx2q1ks],
.pof-filter-card .form-select:focus[b-452jx2q1ks] {
    border-color: #0f8a62;
    box-shadow: 0 0 0 0.2rem rgba(15, 138, 98, 0.16);
}

.pof-check-row[b-452jx2q1ks] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.65rem;
    width: 100%;
    margin-top: 0;
    padding-top: 0.75rem;
    min-height: 3.25rem;
    border-top: 1px dashed #dce5ee;
    position: relative;
    z-index: 1;
}

.pof-option-card[b-452jx2q1ks] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    flex: 1 1 18rem;
    min-width: 15.5rem;
    max-width: 32rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d7e2ec;
    border-radius: 10px;
    background: #f8fbff;
}

.pof-option-check[b-452jx2q1ks] {
    position: static !important;
    float: none !important;
    margin: 0.15rem 0 0 !important;
    margin-inline: 0 !important;
    flex: 0 0 auto;
}

.pof-option-content[b-452jx2q1ks] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
    padding-inline-start: 0.35rem;
}

.pof-option-title[b-452jx2q1ks] {
    margin: 0;
    line-height: 1.3;
    color: #2d4258;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
}

.pof-option-hint[b-452jx2q1ks] {
    color: #617589;
    font-size: 0.74rem;
    line-height: 1.25;
    white-space: normal;
    overflow-wrap: anywhere;
}

.pof-loading[b-452jx2q1ks],
.pof-empty[b-452jx2q1ks] {
    border-radius: 12px;
}

.pof-stats .pof-stat-card[b-452jx2q1ks] {
    border: 1px solid var(--pof-border);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(18, 38, 58, 0.04);
}

.pof-stat-card .card-body[b-452jx2q1ks] {
    padding: 0.9rem 1rem;
}

.pof-stat-head[b-452jx2q1ks] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.45rem;
}

.pof-stat-head i[b-452jx2q1ks] {
    font-size: 0.95rem;
    opacity: 0.82;
}

.pof-stat-card .h4[b-452jx2q1ks] {
    color: var(--pof-text);
    font-weight: 700;
    letter-spacing: -0.01em;
}

.pof-stat-rows[b-452jx2q1ks] {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.pof-stat-ordered[b-452jx2q1ks] {
    background: linear-gradient(180deg, #ffffff 0%, #fff9f2 100%);
}

.pof-stat-received[b-452jx2q1ks] {
    background: linear-gradient(180deg, #ffffff 0%, #f3fbf7 100%);
}

.pof-stat-remaining[b-452jx2q1ks] {
    background: linear-gradient(180deg, #ffffff 0%, #fff6f5 100%);
}

.pof-table-card[b-452jx2q1ks] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pof-border);
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(18, 38, 58, 0.04);
    overflow: hidden;
}

.pof-expected-note[b-452jx2q1ks] {
    flex-shrink: 0;
    font-size: 0.76rem;
    color: #5f7184;
    padding: 0.55rem 0.8rem 0.75rem;
    border-top: 1px dashed #dee5ec;
    background: #fcfdff;
}

.pof-table-wrap[b-452jx2q1ks] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.pof-table[b-452jx2q1ks] {
    margin-bottom: 0;
    font-size: 0.84rem;
}

.pof-table thead th[b-452jx2q1ks] {
    position: sticky;
    top: 0;
    background: #f4f7fa;
    z-index: 1;
    color: #32485e;
    font-size: 0.78rem;
    font-weight: 700;
    border-bottom: 1px solid #d8e0e8;
    white-space: nowrap;
    padding: 0.7rem 0.55rem;
    overflow: hidden;
}

/* ── Column resize handles ── */
[b-452jx2q1ks] .pof-table thead th .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-452jx2q1ks] .pof-table thead th .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 12%;
    width: 2px;
    height: 76%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.35);
    opacity: 0.7;
    transition: opacity 120ms ease, background 120ms ease;
}

[b-452jx2q1ks] .pof-table thead th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.75);
}

.pof-th-help[b-452jx2q1ks] {
    cursor: help;
}

.pof-table tbody td[b-452jx2q1ks] {
    padding: 0.55rem 0.55rem;
    border-bottom: 1px solid #edf1f5;
    vertical-align: middle;
    white-space: nowrap;
    min-height: var(--pof-row-min-h);
    box-sizing: border-box;
}

.pof-col-ref[b-452jx2q1ks] {
    width: var(--pof-col-ref-w);
    min-width: var(--pof-col-ref-w);
    max-width: var(--pof-col-ref-w);
    overflow: hidden;
}

.pof-col-supplier[b-452jx2q1ks] {
    width: var(--pof-col-supplier-w);
    min-width: var(--pof-col-supplier-w);
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: var(--pof-col-supplier-w);
}

.pof-po-link-cell[b-452jx2q1ks] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    overflow: hidden;
    min-width: 0;
}

.pof-po-link-cell strong[b-452jx2q1ks] {
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
    flex: 1 1 auto;
}

.pof-open-po-btn[b-452jx2q1ks] {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0;
    line-height: 1;
}

.pof-open-po-btn i[b-452jx2q1ks] {
    font-size: 0.72rem;
}

.pof-table tbody tr[b-452jx2q1ks] {
    transition: background-color 0.16s ease;
}

.pof-table tbody tr:hover[b-452jx2q1ks] {
    background: #f7fbff;
}

.pof-table tbody tr.is-pending[b-452jx2q1ks] {
    background: #fffdf6;
}

.pof-table tbody tr.is-partial[b-452jx2q1ks] {
    background: #f4fbff;
}

.pof-table tbody tr.is-full[b-452jx2q1ks] {
    background: #f5fcf8;
}

.pof-table tbody tr.is-over[b-452jx2q1ks] {
    background: #fff8ec;
}

.pof-table .badge[b-452jx2q1ks] {
    font-weight: 600;
    border-radius: 999px;
    padding: 0.35rem 0.55rem;
}

.pof-progress-cell[b-452jx2q1ks] {
    min-width: 92px;
    width: 8.5rem;
    vertical-align: middle;
}

.pof-progress-slot[b-452jx2q1ks] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0.15rem;
    min-height: 4.1rem;
}

/* Invisible stack reserves the same vertical space as a real progress cell; “-” is centered on top */
.pof-progress-slot--empty[b-452jx2q1ks] {
    display: block;
    position: relative;
    min-height: 0;
}

.pof-progress-inert[b-452jx2q1ks] {
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.pof-progress-slot--empty .pof-progress-empty[b-452jx2q1ks] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.pof-progress-value[b-452jx2q1ks] {
    font-weight: 700;
    color: #213548;
    font-size: 0.78rem;
    margin-bottom: 0.2rem;
}

.pof-progress[b-452jx2q1ks] {
    height: 6px;
    border-radius: 999px;
    background: #e6edf4;
}

.pof-progress .progress-bar[b-452jx2q1ks] {
    border-radius: 999px;
}

.pof-status-editor[b-452jx2q1ks] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 250px;
}

.pof-status-editor .form-select[b-452jx2q1ks],
.pof-status-editor .form-control[b-452jx2q1ks] {
    min-height: 30px;
    font-size: 0.78rem;
}

.pof-status-editor .form-select[b-452jx2q1ks] {
    min-width: 145px;
}

.pof-status-editor .form-control[b-452jx2q1ks] {
    min-width: 120px;
}

@media (max-width: 992px) {
    .pof-page[b-452jx2q1ks] {
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }

    .pof-filter-toolbar[b-452jx2q1ks] {
        gap: 0.65rem;
    }

    .pof-filter-field--search[b-452jx2q1ks],
    .pof-filter-field--select[b-452jx2q1ks],
    .pof-filter-field--date[b-452jx2q1ks] {
        flex: 1 1 calc(50% - 0.65rem);
        max-width: none;
    }

    .pof-filter-field--export[b-452jx2q1ks] {
        flex: 1 1 calc(50% - 0.65rem);
        margin-inline-start: 0;
    }

    .pof-filter-card .card-body[b-452jx2q1ks] {
        padding: 0.9rem;
    }

    .pof-option-card[b-452jx2q1ks] {
        max-width: none;
    }

    .pof-table[b-452jx2q1ks] {
        font-size: 0.8rem;
    }
}

@media (max-width: 640px) {
    .pof-filter-field--search[b-452jx2q1ks],
    .pof-filter-field--select[b-452jx2q1ks],
    .pof-filter-field--date[b-452jx2q1ks],
    .pof-filter-field--export[b-452jx2q1ks] {
        flex: 1 1 100%;
    }

    .pof-export-btn[b-452jx2q1ks] {
        width: 100%;
        min-width: 0;
    }

    .pof-option-card[b-452jx2q1ks] {
        flex: 1 1 100%;
        min-width: 0;
    }

    .pof-table thead th[b-452jx2q1ks],
    .pof-table tbody td[b-452jx2q1ks] {
        padding: 0.48rem 0.45rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/Purchase Orders/PurchaseOrders.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PURCHASE ORDERS PAGE  —  Mirrors Purchase Invoice design system
   ═══════════════════════════════════════════════════════════════ */

/* ── Design tokens ────────────────────────────────────────────── */
.pi-dashboard[b-92yei55yjp] {
    --g:       oklch(0.40 0.13 155);
    --g-hover: oklch(0.34 0.13 155);
    --g-lt:    oklch(0.96 0.02 155);
    --surface: #fff;
    --bd:      oklch(0.93 0.005 240);
    --t0:      oklch(0.20 0.01 240);
    --t1:      oklch(0.35 0.01 240);
    --t3:      oklch(0.55 0.01 240);
    --font:    "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-sm:    0.375rem;
    --r-md:    0.5rem;
    --r-lg:    0.75rem;
    font-family: var(--font);
    color: var(--t0);
}

/* ── Page shell ───────────────────────────────────────────────── */
.pi-dashboard[b-92yei55yjp] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 72px);
    padding: 0.25rem;
    overflow: hidden;
    background: #f8fafc;
    gap: 1rem;
}

.pi-card[b-92yei55yjp] {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0 !important;
    min-height: 0 !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 4px 12px rgba(0,0,0,.04) !important;
    background: var(--surface) !important;
    overflow: hidden !important;
}

/* ── Card header ──────────────────────────────────────────────── */
.pi-card > .card-header[b-92yei55yjp] {
    background: #fafbfc !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0.9rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ── Filter bar ───────────────────────────────────────────────── */
.pi-filter-bar[b-92yei55yjp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1 1 0;
    min-width: 0;
}

.pi-filter-bar__search[b-92yei55yjp] {
    position: relative;
    display: flex;
    align-items: center;
}

.pi-filter-bar__search .fas[b-92yei55yjp] {
    position: absolute;
    inset-inline-start: 0.65rem;
    color: var(--t3);
    font-size: 0.8rem;
    pointer-events: none;
}

.pi-filter-bar__input[b-92yei55yjp] {
    border: 1.5px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 0.875rem 0.35rem 2rem !important;
    font-size: 0.8125rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    min-width: 180px;
    transition: border-color 140ms ease;
}

.pi-filter-bar__input:focus[b-92yei55yjp] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

.pi-filter-bar__date-sep[b-92yei55yjp] {
    color: var(--t3);
    font-size: 0.8rem;
    padding: 0 0.1rem;
    user-select: none;
}

.pi-filter-bar__date-input[b-92yei55yjp] {
    border: 1px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 0.625rem !important;
    font-size: 0.8rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    width: 156px;
    min-width: 132px;
    max-width: 156px;
    transition: border-color 140ms ease;
}

.pi-filter-bar__date-input:focus[b-92yei55yjp] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

.pi-filter-bar__select[b-92yei55yjp] {
    border: 1px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 1.875rem 0.35rem 0.75rem !important;
    font-size: 0.8125rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    min-width: 120px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718c86' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 12px;
    transition: border-color 140ms ease;
}

html[dir="rtl"] .pi-filter-bar__select[b-92yei55yjp] {
    padding: 0.35rem 0.75rem 0.35rem 1.875rem !important;
    background-position: left 0.625rem center;
}

.pi-filter-bar__select:focus[b-92yei55yjp] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

.pi-filter-bar__select--deleted[b-92yei55yjp] {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.pi-filter-bar__clear-btn[b-92yei55yjp] {
    border: 1.5px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.3rem 0.75rem !important;
    font-size: 0.8rem !important;
    font-family: var(--font) !important;
    color: var(--t3) !important;
    background: transparent !important;
    transition: border-color 120ms, color 120ms;
}

.pi-filter-bar__clear-btn:hover[b-92yei55yjp] {
    border-color: var(--t1) !important;
    color: var(--t0) !important;
}

/* ── Header action buttons ────────────────────────────────────── */
.pi-header-actions[b-92yei55yjp] {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2;
}

.pi-btn-new[b-92yei55yjp] {
    background: var(--g) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: var(--font) !important;
    box-shadow: 0 1px 4px oklch(0.40 0.13 155 / 0.35) !important;
    transition: background 120ms, transform 120ms, box-shadow 120ms !important;
    white-space: nowrap;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.pi-btn-new:hover[b-92yei55yjp] {
    background: var(--g-hover) !important;
    box-shadow: 0 3px 8px oklch(0.40 0.13 155 / 0.40) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

.pi-btn-new:active[b-92yei55yjp] { transform: translateY(0) !important; }

.pi-btn-export[b-92yei55yjp] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid var(--g) !important;
    color: var(--g) !important;
    background: transparent !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    transition: background 120ms, color 120ms !important;
}

.pi-btn-export:hover[b-92yei55yjp] {
    background: var(--g-lt) !important;
    color: var(--g-hover) !important;
}

.pi-btn-export:disabled[b-92yei55yjp] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

/* ── Show Deleted Records button ──────────────────────────────── */
.pi-btn-show-deleted[b-92yei55yjp] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid #dc3545 !important;
    color: #dc3545 !important;
    background: transparent !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    transition: background 120ms, color 120ms !important;
}

.pi-btn-show-deleted:hover[b-92yei55yjp] {
    background: #fff5f5 !important;
    color: #b02a37 !important;
}

.pi-btn-show-deleted--active[b-92yei55yjp] {
    background: #dc3545 !important;
    color: #fff !important;
}

.pi-btn-show-deleted--active:hover[b-92yei55yjp] {
    background: #b02a37 !important;
    color: #fff !important;
}

.pi-stats-toggle[b-92yei55yjp] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--bd) !important;
    background: var(--surface) !important;
    color: var(--t3) !important;
    font-size: 0.8rem;
    transition: border-color 120ms, background 120ms;
    padding: 0 !important;
}

.pi-stats-toggle:hover[b-92yei55yjp] {
    border-color: var(--g) !important;
    color: var(--g) !important;
    background: var(--g-lt) !important;
}

.pi-stats-toggle .toggle-indicator[b-92yei55yjp] {
    position: absolute;
    bottom: -4px;
    inset-inline-end: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.45rem;
}

/* ── Card body ────────────────────────────────────────────────── */
.pi-card > .card-body[b-92yei55yjp],
.pi-list-body[b-92yei55yjp] {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--surface) !important;
    position: relative;
}

.pi-card .table-responsive[b-92yei55yjp] {
    flex: 1 1 0 !important;
    min-height: 0;
    overflow: auto;
}

.pi-card .erp-pagination[b-92yei55yjp] {
    flex-shrink: 0 !important;
}

/* ── Table ────────────────────────────────────────────────────── */
.pi-table[b-92yei55yjp] {
    font-size: 0.8125rem !important;
    font-family: var(--font) !important;
    margin-bottom: 0 !important;
    border-collapse: collapse;
}

.pi-table thead th[b-92yei55yjp] {
    background: #f8fafc !important;
    border-bottom: 2px solid var(--bd) !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    color: var(--t1) !important;
    padding: 0.625rem 0.75rem !important;
    white-space: nowrap;
    letter-spacing: 0.01em;
    position: relative;
    overflow: hidden;
    text-align: center !important;
}

.pi-table tbody tr[b-92yei55yjp] {
    cursor: pointer;
    transition: background 100ms;
}

.pi-table tbody tr:nth-child(even)[b-92yei55yjp] {
    background: oklch(0.985 0.002 240);
}

.pi-table tbody tr:hover td[b-92yei55yjp] {
    background-color: #f8fafc !important;
}

.pi-table td[b-92yei55yjp] {
    padding: 0.625rem 0.75rem !important;
    vertical-align: middle !important;
    border-bottom: 1px solid var(--bd) !important;
    border-top: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
    text-align: center !important;
}

/* Column typography (shared with PI) */
.invoice-number[b-92yei55yjp] {
    font-weight: 600;
    color: var(--t0);
    font-size: 0.875rem;
    font-variant-numeric: tabular-nums;
    display: block;
    text-align: center;
}

.supplier-name[b-92yei55yjp] {
    font-weight: 500;
    color: var(--t0);
    text-align: center;
}

.amount-value[b-92yei55yjp] {
    font-weight: 600;
    color: var(--t0);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.amount-sub[b-92yei55yjp] {
    font-size: 0.75rem;
    color: var(--t3);
    font-variant-numeric: tabular-nums;
    text-align: center;
}

.date-value[b-92yei55yjp] {
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem;
    text-align: center;
}

/* ── Column resize handles ────────────────────────────────────── */
[b-92yei55yjp] .pi-table thead th .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-92yei55yjp] .pi-table thead th .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 12%;
    width: 2px;
    height: 76%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.35);
    opacity: 0.7;
    transition: opacity 120ms ease, background 120ms ease;
}

[b-92yei55yjp] .pi-table thead th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.75);
}

/* ── Row states ───────────────────────────────────────────────── */
.po-order-row[b-92yei55yjp] { cursor: pointer; }

.po-order-overdue[b-92yei55yjp] {
    background-color: rgba(253, 126, 20, 0.06);
}

.po-order-overdue:hover td[b-92yei55yjp] {
    background-color: rgba(253, 126, 20, 0.12) !important;
}

.po-order-deleted[b-92yei55yjp] {
    background-color: rgba(220, 53, 69, 0.05);
    opacity: 0.8;
}

.po-order-deleted .invoice-number[b-92yei55yjp] {
    text-decoration: line-through;
    color: #6c757d;
}

.po-order-deleted:hover td[b-92yei55yjp] {
    background-color: rgba(220, 53, 69, 0.09) !important;
}

/* ── Action icons ─────────────────────────────────────────────── */
.po-cell-actions[b-92yei55yjp] {
    white-space: nowrap;
    cursor: default !important;
    vertical-align: middle !important;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
}

.pi-action-icons[b-92yei55yjp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.pi-icon-btn[b-92yei55yjp] {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border-radius: var(--r-sm);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    box-shadow: 0 1px 2px rgba(15,23,42,.07);
    transition: background .12s, border-color .12s, transform .1s;
    text-decoration: none;
    cursor: pointer;
}

.pi-icon-btn:hover[b-92yei55yjp] { transform: translateY(-1px); }

.pi-icon-btn--primary[b-92yei55yjp]  { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.pi-icon-btn--primary:hover[b-92yei55yjp]  { background: #0b5ed7; border-color: #0b5ed7; color: #fff; }
.pi-icon-btn--neutral[b-92yei55yjp]  { background: #fff; border-color: var(--bd); color: var(--t1); }
.pi-icon-btn--neutral:hover[b-92yei55yjp]  { background: #f8f9fa; border-color: #adb5bd; color: var(--t1); }
.pi-icon-btn--danger[b-92yei55yjp]   { background: #fff; border-color: #f1aeb5; color: #b02a37; }
.pi-icon-btn--danger:hover[b-92yei55yjp]   { background: #fde8ea; border-color: #dc3545; color: #842029; }
.pi-icon-btn--success[b-92yei55yjp]  { background: #d1e7dd; border-color: #badbcc; color: #0f5132; }
.pi-icon-btn--success:hover[b-92yei55yjp]  { background: #a3cfbb; border-color: #75b798; color: #0a3622; }
.pi-icon-btn--warning[b-92yei55yjp]  { background: #fff3cd; border-color: #ffc107; color: #664d03; }
.pi-icon-btn--warning:hover[b-92yei55yjp]  { background: #ffe69c; border-color: #e0a800; color: #523e02; }
.pi-icon-btn--outline[b-92yei55yjp]  { background: #fff; border-color: var(--bd); color: var(--t1); }
.pi-icon-btn--outline:hover[b-92yei55yjp]  { background: #e9ecef; border-color: #adb5bd; color: var(--t1); }

/* ── Progress bar ─────────────────────────────────────────────── */
.po-col-progress[b-92yei55yjp] { min-width: 170px; }
.po-col-actions[b-92yei55yjp]  { width: 220px; white-space: nowrap; }

.po-progress-wrap[b-92yei55yjp] { min-width: 100px; }

.po-progress[b-92yei55yjp] {
    height: 8px;
    border-radius: 4px;
    background-color: #e9ecef;
    margin-bottom: 0 !important;
}

.po-progress .progress-bar[b-92yei55yjp] { border-radius: 4px; font-size: 0; }

.po-progress-meta[b-92yei55yjp] {
    display: block;
    font-size: 0.75rem;
    color: var(--t3);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin: 0;
    transition: max-height 150ms ease, opacity 150ms ease;
}

.po-progress-wrap:hover .po-progress[b-92yei55yjp] {
    margin-bottom: 0.25rem !important;
}

.po-progress-wrap:hover .po-progress-meta[b-92yei55yjp] {
    max-height: 2em;
    opacity: 1;
}

/* ── Pagination ───────────────────────────────────────────────── */
.pi-pagination[b-92yei55yjp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bd);
    flex-shrink: 0;
}

.pi-pagination-info[b-92yei55yjp] { font-size: 0.8rem; color: var(--t3); }

.pi-pagination-controls[b-92yei55yjp] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
}

.pi-pagination-page[b-92yei55yjp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t1);
}

/* ── Loading spinner ─────────────────────────────────────────── */
.spinner[b-92yei55yjp] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--bd);
    border-top-color: var(--g);
    border-radius: 50%;
    animation: spin-b-92yei55yjp 0.75s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-92yei55yjp { to { transform: rotate(360deg); } }

/* ── Stats overview (bottom collapsible) ─────────────────────── */
.pi-stats-overview[b-92yei55yjp] {
    flex-shrink: 0;
    border-top: 1px solid var(--bd);
    background: var(--surface);
    padding: 0.875rem 1rem;
    transition: max-height 250ms ease, opacity 200ms ease, padding 200ms ease;
    max-height: 200px;
    overflow: hidden;
}

.pi-stats-overview.collapsed[b-92yei55yjp] {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

/* Stat cards inside the collapsible */
.po-stats[b-92yei55yjp] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
}

.po-stat-card[b-92yei55yjp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.po-stat-card:hover[b-92yei55yjp] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

.po-stat-icon[b-92yei55yjp] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.po-stat-body[b-92yei55yjp] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.po-stat-value[b-92yei55yjp] {
    font-size: 1.35rem;
    font-weight: 700;
    line-height: 1.2;
    color: inherit;
}

.po-stat-label[b-92yei55yjp] {
    font-size: 0.75rem;
    opacity: 0.9;
    font-weight: 500;
}

.po-stat-total[b-92yei55yjp]   { background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); color: #fff; }
.po-stat-pending[b-92yei55yjp] { background: linear-gradient(135deg, #f39c12 0%, #e67e22 100%); color: #fff; }
.po-stat-overdue[b-92yei55yjp] { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); color: #fff; }
.po-stat-completed[b-92yei55yjp] { background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%); color: #fff; }

.po-stat-total .po-stat-icon[b-92yei55yjp],
.po-stat-pending .po-stat-icon[b-92yei55yjp],
.po-stat-overdue .po-stat-icon[b-92yei55yjp],
.po-stat-completed .po-stat-icon[b-92yei55yjp] { background: rgba(255,255,255,.22); }

/* ── Share modal — enhanced design ───────────────────────────── */

/* Re-expose design tokens inside the modal (which renders outside .pi-dashboard) */
.po-share-modal-vars[b-92yei55yjp] {
    --g:       oklch(0.40 0.13 155);
    --g-hover: oklch(0.34 0.13 155);
    --g-lt:    oklch(0.96 0.02 155);
    --surface: #fff;
    --bd:      oklch(0.93 0.005 240);
    --t0:      oklch(0.20 0.01 240);
    --t1:      oklch(0.35 0.01 240);
    --t3:      oklch(0.55 0.01 240);
    --font:    "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    font-family: var(--font);
    color: var(--t0);
}

.po-share-order-card[b-92yei55yjp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
    border: 1px solid rgba(0, 103, 71, 0.18);
    border-inline-start: 4px solid var(--g);
    border-radius: 12px;
    margin-bottom: 1.25rem;
}

.po-share-order-icon[b-92yei55yjp] {
    width: 46px;
    height: 46px;
    background: var(--g);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.po-share-order-info[b-92yei55yjp] { flex: 1; min-width: 0; }

.po-share-order-label[b-92yei55yjp] {
    font-size: 0.7rem;
    font-weight: 700;
    color: var(--t3);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.15rem;
}

.po-share-order-number[b-92yei55yjp] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--g);
    font-variant-numeric: tabular-nums;
}

.po-share-order-supplier[b-92yei55yjp] {
    font-size: 0.82rem;
    color: var(--t1);
    margin-top: 0.15rem;
}

/* Channel tabs */
.po-share-channel-tabs[b-92yei55yjp] {
    display: flex;
    gap: 0.375rem;
    margin-bottom: 1.25rem;
    background: #f1f5f9;
    border-radius: 10px;
    padding: 0.3rem;
}

.po-share-channel-tab[b-92yei55yjp] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.55rem 1rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--t3);
    font-size: 0.875rem;
    font-weight: 600;
    font-family: var(--font);
    cursor: pointer;
    transition: background 150ms, color 150ms, box-shadow 150ms;
}

.po-share-channel-tab.active[b-92yei55yjp] {
    background: #fff;
    color: #0d6efd;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.po-share-channel-tab--wa.active[b-92yei55yjp] { color: #25d366; }

.po-share-channel-tab:disabled[b-92yei55yjp] { opacity: 0.5; cursor: not-allowed; }

/* Section */
.po-share-section[b-92yei55yjp] { margin-bottom: 1rem; }

.po-share-section-header[b-92yei55yjp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.625rem;
}

.po-share-section-label[b-92yei55yjp] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t1);
    display: block;
}

.po-share-text-btn[b-92yei55yjp] {
    background: none;
    border: 1px solid var(--bd);
    border-radius: 6px;
    padding: 0.2rem 0.65rem;
    font-size: 0.75rem;
    color: var(--t3);
    cursor: pointer;
    transition: border-color 120ms, color 120ms;
    font-family: var(--font);
}

.po-share-text-btn:hover[b-92yei55yjp] { border-color: var(--t1); color: var(--t0); }
.po-share-text-btn:disabled[b-92yei55yjp] { opacity: 0.5; cursor: not-allowed; }

/* Empty state */
.po-share-empty[b-92yei55yjp] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.875rem 1rem;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    font-size: 0.82rem;
    color: #92400e;
}

/* Recipient list */
.po-share-recipient-list[b-92yei55yjp] {
    border: 1px solid #d8e2de;
    border-radius: 10px;
    padding: 0.45rem;
    max-height: 220px;
    overflow-y: auto;
    background: #fbfdfc;
    display: grid;
    gap: 0.4rem;
}

.po-share-recipient-item[b-92yei55yjp] {
    display: grid;
    grid-template-columns: 1fr 28px;
    gap: 0.7rem;
    align-items: center;
    border: 1px solid #e2ebe7;
    border-radius: 8px;
    background: #fff;
    padding: 0.6rem 0.75rem;
    cursor: pointer;
    transition: border-color 120ms, box-shadow 120ms, background 120ms;
}

.po-share-recipient-item:hover[b-92yei55yjp] {
    border-color: #a7d9c8;
    box-shadow: 0 2px 8px rgba(11,122,90,.07);
}

.po-share-recipient-item.is-selected[b-92yei55yjp] {
    border-color: #6db89e;
    background: linear-gradient(135deg, #f0fdf4 0%, #fff 100%);
}

.po-share-recipient-checkbox[b-92yei55yjp] {
    float: none !important;
    position: static !important;
    margin: 0 !important;
    justify-self: center;
    grid-column: 2;
    width: 1.1rem;
    height: 1.1rem;
    accent-color: var(--g);
    cursor: pointer;
}

.po-share-recipient-content[b-92yei55yjp] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
    grid-column: 1;
}

.po-share-recipient-name[b-92yei55yjp]  { font-weight: 700; color: #1f2937; font-size: 0.9rem; }
.po-share-recipient-role[b-92yei55yjp]  { color: var(--g); font-size: 0.77rem; font-weight: 600; }
.po-share-recipient-email[b-92yei55yjp] { color: #6b7280; font-size: 0.78rem; overflow-wrap: anywhere; }

/* Phone input */
.po-share-phone-input[b-92yei55yjp] {
    width: 100%;
    border: 1.5px solid var(--bd);
    border-radius: 8px;
    padding: 0.6rem 0.875rem;
    font-size: 0.9rem;
    font-family: var(--font);
    color: var(--t0);
    background: #fff;
    transition: border-color 140ms;
    direction: ltr;
    text-align: left;
}

.po-share-phone-input:focus[b-92yei55yjp] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12);
    outline: none;
}

/* Target badge */
.po-share-target-badge[b-92yei55yjp] {
    display: inline-flex;
    align-items: center;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    padding: 0.3rem 0.875rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #166534;
    margin-bottom: 1rem;
    margin-top: 0.25rem;
}

.po-share-target-badge--wa[b-92yei55yjp] { border-color: #86efac; }

/* Send button */
.po-share-send-btn[b-92yei55yjp] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    background: var(--g);
    color: #fff;
    border: none;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    font-family: var(--font);
    cursor: pointer;
    transition: background 120ms, transform 120ms, box-shadow 120ms;
    box-shadow: 0 2px 8px oklch(0.40 0.13 155 / 0.35);
    margin-top: 0.5rem;
}

.po-share-send-btn:hover:not(:disabled)[b-92yei55yjp] {
    background: var(--g-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px oklch(0.40 0.13 155 / 0.40);
}

.po-share-send-btn:active:not(:disabled)[b-92yei55yjp] { transform: translateY(0); }

.po-share-send-btn:disabled[b-92yei55yjp] {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none !important;
}

.po-share-send-btn--wa[b-92yei55yjp] {
    background: #25d366;
    box-shadow: 0 2px 8px rgba(37,211,102,.35);
}

.po-share-send-btn--wa:hover:not(:disabled)[b-92yei55yjp] {
    background: #1ebe5d;
    box-shadow: 0 4px 14px rgba(37,211,102,.4);
}

/* Link ready notice */
.po-share-link-ready[b-92yei55yjp] {
    display: flex;
    align-items: center;
    margin-top: 0.875rem;
    padding: 0.55rem 0.875rem;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    font-size: 0.8rem;
    color: #1e40af;
    font-weight: 500;
}

/* RTL — checkbox stays on the left (start) side */
[dir="rtl"] .po-share-recipient-item[b-92yei55yjp]      { grid-template-columns: 28px 1fr; }
[dir="rtl"] .po-share-recipient-checkbox[b-92yei55yjp]  { grid-column: 1; }
[dir="rtl"] .po-share-recipient-content[b-92yei55yjp]   { grid-column: 2; text-align: right; }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1200px) {
    .po-stats[b-92yei55yjp] { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .po-stats[b-92yei55yjp] { grid-template-columns: 1fr; }

    .pi-filter-bar[b-92yei55yjp],
    .pi-header-actions[b-92yei55yjp] { width: 100%; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/PurchaseInvoiceAuditTrail.razor.rz.scp.css */
.timeline[b-pdmt951qll] {
    position: relative;
    padding: 1rem 0;
}

    .timeline[b-pdmt951qll]::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: #e9ecef;
        left: 14px;
        top: 0;
    }

.timeline-item[b-pdmt951qll] {
    display: flex;
    margin-bottom: 1.5rem;
}

.timeline-marker[b-pdmt951qll] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    margin-right: 1rem;
    flex-shrink: 0;
    z-index: 1;
}

.timeline-content[b-pdmt951qll] {
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    padding: 1rem;
    flex: 1;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/PurchaseInvoiceItemsPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PURCHASE INVOICE ITEMS — matches pi-dashboard design system
   ═══════════════════════════════════════════════════════════════ */
.purchase-invoice-items-page[b-eli0p6vp5l] {
    --g:       oklch(0.40 0.13 155);
    --g-hover: oklch(0.34 0.13 155);
    --g-lt:    oklch(0.96 0.02 155);
    --surface: #fff;
    --bd:      oklch(0.93 0.005 240);
    --t0:      oklch(0.20 0.01 240);
    --t3:      oklch(0.55 0.01 240);
    --font:    "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-md:    0.5rem;
    font-family: var(--font);
    color: var(--t0);
    --pii-footer-height: 2.75rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding-bottom: 0;
}

.pii-page-body[b-eli0p6vp5l] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.pii-page-body > .input-panel[b-eli0p6vp5l] {
    flex-shrink: 0;
}

.pii-items-card[b-eli0p6vp5l] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--bd);
    border-radius: var(--r-md);
    overflow: hidden;
}

.pii-items-card > .card-header[b-eli0p6vp5l] {
    flex-shrink: 0;
}

.pii-items-card > .card-body[b-eli0p6vp5l] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.pii-items-empty[b-eli0p6vp5l] {
    flex: 1;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: var(--surface);
}

.pii-empty-state[b-eli0p6vp5l] {
    text-align: center;
    max-width: 26rem;
    padding: 1.5rem 1.25rem;
    border: 1px dashed var(--bd);
    border-radius: var(--r-md);
    background: oklch(0.98 0.01 155);
}

.pii-empty-state i[b-eli0p6vp5l] {
    display: block;
    font-size: 1.75rem;
    color: var(--g);
    opacity: 0.4;
    margin-bottom: 0.6rem;
}

.pii-empty-state-title[b-eli0p6vp5l] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--t0);
    margin: 0 0 0.4rem;
}

.pii-empty-state-hint[b-eli0p6vp5l] {
    font-size: 0.78rem;
    line-height: 1.55;
    color: var(--t3);
    margin: 0;
}

.pii-items-card > .card-body > .card[b-eli0p6vp5l] {
    flex-shrink: 0;
}

/* ── Toolbar ─────────────────────────────────────────────────── */
.pii-toolbar[b-eli0p6vp5l] {
    flex-shrink: 0;
    padding: 0.8rem 0.1rem 0 0.85rem;
}

.pii-toolbar-inner[b-eli0p6vp5l] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    width: 100%;
}

.pii-toolbar-save[b-eli0p6vp5l] {
    flex-shrink: 0;
}

.pii-toolbar-meta[b-eli0p6vp5l] {
    margin-inline-start: auto;
}

.pii-meta-pill[b-eli0p6vp5l] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    border-radius: 999px;
    background: var(--g-lt);
    border: 1px solid oklch(0.40 0.13 155 / 0.22);
    color: var(--t0);
}

.pii-meta-pill-label[b-eli0p6vp5l] {
    font-size: 0.73rem;
    color: var(--t3);
    white-space: nowrap;
}

.pii-meta-pill-value[b-eli0p6vp5l] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--g-hover);
    white-space: nowrap;
}

.header-due-badge[b-eli0p6vp5l] {
    font-size: 0.7rem;
}

.pii-toolbar-actions[b-eli0p6vp5l] {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    justify-content: flex-start;
}

.purchase-invoice-items-page[dir="rtl"] .pii-toolbar-actions[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .pii-toolbar-actions[b-eli0p6vp5l] {
    flex-direction: row;
    justify-content: flex-start;
}

/* ── PI action buttons (pill variant) ─────────────────────────── */
.purchase-invoice-items-page .pi-btn-new[b-eli0p6vp5l] {
    background: var(--g) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: 0.42rem 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: var(--font) !important;
    box-shadow: 0 1px 4px oklch(0.40 0.13 155 / 0.35) !important;
    transition: background 120ms, transform 120ms, box-shadow 120ms !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.15rem;
}

.purchase-invoice-items-page .pi-btn-new:hover:not(:disabled)[b-eli0p6vp5l] {
    background: var(--g-hover) !important;
    box-shadow: 0 3px 8px oklch(0.40 0.13 155 / 0.4) !important;
    transform: translateY(-1px) !important;
    color: #fff !important;
}

.purchase-invoice-items-page .pi-btn-export[b-eli0p6vp5l] {
    border-radius: var(--r-md) !important;
    padding: 0.42rem 0.9rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid var(--g) !important;
    color: var(--g) !important;
    background: var(--surface) !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    gap: 0.35rem;
    justify-content: center;
    min-height: 2.15rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
    transition: background 120ms, color 120ms, transform 120ms, box-shadow 120ms !important;
}

.purchase-invoice-items-page .pi-btn-export:hover:not(:disabled)[b-eli0p6vp5l] {
    background: var(--g-lt) !important;
    color: var(--g-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07) !important;
}

.purchase-invoice-items-page .pi-btn-new:disabled[b-eli0p6vp5l],
.purchase-invoice-items-page .pi-btn-export:disabled[b-eli0p6vp5l] {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

.purchase-invoice-items-page .pii-btn-pill[b-eli0p6vp5l] {
    border-radius: 999px !important;
}

.purchase-invoice-items-page .pii-add-btn[b-eli0p6vp5l] {
    background: var(--g) !important;
    border: none !important;
    color: #fff !important;
    box-shadow: 0 1px 4px oklch(0.40 0.13 155 / 0.35) !important;
    transition: background 120ms, transform 120ms, box-shadow 120ms;
}

.purchase-invoice-items-page .pii-add-btn:hover:not(:disabled)[b-eli0p6vp5l] {
    background: var(--g-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px oklch(0.40 0.13 155 / 0.4) !important;
}

@media (max-width: 768px) {
    .pii-toolbar-actions[b-eli0p6vp5l] {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .purchase-invoice-items-page .pi-btn-new[b-eli0p6vp5l],
    .purchase-invoice-items-page .pi-btn-export[b-eli0p6vp5l] {
        width: 100%;
        justify-content: center !important;
    }
}

@media (max-width: 500px) {
    .pii-toolbar-actions[b-eli0p6vp5l] {
        grid-template-columns: 1fr;
    }
}

/* ==================== INPUT PANEL STYLES ==================== */
.input-panel[b-eli0p6vp5l] {
    border: 1px solid var(--bd);
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05), 0 4px 14px rgba(15, 23, 42, 0.04);
}

.input-panel-header[b-eli0p6vp5l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e5e7eb;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .input-panel-header:hover[b-eli0p6vp5l] {
        background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
    }

.panel-header-left[b-eli0p6vp5l] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.panel-icon[b-eli0p6vp5l] {
    font-size: 1.1rem;
    color: var(--g);
}

.panel-title[b-eli0p6vp5l] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #374151;
}

.panel-header-right[b-eli0p6vp5l] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #9ca3af;
}

.toggle-hint[b-eli0p6vp5l] {
    font-size: 0.8rem;
}

.panel-header-right i[b-eli0p6vp5l] {
    font-size: 0.85rem;
}

/* ==================== TABLE STYLES ==================== */
/* Invoice items table: scroll area height */
.pii-items-card .invoice-items-scroll[b-eli0p6vp5l] {
    flex: 1;
    min-height: 0;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
}

.table tbody tr td[b-eli0p6vp5l] {
    vertical-align: middle;
}

.bg-light[b-eli0p6vp5l] {
    background-color: #f8f9fa !important;
}

.table-sm td[b-eli0p6vp5l], .table-sm th[b-eli0p6vp5l] {
    padding: 0.3rem;
}

.fas.fa-arrow-up[b-eli0p6vp5l] {
    font-size: 0.8rem;
}

.fas.fa-arrow-down[b-eli0p6vp5l] {
    font-size: 0.8rem;
}

.fas.fa-minus[b-eli0p6vp5l] {
    font-size: 0.8rem;
}

.table thead th.bg-light[b-eli0p6vp5l] {
    background-color: #f8f9fa !important;
    color: #495057;
    font-weight: 600;
}

.table thead th.bg-primary[b-eli0p6vp5l] {
    background-color: #007bff !important;
    color: white !important;
    font-weight: 600;
}

.table tbody td.bg-light[b-eli0p6vp5l] {
    background-color: #f8f9fa !important;
}

.badge.bg-secondary[b-eli0p6vp5l] {
    font-size: 0.85em;
    padding: 0.4em 0.6em;
}

.form-check[b-eli0p6vp5l] {
    margin-bottom: 0.5rem;
}

.form-check-label[b-eli0p6vp5l] {
    font-size: 0.9em;
    cursor: pointer;
}

/* ── Manual entry form ─────────────────────────────────────────── */
.manual-entry-body[b-eli0p6vp5l] {
    padding: 0.5rem 0.65rem 0.6rem;
    overflow: hidden;
    max-width: 100%;
}

.manual-entry-form.manual-entry-row[b-eli0p6vp5l] {
    display: grid;
    width: 100%;
    box-sizing: border-box;
    grid-template-columns:
        minmax(0, 1.5fr)
        minmax(0, 0.55fr)
        minmax(0, 0.38fr)
        minmax(0, 0.38fr)
        minmax(0, 0.52fr)
        minmax(0, 0.52fr)
        minmax(0, 0.34fr)
        minmax(0, 0.48fr)
        minmax(0, 0.34fr)
        minmax(0, 0.34fr)
        minmax(0, 1.4fr)
        minmax(0, 0.72fr)
        minmax(0, 0.4fr)
        minmax(0, 0.4fr)
        minmax(0, 0.58fr)
        28px;
    gap: 0.3rem;
    align-items: end;
    padding: 0.45rem 0.5rem;
    background: #f8fafc;
    border: 1px solid var(--bd);
    border-radius: 0.65rem;
}

.manual-field[b-eli0p6vp5l] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.manual-field-product-inputs[b-eli0p6vp5l] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem;
    min-width: 0;
}

.manual-field--add[b-eli0p6vp5l] {
    align-self: end;
}

.manual-field-label[b-eli0p6vp5l] {
    font-size: clamp(0.58rem, 0.65vw, 0.65rem);
    font-weight: 600;
    color: var(--t3);
    margin: 0;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.manual-field--narrow .manual-field-label[b-eli0p6vp5l],
.manual-field--num .manual-field-label[b-eli0p6vp5l] {
    text-align: center;
}

.manual-field-label--invisible[b-eli0p6vp5l] {
    visibility: hidden;
    user-select: none;
}

.manual-entry-form .form-control[b-eli0p6vp5l],
.manual-entry-form .form-select[b-eli0p6vp5l] {
    width: 100%;
    height: 30px;
    padding: 0.15rem 0.3rem;
    font-size: 0.75rem;
    border-radius: 6px;
    border-color: var(--bd);
    background: #fff;
}

.manual-field--narrow .form-control[b-eli0p6vp5l],
.manual-field--num .form-control[b-eli0p6vp5l] {
    text-align: center;
    padding-inline: 0.15rem;
}

.manual-entry-form .form-control:focus[b-eli0p6vp5l],
.manual-entry-form .form-select:focus[b-eli0p6vp5l] {
    border-color: var(--g);
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12);
}

.manual-total-input[b-eli0p6vp5l] {
    background: var(--g-lt) !important;
    font-weight: 700;
    color: var(--g-hover) !important;
    text-align: end;
}

.purchase-invoice-items-page[dir="rtl"] .manual-field-label[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .manual-field-label[b-eli0p6vp5l] {
    text-align: right;
}

.purchase-invoice-items-page[dir="rtl"] .manual-entry-form .form-control[b-eli0p6vp5l],
.purchase-invoice-items-page[dir="rtl"] .manual-entry-form .form-select[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .manual-entry-form .form-control[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .manual-entry-form .form-select[b-eli0p6vp5l] {
    text-align: right;
}

.manual-field--add .manual-field-label--invisible[b-eli0p6vp5l] {
    display: none;
}

.purchase-invoice-items-page .manual-entry-row .pii-add-btn[b-eli0p6vp5l] {
    width: 28px;
    height: 30px;
    min-width: 28px;
    padding: 0;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
}

/* ==================== INVOICE SUMMARY FOOTER ==================== */
.purchase-invoice-items-page .pii-invoice-footer[b-eli0p6vp5l] {
    position: relative;
    flex-shrink: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    border-radius: 0;
    border: none;
    border-top: 1px solid var(--bd);
    box-shadow: 0 -2px 10px oklch(0.20 0.01 240 / 0.05);
    background: var(--surface);
    padding: 0.35rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: var(--pii-footer-height);
}

.purchase-invoice-items-page[dir="rtl"] .pii-invoice-footer[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .pii-invoice-footer[b-eli0p6vp5l] {
    direction: rtl;
    flex-direction: row;
}

.purchase-invoice-items-page:not([dir="rtl"]) .pii-invoice-footer[b-eli0p6vp5l] {
    flex-direction: row-reverse;
}

.pii-footer-summary[b-eli0p6vp5l] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.purchase-invoice-items-page[dir="rtl"] .pii-footer-summary[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .pii-footer-summary[b-eli0p6vp5l] {
    flex-direction: row-reverse;
}

.pii-footer-stat[b-eli0p6vp5l] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.2rem 0.85rem;
    min-width: 0;
    flex-shrink: 0;
    border-inline-end: 1px solid var(--bd);
}

.pii-footer-stat:last-of-type[b-eli0p6vp5l] {
    border-inline-end: none;
}

.purchase-invoice-items-page[dir="rtl"] .pii-footer-stat[b-eli0p6vp5l],
html[dir="rtl"] .purchase-invoice-items-page .pii-footer-stat[b-eli0p6vp5l] {
    align-items: flex-end;
}

.pii-footer-stat-label[b-eli0p6vp5l] {
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--t3);
    line-height: 1.1;
    white-space: nowrap;
}

.pii-footer-stat-value[b-eli0p6vp5l] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--t0);
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
}

.pii-footer-stat--total[b-eli0p6vp5l] {
    background: var(--g-lt);
    border-radius: var(--r-md);
    border-inline-end: none;
    padding: 0.25rem 0.75rem;
    margin-inline-start: 0.35rem;
}

.pii-footer-stat--total .pii-footer-stat-label[b-eli0p6vp5l] {
    color: var(--g);
}

.pii-footer-stat--total .pii-footer-stat-value[b-eli0p6vp5l] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--g-hover);
}

.pii-footer-options[b-eli0p6vp5l] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    padding-inline-end: 0.65rem;
    border-inline-end: 1px solid var(--bd);
}

.pii-footer-check[b-eli0p6vp5l] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 500;
    color: var(--t0);
    white-space: nowrap;
    user-select: none;
}

/* Override global .form-check-input { position:absolute; negative margin } from main.css */
.pii-footer-check .form-check-input[b-eli0p6vp5l] {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    margin-inline-start: 0.5rem !important;
    flex-shrink: 0;
    width: 1.05rem;
    height: 1.05rem;
    cursor: pointer;
}

.pii-footer-check span[b-eli0p6vp5l] {
    margin: 0;
    padding: 0;
}

.pii-footer-check .form-check-input:checked[b-eli0p6vp5l] {
    background-color: var(--g);
    border-color: var(--g);
}

/* Sortable column headers */
.sortable[b-eli0p6vp5l] {
    user-select: none;
    transition: background-color 0.2s ease;
}

    .sortable:hover[b-eli0p6vp5l] {
        background-color: rgba(0, 123, 255, 0.1) !important;
    }

    .sortable i[b-eli0p6vp5l] {
        font-size: 0.75rem;
    }

/* Selected product row highlight */
.table tbody tr.selected-product-row[b-eli0p6vp5l] {
    background-color: #cfe2ff !important;
    border-left: 3px solid #0d6efd;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.2);
}

.table tbody tr.selected-product-row:hover[b-eli0p6vp5l] {
    background-color: #b6d4fe !important;
}

/* Indicated product row (first product, not yet selected) */
.table tbody tr.indicated-product-row[b-eli0p6vp5l] {
    background-color: #d1ecf1 !important;
    border-left: 3px solid #17a2b8;
    box-shadow: 0 2px 4px rgba(23, 162, 184, 0.2);
}

.table tbody tr.indicated-product-row:hover[b-eli0p6vp5l] {
    background-color: #bee5eb !important;
}

/* Focused row styling */
.table tbody tr[tabindex="0"]:focus[b-eli0p6vp5l] {
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
    background-color: #d1ecf1 !important;
}

.table tbody tr[tabindex="0"]:focus.indicated-product-row[b-eli0p6vp5l] {
    background-color: #bee5eb !important;
    border-left: 3px solid #0d6efd;
}

/* Rows where product was bought at a lower price before (current price is higher) */
.table tbody tr.higher-price-than-before[b-eli0p6vp5l],
.table-striped tbody tr.higher-price-than-before[b-eli0p6vp5l] {
    background-color: #fed7aa !important;
    border-left: 4px solid #c2410c !important;
    box-shadow: inset 0 0 0 1px rgba(194, 65, 12, 0.3);
}

.table tbody tr.higher-price-than-before td[b-eli0p6vp5l],
.table-striped tbody tr.higher-price-than-before td[b-eli0p6vp5l] {
    background-color: #fed7aa !important;
}

.table tbody tr.higher-price-than-before:hover[b-eli0p6vp5l],
.table-striped tbody tr.higher-price-than-before:hover[b-eli0p6vp5l] {
    background-color: #fdba74 !important;
}

.table tbody tr.higher-price-than-before:hover td[b-eli0p6vp5l],
.table-striped tbody tr.higher-price-than-before:hover td[b-eli0p6vp5l] {
    background-color: #fdba74 !important;
}

html[dir="rtl"] .table tbody tr.higher-price-than-before[b-eli0p6vp5l],
html[dir="rtl"] .table-striped tbody tr.higher-price-than-before[b-eli0p6vp5l] {
    border-left: none !important;
    border-right: 4px solid #c2410c !important;
}

/* Purchase history nested row */
.purchase-history-row[b-eli0p6vp5l] {
    background-color: #f3f4f6;
}

.purchase-history-inner[b-eli0p6vp5l] {
    margin-inline: 1.5rem;
    border-radius: 10px;
    border: 1px solid #e5e7eb;
    background-color: #ffffff;
    padding: 0.75rem 1.25rem;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.purchase-history-item[b-eli0p6vp5l] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
    font-size: 0.9rem;
}

html[dir="rtl"] .purchase-history-item[b-eli0p6vp5l] {
    direction: rtl;
}

.purchase-history-label[b-eli0p6vp5l] {
    display: block;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 2px;
}

.purchase-history-value[b-eli0p6vp5l] {
    color: #111827;
}

/* Centered processing modal – refined card and brand-aligned styling */
.processing-modal-card[b-eli0p6vp5l] {
    background: #ffffff;
    border-radius: 16px;
    padding: 1.75rem 2rem;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04);
    min-width: 340px;
    max-width: 440px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: stretch;
    animation: processingCardIn-b-eli0p6vp5l 0.3s ease-out;
}

@keyframes processingCardIn-b-eli0p6vp5l {
    from {
        opacity: 0;
        transform: scale(0.96) translateY(-8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.processing-header[b-eli0p6vp5l] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.processing-icon[b-eli0p6vp5l] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 103, 71, 0.12) 0%, rgba(0, 103, 71, 0.06) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006747;
    flex-shrink: 0;
}

.processing-icon i[b-eli0p6vp5l] {
    font-size: 1.2rem;
}

.processing-text[b-eli0p6vp5l] {
    flex: 1;
    min-width: 0;
}

.processing-title[b-eli0p6vp5l] {
    margin: 0;
    font-weight: 600;
    color: #111827;
    font-size: 1.05rem;
    letter-spacing: -0.01em;
}

.processing-subtitle[b-eli0p6vp5l] {
    margin: 0.25rem 0 0 0;
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.4;
}

.processing-body[b-eli0p6vp5l] {
    text-align: center;
    padding-top: 0.25rem;
}

.processing-progress-wrap[b-eli0p6vp5l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.processing-body .spinner-border[b-eli0p6vp5l] {
    width: 2.5rem;
    height: 2.5rem;
    border-width: 3px;
    border-color: rgba(0, 103, 71, 0.2);
    border-top-color: #006747;
}

.processing-progress[b-eli0p6vp5l] {
    margin-top: 0.5rem;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: #e5e7eb;
}

.processing-progress .progress-bar[b-eli0p6vp5l] {
    background: linear-gradient(90deg, #006747 0%, #059669 100%) !important;
    color: transparent;
    transition: width 0.25s ease-out;
}

/* Show percentage as small label above bar when needed */
.processing-progress-percent[b-eli0p6vp5l] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #006747;
    margin-bottom: 0.35rem;
}

/* Product search results list - keyboard navigation (like Purchase Order page) */
.purchase-invoice-search-results[b-eli0p6vp5l] {
    max-height: 280px;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    outline: none;
}

.purchase-invoice-search-results:focus[b-eli0p6vp5l] {
    border-color: #0d6efd;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/PurchaseInvoicePage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   PURCHASE INVOICE PAGE  —  Design System
   Mirrors the design language of Invoices.razor.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Design tokens (scoped to component root) ─────────────────── */
.pi-dashboard[b-sns7ex1s3s] {
    --g:        oklch(0.40 0.13 155);
    --g-hover:  oklch(0.34 0.13 155);
    --g-lt:     oklch(0.96 0.02 155);
    --surface:  #fff;
    --bd:       oklch(0.93 0.005 240);
    --t0:       oklch(0.20 0.01 240);
    --t1:       oklch(0.35 0.01 240);
    --t3:       oklch(0.55 0.01 240);
    --font:     "Lexend", "Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;
    --r-sm:     0.375rem;
    --r-md:     0.5rem;
    --r-lg:     0.75rem;
    font-family: var(--font);
    color: var(--t0);
}

/* ── Page shell ───────────────────────────────────────────────── */
.pi-dashboard[b-sns7ex1s3s] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 72px);
    padding: 0;
    overflow: hidden;
}

.pi-card[b-sns7ex1s3s] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
    border: 1px solid var(--bd) !important;
    border-radius: var(--r-lg) !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.05) !important;
    background: var(--surface) !important;
    overflow: hidden;
}

/* ── Card header: filter row + actions ───────────────────────── */
.pi-card > .card-header[b-sns7ex1s3s] {
    background: var(--surface) !important;
    border-bottom: none !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}

/* ── Filter bar ───────────────────────────────────────────────── */
.pi-filter-bar[b-sns7ex1s3s] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    flex: 1 1 0;
    min-width: 0;
}

.pi-filter-bar__search[b-sns7ex1s3s] {
    position: relative;
    display: flex;
    align-items: center;
}

.pi-filter-bar__search .fas[b-sns7ex1s3s] {
    position: absolute;
    inset-inline-start: 0.65rem;
    color: var(--t3);
    font-size: 0.8rem;
    pointer-events: none;
}

.pi-filter-bar__input[b-sns7ex1s3s] {
    border: 1.5px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 0.875rem 0.35rem 2rem !important;
    font-size: 0.8125rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    min-width: 180px;
    transition: border-color 140ms ease;
}

.pi-filter-bar__input:focus[b-sns7ex1s3s] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

/* Date inputs as individual pills */
.pi-filter-bar__date-sep[b-sns7ex1s3s] {
    color: var(--t3);
    font-size: 0.8rem;
    padding: 0 0.1rem;
    user-select: none;
}

.pi-filter-bar__date-input[b-sns7ex1s3s] {
    border: 1px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 0.625rem !important;
    font-size: 0.8rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    width: 156px;
    min-width: 132px;
    max-width: 156px;
    transition: border-color 140ms ease;
}

.pi-filter-bar__date-input:focus[b-sns7ex1s3s] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

.pi-filter-bar__select[b-sns7ex1s3s] {
    border: 1px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.35rem 1.875rem 0.35rem 0.75rem !important;
    font-size: 0.8125rem !important;
    font-family: var(--font) !important;
    background: var(--surface) !important;
    color: var(--t0) !important;
    min-width: 110px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23718c86' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.625rem center;
    background-size: 12px;
    transition: border-color 140ms ease;
}

html[dir="rtl"] .pi-filter-bar__select[b-sns7ex1s3s] {
    padding: 0.35rem 0.75rem 0.35rem 1.875rem !important;
    background-position: left 0.625rem center;
}

.pi-filter-bar__select:focus[b-sns7ex1s3s] {
    border-color: var(--g) !important;
    box-shadow: 0 0 0 3px oklch(0.40 0.13 155 / 0.12) !important;
    outline: none !important;
}

.pi-filter-bar__select--deleted[b-sns7ex1s3s] {
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.pi-filter-bar__check-label[b-sns7ex1s3s] {
    font-size: 0.8rem;
    color: var(--t3);
    white-space: nowrap;
    cursor: pointer;
}

.pi-filter-bar__clear-btn[b-sns7ex1s3s] {
    border: 1.5px solid var(--bd) !important;
    border-radius: 999px !important;
    padding: 0.3rem 0.75rem !important;
    font-size: 0.8rem !important;
    font-family: var(--font) !important;
    color: var(--t3) !important;
    background: transparent !important;
    transition: border-color 120ms, color 120ms;
}

.pi-filter-bar__clear-btn:hover[b-sns7ex1s3s] {
    border-color: var(--t1) !important;
    color: var(--t0) !important;
}

/* ── Header action buttons ────────────────────────────────────── */
.pi-header-actions[b-sns7ex1s3s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.pi-btn-new[b-sns7ex1s3s] {
    background: var(--g) !important;
    border: none !important;
    border-radius: var(--r-md) !important;
    padding: 0.4rem 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: var(--font) !important;
    box-shadow: 0 1px 4px oklch(0.40 0.13 155 / 0.35) !important;
    transition: background 120ms, transform 120ms, box-shadow 120ms !important;
    white-space: nowrap;
}

.pi-btn-new:hover[b-sns7ex1s3s] {
    background: var(--g-hover) !important;
    box-shadow: 0 3px 8px oklch(0.40 0.13 155 / 0.40) !important;
    transform: translateY(-1px) !important;
}

.pi-btn-new:active[b-sns7ex1s3s] {
    transform: translateY(0) !important;
}

.pi-btn-export[b-sns7ex1s3s] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border-color: var(--g) !important;
    color: var(--g) !important;
    background: transparent !important;
    white-space: nowrap;
    transition: background 120ms, color 120ms !important;
}

.pi-btn-export:hover[b-sns7ex1s3s] {
    background: var(--g-lt) !important;
    color: var(--g-hover) !important;
}

.pi-btn-export:disabled[b-sns7ex1s3s] {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

.pi-btn-show-deleted[b-sns7ex1s3s] {
    border-radius: var(--r-md) !important;
    padding: 0.4rem 0.875rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    font-family: var(--font) !important;
    border: 1px solid #dc3545 !important;
    color: #dc3545 !important;
    background: transparent !important;
    white-space: nowrap;
    display: inline-flex !important;
    align-items: center;
    transition: background 120ms, color 120ms !important;
}

.pi-btn-show-deleted:hover[b-sns7ex1s3s] {
    background: #fff5f5 !important;
    color: #b02a37 !important;
}

.pi-btn-show-deleted--active[b-sns7ex1s3s] {
    background: #dc3545 !important;
    color: #fff !important;
}

.pi-btn-show-deleted--active:hover[b-sns7ex1s3s] {
    background: #b02a37 !important;
    color: #fff !important;
}

/* Stats toggle */
.pi-stats-toggle[b-sns7ex1s3s] {
    position: relative;
    width: 34px;
    height: 34px;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--bd) !important;
    background: var(--surface) !important;
    color: var(--t3) !important;
    font-size: 0.8rem;
    transition: border-color 120ms, background 120ms;
    padding: 0 !important;
}

.pi-stats-toggle:hover[b-sns7ex1s3s] {
    border-color: var(--g) !important;
    color: var(--g) !important;
    background: var(--g-lt) !important;
}

.pi-stats-toggle .toggle-indicator[b-sns7ex1s3s] {
    position: absolute;
    bottom: -4px;
    inset-inline-end: -4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--g);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.45rem;
}

/* ── Card body: table fills all space ─────────────────────────── */
.pi-card > .card-body[b-sns7ex1s3s],
.pi-list-body[b-sns7ex1s3s] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 0 !important;
    overflow: hidden;
    background: var(--surface) !important;
    position: relative;
}

[b-sns7ex1s3s] .pi-card .unified-data-table {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

[b-sns7ex1s3s] .pi-card .udt-table-wrapper {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

/* ── Table ────────────────────────────────────────────────────── */
/* pi-table lives on UnifiedDataTable's own root (passed via Class="pi-table"),
   and rows/cells are rendered by that component too — ::deep is required
   to reach them from this page's scoped stylesheet.
   Deliberately minimal here: the grid look (borders, alternating rows,
   header colour, hover tint, start-aligned text) comes from
   UnifiedDataTable.razor.css itself — same base grid the Invoices/Orders
   page uses, unmodified. */
[b-sns7ex1s3s] .pi-invoice-deleted td {
    background-color: rgba(220, 53, 69, 0.05) !important;
    opacity: 0.8;
}

[b-sns7ex1s3s] .pi-invoice-deleted .invoice-number {
    text-decoration: line-through;
    color: #6c757d;
}

[b-sns7ex1s3s] .pi-invoice-deleted:hover td {
    background-color: rgba(220, 53, 69, 0.09) !important;
}

/* Any multi-line cell content (name + sub-line) must clip its own line —
   guards against overflow bleeding into neighboring columns regardless of
   table-layout quirks. */
.invoice-sub[b-sns7ex1s3s],
.supplier-name[b-sns7ex1s3s],
.amount-value[b-sns7ex1s3s],
.amount-sub[b-sns7ex1s3s],
.driver-info[b-sns7ex1s3s],
.driver-car[b-sns7ex1s3s],
.date-value[b-sns7ex1s3s],
.date-time[b-sns7ex1s3s] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* Column-specific typography */
.invoice-number[b-sns7ex1s3s] {
    font-weight: 700;
    color: #0d6efd;
    font-variant-numeric: tabular-nums;
}

.customer-avatar[b-sns7ex1s3s] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--g-lt);
    border: 1px solid var(--bd);
}

.customer-avatar i[b-sns7ex1s3s] {
    font-size: 1.0625rem;
}

.invoice-sub[b-sns7ex1s3s] {
    font-size: 0.75rem;
    color: var(--t3);
    margin-top: 2px;
}

.supplier-name[b-sns7ex1s3s] {
    font-weight: 500;
    color: var(--t0);
}

.amount-value[b-sns7ex1s3s] {
    font-weight: 600;
    color: var(--t0);
    font-variant-numeric: tabular-nums;
}

.amount-sub[b-sns7ex1s3s] {
    font-size: 0.75rem;
    color: var(--t3);
    font-variant-numeric: tabular-nums;
}

.driver-info[b-sns7ex1s3s] {
    font-size: 0.8rem;
    color: var(--t0);
}

.driver-car[b-sns7ex1s3s] {
    font-size: 0.8rem;
    color: var(--t0);
    font-weight: 500;
}

.notes-cell[b-sns7ex1s3s],
.car-cell[b-sns7ex1s3s] {
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 10rem;
}

.pi-note-text[b-sns7ex1s3s] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.8rem;
    color: var(--t0);
    line-height: 1.35;
}

.date-row[b-sns7ex1s3s] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    justify-content: center;
}

.date-value[b-sns7ex1s3s] {
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    font-size: 0.8rem;
}

.date-time[b-sns7ex1s3s] {
    font-size: 0.75rem;
    color: var(--t3);
}

/* ── Payment status pill ─────────────────────────────────────── */
.pi-payment-col[b-sns7ex1s3s] {
    vertical-align: middle !important;
    min-width: 7rem;
    overflow: visible !important;
    max-width: none !important;
    text-overflow: clip !important;
}

/* .pi-pay-pill is a <button class="badge ..."> — sizing/colors come from the
   base UnifiedDataTable badge rule + Bootstrap bg-success/bg-warning/bg-danger,
   same as the Invoices/Orders page. Only the click affordance is added here. */
.pi-pay-pill[b-sns7ex1s3s] {
    border: none;
    cursor: pointer;
    transition: transform 0.1s ease, box-shadow 0.1s ease;
}

.pi-pay-pill:hover[b-sns7ex1s3s] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,.18);
}

/* ── Row actions ─────────────────────────────────────────────── */
.actions-cell[b-sns7ex1s3s],
.pi-actions-td[b-sns7ex1s3s] {
    cursor: default !important;
    vertical-align: middle !important;
    width: 1%;
    min-width: 10.5rem;
    white-space: nowrap;
    overflow: visible !important;
    text-overflow: clip !important;
    max-width: none !important;
}

/* Column resize handles (shared JS: invoices-column-resize.js).
   Use .pi-table, not .pi-dashboard: scoped CSS binds to the dashboard root —
   selectors like ".pi-dashboard .handle" won't match handles inside that same root. */
[b-sns7ex1s3s] .pi-table thead th .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 10;
}

[b-sns7ex1s3s] .pi-table thead th .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 12%;
    width: 2px;
    height: 76%;
    border-radius: 2px;
    background: rgba(0, 103, 71, 0.35);
    opacity: 0.7;
    transition: opacity 120ms ease, background 120ms ease;
}

[b-sns7ex1s3s] .pi-table thead th:hover .invoice-col-resize-handle::after {
    opacity: 1;
    background: rgba(0, 103, 71, 0.75);
}

.pi-action-icons[b-sns7ex1s3s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
}

.pi-icon-btn[b-sns7ex1s3s] {
    width: 2.1rem;
    height: 2.1rem;
    padding: 0;
    border-radius: var(--r-sm);
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    box-shadow: 0 1px 2px rgba(15,23,42,.07);
    transition: background .12s, border-color .12s, transform .1s;
    text-decoration: none;
    cursor: pointer;
}

.pi-icon-btn:hover[b-sns7ex1s3s] { transform: translateY(-1px); }

.pi-icon-btn--primary[b-sns7ex1s3s]  { background: #0d6efd; border-color: #0d6efd; color: #fff; }
.pi-icon-btn--primary:hover[b-sns7ex1s3s]  { background: #0b5ed7; border-color: #0b5ed7; color: #fff; }
.pi-icon-btn--neutral[b-sns7ex1s3s]  { background: #fff; border-color: var(--bd); color: var(--t1); }
.pi-icon-btn--neutral:hover[b-sns7ex1s3s]  { background: #f8f9fa; border-color: #adb5bd; }
.pi-icon-btn--danger[b-sns7ex1s3s]   { background: #fff; border-color: #f1aeb5; color: #b02a37; }
.pi-icon-btn--danger:hover[b-sns7ex1s3s]   { background: #fde8ea; border-color: #dc3545; color: #842029; }
.pi-icon-btn--success[b-sns7ex1s3s]  { background: #d1e7dd; border-color: #badbcc; color: #0f5132; }
.pi-icon-btn--success:hover[b-sns7ex1s3s]  { background: #a3cfbb; border-color: #75b798; color: #0a3622; }
.pi-icon-btn--outline[b-sns7ex1s3s]  { background: #fff; border-color: var(--bd); color: var(--t1); }
.pi-icon-btn--outline:hover[b-sns7ex1s3s]  { background: #e9ecef; border-color: #adb5bd; }

/* ── Pagination ───────────────────────────────────────────────── */
.pi-pagination[b-sns7ex1s3s] {
    margin-top: 0.75rem;
    flex-shrink: 0;
}

.pi-pagination-info[b-sns7ex1s3s] {
    font-size: 0.8rem;
    color: var(--t2);
}

.pi-pagination-controls[b-sns7ex1s3s] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: nowrap;
}

.pi-pagination-page[b-sns7ex1s3s] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--t2);
}

/* ── Stats section (bottom, collapsible) ─────────────────────── */
.pi-stats-overview[b-sns7ex1s3s] {
    flex-shrink: 0;
    border-top: 1px solid var(--bd);
    background: var(--surface);
    padding: 0.875rem 1rem;
    transition: max-height 250ms ease, opacity 200ms ease, padding 200ms ease;
    max-height: 200px;
    overflow: hidden;
}

.pi-stats-overview.collapsed[b-sns7ex1s3s] {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    pointer-events: none;
}

/* Stat row: horizontal strip of equal-width stat items */
.pi-stats-row[b-sns7ex1s3s] {
    display: flex;
    align-items: stretch;
}

.pi-stat-item[b-sns7ex1s3s] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 1rem;
    flex: 1;
    border-inline-end: 1px solid var(--bd);
}

.pi-stat-item:last-child[b-sns7ex1s3s] {
    border-inline-end: none;
}

.pi-stat-icon[b-sns7ex1s3s] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--r-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    color: #fff;
    flex-shrink: 0;
}

.pi-stat-content[b-sns7ex1s3s] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.pi-stat-number[b-sns7ex1s3s] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--t0);
    line-height: 1;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    font-family: var(--font);
}

.pi-stat-label[b-sns7ex1s3s] {
    font-size: 0.675rem;
    font-weight: 500;
    color: var(--t3);
    line-height: 1.35;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

.pi-stat-sub[b-sns7ex1s3s] {
    font-size: 0.625rem;
    font-weight: 500;
    color: var(--t3);
    opacity: 0.65;
    line-height: 1.2;
    font-variant-numeric: tabular-nums;
    margin-top: 0.05rem;
}

/* ── Loading spinner ─────────────────────────────────────────── */
.spinner[b-sns7ex1s3s] {
    width: 2.5rem;
    height: 2.5rem;
    border: 3px solid var(--bd);
    border-top-color: var(--g);
    border-radius: 50%;
    animation: spin-b-sns7ex1s3s 0.75s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-sns7ex1s3s { to { transform: rotate(360deg); } }

/* Customer-style harmonization for purchase invoices */
.pi-dashboard[b-sns7ex1s3s] {
    background: #f8fafc;
    padding: 0.25rem;
    gap: 1rem;
}

.pi-card[b-sns7ex1s3s] {
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

.pi-card > .card-header[b-sns7ex1s3s] {
    padding: 0.9rem 1rem !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #fafbfc !important;
}

.pi-stats-overview[b-sns7ex1s3s] {
    order: -1;
    border-top: none;
    padding: 0;
    background: transparent;
    max-height: 26rem;
    overflow: visible;
}

.pi-stats-overview .row[b-sns7ex1s3s] {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
    margin: 0;
}

.pi-stats-overview .card[b-sns7ex1s3s] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.pi-stats-row[b-sns7ex1s3s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 1rem;
}

.pi-stat-item[b-sns7ex1s3s] {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    padding: 0.95rem 1rem;
    border-inline-end: none;
    position: relative;
    overflow: hidden;
}

.pi-stat-item[b-sns7ex1s3s]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    border-radius: 4px 0 0 4px;
    background: #e2e8f0;
}

.pi-stats-row .pi-stat-item:first-child[b-sns7ex1s3s] {
    border-color: rgba(26, 92, 46, 0.3);
    background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 100%);
}

.pi-stats-row .pi-stat-item:first-child[b-sns7ex1s3s]::before {
    background: #1a5c2e;
}

.pi-stat-icon[b-sns7ex1s3s] {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: 0.65rem;
    font-size: 0.9rem;
}

.pi-stat-number[b-sns7ex1s3s] {
    font-size: 1.45rem;
}

.pi-stat-label[b-sns7ex1s3s] {
    font-size: 0.78rem;
}

.pi-stat-sub[b-sns7ex1s3s] {
    font-size: 0.68rem;
}

.pi-stats-overview.collapsed[b-sns7ex1s3s] {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
    overflow: hidden;
}

@media (max-width: 1200px) {
    .pi-stats-row[b-sns7ex1s3s] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 768px) {
    .pi-stats-row[b-sns7ex1s3s] {
        grid-template-columns: 1fr;
    }

    .pi-filter-bar[b-sns7ex1s3s],
    .pi-header-actions[b-sns7ex1s3s] {
        width: 100%;
    }
}

/* User-requested fix: keep summary below + ensure export button is visible */
.pi-stats-overview[b-sns7ex1s3s] {
    order: 99 !important;
    margin-top: auto;
}

.pi-header-actions[b-sns7ex1s3s] {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative;
    z-index: 2;
}

.pi-btn-export[b-sns7ex1s3s] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 2.15rem;
    border: 1px solid var(--g) !important;
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/PurchaseInvoiceProformaCompare.razor.rz.scp.css */
.purchase-invoice-proforma-compare[b-dqum2uma00] {
    --compare-border: #d8e0e6;
    --compare-bg: #ffffff;
    --compare-subtle: #f7f9fb;
    --compare-text: #1f2937;
    --compare-muted: #6b7280;
}

.compare-hero[b-dqum2uma00] {
    background: linear-gradient(135deg, #ffffff 0%, #f3f9f5 100%);
    border: 1px solid var(--compare-border);
    border-radius: 12px;
    padding: 0.95rem 1rem;
}

.compare-hero-head[b-dqum2uma00] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    flex-wrap: wrap;
}

.compare-title[b-dqum2uma00] {
    margin: 0;
    font-size: 1.25rem;
    color: #0f3f2f;
    font-weight: 700;
}

.compare-lead[b-dqum2uma00] {
    margin: 0.35rem 0 0;
    color: var(--compare-muted);
    font-size: 0.9rem;
}

.compare-actions[b-dqum2uma00] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.compare-btn[b-dqum2uma00] {
    border-radius: 8px;
    font-weight: 600;
    min-height: 34px;
}

.compare-summary-grid[b-dqum2uma00] {
    display: grid;
    grid-template-columns: 1.25fr 1fr repeat(3, minmax(130px, 0.7fr));
    gap: 0.65rem;
}

.compare-summary-card[b-dqum2uma00] {
    background: var(--compare-bg);
    border: 1px solid var(--compare-border);
    border-radius: 10px;
    padding: 0.75rem 0.9rem;
    min-height: 76px;
}

.compare-summary-card.invoice[b-dqum2uma00] {
    background: linear-gradient(180deg, #ffffff 0%, #f4faf6 100%);
}

.summary-label[b-dqum2uma00] {
    font-size: 0.78rem;
    color: var(--compare-muted);
    margin-bottom: 0.25rem;
}

.summary-value[b-dqum2uma00] {
    color: var(--compare-text);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.summary-note[b-dqum2uma00] {
    font-size: 0.74rem;
    margin-top: 0.25rem;
    color: var(--compare-muted);
}

.compare-kpi.success .summary-value[b-dqum2uma00] {
    color: #198754;
}

.compare-kpi.warning .summary-value[b-dqum2uma00] {
    color: #b7791f;
}

.compare-kpi.danger .summary-value[b-dqum2uma00] {
    color: #dc3545;
}

.compare-table-card[b-dqum2uma00] {
    border: 1px solid var(--compare-border);
    border-radius: 10px;
    overflow: hidden;
}

.compare-table thead th[b-dqum2uma00] {
    background: var(--compare-subtle);
    color: #334155;
    font-size: 0.79rem;
    font-weight: 700;
    padding: 0.6rem 0.55rem;
    border-bottom: 1px solid #dce3e9;
    white-space: nowrap;
}

.compare-table tbody td[b-dqum2uma00] {
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid #eceff3;
    font-size: 0.84rem;
    vertical-align: middle;
}

.compare-table tbody tr.line-clean[b-dqum2uma00] {
    background: #ffffff;
}

.compare-table tbody tr.line-mismatch[b-dqum2uma00] {
    background: #fff8e6;
}

.compare-table tbody tr.line-mismatch:hover[b-dqum2uma00] {
    background: #fff1cf;
}

.compare-badge-qty[b-dqum2uma00] {
    background: #ffe7a8;
}

.compare-badge-price[b-dqum2uma00] {
    background: #f04a4a;
    color: #fff;
}

@media (max-width: 1100px) {
    .compare-summary-grid[b-dqum2uma00] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .purchase-invoice-proforma-compare[b-dqum2uma00] {
        padding-left: 0.1rem;
        padding-right: 0.1rem;
    }

    .compare-summary-grid[b-dqum2uma00] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .compare-title[b-dqum2uma00] {
        font-size: 1.08rem;
    }

    .compare-btn[b-dqum2uma00] {
        flex: 1 1 180px;
    }
}

.compare-snapshot-hint[b-dqum2uma00] {
    border-inline-start: 3px solid #0d9488;
    padding-inline-start: 0.65rem;
}

.compare-saved-at[b-dqum2uma00] {
    display: inline-block;
    margin-top: 0.2rem;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 520px) {
    .compare-summary-grid[b-dqum2uma00] {
        grid-template-columns: 1fr;
    }

    .compare-actions[b-dqum2uma00] {
        width: 100%;
    }

    .compare-btn[b-dqum2uma00] {
        width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/PurchaseInvoice/QuickPaymentDialog.razor.rz.scp.css */
.form-check[b-8yy0j6vzv1] {
    padding: 0.75rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    transition: all 0.2s;
}

    .form-check:hover[b-8yy0j6vzv1] {
        background-color: #e9ecef;
    }

.form-check-input:checked + .form-check-label[b-8yy0j6vzv1] {
    font-weight: 600;
}
/* _content/SafinAhmedERP.Web/Components/Pages/QuickNavigation/QuickNavigationTreemap.razor.rz.scp.css */
.quick-navigation-treemap-host[b-u8svy5pkn7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    animation: quick-nav-host-in-b-u8svy5pkn7 420ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.quick-nav-treemap[b-u8svy5pkn7] {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    flex: 0 0 auto;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(24, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr) minmax(0, 0.76fr) minmax(0, 0.58fr) minmax(0, 0.86fr);
    gap: 4px;
    padding: 4px;
    margin: 0;
    background: linear-gradient(145deg, #8f98a4 0%, #727a85 44%, #6a727d 100%);
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 16px;
    box-sizing: border-box;
    height: clamp(620px, 82vh, 960px);
    box-shadow: 0 26px 50px rgba(6, 10, 20, 0.34), 0 10px 20px rgba(6, 10, 20, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    animation: quick-nav-board-in-b-u8svy5pkn7 560ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.quick-nav-treemap[b-u8svy5pkn7]::before {
    content: "";
    position: absolute;
    inset: -24%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 18%, rgba(255, 255, 255, 0.18), transparent 46%),
        radial-gradient(circle at 82% 74%, rgba(99, 195, 255, 0.14), transparent 42%),
        radial-gradient(circle at 54% 50%, rgba(111, 255, 206, 0.1), transparent 38%);
    filter: blur(1px);
    animation: quick-nav-aura-shift-b-u8svy5pkn7 11s ease-in-out infinite alternate;
}

.quick-nav-treemap[b-u8svy5pkn7]::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(165deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));
}

.quick-nav-tile[b-u8svy5pkn7] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin: 0;
    border-radius: 8px;
    color: #fff;
    font-family: "Tajawal", "IBM Plex Sans Arabic", sans-serif;
    font-weight: 700;
    font-size: clamp(1.04rem, 1.24vw, 1.85rem);
    line-height: 1.16;
    letter-spacing: 0.01em;
    text-align: center;
    padding: 0.42rem 0.34rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), filter 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    min-height: 0;
    box-sizing: border-box;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}

.quick-nav-tile[b-u8svy5pkn7]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    pointer-events: none;
}

.quick-nav-tile:hover[b-u8svy5pkn7] {
    filter: brightness(1.07) saturate(1.04);
    transform: translateY(-1px) scale(1.008);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 10px 18px rgba(6, 8, 16, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.quick-nav-tile:active[b-u8svy5pkn7] {
    transform: translateY(0);
    filter: brightness(1.02);
}

.quick-nav-tile:focus-visible[b-u8svy5pkn7] {
    outline: 2px solid rgba(255, 255, 255, 0.95);
    outline-offset: 2px;
    z-index: 2;
}

.quick-nav-tile-label[b-u8svy5pkn7] {
    max-width: 90%;
    overflow-wrap: normal;
    word-break: keep-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-wrap: balance;
}

.quick-nav-tile--statement .quick-nav-tile-label[b-u8svy5pkn7],
.quick-nav-tile--custpay .quick-nav-tile-label[b-u8svy5pkn7] {
    font-size: 0.88em;
    line-height: 1.2;
}

.quick-nav-tile--invoices[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #437169 0%, #335b55 100%);
}

.quick-nav-tile--statement[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #e9c64a 0%, #d7b23f 100%);
    color: #fff;
}

.quick-nav-tile--custpay[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #26a17e 0%, #1a8b6d 100%);
}

.quick-nav-tile--debts[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #776269 0%, #66545c 100%);
}

.quick-nav-tile--customers[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #3a1c70 0%, #2c1256 100%);
}

.quick-nav-tile--products[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #2d2f36 0%, #23262d 100%);
}

.quick-nav-tile--purchinv[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #c15456 0%, #a94748 100%);
}

.quick-nav-tile--inventory[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #237d92 0%, #16697d 100%);
}

.quick-nav-tile--fin[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #8c1b48 0%, #73163a 100%);
}

.quick-nav-tile--tasks[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #6e0a7b 0%, #4e0558 100%);
}

.quick-nav-tile-slot[b-u8svy5pkn7] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 8px;
    opacity: 0;
    transform: translateY(10px) scale(0.988);
    animation: quick-nav-tile-in-b-u8svy5pkn7 560ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.quick-nav-tile-slot:nth-child(1)[b-u8svy5pkn7] { animation-delay: 50ms; }
.quick-nav-tile-slot:nth-child(2)[b-u8svy5pkn7] { animation-delay: 90ms; }
.quick-nav-tile-slot:nth-child(3)[b-u8svy5pkn7] { animation-delay: 130ms; }
.quick-nav-tile-slot:nth-child(4)[b-u8svy5pkn7] { animation-delay: 170ms; }
.quick-nav-tile-slot:nth-child(5)[b-u8svy5pkn7] { animation-delay: 210ms; }
.quick-nav-tile-slot:nth-child(6)[b-u8svy5pkn7] { animation-delay: 250ms; }
.quick-nav-tile-slot:nth-child(7)[b-u8svy5pkn7] { animation-delay: 290ms; }
.quick-nav-tile-slot:nth-child(8)[b-u8svy5pkn7] { animation-delay: 330ms; }
.quick-nav-tile-slot:nth-child(9)[b-u8svy5pkn7] { animation-delay: 370ms; }
.quick-nav-tile-slot:nth-child(10)[b-u8svy5pkn7] { animation-delay: 410ms; }
.quick-nav-tile-slot:nth-child(11)[b-u8svy5pkn7] { animation-delay: 450ms; }

.quick-nav-tile-slot[b-u8svy5pkn7]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.quick-nav-tile-slot.is-open[b-u8svy5pkn7] {
    z-index: 40;
}

.quick-nav-tile-primary[b-u8svy5pkn7] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), filter 260ms ease, opacity 260ms ease;
}

.quick-nav-tile-primary.is-dimmed[b-u8svy5pkn7] {
    opacity: 0.24;
    transform: scale(0.985);
    filter: saturate(0.78) blur(0.6px);
    pointer-events: none;
}

.quick-nav-tile-actions[b-u8svy5pkn7] {
    position: absolute;
    inset: 8px;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 8px;
    border-radius: 12px;
    background: linear-gradient(165deg, rgba(10, 14, 24, 0.66), rgba(13, 19, 33, 0.86));
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow: 0 14px 24px rgba(4, 7, 14, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(8px) saturate(125%);
    -webkit-backdrop-filter: blur(8px) saturate(125%);
    opacity: 0;
    transform: translateY(8px) scale(0.97);
    pointer-events: none;
    transition: opacity 260ms ease, transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
    will-change: opacity, transform;
}

.quick-nav-tile-actions.action-count-2[b-u8svy5pkn7] {
    grid-template-rows: minmax(0, 1fr);
    align-content: center;
}

.quick-nav-tile-actions.show[b-u8svy5pkn7] {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.quick-nav-tile-action[b-u8svy5pkn7] {
    opacity: 0;
    transform: translateY(10px) scale(0.96);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 0.5rem 0.6rem;
    color: #fff;
    font-family: "Tajawal", "IBM Plex Sans Arabic", sans-serif;
    font-size: clamp(0.84rem, 0.86vw, 1rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-wrap: balance;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), filter 240ms ease, border-color 240ms ease, box-shadow 240ms ease, opacity 240ms ease;
    cursor: pointer;
    min-height: 0;
}

.quick-nav-tile-actions.show .quick-nav-tile-action[b-u8svy5pkn7] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.quick-nav-tile-actions.show .quick-nav-tile-action:nth-child(1)[b-u8svy5pkn7] { transition-delay: 40ms; }
.quick-nav-tile-actions.show .quick-nav-tile-action:nth-child(2)[b-u8svy5pkn7] { transition-delay: 80ms; }
.quick-nav-tile-actions.show .quick-nav-tile-action:nth-child(3)[b-u8svy5pkn7] { transition-delay: 120ms; }
.quick-nav-tile-actions.show .quick-nav-tile-action:nth-child(4)[b-u8svy5pkn7] { transition-delay: 160ms; }

.quick-nav-tile-action:hover[b-u8svy5pkn7] {
    transform: translateY(-1px) scale(1.01);
    filter: brightness(1.08) saturate(1.05);
    border-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 8px 16px rgba(8, 12, 22, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.quick-nav-tile-action:focus-visible[b-u8svy5pkn7] {
    outline: 2px solid rgba(255, 255, 255, 0.94);
    outline-offset: 2px;
}

.quick-nav-tile-action--a[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #2d4a70 0%, #1e3653 100%);
}

.quick-nav-tile-action--b[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #2ba58a 0%, #1f8b73 100%);
}

.quick-nav-tile-action--c[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #b28a2d 0%, #977421 100%);
}

.quick-nav-tile-action--d[b-u8svy5pkn7] {
    background: linear-gradient(155deg, #56308c 0%, #422068 100%);
}

@media (max-width: 768px) {
    .quick-nav-treemap[b-u8svy5pkn7] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: auto;
        max-height: none;
        min-height: 0;
        flex: 0 1 auto;
        padding: 0;
        border-radius: 0;
        background: transparent;
        border: none;
        box-shadow: none;
        animation: none;
    }

    .quick-navigation-treemap-host[b-u8svy5pkn7] {
        min-height: 100%;
    }

    .quick-nav-treemap[b-u8svy5pkn7]::before,
    .quick-nav-treemap[b-u8svy5pkn7]::after {
        display: none;
    }

    .quick-nav-tile-primary[b-u8svy5pkn7] {
        position: relative;
        inset: auto;
        height: auto;
    }

    .quick-nav-tile[b-u8svy5pkn7] {
        width: 100%;
        min-height: 68px;
        grid-column: unset !important;
        grid-row: unset !important;
        font-size: clamp(1.02rem, 4.6vw, 1.28rem);
        border-radius: 12px;
    }

    .quick-nav-tile-slot[b-u8svy5pkn7] {
        display: flex;
        flex-direction: column;
        border-radius: 12px;
        animation: none;
        opacity: 1;
        transform: none;
        min-height: 68px;
        overflow: visible;
    }

    .quick-nav-tile-slot.is-open[b-u8svy5pkn7] {
        z-index: 2;
    }

    .quick-nav-tile-primary.is-dimmed[b-u8svy5pkn7] {
        opacity: 0.78;
        transform: none;
        filter: saturate(0.95);
    }

    .quick-nav-tile-actions[b-u8svy5pkn7] {
        position: static;
        inset: auto;
        margin-top: 6px;
        grid-template-columns: minmax(0, 1fr);
        grid-auto-rows: minmax(48px, auto);
        gap: 6px;
        padding: 0;
        border-radius: 14px;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        border-width: 0;
        border-color: transparent;
        box-shadow: none;
        transform: translateY(-6px);
        pointer-events: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        transition:
            max-height 280ms cubic-bezier(0.22, 1, 0.36, 1),
            padding 220ms ease,
            border-width 220ms ease,
            opacity 220ms ease,
            transform 280ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 220ms ease;
    }

    .quick-nav-tile-actions.action-count-3[b-u8svy5pkn7],
    .quick-nav-tile-actions.action-count-4[b-u8svy5pkn7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .quick-nav-tile-actions.action-count-3 .quick-nav-tile-action:first-child[b-u8svy5pkn7] {
        grid-column: 1 / -1;
    }

    .quick-nav-tile-actions.show[b-u8svy5pkn7] {
        max-height: min(72vh, 460px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px;
        border-width: 1px;
        border-color: rgba(255, 255, 255, 0.18);
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
        box-shadow: 0 12px 28px rgba(4, 9, 19, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.18);
    }

    .quick-nav-tile-action[b-u8svy5pkn7] {
        min-height: 44px;
        padding: 0.55rem 0.6rem;
        font-size: clamp(0.84rem, 3.7vw, 0.98rem);
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1.25;
    }

    .quick-nav-tile-actions.show .quick-nav-tile-action[b-u8svy5pkn7] {
        transition-delay: 0ms !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .quick-navigation-treemap-host[b-u8svy5pkn7],
    .quick-nav-treemap[b-u8svy5pkn7],
    .quick-nav-tile-slot[b-u8svy5pkn7],
    .quick-nav-tile[b-u8svy5pkn7],
    .quick-nav-tile-actions[b-u8svy5pkn7],
    .quick-nav-tile-action[b-u8svy5pkn7] {
        animation: none !important;
        transition: none !important;
    }
}

@keyframes quick-nav-host-in-b-u8svy5pkn7 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes quick-nav-board-in-b-u8svy5pkn7 {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.982);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes quick-nav-tile-in-b-u8svy5pkn7 {
    from {
        opacity: 0;
        transform: translateY(11px) scale(0.986);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes quick-nav-aura-shift-b-u8svy5pkn7 {
    from {
        transform: translate3d(-2.5%, -1%, 0) scale(1);
    }

    to {
        transform: translate3d(2%, 1.5%, 0) scale(1.06);
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/ProcessRefundModal.razor.rz.scp.css */
.summary-item[b-5dp53m2j26] {
    margin-bottom: 0.75rem;
}

.summary-item label[b-5dp53m2j26] {
    display: block;
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.summary-item span[b-5dp53m2j26] {
    display: block;
    font-size: 0.95rem;
}

.net-refund-display[b-5dp53m2j26] {
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.375rem;
    text-align: center;
}

.net-refund-display label[b-5dp53m2j26] {
    display: block;
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/ProcessReturn.razor.rz.scp.css */
/* ============================================
   Process Return - Redesigned Styles
   ============================================ */

/* Page Container - fill layout content area (layout gives flex:1); use min-height:0 to respect parent height */
.process-return-page[b-hqqerdsdt6] {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 1rem 1.5rem;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Main Card - grows to fill page, flex column so body can fill space */
.process-return-card[b-hqqerdsdt6] {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

/* ============================================
   Header Section
   ============================================ */
.process-return-header[b-hqqerdsdt6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e5e7eb;
}

.header-title[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-title i[b-hqqerdsdt6] {
    font-size: 1.5rem;
    color: #198754;
}

.header-title h1[b-hqqerdsdt6] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #1e293b;
}

.header-context[b-hqqerdsdt6] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

.context-item[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.context-label[b-hqqerdsdt6] {
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
}

.context-value[b-hqqerdsdt6] {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #1e293b;
}

.context-value.text-success[b-hqqerdsdt6] {
    color: #059669;
}

/* ============================================
   Card Body - takes all space between header and footer
   ============================================ */
.process-return-card-body[b-hqqerdsdt6] {
    width: 100%;
    padding: 1.25rem 1.5rem;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* ============================================
   Loading & Empty States
   ============================================ */
.loading-state[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #64748b;
}

.loading-state p[b-hqqerdsdt6] {
    margin-top: 1rem;
    font-size: 0.9375rem;
}

.empty-state[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
    background: #f8fafc;
    border-radius: 8px;
    border: 2px dashed #e2e8f0;
}

.empty-state i[b-hqqerdsdt6] {
    font-size: 2.5rem;
    color: #cbd5e1;
    margin-bottom: 1rem;
}

.empty-state h3[b-hqqerdsdt6] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    font-weight: 600;
    color: #475569;
}

.empty-state p[b-hqqerdsdt6] {
    margin: 0;
    font-size: 0.875rem;
    color: #64748b;
}

.empty-state.small[b-hqqerdsdt6] {
    padding: 2rem 1rem;
}

.empty-state.small i[b-hqqerdsdt6] {
    font-size: 2rem;
}

.empty-state.small h3[b-hqqerdsdt6] {
    font-size: 1rem;
}

.empty-state.warning[b-hqqerdsdt6] {
    background: #fef3c7;
    border-color: #fcd34d;
}

.empty-state.warning i[b-hqqerdsdt6] {
    color: #f59e0b;
}

.empty-state.warning h3[b-hqqerdsdt6] {
    color: #92400e;
}

.empty-state.warning p[b-hqqerdsdt6] {
    color: #a16207;
}

/* ============================================
   Return Details Collapse
   ============================================ */
.process-return-details-collapse[b-hqqerdsdt6] {
    margin-bottom: 1.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.process-return-details-toggle[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background 0.15s;
    gap: 0.5rem;
}

.process-return-details-toggle i[b-hqqerdsdt6] {
    color: #198754;
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

.process-return-details-toggle.expanded i[b-hqqerdsdt6] {
    transform: rotate(0deg);
}

.process-return-details-toggle:hover[b-hqqerdsdt6] {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
}

.process-return-details-preview[b-hqqerdsdt6] {
    margin-left: auto;
    font-size: 0.8rem;
    font-weight: 400;
    color: #64748b;
    padding: 0.25rem 0.75rem;
    background: #e8f5e9;
    border-radius: 20px;
}

.process-return-details-body[b-hqqerdsdt6] {
    padding: 1.25rem;
    background: #fff;
    border-top: 1px solid #e5e7eb;
}

.process-return-details-body .row[b-hqqerdsdt6] {
    max-width: 900px;
}

.process-return-details-body .form-label[b-hqqerdsdt6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.375rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.process-return-details-body .form-control[b-hqqerdsdt6],
.process-return-details-body .form-select[b-hqqerdsdt6] {
    font-size: 0.875rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.process-return-details-body .form-control:focus[b-hqqerdsdt6],
.process-return-details-body .form-select:focus[b-hqqerdsdt6] {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.1);
}

.process-return-details-body textarea.form-control[b-hqqerdsdt6] {
    resize: none;
    min-height: 60px;
}

.process-return-notes[b-hqqerdsdt6] {
    resize: vertical;
    min-height: 38px !important;
    max-height: 100px;
}

/* Return Details Grid Layout */
.return-details-grid[b-hqqerdsdt6] {
    display: grid;
    grid-template-columns: 140px 160px 1fr 1fr;
    gap: 1rem;
    align-items: end;
}

.return-detail-field[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
}

.return-detail-field .form-label[b-hqqerdsdt6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #475569;
    margin-bottom: 0.375rem;
}

.return-detail-field .form-label .text-muted[b-hqqerdsdt6] {
    font-weight: 400;
    font-size: 0.7rem;
}

.return-detail-field .form-control[b-hqqerdsdt6],
.return-detail-field .form-select[b-hqqerdsdt6] {
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 6px;
    background-color: #fff;
    transition: all 0.15s ease;
}

.return-detail-field .form-control:focus[b-hqqerdsdt6],
.return-detail-field .form-select:focus[b-hqqerdsdt6] {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.1);
    outline: none;
}

.return-detail-field textarea.form-control[b-hqqerdsdt6] {
    resize: none;
    min-height: 38px;
}

@media (max-width: 992px) {
    .return-details-grid[b-hqqerdsdt6] {
        grid-template-columns: 1fr 1fr;
    }

    .return-detail-reason[b-hqqerdsdt6],
    .return-detail-notes[b-hqqerdsdt6] {
        grid-column: span 1;
    }
}

@media (max-width: 576px) {
    .return-details-grid[b-hqqerdsdt6] {
        grid-template-columns: 1fr;
    }

    .return-detail-reason[b-hqqerdsdt6],
    .return-detail-notes[b-hqqerdsdt6] {
        grid-column: span 1;
    }
}

/* ============================================
   Items Section
   ============================================ */
.process-return-items-section[b-hqqerdsdt6] {
    margin-top: 1rem;
    width: 100%;
}

/* ============================================
   Quick Add Section
   ============================================ */
.quick-add-section[b-hqqerdsdt6] {
    width: 100%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}

.quick-add-header[b-hqqerdsdt6] {
    margin-bottom: 1rem;
}

.quick-add-header h3[b-hqqerdsdt6] {
    margin: 0 0 0.25rem;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.quick-add-header h3 i[b-hqqerdsdt6] {
    color: #198754;
}

.quick-add-hint[b-hqqerdsdt6] {
    margin: 0;
    font-size: 0.8125rem;
    color: #64748b;
}

.quick-add-form[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.quick-add-row[b-hqqerdsdt6] {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.75rem;
    align-items: flex-end;
    width: 100%;
}

.quick-add-field[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.quick-add-field label[b-hqqerdsdt6] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #475569;
    white-space: nowrap;
}

.quick-add-field label .optional[b-hqqerdsdt6] {
    font-weight: 400;
    color: #94a3b8;
}

.quick-add-storage[b-hqqerdsdt6] {
    flex: 1.5;
    min-width: 150px;
}

.quick-add-storage-wrap[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.75rem;
    min-height: 38px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: 8px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.quick-add-storage-wrap:hover[b-hqqerdsdt6] {
    border-color: #7dd3fc;
}

.quick-add-storage-wrap:focus-within[b-hqqerdsdt6] {
    border-color: #0ea5e9;
    box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.15);
}

.quick-add-storage-wrap i[b-hqqerdsdt6] {
    color: #0284c7;
    font-size: 0.875rem;
    flex-shrink: 0;
}

.quick-add-storage-select[b-hqqerdsdt6] {
    flex: 1;
    min-width: 0;
    height: 36px;
    padding: 0 0.25rem 0 0;
    border: none !important;
    background: transparent !important;
    font-size: 0.875rem;
    color: #0f172a;
    font-weight: 500;
}

.quick-add-storage-select:focus[b-hqqerdsdt6] {
    box-shadow: none !important;
    outline: none !important;
}

.quick-add-btn-add[b-hqqerdsdt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 38px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(180deg, #059669 0%, #047857 100%);
    border: 1px solid #047857;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
}

.quick-add-btn-add:hover[b-hqqerdsdt6] {
    background: linear-gradient(180deg, #047857 0%, #065f46 100%);
    border-color: #065f46;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.35);
}

.quick-add-btn-add:active[b-hqqerdsdt6] {
    transform: translateY(1px);
}

.quick-add-btn-add i[b-hqqerdsdt6] {
    font-size: 0.875rem;
}

.quick-add-qty[b-hqqerdsdt6] {
    flex: 0.5;
    min-width: 70px;
    max-width: 90px;
}

.quick-add-qty input[b-hqqerdsdt6] {
    text-align: center;
}

.quick-add-search[b-hqqerdsdt6] {
    flex: 1 1 auto;
    min-width: 200px;
    max-width: none;
}

.search-input-wrapper[b-hqqerdsdt6] {
    position: relative;
}

.search-input-wrapper i[b-hqqerdsdt6] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
    font-size: 0.875rem;
}

.search-input-wrapper input[b-hqqerdsdt6] {
    padding-left: 2.25rem;
}

.quick-add-search .search-input-wrapper[b-hqqerdsdt6] {
    width: 100%;
}

.quick-add-search .search-input-wrapper input[b-hqqerdsdt6] {
    width: 100%;
    box-sizing: border-box;
}

.quick-add-section-field[b-hqqerdsdt6] {
    flex: 0.7;
    min-width: 70px;
    max-width: 100px;
}

.quick-add-row-field[b-hqqerdsdt6] {
    flex: 0.5;
    min-width: 60px;
    max-width: 80px;
}

.quick-add-column-field[b-hqqerdsdt6] {
    flex: 0.5;
    min-width: 60px;
    max-width: 80px;
}

.quick-add-section-field input[b-hqqerdsdt6],
.quick-add-row-field input[b-hqqerdsdt6],
.quick-add-column-field input[b-hqqerdsdt6] {
    text-align: center;
}

.quick-add-action[b-hqqerdsdt6] {
    flex-shrink: 0;
}

.quick-add-action .btn[b-hqqerdsdt6] {
    padding: 0.5rem 1rem;
    font-weight: 500;
    white-space: nowrap;
}

/* Hidden - not used anymore */
.quick-add-location-row[b-hqqerdsdt6] {
    display: none !important;
}

.quick-add-error[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.625rem 0.875rem;
    font-size: 0.8125rem;
    color: #b45309;
    background: #fef3c7;
    border-radius: 6px;
}

.quick-add-error i[b-hqqerdsdt6] {
    color: #f59e0b;
}

/* ============================================
   Tabs
   ============================================ */
.items-tabs[b-hqqerdsdt6] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
    padding-bottom: 0;
}

.tab-btn[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #64748b;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    transition: all 0.15s;
}

.tab-btn:hover[b-hqqerdsdt6] {
    color: #475569;
}

.tab-btn.active[b-hqqerdsdt6] {
    color: #198754;
    border-bottom-color: #198754;
}

.tab-btn.has-items .tab-count[b-hqqerdsdt6] {
    background: #198754;
    color: #fff;
}

.tab-count[b-hqqerdsdt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    height: 1.5rem;
    padding: 0 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    background: #e2e8f0;
    border-radius: 999px;
}

/* ============================================
   Items Table
   ============================================ */
.items-table-container[b-hqqerdsdt6] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.items-table-container:focus[b-hqqerdsdt6] {
    outline: 2px solid #198754;
    outline-offset: 2px;
}

.items-table[b-hqqerdsdt6] {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.items-table thead[b-hqqerdsdt6] {
    background: #f8fafc;
    position: sticky;
    top: 0;
    z-index: 1;
}

.items-table thead th[b-hqqerdsdt6] {
    padding: 0.75rem 1rem;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    border-bottom: 1px solid #e5e7eb;
}

/* Align column headers with column data */
.items-table thead th.col-product[b-hqqerdsdt6] {
    text-align: start;
}

.items-table thead th.col-code[b-hqqerdsdt6],
.items-table thead th.col-sku[b-hqqerdsdt6] {
    text-align: right;
}

.items-table thead th.col-qty[b-hqqerdsdt6],
.items-table thead th.col-available[b-hqqerdsdt6],
.items-table thead th.col-return-qty[b-hqqerdsdt6] {
    text-align: center;
}

.items-table thead th.col-price[b-hqqerdsdt6] {
    text-align: right;
}

.items-table tbody tr[b-hqqerdsdt6] {
    transition: background 0.15s;
    cursor: pointer;
}

.items-table tbody tr:hover[b-hqqerdsdt6] {
    background: #f8fafc;
}

.items-table tbody tr.selected[b-hqqerdsdt6] {
    background: #e8f5e9;
}

.items-table tbody tr.selected:hover[b-hqqerdsdt6] {
    background: #d4edda;
}

.items-table tbody td[b-hqqerdsdt6] {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    color: #374151;
    border-bottom: 1px solid #f1f5f9;
    vertical-align: middle;
}

.items-table tbody tr:last-child td[b-hqqerdsdt6] {
    border-bottom: none;
}

/* Table Column Styles */
.col-product[b-hqqerdsdt6] {
    min-width: 200px;
    text-align: start;
}

.col-code[b-hqqerdsdt6],
.col-sku[b-hqqerdsdt6] {
    text-align: right;
}

.col-code[b-hqqerdsdt6] {
    min-width: 90px;
}

.col-code code[b-hqqerdsdt6],
.col-sku code[b-hqqerdsdt6] {
    font-size: 0.8125rem;
    color: #059669;
    background: #f0fdf4;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
}

.product-name[b-hqqerdsdt6] {
    font-weight: 500;
    color: #1e293b;
    display: block;
}

.product-codes[b-hqqerdsdt6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #64748b;
}

.product-codes .product-code[b-hqqerdsdt6],
.product-codes .product-sku[b-hqqerdsdt6] {
    display: inline;
    margin: 0;
    background: transparent;
    padding: 0;
}

.product-sku[b-hqqerdsdt6] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: #64748b;
    background: #f1f5f9;
    padding: 0.125rem 0.375rem;
    border-radius: 3px;
}

.col-qty[b-hqqerdsdt6], .col-available[b-hqqerdsdt6], .col-return-qty[b-hqqerdsdt6] {
    text-align: center;
    width: 100px;
}

.available-badge[b-hqqerdsdt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    height: 1.625rem;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #059669;
    background: #d1fae5;
    border-radius: 999px;
}

.col-price[b-hqqerdsdt6] {
    text-align: right;
    font-family: 'SF Mono', 'Consolas', monospace;
    font-weight: 500;
    width: 120px;
}

.col-storage[b-hqqerdsdt6] {
    width: 160px;
}

.col-location[b-hqqerdsdt6] {
    width: 180px;
}

.location-inputs[b-hqqerdsdt6] {
    display: flex;
    gap: 0.375rem;
}

.location-inputs input[b-hqqerdsdt6] {
    width: 50px !important;
    text-align: center;
    padding: 0.375rem 0.25rem;
}

.col-condition[b-hqqerdsdt6] {
    width: 120px;
}

.col-actions[b-hqqerdsdt6] {
    width: 50px;
    text-align: center;
}

.btn-remove[b-hqqerdsdt6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 0.875rem;
    color: #ef4444;
    background: transparent;
    border: 1px solid #fecaca;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-remove:hover[b-hqqerdsdt6] {
    background: #fef2f2;
    border-color: #fca5a5;
}

/* Return items table inputs */
.return-items-table input.form-control[b-hqqerdsdt6],
.return-items-table select.form-select[b-hqqerdsdt6] {
    font-size: 0.8125rem;
}

.return-items-table .col-return-qty input[b-hqqerdsdt6] {
    width: 70px;
    text-align: center;
}

.return-items-table .col-price input[b-hqqerdsdt6] {
    width: 90px;
    text-align: right;
}

/* Empty row */
.empty-row[b-hqqerdsdt6] {
    padding: 2rem !important;
    text-align: center;
    color: #94a3b8;
}

.empty-row i[b-hqqerdsdt6] {
    margin-right: 0.5rem;
    opacity: 0.5;
}

/* ============================================
   Return Summary
   ============================================ */
.return-summary[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-top: 1rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border: 1px solid #86efac;
    border-radius: 8px;
}

.summary-info[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.summary-label[b-hqqerdsdt6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #166534;
}

.summary-count[b-hqqerdsdt6] {
    font-size: 0.75rem;
    color: #15803d;
}

.summary-total[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.125rem;
}

.total-label[b-hqqerdsdt6] {
    font-size: 0.6875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #15803d;
}

.total-amount[b-hqqerdsdt6] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #059669;
    font-family: 'SF Mono', 'Consolas', monospace;
}

/* ============================================
   Footer - stays at bottom of card
   ============================================ */
.process-return-footer[b-hqqerdsdt6] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.footer-left[b-hqqerdsdt6],
.footer-right[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.process-return-footer .btn[b-hqqerdsdt6] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

/* ============================================
   Refund Modal
   ============================================ */
.refund-modal-content[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.refund-field[b-hqqerdsdt6] {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.refund-field label[b-hqqerdsdt6] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #374151;
}

.refund-field label .required[b-hqqerdsdt6] {
    color: #ef4444;
}

/* ============================================
   Customer Selection (Non-Modal View)
   ============================================ */
.customer-search-container[b-hqqerdsdt6] {
    position: relative;
}

.dropdown-results[b-hqqerdsdt6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 2px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    max-height: 360px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
}

.search-loading[b-hqqerdsdt6] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0.75rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-top: none;
    border-radius: 0 0 8px 8px;
    z-index: 999;
}

.dropdown-item[b-hqqerdsdt6] {
    padding: 0.6rem 0.9rem;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    transition: background 0.15s;
}

.dropdown-item:hover[b-hqqerdsdt6] {
    background: #f8fafc;
}

.dropdown-item:last-child[b-hqqerdsdt6] {
    border-bottom: none;
}

.customer-name[b-hqqerdsdt6] {
    font-weight: 500;
    color: #1e293b;
}

.selected-customer[b-hqqerdsdt6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f0fdf4;
    border-radius: 6px;
    margin-top: 0.5rem;
}

.selected-branch[b-hqqerdsdt6] {
    padding: 0.5rem 0.75rem;
    background: #e8f5e9;
    border-radius: 6px;
    border-left: 3px solid #198754;
    margin-top: 0.5rem;
}

/* ============================================
   Form Controls Override
   ============================================ */
.process-return-page .form-control[b-hqqerdsdt6],
.process-return-page .form-select[b-hqqerdsdt6] {
    font-size: 0.875rem;
    border-color: #e5e7eb;
    border-radius: 6px;
}

.process-return-page .form-control:focus[b-hqqerdsdt6],
.process-return-page .form-select:focus[b-hqqerdsdt6] {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.process-return-page .form-label[b-hqqerdsdt6] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.375rem;
}

/* ============================================
   Responsive Adjustments
   ============================================ */
@media (max-width: 1400px) {
    .quick-add-row[b-hqqerdsdt6] {
        flex-wrap: wrap;
    }

    .quick-add-search[b-hqqerdsdt6] {
        flex: 2;
        min-width: 180px;
    }

    .quick-add-storage[b-hqqerdsdt6] {
        flex: 1;
        min-width: 140px;
    }
}

@media (max-width: 992px) {
    .process-return-page[b-hqqerdsdt6] {
        padding: 0.75rem;
    }

    .process-return-card-body[b-hqqerdsdt6] {
        padding: 1rem;
    }

    .quick-add-row[b-hqqerdsdt6] {
        flex-wrap: wrap;
    }

    .quick-add-search[b-hqqerdsdt6] {
        flex: 1 1 100%;
        max-width: 100%;
        order: -1;
    }

    .quick-add-storage[b-hqqerdsdt6],
    .quick-add-qty[b-hqqerdsdt6],
    .quick-add-section-field[b-hqqerdsdt6],
    .quick-add-row-field[b-hqqerdsdt6],
    .quick-add-column-field[b-hqqerdsdt6],
    .quick-add-action[b-hqqerdsdt6] {
        flex: 1;
        min-width: 80px;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .process-return-page[b-hqqerdsdt6] {
        padding: 0.5rem;
    }

    .process-return-header[b-hqqerdsdt6] {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }

    .header-context[b-hqqerdsdt6] {
        width: 100%;
        padding-top: 1rem;
        border-top: 1px solid #e5e7eb;
        margin-top: 0.5rem;
    }

    .process-return-card-body[b-hqqerdsdt6] {
        padding: 0.75rem;
    }

    .quick-add-section[b-hqqerdsdt6] {
        padding: 0.75rem;
    }

    .quick-add-row[b-hqqerdsdt6] {
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .items-tabs[b-hqqerdsdt6] {
        overflow-x: auto;
    }

    .tab-btn span:not(.tab-count)[b-hqqerdsdt6] {
        display: none;
    }

    .return-summary[b-hqqerdsdt6] {
        flex-direction: column;
        text-align: center;
        gap: 0.75rem;
    }

    .summary-total[b-hqqerdsdt6] {
        align-items: center;
    }

    .process-return-footer[b-hqqerdsdt6] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .footer-left[b-hqqerdsdt6],
    .footer-right[b-hqqerdsdt6] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/ReturnAnalytics.razor.rz.scp.css */
.date-range-selector[b-hvv6j5u9l0] {
    margin-right: 0.75rem;
}

.stat-card[b-hvv6j5u9l0] {
    border: none;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: transform 0.2s ease;
}

.stat-card:hover[b-hvv6j5u9l0] {
    transform: translateY(-2px);
}

.stat-card-primary[b-hvv6j5u9l0] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.stat-card-success[b-hvv6j5u9l0] {
    background: linear-gradient(135deg, #56ab2f 0%, #a8e6cf 100%);
    color: white;
}

.stat-card-warning[b-hvv6j5u9l0] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    color: white;
}

.stat-card-info[b-hvv6j5u9l0] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
}

.stat-card .card-body[b-hvv6j5u9l0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
}

.stat-content[b-hvv6j5u9l0] {
    flex: 1;
}

.stat-number[b-hvv6j5u9l0] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.5rem;
}

.stat-label[b-hvv6j5u9l0] {
    font-size: 0.875rem;
    opacity: 0.9;
    margin-bottom: 0.25rem;
}

.stat-change[b-hvv6j5u9l0] {
    font-size: 0.75rem;
    opacity: 0.8;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.stat-icon[b-hvv6j5u9l0] {
    font-size: 2.5rem;
    opacity: 0.3;
}

.chart-legend[b-hvv6j5u9l0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.legend-item[b-hvv6j5u9l0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.legend-color[b-hvv6j5u9l0] {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

.legend-danger[b-hvv6j5u9l0] { background-color: #dc3545; }
.legend-info[b-hvv6j5u9l0] { background-color: #17a2b8; }
.legend-warning[b-hvv6j5u9l0] { background-color: #ffc107; }
.legend-secondary[b-hvv6j5u9l0] { background-color: #6c757d; }

.legend-label[b-hvv6j5u9l0] {
    flex: 1;
    font-size: 0.875rem;
}

.legend-value[b-hvv6j5u9l0] {
    font-weight: 500;
    color: var(--primary-color);
}

.rank-badge[b-hvv6j5u9l0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.rank-gold[b-hvv6j5u9l0] { background-color: #ffd700; color: #8b6914; }
.rank-silver[b-hvv6j5u9l0] { background-color: #c0c0c0; color: #4a4a4a; }
.rank-bronze[b-hvv6j5u9l0] { background-color: #cd7f32; color: white; }
.rank-default[b-hvv6j5u9l0] { background-color: #6c757d; }

.product-info[b-hvv6j5u9l0] {
    min-width: 200px;
}

.product-name[b-hvv6j5u9l0] {
    font-weight: 500;
    color: #212529;
}

.product-sku[b-hvv6j5u9l0] {
    font-size: 0.75rem;
    color: #6c757d;
}

.impact-indicator .badge[b-hvv6j5u9l0] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.status-metrics[b-hvv6j5u9l0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.metric-item[b-hvv6j5u9l0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background-color: #f8f9fa;
    border-radius: 0.5rem;
}

.metric-icon[b-hvv6j5u9l0] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.25rem;
}

.metric-content[b-hvv6j5u9l0] {
    flex: 1;
}

.metric-label[b-hvv6j5u9l0] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

.metric-value[b-hvv6j5u9l0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #212529;
}

.metric-percentage[b-hvv6j5u9l0] {
    font-size: 0.75rem;
    color: #6c757d;
}

.financial-metric[b-hvv6j5u9l0] {
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem;
    background-color: #f8f9fa;
}

.metric-title[b-hvv6j5u9l0] {
    font-size: 0.875rem;
    color: #6c757d;
    margin-bottom: 0.5rem;
}

.metric-amount[b-hvv6j5u9l0] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.progress-overview[b-hvv6j5u9l0] {
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
}

.empty-state-small[b-hvv6j5u9l0] {
    text-align: center;
    padding: 2rem 1rem;
}

@media (max-width: 768px) {
    .stat-card .card-body[b-hvv6j5u9l0] {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
    }

    .metric-item[b-hvv6j5u9l0] {
        flex-direction: column;
        text-align: center;
    }

    .financial-metric[b-hvv6j5u9l0] {
        margin-bottom: 1rem;
    }

    .date-range-selector[b-hvv6j5u9l0] {
        margin-right: 0;
        margin-bottom: 0.75rem;
    }

    .page-actions[b-hvv6j5u9l0] {
        flex-direction: column;
        gap: 0.75rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/ReturnDetails.razor.rz.scp.css */
/* ============================================
   Return Details Page - Full-height, clean ERP layout
   ============================================ */

.return-details-page[b-459c7ojfu6] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    width: 100%;
    max-width: 100%;
    padding: 1rem 1.5rem;
    background: #f8fafc;
}

/* ----- Header: title + actions ----- */
.rd-header[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.rd-header-left[b-459c7ojfu6] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
}

.rd-title[b-459c7ojfu6] {
    margin: 0;
    font-size: 1.375rem;
    font-weight: 600;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.rd-title i[b-459c7ojfu6] {
    color: #059669;
}

.rd-breadcrumb[b-459c7ojfu6] {
    font-size: 0.8125rem;
    color: #64748b;
}

.rd-breadcrumb a[b-459c7ojfu6] {
    color: #059669;
    text-decoration: none;
}

.rd-breadcrumb a:hover[b-459c7ojfu6] {
    text-decoration: underline;
}

.rd-breadcrumb-sep[b-459c7ojfu6] {
    margin: 0 0.35rem;
    color: #cbd5e1;
}

.rd-header-actions[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* ----- Compact strip: info + financial ----- */
.rd-strip[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.75rem 1rem;
    margin-top: 0.5rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    flex-shrink: 0;
}

.rd-strip-info[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.rd-strip-item[b-459c7ojfu6] {
    font-size: 0.875rem;
    color: #475569;
}

.rd-strip-item strong[b-459c7ojfu6] {
    color: #0f172a;
}

.rd-strip-meta[b-459c7ojfu6] {
    color: #94a3b8;
    font-size: 0.8125rem;
}

.rd-order-link[b-459c7ojfu6] {
    color: #059669;
    text-decoration: none;
    font-weight: 500;
}

.rd-order-link:hover[b-459c7ojfu6] {
    text-decoration: underline;
}

.rd-strip-financial[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rd-amount[b-459c7ojfu6] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #059669;
}

.rd-status[b-459c7ojfu6] {
    font-size: 0.8125rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

.rd-status-success[b-459c7ojfu6] {
    color: #047857;
    background: #d1fae5;
}

.rd-status-pending[b-459c7ojfu6] {
    color: #b45309;
    background: #fef3c7;
}

/* ----- Optional notes ----- */
.rd-notes[b-459c7ojfu6] {
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #475569;
    background: #f8fafc;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

/* ----- Items section: fills remaining space ----- */
.rd-items-section[b-459c7ojfu6] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
}

.rd-items-head[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.rd-items-title[b-459c7ojfu6] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #0f172a;
}

.rd-items-count[b-459c7ojfu6] {
    font-weight: 500;
    color: #64748b;
}

.rd-items-total[b-459c7ojfu6] {
    font-size: 0.875rem;
    color: #475569;
}

.rd-items-body[b-459c7ojfu6] {
    flex: 1;
    min-height: 0;
    overflow: auto;
}

.rd-table-wrap[b-459c7ojfu6] {
    width: 100%;
    overflow-x: auto;
}

.rd-table[b-459c7ojfu6] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.rd-table thead[b-459c7ojfu6] {
    position: sticky;
    top: 0;
    background: #f8fafc;
    z-index: 1;
}

.rd-table th[b-459c7ojfu6] {
    padding: 0.625rem 1rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    border-bottom: 1px solid #e2e8f0;
}

.rd-table td[b-459c7ojfu6] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f1f5f9;
    color: #334155;
    vertical-align: middle;
}

.rd-table tbody tr:hover[b-459c7ojfu6] {
    background: #f8fafc;
}

.rd-item-num[b-459c7ojfu6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    background: #e2e8f0;
    border-radius: 50%;
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
}

.rd-product[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rd-product-thumb[b-459c7ojfu6] {
    width: 36px;
    height: 36px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.rd-product-name[b-459c7ojfu6] {
    font-weight: 500;
    color: #0f172a;
}

.rd-product-sku[b-459c7ojfu6] {
    font-size: 0.75rem;
    color: #64748b;
}

.rd-qty[b-459c7ojfu6] {
    font-weight: 600;
}

.rd-badge[b-459c7ojfu6] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 6px;
}

.rd-badge-success[b-459c7ojfu6] {
    background: #d1fae5;
    color: #047857;
}

.rd-badge-warning[b-459c7ojfu6] {
    background: #fef3c7;
    color: #b45309;
}

.rd-badge-danger[b-459c7ojfu6] {
    background: #fee2e2;
    color: #b91c1c;
}

.rd-badge-secondary[b-459c7ojfu6] {
    background: #f1f5f9;
    color: #475569;
}

.rd-badge-info[b-459c7ojfu6] {
    background: #e0f2fe;
    color: #0369a1;
}

.rd-empty[b-459c7ojfu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    color: #94a3b8;
}

.rd-empty i[b-459c7ojfu6] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.rd-empty p[b-459c7ojfu6] {
    margin: 0;
    font-size: 0.875rem;
}

/* ----- Footer: actions ----- */
.rd-footer[b-459c7ojfu6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    padding: 0.75rem 0;
    margin-top: 1rem;
    border-top: 1px solid #e2e8f0;
    flex-shrink: 0;
}

/* ----- Not found state ----- */
.rd-notfound[b-459c7ojfu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    text-align: center;
}

.rd-notfound i[b-459c7ojfu6] {
    font-size: 3rem;
    color: #f59e0b;
    margin-bottom: 1rem;
}

.rd-notfound h6[b-459c7ojfu6] {
    margin: 0 0 0.5rem;
    font-size: 1.125rem;
    color: #0f172a;
}

.rd-notfound p[b-459c7ojfu6] {
    margin: 0 0 1.5rem;
    font-size: 0.875rem;
    color: #64748b;
}

/* ----- Loading overlay (keep existing behavior) ----- */
.loading-overlay[b-459c7ojfu6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #64748b;
}

.loading-overlay .spinner[b-459c7ojfu6] {
    width: 40px;
    height: 40px;
    border: 3px solid #e2e8f0;
    border-top-color: #059669;
    border-radius: 50%;
    animation: rd-spin-b-459c7ojfu6 0.8s linear infinite;
}

.loading-text[b-459c7ojfu6] {
    margin-top: 1rem;
    font-size: 0.875rem;
}

@keyframes rd-spin-b-459c7ojfu6 {
    to { transform: rotate(360deg); }
}

/* ----- Responsive ----- */
@media (max-width: 768px) {
    .return-details-page[b-459c7ojfu6] {
        padding: 0.75rem 1rem;
    }

    .rd-header[b-459c7ojfu6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .rd-header-actions[b-459c7ojfu6] {
        width: 100%;
    }

    .rd-strip[b-459c7ojfu6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .rd-strip-financial[b-459c7ojfu6] {
        width: 100%;
        padding-top: 0.5rem;
        border-top: 1px solid #e2e8f0;
    }

    .rd-footer[b-459c7ojfu6] {
        flex-direction: column;
        align-items: stretch;
    }

    .rd-footer :deep(button)[b-459c7ojfu6],
    .rd-footer :deep(.btn)[b-459c7ojfu6] {
        width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/Returns.razor.rz.scp.css */
/* Sales Returns Page - Same concept as Invoices/Orders: filter bar + centered table */
.returns-page[b-z5jrcjixxw] {
    width: 100%;
    min-width: 0;
    padding: 0;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.returns-page .returns-card[b-z5jrcjixxw] {
    width: 100%;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: 0;
}

.returns-page .returns-card > .card-body[b-z5jrcjixxw],
.returns-list-body[b-z5jrcjixxw] {
    flex: 1 1 0;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.returns-list-body .table-responsive[b-z5jrcjixxw] {
    flex: 1 1 0;
    min-height: 0;
    overflow: auto;
}

.returns-card-header[b-z5jrcjixxw] {
    background: #fff;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e5e7eb;
}

/* Filter bar - same style as Invoices page */
.returns-filter-bar[b-z5jrcjixxw] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5625rem 1rem;
    background: #fafbfa;
    border-bottom: 1px solid #e3e8e6;
    overflow-x: auto;
    overflow-y: hidden;
}

.returns-filter-bar__search[b-z5jrcjixxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    height: 34px;
    flex: 2 1 240px;
    min-width: 0;
    padding: 0 0.75rem;
    background: #fff;
    border: 1px solid #e3e8e6;
    border-radius: 999px;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.returns-filter-bar__search:focus-within[b-z5jrcjixxw] {
    border-color: #3d8a6e;
    box-shadow: 0 0 0 3px rgba(61, 138, 110, 0.14);
}

.returns-filter-bar__search i[b-z5jrcjixxw] {
    color: #9ca3af;
    font-size: 0.8125rem;
    flex-shrink: 0;
}

.returns-filter-bar__input[b-z5jrcjixxw] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    font-size: 0.8125rem;
    color: #374151;
    padding: 0;
    outline: none;
}

.returns-filter-bar__date-range[b-z5jrcjixxw] {
    display: inline-flex;
    align-items: center;
    height: auto;
    padding: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    gap: 0.25rem;
    flex: 1 1 220px;
    min-width: 0;
}

.returns-filter-bar__date-input[b-z5jrcjixxw] {
    height: 34px;
    border: 1px solid #e3e8e6;
    border-radius: 999px;
    background: #fff;
    font-size: 0.8125rem;
    color: #1d2e29;
    padding: 0 0.75rem;
    flex: 0 0 150px;
    width: 150px;
    min-width: 130px;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.returns-filter-bar__date-input:focus[b-z5jrcjixxw] {
    border-color: #3d8a6e;
    box-shadow: 0 0 0 3px rgba(61, 138, 110, 0.14);
}

.returns-filter-bar__date-sep[b-z5jrcjixxw] {
    color: #9ca3af;
    font-size: 0.8125rem;
    flex-shrink: 0;
}

.returns-filter-bar__select[b-z5jrcjixxw] {
    height: 34px;
    padding: 0 1.875rem 0 0.75rem;
    font-size: 0.8125rem;
    color: #1d2e29;
    border: 1px solid #e3e8e6;
    border-radius: 999px;
    background: #fff;
    min-width: 120px;
    cursor: pointer;
}

.returns-filter-bar__select:focus[b-z5jrcjixxw] {
    border-color: #3d8a6e;
    box-shadow: 0 0 0 3px rgba(61, 138, 110, 0.14);
    outline: none;
}

.returns-filter-bar__filters-btn[b-z5jrcjixxw] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 0.875rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #1d2e29;
    background: #fff;
    border: 1px solid #e3e8e6;
    border-radius: 999px;
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease, background 0.15s ease;
}

.returns-filter-bar__filters-btn:hover[b-z5jrcjixxw] {
    color: #006747;
    border-color: #b8d9cf;
    background: #eef7f3;
}

.returns-filter-bar__clear-link[b-z5jrcjixxw] {
    margin-inline-start: auto;
    display: inline-flex;
    align-items: center;
    height: 34px;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #7a9690;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.15s ease;
}

.returns-filter-bar__clear-link:hover[b-z5jrcjixxw] {
    color: #991b1b;
    text-decoration: underline;
}

/* Center column titles and data in Returns table (same as Orders) */
.returns-page .table th[b-z5jrcjixxw],
.returns-page .table td[b-z5jrcjixxw] {
    text-align: center;
    vertical-align: middle;
}

.returns-page .table td .d-flex[b-z5jrcjixxw] {
    justify-content: center;
}

.returns-page .table .table-actions[b-z5jrcjixxw] {
    justify-content: center;
}

.returns-page .card[b-z5jrcjixxw] {
    width: 100%;
    border: none;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

/* Page Header - polished action buttons */
.returns-page .page-header[b-z5jrcjixxw] {
    margin-bottom: 1rem;
}

.returns-page .page-actions[b-z5jrcjixxw] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.returns-page .page-actions .btn[b-z5jrcjixxw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 38px;
    padding: 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid transparent;
    transition: background 0.2s, border-color 0.2s, box-shadow 0.2s, transform 0.1s;
}

.returns-page .page-actions .btn:hover:not(:disabled)[b-z5jrcjixxw] {
    transform: translateY(-1px);
}

.returns-page .page-actions .btn:active:not(:disabled)[b-z5jrcjixxw] {
    transform: translateY(0);
}

/* Green "New return" icon button */
.returns-page .page-actions .btn-success.btn-icon-only[b-z5jrcjixxw] {
    width: 38px;
    min-width: 38px;
    padding: 0;
    background: linear-gradient(180deg, #059669 0%, #047857 100%);
    border-color: #047857;
    color: #fff;
}

.returns-page .page-actions .btn-success.btn-icon-only:hover:not(:disabled)[b-z5jrcjixxw] {
    background: linear-gradient(180deg, #047857 0%, #065f46 100%);
    border-color: #065f46;
    box-shadow: 0 2px 8px rgba(5, 150, 105, 0.35);
}

.returns-page .page-actions .btn-success.btn-icon-only i[b-z5jrcjixxw] {
    font-size: 0.9375rem;
}

/* Blue "Show filters" button */
.returns-page .page-actions .btn-info[b-z5jrcjixxw] {
    background: linear-gradient(180deg, #0ea5e9 0%, #0284c7 100%);
    border-color: #0284c7;
    color: #fff;
}

.returns-page .page-actions .btn-info:hover:not(:disabled)[b-z5jrcjixxw] {
    background: linear-gradient(180deg, #0284c7 0%, #0369a1 100%);
    border-color: #0369a1;
    box-shadow: 0 2px 8px rgba(2, 132, 199, 0.35);
}

.returns-page .page-actions .btn-info i[b-z5jrcjixxw] {
    font-size: 0.875rem;
}

/* Search Filters Card */
.search-filters-card[b-z5jrcjixxw] {
    transition: all 0.3s ease-in-out;
    border-left: 4px solid #198754 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f8fdf9 100%);
}

.search-filters-card .card-header[b-z5jrcjixxw] {
    background: transparent;
    border-bottom: 1px solid #e8f5e9;
    padding: 0.875rem 1.25rem;
}

.search-filters-card .card-header h6[b-z5jrcjixxw] {
    color: #198754;
    font-weight: 600;
}

.search-filters-card .card-header i[b-z5jrcjixxw] {
    color: #198754;
}

.search-filters-card .card-body[b-z5jrcjixxw] {
    padding: 1.25rem;
}

.search-filters-card .form-label[b-z5jrcjixxw] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #374151;
    margin-bottom: 0.4rem;
}

.search-filters-card .form-control[b-z5jrcjixxw],
.search-filters-card .form-select[b-z5jrcjixxw] {
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
}

.search-filters-card .form-control:focus[b-z5jrcjixxw],
.search-filters-card .form-select:focus[b-z5jrcjixxw] {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.12);
}

.search-filters-card .input-group-text[b-z5jrcjixxw] {
    background-color: #f8f9fa;
    border: 1.5px solid #e5e7eb;
    border-right: none;
    border-radius: 8px 0 0 8px;
    color: #6b7280;
}

.search-filters-card .input-group .form-control[b-z5jrcjixxw] {
    border-radius: 0 8px 8px 0;
}

.filter-actions[b-z5jrcjixxw] {
    display: flex;
    gap: 0.5rem;
}

.active-filters[b-z5jrcjixxw] {
    padding: 0.375rem 0.75rem;
    background-color: #e8f5e9;
    border-radius: 20px;
    animation: pulse-b-z5jrcjixxw 2s infinite;
}

.active-filters small[b-z5jrcjixxw] {
    color: #198754 !important;
    font-weight: 500;
}

.active-filters i[b-z5jrcjixxw] {
    color: #198754;
}

@keyframes pulse-b-z5jrcjixxw {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
}

/* Card header badge */
.returns-card-header .badge.bg-primary[b-z5jrcjixxw] {
    font-weight: 600;
    padding: 0.35rem 0.65rem;
    border-radius: 20px;
}

/* Table Styling */
.table[b-z5jrcjixxw] {
    margin-bottom: 0;
}

.table thead[b-z5jrcjixxw] {
    background-color: #f8fdf9;
}

.table thead th[b-z5jrcjixxw] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    padding: 0.875rem 1rem;
    border-bottom: 2px solid #e8f5e9;
    white-space: nowrap;
}

.table tbody td[b-z5jrcjixxw] {
    padding: 0.875rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f3f4f6;
}

.table-row-hover[b-z5jrcjixxw] {
    transition: background-color 0.15s ease;
}

.table-row-hover:hover[b-z5jrcjixxw] {
    background-color: #f0fdf4 !important;
}

/* Return Number Column */
.table tbody td:first-child .fw-semibold[b-z5jrcjixxw] {
    color: #198754;
    font-weight: 600;
}

/* Date Display */
.date-display[b-z5jrcjixxw] {
    font-size: 0.9rem;
    color: #4b5563;
}

.date-display i[b-z5jrcjixxw] {
    font-size: 0.8rem;
}

/* Customer Info */
.customer-info .fw-medium[b-z5jrcjixxw] {
    color: #1f2937;
    font-weight: 600;
}

.customer-info small[b-z5jrcjixxw] {
    font-size: 0.8rem;
}

/* Order Link */
.order-link[b-z5jrcjixxw] {
    color: #198754 !important;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.15s ease;
}

.order-link:hover[b-z5jrcjixxw] {
    color: #146c43 !important;
    text-decoration: underline !important;
}

.order-info small[b-z5jrcjixxw] {
    font-size: 0.8rem;
}

/* Amount Display */
.amount-display[b-z5jrcjixxw] {
    font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
    font-size: 0.95rem;
    color: #1f2937;
}

.amount-display .text-muted[b-z5jrcjixxw] {
    font-size: 0.8rem;
    margin-left: 0.25rem;
}

/* Status Badges */
.badge[b-z5jrcjixxw] {
    font-weight: 500;
    padding: 0.4rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
}

.badge.bg-success[b-z5jrcjixxw] {
    background-color: #198754 !important;
}

.badge.bg-warning[b-z5jrcjixxw] {
    background-color: #ffc107 !important;
}

.badge.bg-danger[b-z5jrcjixxw] {
    background-color: #dc3545 !important;
}

.badge.bg-info[b-z5jrcjixxw] {
    background-color: #0dcaf0 !important;
    color: #1f2937 !important;
}

.badge.bg-secondary[b-z5jrcjixxw] {
    background-color: #6c757d !important;
}

/* Action Buttons */
.table-actions[b-z5jrcjixxw] {
    gap: 0.375rem !important;
}

.table-actions[b-z5jrcjixxw]  .btn {
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
}

.table-actions[b-z5jrcjixxw]  .btn-info {
    background-color: #e0f2fe;
    border-color: #e0f2fe;
    color: #0369a1;
}

.table-actions[b-z5jrcjixxw]  .btn-info:hover {
    background-color: #bae6fd;
    border-color: #bae6fd;
    color: #0c4a6e;
}

.table-actions[b-z5jrcjixxw]  .btn-success {
    background-color: #d1fae5;
    border-color: #d1fae5;
    color: #047857;
}

.table-actions[b-z5jrcjixxw]  .btn-success:hover {
    background-color: #a7f3d0;
    border-color: #a7f3d0;
    color: #065f46;
}

.table-actions[b-z5jrcjixxw]  .btn-secondary {
    background-color: #f3f4f6;
    border-color: #f3f4f6;
    color: #4b5563;
}

.table-actions[b-z5jrcjixxw]  .btn-secondary:hover {
    background-color: #e5e7eb;
    border-color: #e5e7eb;
    color: #374151;
}

/* Empty State */
.empty-state[b-z5jrcjixxw] {
    padding: 3rem 1rem;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.empty-state-icon[b-z5jrcjixxw] {
    opacity: 0.4;
    color: #198754;
}

.empty-state-icon i[b-z5jrcjixxw] {
    font-size: 4rem !important;
}

.empty-state-title[b-z5jrcjixxw] {
    color: #374151;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.empty-state-description[b-z5jrcjixxw] {
    max-width: 400px;
    margin: 0 auto;
    line-height: 1.5;
}

.empty-state .btn-link[b-z5jrcjixxw] {
    color: #198754;
    font-weight: 500;
}

.empty-state .btn-link:hover[b-z5jrcjixxw] {
    color: #146c43;
}

/* Pagination Footer */
.card-footer.bg-light[b-z5jrcjixxw] {
    background-color: #f8fdf9 !important;
    border-top: 1px solid #e8f5e9;
    padding: 0.75rem 1.25rem;
}

/* Loading State */
.spinner[b-z5jrcjixxw] {
    width: 40px;
    height: 40px;
    border: 3px solid #e8f5e9;
    border-top-color: #198754;
    border-radius: 50%;
    animation: spin-b-z5jrcjixxw 1s linear infinite;
    margin: 0 auto;
}

@keyframes spin-b-z5jrcjixxw {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .table thead th[b-z5jrcjixxw],
    .table tbody td[b-z5jrcjixxw] {
        padding: 0.75rem 0.5rem;
        font-size: 0.85rem;
    }

    .table-actions[b-z5jrcjixxw] {
        flex-direction: column;
        gap: 0.25rem !important;
    }
}

@media (max-width: 768px) {
    .search-filters-card .row > div[b-z5jrcjixxw] {
        margin-bottom: 0.75rem;
    }

    .filter-actions[b-z5jrcjixxw] {
        flex-direction: column;
        width: 100%;
    }

    .filter-actions[b-z5jrcjixxw]  .btn {
        width: 100%;
    }
}

/* Custom scrollbar for table */
.table-responsive[b-z5jrcjixxw]::-webkit-scrollbar {
    height: 6px;
}

.table-responsive[b-z5jrcjixxw]::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.table-responsive[b-z5jrcjixxw]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.table-responsive[b-z5jrcjixxw]::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/ReturnStatusBadge.razor.rz.scp.css */
.return-status-badge[b-wpzr167af6] {
    font-size: 0.75rem;
    padding: 0.4rem 0.6rem;
    border-radius: 0.375rem;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
}

    .return-status-badge i[b-wpzr167af6] {
        font-size: 0.7rem;
    }
/* _content/SafinAhmedERP.Web/Components/Pages/ReturnPages/StartReturnDialog.razor.rz.scp.css */
/* StartReturnDialog - Refined styling */
.start-return-dialog[b-o9o3qvx6km] {
    padding: 0.5rem 0;
    overflow: visible !important;
    min-height: 380px;
    padding-bottom: 180px;
}

/* Ensure the invoice field's parent allows overflow */
.start-return-dialog > .mb-3:last-of-type[b-o9o3qvx6km] {
    position: relative;
    margin-bottom: 0 !important;
}

/* Form labels */
.start-return-dialog .form-label[b-o9o3qvx6km] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.start-return-dialog .form-label .text-danger[b-o9o3qvx6km] {
    color: #dc3545;
}

.start-return-dialog .form-label .text-muted[b-o9o3qvx6km] {
    font-weight: 400;
    font-size: 0.8rem;
}

/* Input and select styling */
.start-return-dialog .form-control[b-o9o3qvx6km],
.start-return-dialog .form-select[b-o9o3qvx6km] {
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.625rem 0.875rem;
    font-size: 0.9rem;
    transition: all 0.2s ease;
    background-color: #fff;
}

.start-return-dialog .form-control:focus[b-o9o3qvx6km],
.start-return-dialog .form-select:focus[b-o9o3qvx6km] {
    border-color: #198754;
    box-shadow: 0 0 0 3px rgba(25, 135, 84, 0.15);
    outline: none;
}

.start-return-dialog .form-control[b-o9o3qvx6km]::placeholder {
    color: #9ca3af;
}

.start-return-dialog .form-control:disabled[b-o9o3qvx6km] {
    background-color: #f9fafb;
    cursor: not-allowed;
    opacity: 0.7;
}

/* Dropdown list styling */
.start-return-dialog .list-group[b-o9o3qvx6km] {
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    margin-top: 4px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    max-height: 220px;
    overflow-y: auto;
}

.start-return-dialog .list-group-item[b-o9o3qvx6km] {
    padding: 0.75rem 1rem;
    border: none;
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.15s ease;
}

.start-return-dialog .list-group-item:last-child[b-o9o3qvx6km] {
    border-bottom: none;
}

.start-return-dialog .list-group-item-action:hover[b-o9o3qvx6km] {
    background-color: #e8f5e9;
}

.start-return-dialog .list-group-item .fw-medium[b-o9o3qvx6km] {
    color: #1f2937;
    font-weight: 600;
}

.start-return-dialog .list-group-item small.text-muted[b-o9o3qvx6km] {
    font-size: 0.8rem;
    color: #6b7280;
}

/* Selected item indicator */
.start-return-dialog .text-success[b-o9o3qvx6km] {
    color: #198754 !important;
    font-size: 0.875rem;
}

.start-return-dialog .text-success i[b-o9o3qvx6km] {
    color: #198754;
}

/* Change button styling */
.start-return-dialog .btn-outline-secondary[b-o9o3qvx6km] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    border-color: #d1d5db;
}

.start-return-dialog .btn-outline-secondary:hover[b-o9o3qvx6km] {
    background-color: #f3f4f6;
    border-color: #9ca3af;
}

/* Loading spinner */
.start-return-dialog .fa-spinner[b-o9o3qvx6km] {
    color: #198754;
}

/* Invoice dropdown special styling - uses position absolute within visible overflow container */
.start-return-invoice-dropdown[b-o9o3qvx6km] {
    position: absolute !important;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99999 !important;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    max-height: 200px !important;
    overflow-y: auto !important;
    margin-top: 2px;
}

.start-return-invoice-dropdown .list-group-item[b-o9o3qvx6km] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.start-return-invoice-dropdown .list-group-item .fw-medium[b-o9o3qvx6km] {
    color: #198754;
    font-weight: 600;
}

.start-return-invoice-dropdown .list-group-item:hover .fw-medium[b-o9o3qvx6km] {
    color: #146c43;
}

/* Spacing adjustments */
.start-return-dialog .mb-3[b-o9o3qvx6km] {
    margin-bottom: 1.25rem !important;
}

/* Section divider effect */
.start-return-dialog > .mb-3:not(:last-child)[b-o9o3qvx6km] {
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
}

/* Button styling in footer */
[b-o9o3qvx6km] .modal-footer .btn-success {
    background-color: #198754;
    border-color: #198754;
    padding: 0.5rem 1.25rem;
    font-weight: 600;
    border-radius: 6px;
}

[b-o9o3qvx6km] .modal-footer .btn-success:hover:not(:disabled) {
    background-color: #146c43;
    border-color: #146c43;
}

[b-o9o3qvx6km] .modal-footer .btn-success:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-o9o3qvx6km] .modal-footer .btn-secondary {
    padding: 0.5rem 1.25rem;
    border-radius: 6px;
}

/* Custom scrollbar for dropdowns */
.start-return-dialog .list-group[b-o9o3qvx6km]::-webkit-scrollbar,
.start-return-invoice-dropdown[b-o9o3qvx6km]::-webkit-scrollbar {
    width: 6px;
}

.start-return-dialog .list-group[b-o9o3qvx6km]::-webkit-scrollbar-track,
.start-return-invoice-dropdown[b-o9o3qvx6km]::-webkit-scrollbar-track {
    background: #f3f4f6;
    border-radius: 3px;
}

.start-return-dialog .list-group[b-o9o3qvx6km]::-webkit-scrollbar-thumb,
.start-return-invoice-dropdown[b-o9o3qvx6km]::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.start-return-dialog .list-group[b-o9o3qvx6km]::-webkit-scrollbar-thumb:hover,
.start-return-invoice-dropdown[b-o9o3qvx6km]::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Setting/InventoryComparison.razor.rz.scp.css */
.inventory-comparison-page[b-3nfvwlttm6] {

    display: flex;

    flex-direction: column;

    height: calc(100vh - 5.5rem);

    min-height: 32rem;

    padding: 0.75rem 1rem 1rem;

}

.note-col[b-3nfvwlttm6] {
    min-width: 10rem;
    max-width: 18rem;
    padding: 0.15rem 0.4rem !important;
}

.note-display[b-3nfvwlttm6] {
    display: block;
    width: 100%;
    min-height: 1.6rem;
    padding: 0.1rem 0.25rem;
    font-size: 0.8rem;
    color: #374151;
    cursor: text;
    border-radius: 4px;
    white-space: pre-wrap;
    word-break: break-word;
    transition: background 0.1s;
}

.note-display:hover[b-3nfvwlttm6] {
    background: #f1f5f9;
}

.note-empty-hint[b-3nfvwlttm6] {
    color: #d1d5db;
    font-size: 0.72rem;
}

.note-display:hover .note-empty-hint[b-3nfvwlttm6] {
    color: #9ca3af;
}

.note-input[b-3nfvwlttm6] {
    display: block;
    width: 100%;
    padding: 0.18rem 0.35rem;
    font-size: 0.8rem;
    color: #111827;
    background: #fff;
    border: 1px solid #3b82f6;
    border-radius: 4px;
    outline: none;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.18);
}

.row-selected .note-display[b-3nfvwlttm6] {
    color: rgba(255, 255, 255, 0.9);
}

.row-selected .note-display:hover[b-3nfvwlttm6] {
    background: rgba(255, 255, 255, 0.12);
}

.row-selected .note-empty-hint[b-3nfvwlttm6] {
    color: rgba(255, 255, 255, 0.35);
}

.row-number-col[b-3nfvwlttm6] {
    width: 2.5rem;
    min-width: 2.5rem;
    text-align: center;
    color: #9ca3af;
    font-size: 0.75rem;
    font-variant-numeric: tabular-nums;
    user-select: none;
}

.branch-tabs[b-3nfvwlttm6] {
    display: flex;
    flex-direction: row;
    gap: 2px;
    border-bottom: 2px solid #e5e7eb;
    margin-bottom: 0;
    padding: 0 0.25rem;
    flex-shrink: 0;
}

.branch-tab[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: #6b7280;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.15s, border-color 0.15s;
}

.branch-tab:hover[b-3nfvwlttm6] {
    color: #111827;
}

.branch-tab--active[b-3nfvwlttm6] {
    color: #1d4ed8;
    border-bottom-color: #1d4ed8;
    font-weight: 600;
}

.branch-tab-count[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.5rem;
    padding: 0 0.35rem;
    height: 1.25rem;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 999px;
    background: #e5e7eb;
    color: #374151;
}

.branch-tab--active .branch-tab-count[b-3nfvwlttm6] {
    background: #dbeafe;
    color: #1d4ed8;
}



.inventory-comparison-panel[b-3nfvwlttm6] {

    display: flex;

    flex-direction: column;

    flex: 1;

    min-height: 0;

}



.inventory-comparison-toolbar[b-3nfvwlttm6] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.65rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
}

.inventory-comparison-filters[b-3nfvwlttm6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1 1 320px;
    min-width: 0;
    flex-wrap: wrap;
}

.toolbar-search[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    height: 34px;
    flex: 1 1 180px;
    min-width: 140px;
    max-width: 260px;
    padding: 0 0.7rem;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
}

.toolbar-search:focus-within[b-3nfvwlttm6] {
    border-color: #198754;
    box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.12);
}

.toolbar-search i[b-3nfvwlttm6] {
    color: #94a3b8;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.toolbar-search-input[b-3nfvwlttm6] {
    flex: 1;
    min-width: 0;
    border: 0;
    background: transparent;
    font-size: 0.8125rem;
    color: #1e293b;
    padding: 0;
}

.toolbar-search-input:focus[b-3nfvwlttm6] {
    outline: none;
}

.toolbar-select[b-3nfvwlttm6] {
    height: 34px;
    min-width: 7.5rem;
    max-width: 10rem;
    padding: 0 0.6rem;
    font-size: 0.8125rem;
    border: 1px solid #cbd5e1;
    border-radius: 0.4rem;
    background: #fff;
    color: #1e293b;
}

.toolbar-select:focus[b-3nfvwlttm6] {
    outline: none;
    border-color: #198754;
    box-shadow: 0 0 0 2px rgba(25, 135, 84, 0.12);
}

.toolbar-checkbox[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    height: 34px;
    padding: 0 0.15rem;
    font-size: 0.8125rem;
    color: #475569;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.toolbar-divider[b-3nfvwlttm6] {
    width: 1px;
    align-self: stretch;
    min-height: 34px;
    background: #dbe3ee;
    flex-shrink: 0;
}

.inventory-comparison-summary[b-3nfvwlttm6] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.summary-chip[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    height: 34px;
    padding: 0 0.65rem;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #fff;
    white-space: nowrap;
}

.summary-chip-label[b-3nfvwlttm6] {
    font-size: 0.72rem;
    font-weight: 600;
    color: #64748b;
}

.summary-chip-value[b-3nfvwlttm6] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #1e293b;
    line-height: 1;
}

.summary-chip-pct[b-3nfvwlttm6] {
    font-size: 0.72rem;
    color: #64748b;
}

.summary-chip--match[b-3nfvwlttm6] {
    border-color: rgba(25, 135, 84, 0.28);
    background: rgba(25, 135, 84, 0.07);
}

.summary-chip--match .summary-chip-value[b-3nfvwlttm6] {
    color: #198754;
}

.summary-chip--diff[b-3nfvwlttm6] {
    border-color: rgba(255, 193, 7, 0.4);
    background: rgba(255, 193, 7, 0.1);
}

.summary-chip--diff .summary-chip-value[b-3nfvwlttm6] {
    color: #b45309;
}



.inventory-comparison-table-wrap[b-3nfvwlttm6] {

    flex: 1;

    min-height: 0;

    overflow: auto;

    border: 1px solid #ababab;

    border-radius: 0;

    background: #fff;

}



.inventory-comparison-table[b-3nfvwlttm6] {

    margin: 0;

}



.inventory-comparison-table thead th[b-3nfvwlttm6] {

    position: sticky;

    top: 0;

    z-index: 1;

    background: #f0f0f0;

    border-bottom: 1px solid #d4d4d4;

    border-right: 1px solid #d4d4d4;

    vertical-align: middle;

    padding: 0.25rem 0.5rem;

    min-width: 4.5rem;

    font-size: 0.8125rem;

    font-weight: 600;

    color: #1a1a1a;

}



.inventory-comparison-table td[b-3nfvwlttm6] {

    vertical-align: middle;

    padding: 0.2rem 0.5rem;

    border-bottom: 1px solid #e8e8e8;

    border-right: 1px solid #e8e8e8;

    font-size: 0.8125rem;

    color: #1a1a1a;

}






.diff-cell[b-3nfvwlttm6] {

    font-weight: 600;

    color: #b45309;

}



.legacy-total-cell[b-3nfvwlttm6] {

    line-height: 1.2;

}



.legacy-total-value[b-3nfvwlttm6] {

    display: block;

    font-weight: 600;

}



.legacy-total-breakdown[b-3nfvwlttm6] {

    display: block;

    margin-top: 0.1rem;

    font-size: 0.72rem;

    color: #64748b;

    direction: ltr;

    unicode-bidi: isolate;

}




.legacy-pending-cell[b-3nfvwlttm6] {

    color: #b45309;

    font-weight: 600;

}

.invoice-ids-hint[b-3nfvwlttm6] {
    display: block;
    font-size: 0.68rem;
    color: #9ca3af;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.01em;
}

.row-selected .invoice-ids-hint[b-3nfvwlttm6] {
    color: rgba(255, 255, 255, 0.65);
}

.date-filter-wrap[b-3nfvwlttm6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 999px;
    padding: 0.22rem 0.65rem 0.22rem 0.75rem;
    font-size: 0.82rem;
    color: #374151;
}

.date-filter-label[b-3nfvwlttm6] {
    white-space: nowrap;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 500;
}

.date-filter-input[b-3nfvwlttm6] {
    border: none;
    outline: none;
    background: transparent;
    font-size: 0.82rem;
    color: #374151;
    padding: 0;
    cursor: pointer;
}

.date-filter-clear[b-3nfvwlttm6] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #94a3b8;
    font-size: 0.75rem;
    line-height: 1;
    display: flex;
    align-items: center;
}

.date-filter-clear:hover[b-3nfvwlttm6] {
    color: #ef4444;
}



.inventory-comparison-table .col-group-new[b-3nfvwlttm6] {

    border-left: 2px solid #dbeafe;

}



.inventory-comparison-table .col-group-legacy[b-3nfvwlttm6] {

    border-left: 2px solid #fef3c7;

}



.inventory-comparison-grid-host[b-3nfvwlttm6] {

    display: flex;

    flex-direction: column;

    min-height: 0;

    outline: none;

}



.inventory-comparison-data-grid[b-3nfvwlttm6] {

    border-collapse: collapse;

}



.inventory-comparison-data-grid tbody tr[b-3nfvwlttm6] {

    cursor: default;

}



.inventory-comparison-data-grid tbody tr:nth-child(even):not(.row-selected):not(.row-mismatch)[b-3nfvwlttm6] {

    background: #fafafa;

}



.inventory-comparison-data-grid tbody tr.row-mismatch[b-3nfvwlttm6] {

    background: #fff8e6;

}

.inventory-comparison-data-grid tbody tr.row-new-mismatch[b-3nfvwlttm6] {

    background: #f0fdf4;

}

.inventory-comparison-data-grid tbody tr.row-new-mismatch td:first-child[b-3nfvwlttm6] {
    border-inline-start: 3px solid #16a34a;
}

.new-badge[b-3nfvwlttm6] {
    display: inline-block;
    margin-inline-start: 0.3rem;
    padding: 0.05rem 0.35rem;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.4;
    border-radius: 999px;
    background: #16a34a;
    color: #fff;
    vertical-align: middle;
    letter-spacing: 0.02em;
}



.inventory-comparison-data-grid tbody tr.row-selected td[b-3nfvwlttm6] {

    background: #0078d4;

    color: #fff;

    border-bottom-color: #006cbd;

    border-right-color: #006cbd;

}



.inventory-comparison-data-grid tbody tr.row-selected .diff-cell[b-3nfvwlttm6],

.inventory-comparison-data-grid tbody tr.row-selected .legacy-pending-cell[b-3nfvwlttm6] {

    color: #fff;


}




.col-sort-btn[b-3nfvwlttm6] {

    display: flex;

    align-items: center;

    gap: 0.3rem;

    width: 100%;

    padding: 0;

    margin: 0;

    border: 0;

    background: transparent;

    color: inherit;

    font-size: 0.78rem;

    font-weight: 700;

    white-space: nowrap;

    cursor: pointer;

    text-align: inherit;

}



.col-sort-btn:hover[b-3nfvwlttm6] {

    color: #198754;

}



.col-sort-btn i[b-3nfvwlttm6] {

    font-size: 0.7rem;

    opacity: 0.85;

}



.inventory-comparison-empty[b-3nfvwlttm6] {

    text-align: center;

    color: var(--bs-secondary-color);

    padding: 2rem 1rem !important;

}



.inventory-comparison-loading[b-3nfvwlttm6] {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 0.75rem;

    height: 100%;

    min-height: 8rem;

    color: var(--bs-secondary-color);

}



@media (max-width: 768px) {

    .inventory-comparison-page[b-3nfvwlttm6] {

        height: auto;

    }



    .inventory-comparison-toolbar[b-3nfvwlttm6] {
        flex-direction: column;
        align-items: stretch;
    }

    .toolbar-divider[b-3nfvwlttm6] {
        width: 100%;
        height: 1px;
        min-height: 1px;
    }

    .inventory-comparison-summary[b-3nfvwlttm6] {
        justify-content: flex-start;
    }



    .inventory-comparison-table-wrap[b-3nfvwlttm6] {

        max-height: calc(100vh - 12rem);

    }

}


/* _content/SafinAhmedERP.Web/Components/Pages/Setting/Settings.razor.rz.scp.css */
.settings-page[b-qv8o40pg5n] {
    --settings-ink: #18231f;
    --settings-muted: #65736d;
    --settings-line: #dfe7e3;
    --settings-soft: #f5f8f6;
    --settings-panel: #ffffff;
    --settings-green: #006747;
    --settings-green-soft: #e7f3ee;
    --settings-blue: #275d8f;
    --settings-amber: #a66a00;
    --settings-red: #c93838;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    min-height: auto;
    padding: 1rem 1rem 2rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(245, 248, 246, 0.96)),
        repeating-linear-gradient(90deg, rgba(0, 103, 71, 0.035) 0 1px, transparent 1px 56px);
    color: var(--settings-ink);
    overflow: visible;
}

.settings-topbar[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: stretch;
    border: 1px solid var(--settings-line);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 28px rgba(24, 35, 31, 0.07);
    padding: 1rem;
}

.settings-title-block[b-qv8o40pg5n] {
    min-width: 0;
}

.settings-kicker[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
    color: var(--settings-green);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.settings-title-block h1[b-qv8o40pg5n],
.workflow-header h2[b-qv8o40pg5n] {
    margin: 0;
    color: var(--settings-ink);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1.2;
}

.settings-title-block p[b-qv8o40pg5n],
.workflow-header p[b-qv8o40pg5n],
.workflow-panel-head p[b-qv8o40pg5n],
.settings-control-body p[b-qv8o40pg5n] {
    margin: 0.35rem 0 0;
    color: var(--settings-muted);
    font-size: 0.85rem;
    line-height: 1.45;
}

.settings-metrics[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(7.5rem, 1fr));
    gap: 0.6rem;
}

.settings-metric[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 4.75rem;
    padding: 0.75rem;
    border: 1px solid #d8e4df;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f6faf8 100%);
}

.settings-metric-value[b-qv8o40pg5n] {
    color: var(--settings-green);
    font-size: 1.45rem;
    font-weight: 850;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.settings-metric-label[b-qv8o40pg5n] {
    margin-top: 0.35rem;
    color: var(--settings-muted);
    font-size: 0.76rem;
    font-weight: 700;
}

.settings-quick-grid[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: minmax(18rem, 1.15fr) minmax(16rem, 0.9fr) minmax(16rem, 0.9fr);
    gap: 1rem;
}

.settings-control[b-qv8o40pg5n],
.workflow-workspace[b-qv8o40pg5n],
.workflow-panel[b-qv8o40pg5n] {
    border: 1px solid var(--settings-line);
    border-radius: 8px;
    background: var(--settings-panel);
    box-shadow: 0 10px 24px rgba(24, 35, 31, 0.06);
}

.settings-control[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1rem;
    min-height: 10rem;
    border-top: 3px solid var(--settings-green);
}

.settings-control--backup[b-qv8o40pg5n] {
    border-top-color: var(--settings-amber);
}

.settings-control--sync[b-qv8o40pg5n] {
    border-top-color: #c0392b;
}

.settings-control--sync .settings-control-icon[b-qv8o40pg5n] {
    background: #fdecea;
    color: #c0392b;
}

.settings-control--cities[b-qv8o40pg5n] {
    grid-column: 1 / -1;
    min-height: 18rem;
    border-top-color: var(--settings-blue);
}

.settings-control--branches[b-qv8o40pg5n] {
    border-top-color: #287271;
}

.settings-control-icon[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 8px;
    background: var(--settings-green-soft);
    color: var(--settings-green);
}

.settings-control--backup .settings-control-icon[b-qv8o40pg5n] {
    background: #fff4df;
    color: var(--settings-amber);
}

.settings-control--cities .settings-control-icon[b-qv8o40pg5n] {
    background: #e8f1fb;
    color: var(--settings-blue);
}

.settings-control--branches .settings-control-icon[b-qv8o40pg5n] {
    background: #e6f3f1;
    color: #287271;
}

.settings-control-body[b-qv8o40pg5n] {
    min-width: 0;
}

.settings-control-heading[b-qv8o40pg5n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.settings-control-body h2[b-qv8o40pg5n] {
    margin: 0;
    color: var(--settings-ink);
    font-size: 1rem;
    font-weight: 800;
}

.settings-control-body[b-qv8o40pg5n] (.language-selector) {
    margin-top: 0.85rem;
}

.settings-control-body[b-qv8o40pg5n] (.language-selector .mb-3) {
    margin-bottom: 0 !important;
}

.settings-control-body[b-qv8o40pg5n] (.language-selector .form-label) {
    margin-bottom: 0.35rem;
    color: var(--settings-muted);
    font-size: 0.76rem;
    font-weight: 800;
}

.settings-control-body[b-qv8o40pg5n] (.language-selector .form-select),
.workflow-editor .form-control[b-qv8o40pg5n] {
    min-height: 2.25rem;
    border: 1px solid #cad7d1;
    border-radius: 6px;
    background-color: #fff;
    color: var(--settings-ink);
    font-size: 0.86rem;
    font-weight: 650;
    box-shadow: none;
}

.settings-control-body[b-qv8o40pg5n] (.language-selector .form-select:focus),
.workflow-editor .form-control:focus[b-qv8o40pg5n] {
    border-color: var(--settings-green);
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.12);
}

.settings-action[b-qv8o40pg5n],
.settings-icon-action[b-qv8o40pg5n],
.table-action[b-qv8o40pg5n],
.link-button[b-qv8o40pg5n] {
    border: 0;
    font: inherit;
    cursor: pointer;
}

.settings-action[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.25rem;
    margin-top: 0.9rem;
    padding: 0 0.85rem;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 800;
    text-decoration: none;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.settings-action--primary[b-qv8o40pg5n] {
    background: var(--settings-green);
    color: #fff;
    box-shadow: 0 8px 16px rgba(0, 103, 71, 0.16);
}

.settings-action--secondary[b-qv8o40pg5n] {
    background: #eef5ff;
    color: var(--settings-blue);
}

.settings-action--ghost[b-qv8o40pg5n] {
    margin-top: 0;
    border: 1px solid var(--settings-line);
    background: #fff;
    color: var(--settings-ink);
}

.settings-action--danger[b-qv8o40pg5n] {
    background: #c0392b;
    color: #fff;
    box-shadow: 0 8px 16px rgba(192, 57, 43, 0.18);
}

.settings-action:hover:not(:disabled)[b-qv8o40pg5n] {
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(24, 35, 31, 0.12);
}

.settings-action:disabled[b-qv8o40pg5n] {
    cursor: not-allowed;
    opacity: 0.68;
}

.workflow-workspace[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.workflow-header[b-qv8o40pg5n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--settings-line);
    background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.workflow-grid[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.workflow-panel[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    box-shadow: none;
}

.workflow-panel-head[b-qv8o40pg5n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--settings-line);
    background: #fbfcfb;
}

.workflow-panel-head h3[b-qv8o40pg5n] {
    margin: 0;
    color: var(--settings-ink);
    font-size: 0.98rem;
    font-weight: 850;
    line-height: 1.25;
}

.settings-icon-action[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: 6px;
    background: var(--settings-green);
    color: #fff;
    box-shadow: 0 8px 16px rgba(0, 103, 71, 0.14);
}

.settings-icon-action--small[b-qv8o40pg5n] {
    width: 2rem;
    height: 2rem;
    box-shadow: none;
}

.settings-mini-loading[b-qv8o40pg5n],
.settings-empty-inline[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 2.2rem;
    margin-top: 0.85rem;
    color: var(--settings-muted);
    font-size: 0.8rem;
    font-weight: 750;
}

.settings-city-search[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: min(100%, 28rem);
    min-height: 2.25rem;
    margin-top: 0.85rem;
    padding: 0 0.65rem;
    border: 1px solid #dbe6e1;
    border-radius: 6px;
    background: #fff;
    color: var(--settings-muted);
}

.settings-city-search:focus-within[b-qv8o40pg5n] {
    border-color: var(--settings-blue);
    box-shadow: 0 0 0 3px rgba(39, 93, 143, 0.12);
}

.settings-city-search input[b-qv8o40pg5n] {
    min-width: 0;
    flex: 1 1 auto;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--settings-ink);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
}

.settings-city-search input[b-qv8o40pg5n]::placeholder {
    color: #7c8a84;
    font-weight: 650;
}

.settings-search-clear[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 1.6rem;
    height: 1.6rem;
    border: 0;
    border-radius: 5px;
    background: #f0f5f3;
    color: var(--settings-muted);
    cursor: pointer;
}

.settings-search-clear:hover[b-qv8o40pg5n],
.settings-search-clear:focus-visible[b-qv8o40pg5n] {
    background: #e8f1fb;
    color: var(--settings-blue);
}

.settings-city-list[b-qv8o40pg5n],
.settings-branch-list[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    margin-top: 0.85rem;
    padding-inline-end: 0.25rem;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.settings-branch-list[b-qv8o40pg5n] {
    max-height: 9.5rem;
}

.settings-city-list[b-qv8o40pg5n] {
    max-height: clamp(18rem, 42vh, 30rem);
}

.settings-city-row[b-qv8o40pg5n],
.settings-branch-row[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.6rem;
    border: 1px solid #e5ede9;
    border-radius: 6px;
    background: #fbfdfc;
}

.settings-city-main[b-qv8o40pg5n],
.settings-branch-main[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.settings-city-name[b-qv8o40pg5n],
.settings-branch-name[b-qv8o40pg5n] {
    color: var(--settings-ink);
    font-size: 0.84rem;
    font-weight: 850;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-city-description[b-qv8o40pg5n],
.settings-branch-address[b-qv8o40pg5n] {
    margin-top: 0.15rem;
    color: var(--settings-muted);
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.25;
}

.settings-branch-address[b-qv8o40pg5n] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.settings-city-description[b-qv8o40pg5n] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.settings-city-actions[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    gap: 0.15rem;
}

.workflow-table-wrap[b-qv8o40pg5n] {
    width: 100%;
    overflow-x: auto;
}

.workflow-table[b-qv8o40pg5n] {
    width: 100%;
    min-width: 34rem;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.82rem;
}

.workflow-table th[b-qv8o40pg5n],
.workflow-table td[b-qv8o40pg5n] {
    padding: 0.72rem 0.8rem;
    border-bottom: 1px solid #edf1ef;
    vertical-align: middle;
    text-align: start;
    white-space: nowrap;
}

.workflow-table th[b-qv8o40pg5n] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #f3f7f5;
    color: #5b6862;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.workflow-table tbody tr[b-qv8o40pg5n] {
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.workflow-table tbody tr:hover[b-qv8o40pg5n] {
    background: #f8fbf9;
}

.workflow-table tbody tr.is-selected[b-qv8o40pg5n] {
    background: var(--settings-green-soft);
    box-shadow: inset 3px 0 0 var(--settings-green);
}

.workflow-table tbody tr:last-child td[b-qv8o40pg5n] {
    border-bottom: 0;
}

.row-title[b-qv8o40pg5n] {
    color: var(--settings-ink);
    font-weight: 800;
}

.code-pill[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    max-width: 14rem;
    min-height: 1.45rem;
    padding: 0 0.45rem;
    border: 1px solid #d6dfda;
    border-radius: 5px;
    background: #fff;
    color: #31413a;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.68rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
}

.number-cell[b-qv8o40pg5n] {
    text-align: end !important;
    font-variant-numeric: tabular-nums;
}

.action-cell[b-qv8o40pg5n] {
    width: 6.5rem;
    text-align: end !important;
}

.table-action[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    margin-inline-start: 0.2rem;
    border-radius: 6px;
    background: #eef5ff;
    color: var(--settings-blue);
}

.table-action--danger[b-qv8o40pg5n] {
    background: #fff0f0;
    color: var(--settings-red);
}

.table-action:disabled[b-qv8o40pg5n] {
    cursor: not-allowed;
    opacity: 0.42;
}

.empty-cell[b-qv8o40pg5n] {
    padding: 2rem 1rem !important;
    color: var(--settings-muted);
    text-align: center !important;
}

.workflow-editor[b-qv8o40pg5n] {
    padding: 1rem;
    background: #fff;
}

.workflow-editor-title[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
    color: var(--settings-ink);
    font-size: 0.9rem;
    font-weight: 850;
}

.link-button[b-qv8o40pg5n] {
    padding: 0;
    background: transparent;
    color: var(--settings-blue);
    font-size: 0.78rem;
    font-weight: 800;
}

.field-grid[b-qv8o40pg5n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.field-grid label[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-width: 0;
    margin: 0;
}

.field-grid span[b-qv8o40pg5n] {
    color: #3d4b45;
    font-size: 0.76rem;
    font-weight: 800;
}

.field-grid-full[b-qv8o40pg5n] {
    grid-column: 1 / -1;
}

.field-grid--single[b-qv8o40pg5n] {
    grid-template-columns: 1fr;
}

.field-grid textarea.form-control[b-qv8o40pg5n] {
    min-height: 5rem;
    resize: vertical;
}

.settings-validation[b-qv8o40pg5n] {
    color: var(--settings-red) !important;
    font-size: 0.72rem !important;
    font-weight: 750 !important;
}

.code-input[b-qv8o40pg5n] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    text-transform: uppercase;
}

.settings-loading[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 11rem;
    color: var(--settings-muted);
    font-weight: 750;
}

.settings-modal-backdrop[b-qv8o40pg5n] {
    position: fixed;
    inset: 0;
    z-index: 2400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(12, 20, 17, 0.48);
    backdrop-filter: blur(4px);
}

.settings-modal[b-qv8o40pg5n] {
    width: min(100%, 46rem);
    max-height: min(90vh, 42rem);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 60px rgba(12, 20, 17, 0.28);
}

.settings-modal--narrow[b-qv8o40pg5n] {
    width: min(100%, 34rem);
}

/* Sales invoice header/footer: wide modal, scrollable body for many fields */
.settings-modal--invoice-pdf[b-qv8o40pg5n] {
    width: min(100%, 56rem);
    max-width: min(56rem, 96vw);
    max-height: min(92vh, 52rem);
}

.settings-modal--invoice-pdf .invoice-pdf-modal-body[b-qv8o40pg5n] {
    overflow-y: auto;
    flex: 1 1 auto;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
}

.invoice-pdf-section[b-qv8o40pg5n] {
    margin-top: 1.25rem;
}

.invoice-pdf-section:first-of-type[b-qv8o40pg5n] {
    margin-top: 0;
}

.invoice-pdf-section-title[b-qv8o40pg5n] {
    font-size: 0.92rem;
    font-weight: 800;
    color: #1f2d28;
    margin: 0 0 0.35rem;
}

.invoice-pdf-section-hint[b-qv8o40pg5n] {
    margin-bottom: 0.65rem !important;
}

/* Short English values in RTL: align to logical start so fields don’t look “empty on the left”. */
.settings-modal--invoice-pdf .invoice-pdf-modal-body input.form-control[b-qv8o40pg5n] {
    text-align: start;
    unicode-bidi: plaintext;
}

.settings-modal-header[b-qv8o40pg5n],
.settings-modal-footer[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.settings-modal-header[b-qv8o40pg5n] {
    border-bottom: 1px solid var(--settings-line);
    background: linear-gradient(180deg, #ffffff 0%, #f7faf8 100%);
}

.settings-modal-header h2[b-qv8o40pg5n] {
    margin: 0;
    color: var(--settings-ink);
    font-size: 1.1rem;
    font-weight: 850;
    line-height: 1.2;
}

.settings-modal-close[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--settings-line);
    border-radius: 6px;
    background: #fff;
    color: var(--settings-muted);
    cursor: pointer;
}

.settings-modal .workflow-editor[b-qv8o40pg5n] {
    overflow-y: auto;
}

.settings-modal-footer[b-qv8o40pg5n] {
    justify-content: flex-end;
    border-top: 1px solid var(--settings-line);
    background: #fbfcfb;
}

.settings-modal-footer .settings-action[b-qv8o40pg5n] {
    margin-top: 0;
}

/* Intermediate step: 3 columns → 2 columns before the full collapse at 1180px.
   Helps when content area is ~900–1100px (e.g. sidebar expanded on a 1280px screen). */
@media (max-width: 1280px) {
    .settings-quick-grid[b-qv8o40pg5n] {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.9fr);
    }
}

@media (max-width: 1180px) {
    .settings-topbar[b-qv8o40pg5n],
    .workflow-grid[b-qv8o40pg5n] {
        grid-template-columns: 1fr;
    }

    .settings-metrics[b-qv8o40pg5n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settings-quick-grid[b-qv8o40pg5n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .settings-page[b-qv8o40pg5n] {
        padding: 0.65rem;
    }

    .settings-topbar[b-qv8o40pg5n],
    .workflow-header[b-qv8o40pg5n] {
        grid-template-columns: 1fr;
    }

    .workflow-header[b-qv8o40pg5n] {
        flex-direction: column;
    }

    .settings-metrics[b-qv8o40pg5n],
    .field-grid[b-qv8o40pg5n] {
        grid-template-columns: 1fr;
    }

    .settings-control[b-qv8o40pg5n] {
        grid-template-columns: 1fr;
    }

    .workflow-grid[b-qv8o40pg5n],
    .workflow-header[b-qv8o40pg5n],
    .workflow-editor[b-qv8o40pg5n],
    .workflow-panel-head[b-qv8o40pg5n] {
        padding: 0.75rem;
    }

    .settings-modal-header[b-qv8o40pg5n],
    .settings-modal-footer[b-qv8o40pg5n] {
        padding: 0.75rem;
    }
}

.settings-invoice-pdf-actions[b-qv8o40pg5n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    align-items: center;
}

.settings-modal-footer--split[b-qv8o40pg5n] {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.settings-modal-footer--split > .d-flex[b-qv8o40pg5n] {
    margin-left: auto;
}

.settings-email-status[b-qv8o40pg5n] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0.5rem 0 0.75rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.settings-email-status--ok[b-qv8o40pg5n] {
    color: var(--settings-green);
}

.settings-email-status--warn[b-qv8o40pg5n] {
    color: var(--settings-amber);
}

.settings-checkbox-label[b-qv8o40pg5n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 1.5rem;
}

.settings-modal--wide[b-qv8o40pg5n] {
    max-width: 640px;
}

/* ── FX P&L feature toggles card ── */
.settings-fx-toggles[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    margin: 0.75rem 0 0.25rem;
}

.settings-fx-toggle[b-qv8o40pg5n] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    cursor: pointer;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--border-color, #e2e8f0);
    border-radius: 8px;
    background: var(--surface-2, #fafbfd);
}

.settings-fx-toggle input[type="checkbox"][b-qv8o40pg5n] {
    margin-top: 0.3rem;
    inline-size: 1rem;
    block-size: 1rem;
    accent-color: var(--settings-accent, #2f6db3);
    flex-shrink: 0;
}

.settings-fx-toggle-text[b-qv8o40pg5n] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.settings-fx-toggle-text small[b-qv8o40pg5n] {
    color: var(--text-muted, #6b7686);
    line-height: 1.4;
}

.settings-fx-toggle--master[b-qv8o40pg5n] {
    border-color: var(--settings-accent, #2f6db3);
}

.settings-fx-toggle--disabled[b-qv8o40pg5n] {
    opacity: 0.55;
    cursor: not-allowed;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Supplier/SupplierDialog.razor.rz.scp.css */
/* Custom styles for ExchangeRateDialog.razor */

.modal-backdrop[b-fjf9h1lj02] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000; /* Higher z-index to ensure it appears above other elements */
}

.modal[b-fjf9h1lj02] {
    position: relative;
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 800px; /* Adjusted max-width */
    margin: 1.75rem;
    animation: modalFadeIn-b-fjf9h1lj02 0.3s ease-out;
    z-index: 2001; /* Ensure modal is above the backdrop */
    overflow: visible; /* Ensure content is visible */
    max-height: 90vh; /* Limit height to 90% of viewport */
    display: flex;
    flex-direction: column;
}

@keyframes modalFadeIn-b-fjf9h1lj02 {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-fjf9h1lj02] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.modal-title[b-fjf9h1lj02] {
    margin: 0;
    font-weight: 600;
    color: #2c3e50;
}

.modal-close[b-fjf9h1lj02] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    margin: 0;
    color: #777777;
}

.modal-body[b-fjf9h1lj02] {
    padding: 1rem;
    overflow-y: auto; /* Add scroll if content is too long */
    max-height: calc(90vh - 120px); /* Adjust based on header and footer height */
}

.modal-footer[b-fjf9h1lj02] {
    padding: 1rem;
    border-top: 1px solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

/* Tab styling for the exchange rate dialog */
.nav-tabs[b-fjf9h1lj02] {
    display: flex;
    border-bottom: 1px solid #dee2e6;
    list-style: none;
    padding-left: 0;
    margin-bottom: 1rem;
}

.nav-item[b-fjf9h1lj02] {
    margin-bottom: -1px;
}

.nav-link[b-fjf9h1lj02] {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    color: #495057;
    padding: 0.5rem 1rem;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}

    .nav-link.active[b-fjf9h1lj02] {
        color: #3498db;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
    }

    .nav-link:hover:not(.active)[b-fjf9h1lj02] {
        border-color: #e9ecef #e9ecef #dee2e6;
    }

/* RTL Support */
html[dir="rtl"] .modal-footer[b-fjf9h1lj02] {
    justify-content: flex-start;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .modal[b-fjf9h1lj02] {
        margin: 1rem;
        max-width: calc(100% - 2rem);
    }

    .modal-body[b-fjf9h1lj02] {
        padding: 0.75rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Supplier/SupplierFinancialDialog.razor.rz.scp.css */
/* Supplier Financial Dashboard – same design as Customs */

.supplier-financial-dashboard[b-4k8wzcsffm] {
    --summary-due: #0d6efd;
    --summary-paid: #198754;
    --summary-outstanding: #fd7e14;
    --summary-last: #0dcaf0;
    --card-radius: 12px;
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.dashboard-header[b-4k8wzcsffm] {
    border-radius: var(--card-radius);
    background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
}

.dashboard-header-icon[b-4k8wzcsffm] {
    width: 52px;
    height: 52px;
    background: linear-gradient(135deg, #006747 0%, #004d34 100%);
    color: #fff;
    font-size: 1.35rem;
}

.summary-currency-badge[b-4k8wzcsffm] {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.75rem;
    background: rgba(0, 103, 71, 0.08);
    color: #006747;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.summary-card[b-4k8wzcsffm] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: var(--card-radius);
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #fff;
    box-shadow: var(--card-shadow);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.summary-card:hover[b-4k8wzcsffm] {
    box-shadow: var(--card-shadow-hover);
}

.summary-card__icon[b-4k8wzcsffm] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #fff;
}

.summary-card--due .summary-card__icon[b-4k8wzcsffm] {
    background: linear-gradient(135deg, var(--summary-due) 0%, #0a58ca 100%);
}

.summary-card--paid .summary-card__icon[b-4k8wzcsffm] {
    background: linear-gradient(135deg, var(--summary-paid) 0%, #146c43 100%);
}

.summary-card--outstanding .summary-card__icon[b-4k8wzcsffm] {
    background: linear-gradient(135deg, var(--summary-outstanding) 0%, #e8590c 100%);
}

.summary-card--last .summary-card__icon[b-4k8wzcsffm] {
    background: linear-gradient(135deg, var(--summary-last) 0%, #0aa2c0 100%);
}

.summary-card__content[b-4k8wzcsffm] {
    flex: 1;
    min-width: 0;
}

.summary-card__title[b-4k8wzcsffm] {
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
    opacity: 0.9;
}

.summary-card--due .summary-card__title[b-4k8wzcsffm] { color: var(--summary-due); }
.summary-card--paid .summary-card__title[b-4k8wzcsffm] { color: var(--summary-paid); }
.summary-card--outstanding .summary-card__title[b-4k8wzcsffm] { color: var(--summary-outstanding); }
.summary-card--last .summary-card__title[b-4k8wzcsffm] { color: var(--summary-last); }

.summary-card__desc[b-4k8wzcsffm] {
    font-size: 0.75rem;
    opacity: 0.85;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    color: #495057;
}

.summary-card__amount[b-4k8wzcsffm] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #212529;
}

.summary-card__amount--date[b-4k8wzcsffm] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #495057;
}

.summary-card__currency[b-4k8wzcsffm] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6c757d;
    margin-inline-start: 0.25rem;
}

.summary-card__meta[b-4k8wzcsffm] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.75rem;
    color: #6c757d;
}

.dashboard-tabs-card[b-4k8wzcsffm] {
    border-radius: var(--card-radius);
}

.card-header-tabs[b-4k8wzcsffm] {
    border-bottom: 1px solid #dee2e6;
}

.card-header-tabs .nav-link[b-4k8wzcsffm] {
    color: #495057;
    background: transparent;
    border: 1px solid transparent;
    border-bottom: none;
    padding: 0.5rem 1rem;
    font-weight: 500;
    transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}

.card-header-tabs .nav-link:hover[b-4k8wzcsffm] {
    color: var(--primary-color, #0d6efd);
    background: rgba(0, 103, 71, 0.08);
    border-color: #dee2e6;
}

.card-header-tabs .nav-link.active[b-4k8wzcsffm] {
    color: var(--primary-color, #0d6efd);
    background: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
    font-weight: 600;
}

.card-header-tabs .nav-link i[b-4k8wzcsffm] {
    opacity: 0.9;
}

.card-header-tabs .nav-link.active i[b-4k8wzcsffm] {
    opacity: 1;
}

html[dir="rtl"] .card-header-tabs .nav-link.active[b-4k8wzcsffm] {
    border-color: #dee2e6 #dee2e6 #fff;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Supplier/Suppliers.razor.rz.scp.css */
/* List card header with New Supplier button at the end */
.list-page-card-header-with-action[b-lbbipsyhzh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.list-page-card-header-with-action h6[b-lbbipsyhzh] {
    margin: 0;
}

/* New Supplier button - aligned with Customers/Products (muted primary green) */
.list-page-card-header-with-action .add-supplier-btn.btn-success[b-lbbipsyhzh] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important;
    color: var(--primary-color, #1a5c2e) !important;
    border: 1px solid rgba(26, 92, 46, 0.35) !important;
    font-weight: 600;
    flex-shrink: 0;
}

.list-page-card-header-with-action .add-supplier-btn.btn-success:hover[b-lbbipsyhzh] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%) !important;
    border-color: rgba(26, 92, 46, 0.5) !important;
    color: #14532d !important;
}

.list-page-card-header-with-action .add-supplier-btn.btn-success i[b-lbbipsyhzh] {
    color: inherit !important;
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/ManageTasks.razor.rz.scp.css */
.manage-tasks-page[b-uibgopyys7] {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    min-height: 0;
}

.manage-tasks-tabs[b-uibgopyys7] {
    position: sticky;
    top: 0;
    z-index: 15;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 5px 10px;
    background: #f1f5f9;
    overflow-x: auto;
    scrollbar-width: none;
    flex-shrink: 0;
}

.manage-tasks-tabs[b-uibgopyys7]::-webkit-scrollbar { display: none; }

.manage-tasks-tab[b-uibgopyys7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.13s ease, color 0.13s ease, box-shadow 0.13s ease;
}

.manage-tasks-tab:hover[b-uibgopyys7] {
    background: rgba(255, 255, 255, 0.6);
    color: #374151;
}

.manage-tasks-tab.active[b-uibgopyys7] {
    background: #ffffff;
    color: #006747;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

.manage-tasks-tab-icon[b-uibgopyys7] {
    font-size: 0.7rem;
    flex-shrink: 0;
    opacity: 0.65;
}

.manage-tasks-tab.active .manage-tasks-tab-icon[b-uibgopyys7] {
    opacity: 1;
}

.manage-tasks-content[b-uibgopyys7] {
    min-width: 0;
    min-height: 0;
}

.manage-tasks-loading[b-uibgopyys7] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 180px;
}

@media (max-width: 768px) {
    .manage-tasks-tabs[b-uibgopyys7] {
        justify-content: flex-start;
        padding: 4px 8px;
    }

    .manage-tasks-tab[b-uibgopyys7] {
        min-height: 30px;
        padding: 0 8px;
        font-size: 0.78rem;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskCreateEditPage.razor.rz.scp.css */
/* ============================================================
   TASK CREATE / EDIT PAGE — PREMIUM REDESIGN
   ============================================================ */

/* ── Container ── */
.task-form-container[b-mfdh8a3hs7] {
    max-width: 860px;
    margin: 0 auto;
    padding: 1.25rem 1.25rem 4rem;
    background: #f0f4f3;
    min-height: calc(100vh - 80px);
}

/* ── Hero header ── */
.task-form-header[b-mfdh8a3hs7] {
    background: linear-gradient(145deg, #006747 0%, #005038 50%, #003d2c 100%);
    color: white;
    padding: 1.85rem 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 32px rgba(0, 60, 40, .28);
    position: relative;
    overflow: hidden;
}

.task-form-header[b-mfdh8a3hs7]::before {
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    top: -120px;
    inset-inline-end: -70px;
    background: rgba(255,255,255,.08);
    pointer-events: none;
}
.task-form-header[b-mfdh8a3hs7]::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    bottom: -50px;
    inset-inline-start: 20%;
    background: rgba(255,255,255,.05);
    pointer-events: none;
}

.form-breadcrumb[b-mfdh8a3hs7] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .85rem;
    font-size: .82rem;
    opacity: .82;
    position: relative;
    z-index: 1;
}
.form-breadcrumb a[b-mfdh8a3hs7] { color: rgba(255,255,255,.9); text-decoration: none; }
.form-breadcrumb a:hover[b-mfdh8a3hs7] { text-decoration: underline; }

.form-title[b-mfdh8a3hs7] {
    font-size: clamp(1.5rem, 2.5vw, 1.9rem);
    font-weight: 800;
    margin: 0 0 .4rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    position: relative;
    z-index: 1;
    letter-spacing: -.01em;
}

.form-subtitle[b-mfdh8a3hs7] {
    margin: 0;
    opacity: .85;
    font-size: .9rem;
    position: relative;
    z-index: 1;
}

/* ── Form card ── */
.task-form-card[b-mfdh8a3hs7] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    box-shadow: 0 4px 16px rgba(15,23,42,.06);
    overflow: hidden;
}

/* ── Form sections ── */
.form-section[b-mfdh8a3hs7] {
    padding: 1.75rem 2rem;
    border-bottom: 1px solid #f0f5f2;
    position: relative;
}
.form-section:last-of-type[b-mfdh8a3hs7] { border-bottom: none; }

.section-title[b-mfdh8a3hs7] {
    font-size: .95rem;
    font-weight: 800;
    color: #006747;
    margin-bottom: 1.4rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.section-icon[b-mfdh8a3hs7] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #ecf9f3;
    border: 1.5px solid #a7f3d0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #006747;
    font-size: .95rem;
    flex-shrink: 0;
}

/* ── Form grid ── */
.form-grid[b-mfdh8a3hs7] { display: grid; gap: 1.25rem; }
.form-grid-1[b-mfdh8a3hs7] { grid-template-columns: 1fr; }
.form-grid-2[b-mfdh8a3hs7] { grid-template-columns: 1fr 1fr; }
.form-grid-3[b-mfdh8a3hs7] { grid-template-columns: 1fr 1fr 1fr; }

.form-field[b-mfdh8a3hs7] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

.field-label[b-mfdh8a3hs7] {
    font-size: .82rem;
    font-weight: 700;
    color: #334155;
    display: flex;
    align-items: center;
    gap: .35rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.field-label .required[b-mfdh8a3hs7] { color: #dc2626; }

/* ── Blazor InputText / InputTextArea / InputSelect ── */
.task-form-container[b-mfdh8a3hs7]  input.field-input,
.task-form-container[b-mfdh8a3hs7]  textarea.field-input,
.task-form-container[b-mfdh8a3hs7]  select.field-input {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: .875rem 1rem;
    border: 1.5px solid #d1dbd5;
    border-radius: 12px;
    font-size: .92rem;
    line-height: 1.5;
    font-family: inherit;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    background: #fafcfb;
    color: #0f172a;
    box-shadow: inset 0 1px 2px rgba(15,23,42,.04);
}

.task-form-container[b-mfdh8a3hs7]  input.field-input::placeholder,
.task-form-container[b-mfdh8a3hs7]  textarea.field-input::placeholder {
    color: #94a3b8;
}

.task-form-container[b-mfdh8a3hs7]  input.field-input:hover:not(:focus):not(:disabled),
.task-form-container[b-mfdh8a3hs7]  textarea.field-input:hover:not(:focus):not(:disabled),
.task-form-container[b-mfdh8a3hs7]  select.field-input:hover:not(:focus):not(:disabled) {
    border-color: #94a3b8;
    background: #fff;
}

.task-form-container[b-mfdh8a3hs7]  input.field-input:focus,
.task-form-container[b-mfdh8a3hs7]  textarea.field-input:focus,
.task-form-container[b-mfdh8a3hs7]  select.field-input:focus {
    border-color: #006747;
    outline: none;
    background: #fff;
    box-shadow: 0 0 0 3.5px rgba(0,103,71,.12), inset 0 1px 2px rgba(15,23,42,.03);
}

.task-form-container[b-mfdh8a3hs7]  input.field-input:disabled,
.task-form-container[b-mfdh8a3hs7]  textarea.field-input:disabled,
.task-form-container[b-mfdh8a3hs7]  select.field-input:disabled {
    opacity: .6;
    cursor: not-allowed;
    background: #f1f5f9;
}

.task-form-container[b-mfdh8a3hs7]  input.field-input.invalid,
.task-form-container[b-mfdh8a3hs7]  textarea.field-input.invalid,
.task-form-container[b-mfdh8a3hs7]  select.field-input.invalid {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220,38,38,.1);
}

.task-form-container[b-mfdh8a3hs7]  textarea.field-input.field-textarea {
    min-height: 150px;
    resize: vertical;
    line-height: 1.65;
}

.task-form-container[b-mfdh8a3hs7]  select.field-input.field-select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #fafcfb;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .65rem center;
    background-repeat: no-repeat;
    background-size: 1.2em;
    padding-right: 2.5rem;
    cursor: pointer;
}

[dir="rtl"] .task-form-container[b-mfdh8a3hs7]  select.field-input.field-select {
    background-position: left .65rem center;
    padding-right: 1rem;
    padding-left: 2.5rem;
}

.field-help[b-mfdh8a3hs7] {
    font-size: .8rem;
    color: #94a3b8;
    margin-top: .15rem;
    display: flex;
    align-items: center;
    gap: .3rem;
}

.field-error[b-mfdh8a3hs7] {
    font-size: .8rem;
    color: #dc2626;
    margin-top: .2rem;
    display: flex;
    align-items: center;
    gap: .25rem;
}

/* ── Priority selector ── */
.priority-selector[b-mfdh8a3hs7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: .75rem;
}

.priority-option[b-mfdh8a3hs7] {
    padding: 1rem .75rem;
    border: 2px solid #e2e8f0;
    border-radius: 14px;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease;
    background: white;
    position: relative;
    overflow: hidden;
}

/* Colored top strip */
.priority-option[b-mfdh8a3hs7]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    border-radius: 14px 14px 0 0;
    transition: height .2s ease;
}
.priority-option.priority-critical[b-mfdh8a3hs7]::before { background: #dc2626; }
.priority-option.priority-high[b-mfdh8a3hs7]::before     { background: #ea580c; }
.priority-option.priority-medium[b-mfdh8a3hs7]::before   { background: #0284c7; }
.priority-option.priority-low[b-mfdh8a3hs7]::before      { background: #16a34a; }

.priority-option:hover[b-mfdh8a3hs7] {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,.1);
}
.priority-option:hover[b-mfdh8a3hs7]::before { height: 8px; }

.priority-option.selected[b-mfdh8a3hs7] {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
.priority-option.selected.priority-critical[b-mfdh8a3hs7] {
    border-color: #dc2626;
    background: linear-gradient(180deg, #fef2f2, #fff);
}
.priority-option.selected.priority-high[b-mfdh8a3hs7] {
    border-color: #ea580c;
    background: linear-gradient(180deg, #fff7ed, #fff);
}
.priority-option.selected.priority-medium[b-mfdh8a3hs7] {
    border-color: #0284c7;
    background: linear-gradient(180deg, #eff6ff, #fff);
}
.priority-option.selected.priority-low[b-mfdh8a3hs7] {
    border-color: #16a34a;
    background: linear-gradient(180deg, #f0fdf4, #fff);
}

.priority-name[b-mfdh8a3hs7] {
    font-weight: 700;
    font-size: .88rem;
    margin-bottom: .2rem;
    color: #0f172a;
}

.priority-level[b-mfdh8a3hs7] {
    font-size: .75rem;
    color: #94a3b8;
}

/* ── Related entity section ── */
.related-entity-section[b-mfdh8a3hs7] {
    background: #f8fbf9;
    padding: 1.25rem;
    border-radius: 14px;
    border: 2px dashed #cde8da;
    transition: border-color .2s, background .2s;
}
.related-entity-section.has-entity[b-mfdh8a3hs7] {
    border-color: #006747;
    background: #ecf9f3;
    border-style: solid;
}

.entity-selector[b-mfdh8a3hs7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .85rem;
    align-items: end;
    margin-bottom: .75rem;
}

.entity-autocomplete-field[b-mfdh8a3hs7] { position: relative; }

.entity-autocomplete-row[b-mfdh8a3hs7] {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
}

.entity-autocomplete-wrap[b-mfdh8a3hs7] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.entity-add-btn[b-mfdh8a3hs7] {
    flex-shrink: 0;
    align-self: stretch;
    min-width: 44px;
    border-radius: 12px;
}

.entity-suggestions[b-mfdh8a3hs7] {
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: calc(100% + 5px);
    margin: 0;
    padding: .3rem 0;
    list-style: none;
    max-height: 250px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #d1dbd5;
    border-radius: 12px;
    box-shadow: 0 10px 28px rgba(15,23,42,.12);
}

.entity-suggestions--loading[b-mfdh8a3hs7],
.entity-suggestions--empty[b-mfdh8a3hs7] {
    padding: .75rem 1rem;
    font-size: .86rem;
    color: #94a3b8;
}

.entity-suggestion-btn[b-mfdh8a3hs7] {
    display: flex;
    flex-direction: column;
    gap: .12rem;
    width: 100%;
    padding: .55rem .9rem;
    border: none;
    background: transparent;
    text-align: inherit;
    cursor: pointer;
    font: inherit;
    color: inherit;
    transition: background .12s;
}
.entity-suggestion-btn:hover[b-mfdh8a3hs7] { background: #ecf9f3; }

.entity-suggestion-primary[b-mfdh8a3hs7] {
    font-weight: 700;
    font-size: .88rem;
    color: #0f172a;
}
.entity-suggestion-secondary[b-mfdh8a3hs7] {
    font-size: .78rem;
    color: #94a3b8;
}

.entity-preview[b-mfdh8a3hs7] {
    background: white;
    padding: .9rem 1rem;
    border-radius: 11px;
    border: 1px solid #cde8da;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.entity-info[b-mfdh8a3hs7] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.entity-icon[b-mfdh8a3hs7] {
    width: 36px;
    height: 36px;
    border-radius: 9px;
    background: #006747;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    flex-shrink: 0;
}

.entity-details h4[b-mfdh8a3hs7] {
    margin: 0;
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
}
.entity-details p[b-mfdh8a3hs7] {
    margin: .15rem 0 0;
    font-size: .78rem;
    color: #94a3b8;
}

.remove-entity-btn[b-mfdh8a3hs7] {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: .78rem;
    transition: all .18s;
    flex-shrink: 0;
}
.remove-entity-btn:hover[b-mfdh8a3hs7] {
    background: #fee2e2;
    transform: scale(1.1);
}

/* ── Form actions ── */
.form-actions[b-mfdh8a3hs7] {
    background: #f8fbf9;
    padding: 1.4rem 2rem;
    border-top: 1px solid #e2e8f0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.form-actions-left[b-mfdh8a3hs7],
.form-actions-right[b-mfdh8a3hs7] {
    display: flex;
    gap: .7rem;
}

.form-btn[b-mfdh8a3hs7] {
    padding: .75rem 1.75rem;
    border: 1.5px solid transparent;
    border-radius: 12px;
    font-weight: 700;
    font-size: .9rem;
    cursor: pointer;
    transition: all .2s ease;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 110px;
    justify-content: center;
    font-family: inherit;
}

.form-btn-primary[b-mfdh8a3hs7] {
    background: #006747;
    color: white;
    border-color: #006747;
}
.form-btn-primary:hover[b-mfdh8a3hs7] {
    background: #005539;
    border-color: #005539;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,103,71,.28);
}
.form-btn-primary:active[b-mfdh8a3hs7] { transform: translateY(0); }
.form-btn-primary:disabled[b-mfdh8a3hs7] {
    background: #94a3b8;
    border-color: #94a3b8;
    transform: none;
    box-shadow: none;
    cursor: not-allowed;
}

.form-btn-secondary[b-mfdh8a3hs7] {
    background: white;
    color: #475569;
    border-color: #e2e8f0;
}
.form-btn-secondary:hover[b-mfdh8a3hs7] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #334155;
    transform: translateY(-2px);
}

/* ── Loading skeleton ── */
.loading-skeleton[b-mfdh8a3hs7] {
    background: linear-gradient(90deg, #eef2f0 25%, #e4ece8 50%, #eef2f0 75%);
    background-size: 200% 100%;
    animation: tce-skeleton-b-mfdh8a3hs7 1.5s infinite;
    border-radius: 10px;
}
@keyframes tce-skeleton-b-mfdh8a3hs7 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .task-form-container[b-mfdh8a3hs7] { padding: .9rem .85rem 3rem; }
    .task-form-header[b-mfdh8a3hs7] { padding: 1.4rem; border-radius: 14px; }
    .form-title[b-mfdh8a3hs7] { font-size: 1.4rem; }
    .form-section[b-mfdh8a3hs7] { padding: 1.25rem; }
    .form-grid-2[b-mfdh8a3hs7],
    .form-grid-3[b-mfdh8a3hs7] { grid-template-columns: 1fr; }
    .priority-selector[b-mfdh8a3hs7] { grid-template-columns: 1fr 1fr; }
    .entity-selector[b-mfdh8a3hs7] { grid-template-columns: 1fr; }
    .form-actions[b-mfdh8a3hs7] {
        flex-direction: column;
        padding: 1.1rem 1.25rem;
    }
    .form-actions-left[b-mfdh8a3hs7],
    .form-actions-right[b-mfdh8a3hs7] { width: 100%; }
    .form-btn[b-mfdh8a3hs7] { width: 100%; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskDashboard.razor.rz.scp.css */
/* ============================================================
   TASK DASHBOARD — FULL PREMIUM REDESIGN
   ============================================================ */

/* ── Container ── */
.dashboard-container[b-dx21cu9wa2] {
    padding: 1.25rem;
    background: #f0f4f2;
    min-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* ══════════════════════════════════════════════
   HERO HEADER (green gradient, stats inside)
══════════════════════════════════════════════ */
.dash-hero[b-dx21cu9wa2] {
    background: linear-gradient(140deg, #006747 0%, #00875a 55%, #0ea572 100%);
    border-radius: 20px;
    padding: 1.75rem 2rem;
    color: white;
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 36px rgba(0, 83, 55, .3);
}

.dash-hero[b-dx21cu9wa2]::before {
    content: '';
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    top: -150px;
    inset-inline-end: -80px;
    background: rgba(255,255,255,.09);
    pointer-events: none;
}
.dash-hero[b-dx21cu9wa2]::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    bottom: -60px;
    inset-inline-start: 22%;
    background: rgba(255,255,255,.06);
    pointer-events: none;
}

.dash-hero-top[b-dx21cu9wa2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    margin-bottom: 1.4rem;
    gap: 1rem;
    flex-wrap: wrap;
}

.dash-hero-title[b-dx21cu9wa2] {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 800;
    margin: 0 0 .25rem;
    letter-spacing: -.01em;
}

.dash-hero-subtitle[b-dx21cu9wa2] {
    margin: 0;
    font-size: .87rem;
    opacity: .82;
}

.dash-hero-btn[b-dx21cu9wa2] {
    background: white;
    color: #006747;
    border: none;
    border-radius: 12px;
    padding: .65rem 1.35rem;
    font-weight: 700;
    font-size: .88rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    transition: all .18s;
    white-space: nowrap;
    flex-shrink: 0;
    font-family: inherit;
}
.dash-hero-btn:hover[b-dx21cu9wa2] {
    background: #ecfdf5;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,.15);
}
.dash-hero-btn:disabled[b-dx21cu9wa2] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

/* Stats row inside hero */
.dash-stats[b-dx21cu9wa2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .85rem;
    position: relative;
    z-index: 1;
}

.dash-stat[b-dx21cu9wa2] {
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 16px;
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
    cursor: pointer;
    transition: background .18s, transform .18s;
    backdrop-filter: blur(6px);
}
.dash-stat:hover[b-dx21cu9wa2] {
    background: rgba(255,255,255,.22);
    transform: translateY(-2px);
}

.dash-stat-icon[b-dx21cu9wa2] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.dash-stat.stat-total .dash-stat-icon[b-dx21cu9wa2]    { background: rgba(99,179,237,.3); }
.dash-stat.stat-progress .dash-stat-icon[b-dx21cu9wa2] { background: rgba(246,173,85,.3); }
.dash-stat.stat-done .dash-stat-icon[b-dx21cu9wa2]     { background: rgba(104,211,145,.3); }
.dash-stat.stat-overdue .dash-stat-icon[b-dx21cu9wa2]  { background: rgba(252,129,74,.3); }

.dash-stat-body[b-dx21cu9wa2] {}
.dash-stat-num[b-dx21cu9wa2] {
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1;
    color: white;
}
.dash-stat.stat-overdue .dash-stat-num[b-dx21cu9wa2] { color: #ffd6d6; }

.dash-stat-lbl[b-dx21cu9wa2] {
    font-size: .72rem;
    font-weight: 600;
    opacity: .82;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: .15rem;
}

/* ══════════════════════════════════════════════
   QUICK NAV GRID
══════════════════════════════════════════════ */
.dash-nav-grid[b-dx21cu9wa2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: .85rem;
}

.dash-nav-card[b-dx21cu9wa2] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 1.35rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    position: relative;
    overflow: hidden;
    gap: .6rem;
}
.dash-nav-card:hover[b-dx21cu9wa2] {
    transform: translateY(-5px);
    box-shadow: 0 12px 28px rgba(15,23,42,.12);
    border-color: transparent;
}

/* Colored bottom border that slides up on hover */
.dash-nav-card[b-dx21cu9wa2]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    transition: height .2s;
}
.dash-nav-card:hover[b-dx21cu9wa2]::after { height: 100%; opacity: .06; }

.dash-nav-card.nav-tasks[b-dx21cu9wa2]::after   { background: #3b82f6; }
.dash-nav-card.nav-kanban[b-dx21cu9wa2]::after  { background: #06b6d4; }
.dash-nav-card.nav-create[b-dx21cu9wa2]::after  { background: #10b981; }
.dash-nav-card.nav-reports[b-dx21cu9wa2]::after { background: #8b5cf6; }
.dash-nav-card.nav-settings[b-dx21cu9wa2]::after{ background: #64748b; }
.dash-nav-card.nav-help[b-dx21cu9wa2]::after    { background: #f97316; }

.dash-nav-icon[b-dx21cu9wa2] {
    width: 54px;
    height: 54px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: transform .2s;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}
.dash-nav-card:hover .dash-nav-icon[b-dx21cu9wa2] { transform: scale(1.12) rotate(-4deg); }

.dash-nav-card.nav-tasks   .dash-nav-icon[b-dx21cu9wa2] { background: #eff6ff; color: #2563eb; }
.dash-nav-card.nav-kanban  .dash-nav-icon[b-dx21cu9wa2] { background: #ecfeff; color: #0891b2; }
.dash-nav-card.nav-create  .dash-nav-icon[b-dx21cu9wa2] { background: #ecfdf5; color: #059669; }
.dash-nav-card.nav-reports .dash-nav-icon[b-dx21cu9wa2] { background: #f5f3ff; color: #7c3aed; }
.dash-nav-card.nav-settings .dash-nav-icon[b-dx21cu9wa2]{ background: #f8fafc; color: #475569; }
.dash-nav-card.nav-help    .dash-nav-icon[b-dx21cu9wa2] { background: #fff7ed; color: #ea580c; }

.dash-nav-label[b-dx21cu9wa2] {
    font-weight: 700;
    font-size: .88rem;
    color: #0f172a;
    position: relative;
    z-index: 1;
}
.dash-nav-desc[b-dx21cu9wa2] {
    font-size: .74rem;
    color: #94a3b8;
    line-height: 1.35;
    position: relative;
    z-index: 1;
}

/* ══════════════════════════════════════════════
   TASK SECTIONS (for-me / by-me)
══════════════════════════════════════════════ */
.dash-section[b-dx21cu9wa2] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(15,23,42,.04);
}

.dash-section-header[b-dx21cu9wa2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.35rem;
    border-bottom: 1px solid #f0f5f2;
    background: #fafcfb;
}

.dash-section-title[b-dx21cu9wa2] {
    font-size: .95rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

.dash-section-icon[b-dx21cu9wa2] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
}

/* "For me" section = teal accent */
.dash-section.section-for-me .dash-section-icon[b-dx21cu9wa2] { background: #ecfdf5; color: #059669; }
.dash-section.section-for-me .dash-section-header[b-dx21cu9wa2] { border-bottom-color: #d1fae5; }

/* "By me" section = blue accent */
.dash-section.section-by-me .dash-section-icon[b-dx21cu9wa2] { background: #eff6ff; color: #2563eb; }
.dash-section.section-by-me .dash-section-header[b-dx21cu9wa2] { border-bottom-color: #dbeafe; }

.dash-section-count[b-dx21cu9wa2] {
    font-size: .72rem;
    font-weight: 700;
    padding: .18rem .6rem;
    border-radius: 999px;
    margin-inline-start: .3rem;
}
.section-for-me .dash-section-count[b-dx21cu9wa2] { background: #d1fae5; color: #065f46; }
.section-by-me  .dash-section-count[b-dx21cu9wa2] { background: #dbeafe; color: #1e40af; }

.dash-section-link[b-dx21cu9wa2] {
    font-size: .78rem;
    font-weight: 600;
    color: #006747;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .6rem;
    border-radius: 8px;
    transition: background .15s;
    font-family: inherit;
}
.dash-section-link:hover[b-dx21cu9wa2] { background: #ecf9f3; }

.dash-task-grid[b-dx21cu9wa2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: .85rem;
    padding: 1rem 1.35rem 1.25rem;
}

/* ── Task cards ── */
.dash-task-card[b-dx21cu9wa2] {
    border: 1px solid #e8eeeb;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
    transition: transform .18s, box-shadow .18s, background .18s;
    display: flex;
    flex-direction: column;
    background: #fafcfb;
    border-inline-start: 4px solid transparent;
    position: relative;
}
.dash-task-card:hover[b-dx21cu9wa2] {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(15,23,42,.10);
    background: white;
}

/* Priority left accent */
.dash-task-card.p-critical[b-dx21cu9wa2] { border-inline-start-color: #dc2626; }
.dash-task-card.p-high[b-dx21cu9wa2]     { border-inline-start-color: #ea580c; }
.dash-task-card.p-medium[b-dx21cu9wa2]   { border-inline-start-color: #0284c7; }
.dash-task-card.p-low[b-dx21cu9wa2]      { border-inline-start-color: #16a34a; }

/* Overdue glow */
.dash-task-card.is-overdue[b-dx21cu9wa2] {
    background: #fff9f9;
    animation: db-pulse-b-dx21cu9wa2 2.5s infinite;
}
@keyframes db-pulse-b-dx21cu9wa2 {
    0%,100% { box-shadow: 0 0 0 0 rgba(220,38,38,.15); }
    50%      { box-shadow: 0 0 0 5px rgba(220,38,38,.0); }
}

/* ── Role badge (top of card) ── */
.task-role-badge[b-dx21cu9wa2] {
    display: flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .75rem;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
    border-bottom: 1px solid transparent;
}
.role-for-me[b-dx21cu9wa2] {
    background: #f0fdf4;
    color: #15803d;
    border-bottom-color: #d1fae5;
}
.role-by-me[b-dx21cu9wa2] {
    background: #eff6ff;
    color: #1d4ed8;
    border-bottom-color: #dbeafe;
}

/* ── Card body ── */
.dash-task-body[b-dx21cu9wa2] {
    padding: .8rem .95rem .7rem;
    flex: 1;
}

.dash-task-title[b-dx21cu9wa2] {
    font-size: .9rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 .45rem;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dash-task-desc[b-dx21cu9wa2] {
    font-size: .78rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: .6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.dash-task-people[b-dx21cu9wa2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-size: .76rem;
    color: #475569;
    margin-bottom: .55rem;
}

.person-avatar[b-dx21cu9wa2] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    font-weight: 800;
    flex-shrink: 0;
    color: white;
}
.avatar-green[b-dx21cu9wa2]  { background: linear-gradient(135deg,#059669,#10b981); }
.avatar-blue[b-dx21cu9wa2]   { background: linear-gradient(135deg,#2563eb,#3b82f6); }

.dash-task-chips[b-dx21cu9wa2] {
    display: flex;
    gap: .38rem;
    flex-wrap: wrap;
}

/* chips */
.chip[b-dx21cu9wa2] {
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .18rem .52rem;
    border-radius: 999px;
    font-size: .67rem;
    font-weight: 700;
    white-space: nowrap;
}
.chip-pending[b-dx21cu9wa2]    { background:#f1f5f9; color:#475569; border:1px solid #e2e8f0; }
.chip-progress[b-dx21cu9wa2]   { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }
.chip-testing[b-dx21cu9wa2]    { background:#fefce8; color:#a16207; border:1px solid #fef08a; }
.chip-done[b-dx21cu9wa2]       { background:#f0fdf4; color:#15803d; border:1px solid #bbf7d0; }
.chip-waiting[b-dx21cu9wa2]    { background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }
.chip-critical[b-dx21cu9wa2]   { background:#fef2f2; color:#b91c1c; }
.chip-high[b-dx21cu9wa2]       { background:#fff7ed; color:#c2410c; }
.chip-medium[b-dx21cu9wa2]     { background:#eff6ff; color:#1d4ed8; }
.chip-low[b-dx21cu9wa2]        { background:#f0fdf4; color:#15803d; }

/* ── Card footer ── */
.dash-task-footer[b-dx21cu9wa2] {
    padding: .55rem .95rem .7rem;
    background: #f8fbf9;
    border-top: 1px solid #f0f5f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.dash-deadline[b-dx21cu9wa2] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    font-size: .72rem;
    font-weight: 500;
}
.dl-normal[b-dx21cu9wa2]   { color: #94a3b8; }
.dl-warning[b-dx21cu9wa2]  { color: #b45309; font-weight: 700; }
.dl-critical[b-dx21cu9wa2] { color: #b91c1c; font-weight: 700; }

.dash-task-meta-right[b-dx21cu9wa2] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-size: .72rem;
    color: #94a3b8;
}

/* ── Empty state ── */
.dash-empty[b-dx21cu9wa2] {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
}
.dash-empty-icon[b-dx21cu9wa2] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin-bottom: .75rem;
}
.dash-empty.empty-for-me .dash-empty-icon[b-dx21cu9wa2] { background: #ecfdf5; color: #059669; }
.dash-empty.empty-by-me  .dash-empty-icon[b-dx21cu9wa2] { background: #eff6ff; color: #2563eb; }

.dash-empty-title[b-dx21cu9wa2] {
    font-size: .95rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: .2rem;
}
.dash-empty-text[b-dx21cu9wa2] {
    font-size: .82rem;
    color: #94a3b8;
}

/* ── Loading skeleton ── */
.loading-skeleton[b-dx21cu9wa2] {
    background: linear-gradient(90deg, #e8edea 25%, #dde5e1 50%, #e8edea 75%);
    background-size: 200% 100%;
    animation: db-skel-b-dx21cu9wa2 1.5s infinite;
    border-radius: 12px;
}
@keyframes db-skel-b-dx21cu9wa2 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .dash-stats[b-dx21cu9wa2] { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 768px) {
    .dashboard-container[b-dx21cu9wa2] { padding: .9rem; }
    .dash-hero[b-dx21cu9wa2] { padding: 1.35rem; border-radius: 14px; }
    .dash-stats[b-dx21cu9wa2] { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .dash-stat-num[b-dx21cu9wa2] { font-size: 1.6rem; }
    .dash-nav-grid[b-dx21cu9wa2] { grid-template-columns: repeat(3, 1fr); }
    .dash-task-grid[b-dx21cu9wa2] { grid-template-columns: 1fr; }
    .dash-hero-top[b-dx21cu9wa2] { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 480px) {
    .dash-nav-grid[b-dx21cu9wa2] { grid-template-columns: 1fr 1fr; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskDetail.razor.rz.scp.css */
/* ============================================================
   TASK DETAIL PAGE — PREMIUM REDESIGN
   ============================================================ */

/* ── Container ── */
.task-details-container[b-rbn2o0j5d5] {
    max-width: 1380px;
    margin: 0 auto;
    padding: 1.25rem 1.25rem 3rem;
    background: #f0f4f3;
    min-height: calc(100vh - 80px);
}

/* ── Hero header ── */
.task-header-section[b-rbn2o0j5d5] {
    background: linear-gradient(145deg, #006747 0%, #005038 45%, #003d2c 100%);
    color: white;
    padding: 2rem;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    box-shadow: 0 12px 32px rgba(0, 60, 40, .28);
}

.task-header-section[b-rbn2o0j5d5]::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    top: -130px;
    inset-inline-end: -80px;
    background: rgba(255, 255, 255, .07);
    pointer-events: none;
}
.task-header-section[b-rbn2o0j5d5]::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    bottom: -70px;
    inset-inline-start: 10%;
    background: rgba(255, 255, 255, .05);
    pointer-events: none;
}

.task-breadcrumb[b-rbn2o0j5d5] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: 1.1rem;
    font-size: .85rem;
    opacity: .85;
    position: relative;
    z-index: 1;
}
.task-breadcrumb a[b-rbn2o0j5d5] { color: rgba(255,255,255,.9); text-decoration: none; }
.task-breadcrumb a:hover[b-rbn2o0j5d5] { text-decoration: underline; color: #fff; }
.task-breadcrumb i[b-rbn2o0j5d5] { font-size: .7rem; opacity: .7; }

.task-title-section[b-rbn2o0j5d5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem;
}

.task-title[b-rbn2o0j5d5] {
    font-size: clamp(1.5rem, 3vw, 2rem);
    font-weight: 800;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -.01em;
}

.task-status-badge-large[b-rbn2o0j5d5] {
    padding: .45rem 1.1rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    background: rgba(255, 255, 255, .18);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, .25);
    white-space: nowrap;
    flex-shrink: 0;
}

/* Status badge colors in header */
.task-status-badge-large.status-pending[b-rbn2o0j5d5]   { background: rgba(241,245,249,.2); }
.task-status-badge-large.status-in-progress[b-rbn2o0j5d5] { background: rgba(59,130,246,.3); }
.task-status-badge-large.status-testing[b-rbn2o0j5d5]   { background: rgba(245,158,11,.3); }
.task-status-badge-large.status-done[b-rbn2o0j5d5]      { background: rgba(16,185,129,.3); }
.task-status-badge-large.status-waiting[b-rbn2o0j5d5]   { background: rgba(239,68,68,.3); }

/* Meta info pills */
.task-meta-info[b-rbn2o0j5d5] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    position: relative;
    z-index: 1;
}

.task-meta-item[b-rbn2o0j5d5] {
    display: flex;
    align-items: center;
    gap: .6rem;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 12px;
    padding: .6rem .9rem;
    backdrop-filter: blur(4px);
    transition: background .2s;
}
.task-meta-item:hover[b-rbn2o0j5d5] { background: rgba(255,255,255,.18); }

.task-meta-icon[b-rbn2o0j5d5] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255,255,255,.18);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .95rem;
    flex-shrink: 0;
}

.task-meta-content h4[b-rbn2o0j5d5] {
    margin: 0;
    font-size: .72rem;
    font-weight: 600;
    opacity: .72;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.task-meta-content p[b-rbn2o0j5d5] {
    margin: .18rem 0 0;
    font-size: .9rem;
    font-weight: 600;
}

/* ── Two-column layout ── */
.task-details-grid[b-rbn2o0j5d5] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1.25rem;
    align-items: start;
}

/* ── Main content card ── */
.task-main-content[b-rbn2o0j5d5] {
    background: white;
    border-radius: 18px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 10px rgba(15,23,42,.06);
    overflow: hidden;
}

.task-content-section[b-rbn2o0j5d5] {
    padding: 1.75rem;
}

.task-description[b-rbn2o0j5d5] {
    font-size: 1rem;
    line-height: 1.7;
    color: #334155;
    margin-bottom: 1.75rem;
    white-space: pre-wrap;
    background: #f8fafc;
    border-radius: 12px;
    padding: 1.1rem 1.25rem;
    border-inline-start: 3px solid #006747;
}

/* ── Tabs ── */
.task-tabs[b-rbn2o0j5d5] {
    border-bottom: 2px solid #f0f5f2;
    margin-bottom: 1.5rem;
}

.task-tab-list[b-rbn2o0j5d5] {
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: auto;
}
.task-tab-list[b-rbn2o0j5d5]::-webkit-scrollbar { display: none; }

.task-tab[b-rbn2o0j5d5] {
    padding: .9rem 1.35rem;
    background: none;
    border: none;
    font-size: .9rem;
    font-weight: 600;
    color: #94a3b8;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    transition: color .2s, border-color .2s, background .2s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: .45rem;
    border-radius: 0;
}

.task-tab.active[b-rbn2o0j5d5] {
    color: #006747;
    border-bottom-color: #006747;
    background: rgba(0,103,71,.04);
}
.task-tab:hover:not(.active)[b-rbn2o0j5d5] {
    color: #334155;
    background: #f8fbf9;
}

.task-tab-content[b-rbn2o0j5d5] {
    min-height: 360px;
}

/* ── Comments — chat layout ── */
.comments-section[b-rbn2o0j5d5] {
    display: flex;
    flex-direction: column;
    height: 560px;           /* fixed total height */
    min-height: 0;
}

/* scrollable message list */
.comments-list[b-rbn2o0j5d5] {
    flex: 1;
    overflow-y: auto;
    padding: .75rem .25rem .5rem;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
.comments-list[b-rbn2o0j5d5]::-webkit-scrollbar { width: 5px; }
.comments-list[b-rbn2o0j5d5]::-webkit-scrollbar-track { background: transparent; }
.comments-list[b-rbn2o0j5d5]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

@keyframes td-fadeIn-b-rbn2o0j5d5 {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ── Each message row ── */
.comment-item[b-rbn2o0j5d5] {
    display: flex;
    align-items: flex-end;
    gap: .55rem;
    max-width: 78%;
    animation: td-fadeIn-b-rbn2o0j5d5 .22s ease;
}

/* Other person — align left */
.comment-item.comment-theirs[b-rbn2o0j5d5] {
    align-self: flex-start;
    flex-direction: row;
}

/* My message — align right, flip order */
.comment-item.comment-mine[b-rbn2o0j5d5] {
    align-self: flex-end;
    flex-direction: row-reverse;
}

/* ── Avatar ── */
.comment-avatar[b-rbn2o0j5d5] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #475569, #64748b);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .78rem;
    flex-shrink: 0;
    margin-bottom: 2px;
}

/* My avatar */
.comment-avatar.avatar-mine[b-rbn2o0j5d5] {
    background: linear-gradient(135deg, #006747, #00a368);
}

/* ── Bubble ── */
.comment-bubble[b-rbn2o0j5d5] {
    padding: .65rem .9rem;
    border-radius: 16px;
    position: relative;
    max-width: 100%;
    word-break: break-word;
}

/* Other person's bubble — grey, left-bottom corner flat */
.comment-theirs .comment-bubble[b-rbn2o0j5d5] {
    background: #f1f5f9;
    border-radius: 4px 16px 16px 16px;
    border: 1px solid #e2e8f0;
}

/* My bubble — green, right-bottom corner flat */
.comment-mine .comment-bubble[b-rbn2o0j5d5] {
    background: #006747;
    border-radius: 16px 4px 16px 16px;
}

.comment-author-info[b-rbn2o0j5d5] {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin-bottom: .25rem;
    flex-wrap: wrap;
}
.comment-author-info h5[b-rbn2o0j5d5] {
    margin: 0;
    font-size: .8rem;
    font-weight: 700;
}
.comment-theirs .comment-author-info h5[b-rbn2o0j5d5] { color: #0f172a; }
.comment-mine   .comment-author-info h5[b-rbn2o0j5d5] { color: rgba(255,255,255,.9); }

.comment-author-info p[b-rbn2o0j5d5] {
    margin: 0;
    font-size: .68rem;
}
.comment-theirs .comment-author-info p[b-rbn2o0j5d5] { color: #94a3b8; }
.comment-mine   .comment-author-info p[b-rbn2o0j5d5] { color: rgba(255,255,255,.55); }

.comment-content[b-rbn2o0j5d5] {
    font-size: .87rem;
    line-height: 1.55;
    white-space: pre-wrap;
}
.comment-theirs .comment-content[b-rbn2o0j5d5] { color: #334155; }
.comment-mine   .comment-content[b-rbn2o0j5d5] { color: rgba(255,255,255,.92); }

.comment-attachments[b-rbn2o0j5d5] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .5rem;
}

.comment-attachment[b-rbn2o0j5d5] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .28rem .6rem;
    border-radius: 8px;
    font-size: .75rem;
    text-decoration: none;
    transition: all .18s ease;
}
.comment-theirs .comment-attachment[b-rbn2o0j5d5] {
    background: white;
    border: 1px solid #e2e8f0;
    color: #475569;
}
.comment-theirs .comment-attachment:hover[b-rbn2o0j5d5] {
    border-color: #006747;
    color: #006747;
    background: #ecf9f3;
}
.comment-mine .comment-attachment[b-rbn2o0j5d5] {
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.3);
    color: rgba(255,255,255,.9);
}
.comment-mine .comment-attachment:hover[b-rbn2o0j5d5] {
    background: rgba(255,255,255,.28);
}

/* ── Sticky composer at bottom ── */
.comment-composer[b-rbn2o0j5d5] {
    flex-shrink: 0;
    background: #f8fbf9;
    padding: .85rem 1rem;
    border-radius: 14px;
    border: 2px solid #e2e8f0;
    margin-top: .5rem;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.comment-composer.focused[b-rbn2o0j5d5] {
    border-color: #006747;
    background: white;
    box-shadow: 0 0 0 4px rgba(0,103,71,.08);
}

.comment-composer.drag-over[b-rbn2o0j5d5] {
    border-color: #006747;
    border-style: dashed;
    background: #f0fdf4;
    box-shadow: 0 0 0 4px rgba(0,103,71,.10);
}

/* keep old class name working too (safety) */
.comment-form[b-rbn2o0j5d5] {
    flex-shrink: 0;
    background: #f8fbf9;
    padding: .85rem 1rem;
    border-radius: 14px;
    border: 2px solid #e2e8f0;
    margin-top: .5rem;
    transition: border-color .2s, box-shadow .2s, background .2s;
}
.comment-form.focused[b-rbn2o0j5d5] {
    border-color: #006747;
    background: white;
    box-shadow: 0 0 0 4px rgba(0,103,71,.08);
}

.comment-input[b-rbn2o0j5d5] {
    width: 100%;
    min-height: 90px;
    padding: .8rem;
    border: none;
    border-radius: 10px;
    font-size: .9rem;
    line-height: 1.55;
    resize: vertical;
    background: transparent;
    color: #0f172a;
    font-family: inherit;
}
.comment-input:focus[b-rbn2o0j5d5] { outline: none; }

.comment-form-actions[b-rbn2o0j5d5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .75rem;
    padding-top: .75rem;
    border-top: 1px solid #e8f0eb;
    gap: .75rem;
}

.file-upload-area[b-rbn2o0j5d5] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.file-upload-btn[b-rbn2o0j5d5] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .85rem;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    font-size: .82rem;
    color: #475569;
    cursor: pointer;
    transition: all .18s;
    font-family: inherit;
}
.file-upload-btn:hover[b-rbn2o0j5d5] { background: #e8eef5; border-color: #cbd5e1; }

.selected-files[b-rbn2o0j5d5] { display: flex; flex-wrap: wrap; gap: .35rem; }

.selected-file[b-rbn2o0j5d5] {
    background: #006747;
    color: white;
    padding: .2rem .55rem;
    border-radius: 7px;
    font-size: .75rem;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    max-width: 180px;
}
.selected-file.selected-file-image[b-rbn2o0j5d5] {
    padding: .15rem .45rem .15rem .15rem;
    max-width: 230px;
}
.selected-file.selected-file-clickable[b-rbn2o0j5d5] {
    cursor: zoom-in;
}
.selected-file-preview[b-rbn2o0j5d5] {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    object-fit: cover;
    background: rgba(255,255,255,.18);
    flex-shrink: 0;
}
.selected-file span[b-rbn2o0j5d5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.selected-file button[b-rbn2o0j5d5] {
    background: none;
    border: none;
    color: rgba(255,255,255,.8);
    cursor: pointer;
    padding: 0;
    margin-inline-start: .2rem;
    flex-shrink: 0;
    font-size: .75rem;
}
.selected-file button:hover[b-rbn2o0j5d5] { color: white; }

.attachment-preview-backdrop[b-rbn2o0j5d5] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(15, 23, 42, .72);
}

.attachment-preview-dialog[b-rbn2o0j5d5] {
    width: min(920px, 94vw);
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #0f172a;
    border-radius: 12px;
    box-shadow: 0 24px 70px rgba(0,0,0,.35);
}

.attachment-preview-header[b-rbn2o0j5d5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem .85rem;
    color: white;
    font-size: .86rem;
    font-weight: 700;
}

.attachment-preview-header span[b-rbn2o0j5d5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attachment-preview-close[b-rbn2o0j5d5] {
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(255,255,255,.12);
    cursor: pointer;
    flex-shrink: 0;
}
.attachment-preview-close:hover[b-rbn2o0j5d5] { background: rgba(255,255,255,.22); }

.attachment-preview-image[b-rbn2o0j5d5] {
    width: 100%;
    max-height: calc(90vh - 54px);
    object-fit: contain;
    background: #020617;
}

.comment-upload-feedback[b-rbn2o0j5d5] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #b91c1c;
    font-size: .76rem;
    line-height: 1.35;
}

/* ── Files section ── */
.files-section[b-rbn2o0j5d5] { padding: .25rem 0; }

.files-grid[b-rbn2o0j5d5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.file-card[b-rbn2o0j5d5] {
    background: #fafcfb;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 1.1rem;
    transition: all .2s ease;
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.file-card:hover[b-rbn2o0j5d5] {
    border-color: #006747;
    box-shadow: 0 6px 18px rgba(0,103,71,.10);
    transform: translateY(-2px);
    background: white;
}

.file-icon[b-rbn2o0j5d5] {
    width: 52px;
    height: 52px;
    border-radius: 12px;
    background: #ecf9f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    color: #006747;
}

.file-name[b-rbn2o0j5d5] {
    font-weight: 700;
    font-size: .85rem;
    color: #0f172a;
    word-break: break-word;
    line-height: 1.35;
}

.file-meta[b-rbn2o0j5d5] {
    font-size: .77rem;
    color: #94a3b8;
    line-height: 1.5;
    flex: 1;
}

.file-actions[b-rbn2o0j5d5] {
    display: flex;
    gap: .45rem;
    margin-top: .25rem;
}

.file-btn[b-rbn2o0j5d5] {
    flex: 1;
    padding: .5rem;
    border: none;
    border-radius: 9px;
    font-size: .8rem;
    cursor: pointer;
    transition: all .18s ease;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
}
.file-btn-download[b-rbn2o0j5d5] { background: #006747; color: white; }
.file-btn-download:hover[b-rbn2o0j5d5] { background: #005539; transform: translateY(-1px); }
.file-btn-delete[b-rbn2o0j5d5] { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }
.file-btn-delete:hover[b-rbn2o0j5d5] { background: #fee2e2; transform: translateY(-1px); }

/* ── Activity section ── */
.activity-section[b-rbn2o0j5d5] { padding: .25rem 0; }
.requests-list[b-rbn2o0j5d5] { display: flex; flex-direction: column; gap: .85rem; }

/* ── Sidebar ── */
.task-sidebar[b-rbn2o0j5d5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 1rem;
}

.sidebar-widget[b-rbn2o0j5d5] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
    overflow: hidden;
    transition: box-shadow .2s;
}
.sidebar-widget:hover[b-rbn2o0j5d5] { box-shadow: 0 6px 16px rgba(15,23,42,.08); }

.widget-header[b-rbn2o0j5d5] {
    background: #f8fbf9;
    padding: .85rem 1.15rem;
    border-bottom: 1px solid #f0f5f2;
    font-weight: 700;
    font-size: .85rem;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: .05em;
    display: flex;
    align-items: center;
    gap: .45rem;
}
.widget-header i[b-rbn2o0j5d5] { color: #006747; }

.widget-content[b-rbn2o0j5d5] { padding: 1.1rem 1.15rem; }

.widget-item[b-rbn2o0j5d5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: .65rem 0;
    border-bottom: 1px solid #f0f5f2;
    gap: .5rem;
}
.widget-item:last-child[b-rbn2o0j5d5] { border-bottom: none; }

.widget-label[b-rbn2o0j5d5] {
    font-size: .8rem;
    font-weight: 700;
    color: #475569;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.widget-value[b-rbn2o0j5d5] {
    font-size: .85rem;
    color: #334155;
    font-weight: 500;
    text-align: end;
    word-break: break-word;
}

/* ── Priority widget ── */
.priority-widget[b-rbn2o0j5d5] {
    border-radius: 12px;
    padding: .9rem 1rem;
    margin-bottom: .85rem;
}
.priority-critical[b-rbn2o0j5d5] {
    background: linear-gradient(135deg, #fef2f2, #fee2e2);
    color: #991b1b;
}
.priority-high[b-rbn2o0j5d5] {
    background: linear-gradient(135deg, #fff7ed, #ffedd5);
    color: #9a3412;
}
.priority-medium[b-rbn2o0j5d5] {
    background: linear-gradient(135deg, #eff6ff, #dbeafe);
    color: #1e40af;
}
.priority-low[b-rbn2o0j5d5] {
    background: linear-gradient(135deg, #f0fdf4, #dcfce7);
    color: #14532d;
}

/* ── Status selector ── */
.status-selector[b-rbn2o0j5d5] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.status-option[b-rbn2o0j5d5] {
    padding: .65rem .9rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: all .18s ease;
    font-size: .82rem;
    font-weight: 600;
    color: #475569;
    background: #f8fafc;
}
.status-option:hover:not([style*="pointer-events: none"])[b-rbn2o0j5d5] {
    border-color: #006747;
    color: #006747;
    background: #ecf9f3;
    transform: translateX(3px);
}
.status-option.selected[b-rbn2o0j5d5] {
    border-color: #006747;
    background: #006747;
    color: white;
}

/* ── Quick actions ── */
.action-buttons[b-rbn2o0j5d5] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.action-btn[b-rbn2o0j5d5] {
    width: 100%;
    padding: .7rem 1rem;
    border: 1.5px solid #e2e8f0;
    border-radius: 11px;
    font-weight: 600;
    font-size: .84rem;
    cursor: pointer;
    transition: all .18s ease;
    display: flex;
    align-items: center;
    gap: .5rem;
    background: white;
    color: #334155;
    justify-content: flex-start;
}
.action-btn:hover[b-rbn2o0j5d5] {
    border-color: #006747;
    color: #006747;
    background: #ecf9f3;
    transform: translateX(3px);
}
.action-btn-primary[b-rbn2o0j5d5] {
    background: #006747;
    color: white;
    border-color: #006747;
}
.action-btn-primary:hover[b-rbn2o0j5d5] {
    background: #005539;
    border-color: #005539;
    transform: translateX(3px);
    box-shadow: 0 4px 12px rgba(0,103,71,.24);
}

/* ── Empty states ── */
.empty-state[b-rbn2o0j5d5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    text-align: center;
}

.empty-state-icon[b-rbn2o0j5d5] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #f0f5f2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #94a3b8;
    margin-bottom: .75rem;
}
.empty-state-title[b-rbn2o0j5d5] {
    font-size: 1rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: .25rem;
}
.empty-state-text[b-rbn2o0j5d5] {
    font-size: .85rem;
    color: #94a3b8;
}

/* ── Loading skeleton ── */
.loading-skeleton[b-rbn2o0j5d5] {
    background: linear-gradient(90deg, #eef2f0 25%, #e4ece8 50%, #eef2f0 75%);
    background-size: 200% 100%;
    animation: tld-skeleton-b-rbn2o0j5d5 1.5s infinite;
    border-radius: 10px;
}
@keyframes tld-skeleton-b-rbn2o0j5d5 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    .task-details-grid[b-rbn2o0j5d5] { grid-template-columns: 1fr; }
    .task-sidebar[b-rbn2o0j5d5] { position: static; order: -1; flex-direction: row; flex-wrap: wrap; }
    .sidebar-widget[b-rbn2o0j5d5] { flex: 1 1 280px; }
}

@media (max-width: 768px) {
    .task-details-container[b-rbn2o0j5d5] { padding: .9rem .85rem 2rem; }
    .task-header-section[b-rbn2o0j5d5] { padding: 1.4rem; border-radius: 14px; }
    .task-title[b-rbn2o0j5d5] { font-size: 1.5rem; }
    .task-meta-info[b-rbn2o0j5d5] { gap: .5rem; }
    .task-meta-item[b-rbn2o0j5d5] { padding: .45rem .65rem; }
    .task-content-section[b-rbn2o0j5d5] { padding: 1.25rem; }
    .files-grid[b-rbn2o0j5d5] { grid-template-columns: 1fr; }
    .task-sidebar[b-rbn2o0j5d5] { flex-direction: column; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskKanbanView.razor.rz.scp.css */
/* ============================================================
   TASK KANBAN VIEW — PREMIUM REDESIGN
   ============================================================ */

/* ── Container ── */
.kanban-container[b-2z32qz50lq] {
    padding: 1.25rem;
    background: #f0f4f3;
    height: calc(100vh - 80px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* ── Hero header ── */
.kanban-header[b-2z32qz50lq] {
    background: linear-gradient(145deg, #006747 0%, #00875a 55%, #0ea572 100%);
    color: white;
    padding: 1.75rem 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 32px rgba(0, 83, 55, .28);
    position: relative;
    overflow: hidden;
}

.kanban-header[b-2z32qz50lq]::before {
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    top: -130px;
    inset-inline-end: -60px;
    background: rgba(255,255,255,.09);
    pointer-events: none;
}
.kanban-header[b-2z32qz50lq]::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    bottom: -50px;
    inset-inline-start: 25%;
    background: rgba(255,255,255,.05);
    pointer-events: none;
}

.kanban-title[b-2z32qz50lq] {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 800;
    margin: 0 0 .3rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    position: relative;
    z-index: 1;
    letter-spacing: -.01em;
}

.kanban-subtitle[b-2z32qz50lq] {
    margin: 0;
    opacity: .85;
    font-size: .9rem;
    position: relative;
    z-index: 1;
}

.kanban-actions[b-2z32qz50lq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.25rem;
    position: relative;
    z-index: 1;
    gap: 1rem;
    flex-wrap: wrap;
}

/* ── Filters (inside header) ── */
.kanban-filters[b-2z32qz50lq] {
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
}

.filter-item[b-2z32qz50lq] {
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 11px;
    padding: .45rem .85rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    backdrop-filter: blur(4px);
    transition: background .18s;
}
.filter-item:hover[b-2z32qz50lq] { background: rgba(255,255,255,.22); }

.filter-item-label[b-2z32qz50lq] {
    font-size: .8rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: .9;
}

.filter-item select[b-2z32qz50lq] {
    background: transparent;
    border: none;
    color: white;
    padding: .2rem .35rem;
    border-radius: 7px;
    outline: none;
    cursor: pointer;
    font-size: .82rem;
    font-family: inherit;
}
.filter-item select option[b-2z32qz50lq] {
    color: #0f172a;
    background: white;
}

/* ── Header buttons ── */
.kanban-buttons[b-2z32qz50lq] {
    display: flex;
    gap: .6rem;
}

.kanban-btn[b-2z32qz50lq] {
    padding: .55rem 1.1rem;
    border: none;
    border-radius: 11px;
    font-weight: 700;
    font-size: .85rem;
    cursor: pointer;
    transition: all .18s ease;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-family: inherit;
}

.kanban-btn-primary[b-2z32qz50lq] {
    background: white;
    color: #006747;
}
.kanban-btn-primary:hover[b-2z32qz50lq] {
    background: #ecf9f3;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12);
}

.kanban-btn-secondary[b-2z32qz50lq] {
    background: rgba(255,255,255,.14);
    color: white;
    border: 1px solid rgba(255,255,255,.25);
}
.kanban-btn-secondary:hover[b-2z32qz50lq] {
    background: rgba(255,255,255,.22);
    transform: translateY(-2px);
}

/* ── Board ── */
.kanban-board[b-2z32qz50lq] {
    display: flex;
    gap: 1rem;
    flex: 1;
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: .75rem;
    scroll-snap-type: x proximity;
    align-items: flex-start;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 transparent;
}
.kanban-board[b-2z32qz50lq]::-webkit-scrollbar { height: 6px; }
.kanban-board[b-2z32qz50lq]::-webkit-scrollbar-track { background: transparent; }
.kanban-board[b-2z32qz50lq]::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }

/* ── Columns ── */
.kanban-column[b-2z32qz50lq] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    min-width: 360px;
    width: 360px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    max-height: none;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
    scroll-snap-align: start;
    overflow: hidden;
}

/* Column top color indicator */
.kanban-column[b-2z32qz50lq]::before {
    content: '';
    display: block;
    height: 5px;
    border-radius: 18px 18px 0 0;
    flex-shrink: 0;
}

.kanban-column.column-status-pending[b-2z32qz50lq]::before   { background: #94a3b8; }
.kanban-column.column-status-in-progress[b-2z32qz50lq]::before { background: #3b82f6; }
.kanban-column.column-status-testing[b-2z32qz50lq]::before   { background: #f59e0b; }
.kanban-column.column-status-done[b-2z32qz50lq]::before      { background: #10b981; }
.kanban-column.column-status-waiting[b-2z32qz50lq]::before   { background: #ef4444; }

/* ── Column header ── */
.column-header[b-2z32qz50lq] {
    padding: .85rem 1rem .8rem;
    border-bottom: 1px solid #f0f5f2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
    flex-shrink: 0;
}

.column-title[b-2z32qz50lq] {
    font-weight: 700;
    font-size: .88rem;
    color: #334155;
    display: flex;
    align-items: center;
    gap: .55rem;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.column-icon[b-2z32qz50lq] {
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .75rem;
    color: white;
    flex-shrink: 0;
}

.column-status-pending   .column-icon[b-2z32qz50lq] { background: #94a3b8; }
.column-status-in-progress .column-icon[b-2z32qz50lq] { background: #3b82f6; }
.column-status-testing   .column-icon[b-2z32qz50lq] { background: #f59e0b; }
.column-status-done      .column-icon[b-2z32qz50lq] { background: #10b981; }
.column-status-waiting   .column-icon[b-2z32qz50lq] { background: #ef4444; }

.column-count[b-2z32qz50lq] {
    background: #f0f5f2;
    color: #64748b;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    min-width: 24px;
    text-align: center;
}

.column-status-pending   .column-count[b-2z32qz50lq] { background: #f1f5f9; color: #475569; }
.column-status-in-progress .column-count[b-2z32qz50lq] { background: #eff6ff; color: #1d4ed8; }
.column-status-testing   .column-count[b-2z32qz50lq] { background: #fefce8; color: #a16207; }
.column-status-done      .column-count[b-2z32qz50lq] { background: #f0fdf4; color: #15803d; }
.column-status-waiting   .column-count[b-2z32qz50lq] { background: #fef2f2; color: #dc2626; }

.column-actions button[b-2z32qz50lq] {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: .25rem;
    font-size: .85rem;
    border-radius: 7px;
    transition: all .18s;
}
.column-actions button:hover[b-2z32qz50lq] {
    color: #006747;
    background: #ecf9f3;
}

/* ── Column body ── */
.column-content[b-2z32qz50lq] {
    padding: .75rem;
    overflow-y: auto;
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .65rem;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #e2e8f0 transparent;
}
.column-content[b-2z32qz50lq]::-webkit-scrollbar { width: 4px; }
.column-content[b-2z32qz50lq]::-webkit-scrollbar-track { background: transparent; }
.column-content[b-2z32qz50lq]::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }

/* ── Kanban task cards ── */
.task-card[b-2z32qz50lq] {
    position: relative;
    background: #ffffff;
    border: 1px solid #dce7e0;
    border-radius: 14px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    cursor: pointer;
}

.task-card[b-2z32qz50lq]::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 0;
    height: 3px;
    background: #cbd5e1;
}

.task-card:hover[b-2z32qz50lq] {
    transform: translateY(-3px);
    border-color: #c9dbd2;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .11);
}

.task-card.priority-critical[b-2z32qz50lq]::before { background: #dc2626; }
.task-card.priority-high[b-2z32qz50lq]::before { background: #ea580c; }
.task-card.priority-medium[b-2z32qz50lq]::before { background: #2563eb; }
.task-card.priority-low[b-2z32qz50lq]::before { background: #16a34a; }

.task-card.task-overdue[b-2z32qz50lq] {
    border-color: #fecaca;
    background: #fffafb;
}

/* Card header */
.task-card-header[b-2z32qz50lq] {
    padding: .9rem .95rem .65rem;
    border-bottom: 1px solid #edf2ef;
}

.task-title[b-2z32qz50lq] {
    font-size: .93rem;
    font-weight: 800;
    margin: 0 0 .4rem;
    color: #0f172a;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-meta[b-2z32qz50lq] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    align-items: center;
    font-size: .71rem;
    color: #94a3b8;
}

.task-meta-item[b-2z32qz50lq] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

/* Card body */
.task-card-body[b-2z32qz50lq] {
    display: block !important;
    padding: .82rem 1rem .9rem;
}

.task-description[b-2z32qz50lq] {
    color: #475569;
    font-size: .83rem;
    line-height: 1.55;
    margin: 0 0 .75rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-facts[b-2z32qz50lq] {
    display: flex;
    flex-direction: column;
    gap: .42rem;
}

.task-fact[b-2z32qz50lq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    border: 1px solid #e3ece8;
    border-radius: 9px;
    background: #f8fbfa;
    padding: .4rem .45rem;
    min-height: 48px;
}

.task-fact-label[b-2z32qz50lq] {
    font-size: .7rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: .01em;
}

.task-fact-value[b-2z32qz50lq] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    min-width: 0;
    font-size: .8rem;
    color: #0f172a;
    font-weight: 700;
    text-align: end;
    flex-wrap: wrap;
}

.task-fact-value.deadline-normal[b-2z32qz50lq] {
    color: #64748b;
    font-weight: 600;
}

.task-fact-value.deadline-warning[b-2z32qz50lq] {
    color: #b45309;
}

.task-fact-value.deadline-critical[b-2z32qz50lq] {
    color: #b91c1c;
}

.task-priority-chip[b-2z32qz50lq] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .18rem .55rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    white-space: nowrap;
    border: 1px solid transparent;
}

.task-priority-chip.priority-critical[b-2z32qz50lq] { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
.task-priority-chip.priority-high[b-2z32qz50lq] { background: #fff7ed; color: #c2410c; border-color: #fed7aa; }
.task-priority-chip.priority-medium[b-2z32qz50lq] { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
.task-priority-chip.priority-low[b-2z32qz50lq] { background: #f0fdf4; color: #15803d; border-color: #bbf7d0; }

.task-priority-chip i[b-2z32qz50lq] {
    font-size: .64rem;
}

.task-overdue-pill[b-2z32qz50lq] {
    display: inline-flex;
    align-items: center;
    padding: .1rem .42rem;
    border-radius: 999px;
    font-size: .63rem;
    font-weight: 800;
    background: #fee2e2;
    color: #b91c1c;
    white-space: nowrap;
}

/* Card footer row */
.task-actions[b-2z32qz50lq] {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding-top: .7rem;
    margin-top: .7rem;
    border-top: 1px solid #edf2ef;
}

.task-info[b-2z32qz50lq] {
    display: flex;
    gap: .72rem;
    font-size: .73rem;
    color: #94a3b8;
}

.task-info-item[b-2z32qz50lq] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.task-quick-actions[b-2z32qz50lq] {
    display: flex;
    gap: .4rem;
}

.task-quick-btn[b-2z32qz50lq] {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #e8f2ed;
    color: #64748b;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .76rem;
    transition: all .18s ease;
}
.task-quick-btn:hover[b-2z32qz50lq] {
    background: #006747;
    color: white;
    transform: translateY(-1px);
}

/* ── Empty column ── */
.empty-column[b-2z32qz50lq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1rem;
    color: #94a3b8;
    flex: 1;
    min-height: 180px;
}

.empty-icon[b-2z32qz50lq] {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #cbd5e1;
    margin-bottom: .75rem;
}

.empty-text[b-2z32qz50lq] {
    font-size: .82rem;
    color: #cbd5e1;
    font-weight: 500;
    line-height: 1.4;
}

/* ── Add task button ── */
.add-task-btn[b-2z32qz50lq] {
    width: 100%;
    padding: .65rem;
    background: transparent;
    border: 2px dashed #d0e8d8;
    border-radius: 12px;
    color: #94a3b8;
    cursor: pointer;
    font-weight: 600;
    font-size: .8rem;
    transition: all .18s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    font-family: inherit;
    margin-top: .25rem;
    flex-shrink: 0;
}
.add-task-btn:hover[b-2z32qz50lq] {
    background: #ecf9f3;
    border-color: #006747;
    color: #006747;
}

/* ── Loading skeleton ── */
.loading-skeleton[b-2z32qz50lq] {
    background: linear-gradient(90deg, #eef2f0 25%, #e4ece8 50%, #eef2f0 75%);
    background-size: 200% 100%;
    animation: kb-skeleton-b-2z32qz50lq 1.5s infinite;
    border-radius: 10px;
}
@keyframes kb-skeleton-b-2z32qz50lq {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── Responsive ── */
@media (max-width: 768px) {
    .kanban-container[b-2z32qz50lq] { padding: 1rem; }
    .kanban-header[b-2z32qz50lq] { padding: 1.4rem; border-radius: 14px; }
    .kanban-title[b-2z32qz50lq] { font-size: 1.5rem; }
    .kanban-actions[b-2z32qz50lq] { flex-direction: column; align-items: stretch; }
    .kanban-filters[b-2z32qz50lq] { flex-direction: column; }
    .kanban-buttons[b-2z32qz50lq] { justify-content: flex-end; }
    .kanban-column[b-2z32qz50lq] { min-width: 340px; width: 340px; }
    .task-facts[b-2z32qz50lq] { gap: .28rem; }
}

@media (max-width: 1200px) {
    .kanban-column[b-2z32qz50lq] {
        min-width: 340px;
        width: 340px;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskReportView.razor.rz.scp.css */
/* Task Reports Specific Styles */
.reports-container[b-cqdldi9hjt] {
    padding: 1.25rem;
    background: #f0f4f3;
    min-height: calc(100vh - 80px);
}

.reports-header[b-cqdldi9hjt] {
    background: linear-gradient(145deg, #006747 0%, #005038 45%, #003d2c 100%);
    color: white;
    padding: 1.75rem 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 32px rgba(0, 60, 40, .28);
    position: relative;
    overflow: hidden;
}

.reports-header[b-cqdldi9hjt]::before {
    content: '';
    position: absolute;
    top: -100px;
    inset-inline-end: -60px;
    width: 260px;
    height: 260px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.reports-breadcrumb[b-cqdldi9hjt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    opacity: 0.9;
}

.reports-breadcrumb a[b-cqdldi9hjt] {
    color: white;
    text-decoration: none;
}

.reports-breadcrumb a:hover[b-cqdldi9hjt] {
    text-decoration: underline;
}

.reports-title[b-cqdldi9hjt] {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 800;
    margin: 0 0 .3rem;
    display: flex;
    align-items: center;
    gap: .75rem;
    letter-spacing: -.01em;
    position: relative;
    z-index: 1;
}

.reports-subtitle[b-cqdldi9hjt] {
    margin: 0;
    opacity: .85;
    font-size: .9rem;
    position: relative;
    z-index: 1;
}

.reports-actions[b-cqdldi9hjt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.reports-filters[b-cqdldi9hjt] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-item[b-cqdldi9hjt] {
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--border-radius-md);
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-item select[b-cqdldi9hjt], .filter-item input[type="date"][b-cqdldi9hjt] {
    background: transparent;
    border: none;
    color: white;
    padding: 0.25rem;
    border-radius: var(--border-radius-sm);
    outline: none;
    cursor: pointer;
}

.filter-item select option[b-cqdldi9hjt] {
    color: var(--dark-color);
    background: white;
}

.filter-item-label[b-cqdldi9hjt] {
    font-size: 0.9rem;
    font-weight: 500;
}

.reports-buttons[b-cqdldi9hjt] {
    display: flex;
    gap: 1rem;
}

.reports-btn[b-cqdldi9hjt] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: var(--border-radius-md);
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.reports-btn-primary[b-cqdldi9hjt] {
    background: white;
    color: var(--primary-color);
}

.reports-btn-primary:hover[b-cqdldi9hjt] {
    background: #f0f0f0;
    transform: translateY(-2px);
}

.reports-btn-secondary[b-cqdldi9hjt] {
    background: rgba(255, 255, 255, 0.1);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.reports-btn-secondary:hover[b-cqdldi9hjt] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.reports-grid[b-cqdldi9hjt] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(12, 1fr);
    margin-bottom: 1.5rem;
}

.reports-card[b-cqdldi9hjt] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 2px 8px rgba(15,23,42,.05);
    overflow: hidden;
    height: 100%;
    transition: box-shadow .2s;
}
.reports-card:hover[b-cqdldi9hjt] { box-shadow: 0 6px 18px rgba(15,23,42,.08); }

.card-col-4[b-cqdldi9hjt] {
    grid-column: span 4;
}

.card-col-6[b-cqdldi9hjt] {
    grid-column: span 6;
}

.card-col-8[b-cqdldi9hjt] {
    grid-column: span 8;
}

.card-col-12[b-cqdldi9hjt] {
    grid-column: span 12;
}

.card-header[b-cqdldi9hjt] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-title[b-cqdldi9hjt] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.card-icon[b-cqdldi9hjt] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: rgba(0, 103, 71, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 0.9rem;
}

.card-actions[b-cqdldi9hjt] {
    display: flex;
    gap: 0.5rem;
}

.card-action-btn[b-cqdldi9hjt] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    background: var(--background-color);
    color: var(--text-light);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    transition: all var(--transition-fast);
}

.card-action-btn:hover[b-cqdldi9hjt] {
    background: var(--primary-color);
    color: white;
}

.card-body[b-cqdldi9hjt] {
    padding: 1.5rem;
    height: calc(100% - 68px);
    display: flex;
    flex-direction: column;
}

/* Stats cards */
.stats-grid[b-cqdldi9hjt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
}

.stat-card[b-cqdldi9hjt] {
    background: var(--background-color);
    border-radius: var(--border-radius-md);
    padding: 1.5rem;
    text-align: center;
    transition: all var(--transition-fast);
}

.stat-card:hover[b-cqdldi9hjt] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.stat-value[b-cqdldi9hjt] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: var(--primary-color);
}

.stat-label[b-cqdldi9hjt] {
    font-size: 1rem;
    color: var(--text-color);
}

.stat-card.stat-total .stat-value[b-cqdldi9hjt] {
    color: var(--primary-color);
}

.stat-card.stat-completed .stat-value[b-cqdldi9hjt] {
    color: #2ecc71;
}

.stat-card.stat-pending .stat-value[b-cqdldi9hjt] {
    color: #f39c12;
}

.stat-card.stat-overdue .stat-value[b-cqdldi9hjt] {
    color: #e74c3c;
}

/* Charts */
.chart-container[b-cqdldi9hjt] {
    flex-grow: 1;
    min-height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Tables */
.report-table[b-cqdldi9hjt] {
    width: 100%;
    border-collapse: collapse;
}

.report-table th[b-cqdldi9hjt], 
.report-table td[b-cqdldi9hjt] {
    padding: 0.75rem 1rem;
    text-align: left;
}

.report-table th[b-cqdldi9hjt] {
    background: var(--background-color);
    font-weight: 600;
    color: var(--dark-color);
}

.report-table tr[b-cqdldi9hjt] {
    border-bottom: 1px solid var(--border-color);
}

.report-table tr:last-child[b-cqdldi9hjt] {
    border-bottom: none;
}

.report-table tbody tr:hover[b-cqdldi9hjt] {
    background: rgba(0, 0, 0, 0.02);
}

.table-responsive[b-cqdldi9hjt] {
    overflow-x: auto;
}

/* Status Badge */
.status-badge[b-cqdldi9hjt] {
    padding: 0.25rem 0.5rem;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-block;
}

.status-pending[b-cqdldi9hjt] {
    background: #f8f9fa;
    color: #6c757d;
    border: 1px solid #dee2e6;
}

.status-in-progress[b-cqdldi9hjt] {
    background: #cff4fc;
    color: #055160;
    border: 1px solid #b6effb;
}

.status-testing[b-cqdldi9hjt] {
    background: #fff3cd;
    color: #664d03;
    border: 1px solid #ffecb5;
}

.status-done[b-cqdldi9hjt] {
    background: #d1e7dd;
    color: #0f5132;
    border: 1px solid #badbcc;
}

.status-waiting[b-cqdldi9hjt] {
    background: #f8d7da;
    color: #842029;
    border: 1px solid #f5c2c7;
}

/* Priority Badge */
.priority-badge[b-cqdldi9hjt] {
    padding: 0.25rem 0.5rem;
    border-radius: 8px;
    font-size: 0.7rem;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.priority-critical[b-cqdldi9hjt] {
    background: #ffeaa7;
    color: #d63031;
}

.priority-high[b-cqdldi9hjt] {
    background: #fab1a0;
    color: #e17055;
}

.priority-medium[b-cqdldi9hjt] {
    background: #81ecec;
    color: #00b894;
}

.priority-low[b-cqdldi9hjt] {
    background: #a7f3d0;
    color: #059669;
}

/* Loading states */
.loading-skeleton[b-cqdldi9hjt] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading-b-cqdldi9hjt 1.5s infinite;
    border-radius: var(--border-radius-sm);
}

@keyframes skeleton-loading-b-cqdldi9hjt {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .card-col-4[b-cqdldi9hjt], .card-col-6[b-cqdldi9hjt], .card-col-8[b-cqdldi9hjt] {
        grid-column: span 6;
    }
}

@media (max-width: 768px) {
    .reports-container[b-cqdldi9hjt] {
        padding: 1rem;
    }

    .reports-header[b-cqdldi9hjt] {
        padding: 1.5rem;
    }

    .reports-title[b-cqdldi9hjt] {
        font-size: 1.5rem;
    }

    .reports-actions[b-cqdldi9hjt] {
        flex-direction: column;
        align-items: stretch;
    }

    .reports-filters[b-cqdldi9hjt] {
        flex-direction: column;
    }

    .card-col-4[b-cqdldi9hjt], .card-col-6[b-cqdldi9hjt], .card-col-8[b-cqdldi9hjt], .card-col-12[b-cqdldi9hjt] {
        grid-column: span 12;
    }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/Tasks.razor.rz.scp.css */
/* ============================================================
   TASK LIST PAGE — PREMIUM REDESIGN
   ============================================================ */

/* ── Container ── */
.task-management-container[b-ulpiu63n8t] {
    padding: 1.25rem 1.25rem 3rem;
    background: #f0f4f3;
    min-height: calc(100vh - 80px);
    overflow-y: auto;
}

/* ── Hero header ── */
.task-header[b-ulpiu63n8t] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(140deg, #006747 0%, #00875a 55%, #0ea572 100%);
    color: #fff;
    border-radius: 20px;
    padding: 1.75rem 1.75rem 1.5rem;
    margin-bottom: 1.25rem;
    box-shadow: 0 12px 32px rgba(0, 83, 55, .28);
}

/* Decorative circles */
.task-header[b-ulpiu63n8t]::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    top: -110px;
    inset-inline-end: -80px;
    background: rgba(255, 255, 255, .10);
    pointer-events: none;
}
.task-header[b-ulpiu63n8t]::after {
    content: "";
    position: absolute;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    bottom: -60px;
    inset-inline-start: 30%;
    background: rgba(255, 255, 255, .06);
    pointer-events: none;
}

.task-header-content[b-ulpiu63n8t] {
    position: relative;
    z-index: 1;
    margin-bottom: 1.1rem;
}

.task-header-title[b-ulpiu63n8t] {
    margin: 0;
    font-size: clamp(1.6rem, 2.5vw, 2.1rem);
    font-weight: 800;
    letter-spacing: -.01em;
}

.task-header-subtitle[b-ulpiu63n8t] {
    margin: .3rem 0 0;
    font-size: .92rem;
    color: rgba(255, 255, 255, .85);
}

/* ── Stats inside header ── */
.task-stats[b-ulpiu63n8t] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
}

.task-stat-card[b-ulpiu63n8t] {
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 14px;
    padding: 1rem .9rem;
    display: grid;
    place-items: center;
    text-align: center;
    backdrop-filter: blur(6px);
    transition: background .2s;
}
.task-stat-card:hover[b-ulpiu63n8t] {
    background: rgba(255, 255, 255, .2);
}

.task-stat-icon[b-ulpiu63n8t] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-bottom: .4rem;
    font-size: .82rem;
    background: rgba(255, 255, 255, .22);
    color: #fff;
}

.task-stat-number[b-ulpiu63n8t] {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}

.task-stat-label[b-ulpiu63n8t] {
    margin-top: .2rem;
    font-size: .74rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: rgba(255, 255, 255, .88);
}

.task-stat-card.overdue .task-stat-number[b-ulpiu63n8t] { color: #ffd6d6; }

/* ── Filter bar ── */
.task-filters[b-ulpiu63n8t] {
    background: #fff;
    border: 1px solid #d8e4de;
    border-radius: 16px;
    box-shadow: 0 4px 16px rgba(15, 23, 42, .05);
    margin-bottom: 1.25rem;
    padding: 1.1rem 1.2rem;
}

.task-filters-grid[b-ulpiu63n8t] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr auto;
    gap: .8rem;
    align-items: end;
}

.filter-field[b-ulpiu63n8t] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.filter-label[b-ulpiu63n8t] {
    font-size: .76rem;
    color: #475569;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.task-input-wrap[b-ulpiu63n8t] {
    position: relative;
}

.task-input-icon[b-ulpiu63n8t] {
    position: absolute;
    top: 50%;
    inset-inline-start: .85rem;
    transform: translateY(-50%);
    color: #94a3b8;
    pointer-events: none;
    font-size: .82rem;
}

.task-input[b-ulpiu63n8t],
.task-select[b-ulpiu63n8t] {
    height: 42px;
    border: 1px solid #cdd8d2;
    border-radius: 11px;
    font-size: .88rem;
    transition: border-color .18s ease, box-shadow .18s ease;
    background: #fafcfb;
    color: #0f172a;
    width: 100%;
}

.task-input-with-icon[b-ulpiu63n8t] {
    padding-inline-start: 2.4rem;
    padding-inline-end: .75rem;
}

.task-input:focus[b-ulpiu63n8t],
.task-select:focus[b-ulpiu63n8t] {
    border-color: #006747;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, .14);
    background: #fff;
    outline: none;
}

.task-select[b-ulpiu63n8t] {
    padding-inline-start: .85rem;
    padding-inline-end: 2rem;
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .55rem center;
    background-repeat: no-repeat;
    background-size: 1.15em;
    cursor: pointer;
}

[dir="rtl"] .task-select[b-ulpiu63n8t] {
    background-position: left .55rem center;
    padding-inline-start: 2rem;
    padding-inline-end: .85rem;
}

.filter-actions[b-ulpiu63n8t] {
    display: flex;
    align-items: center;
    gap: .45rem;
    flex-shrink: 0;
}

.filter-result-count[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    background: #ecf9f3;
    border: 1px solid #cbe8dc;
    border-radius: 999px;
    padding: .35rem .65rem;
    font-size: .76rem;
    font-weight: 800;
    color: #064e35;
    min-width: 52px;
    justify-content: center;
}

.task-action-btn[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    border-radius: 10px;
    height: 36px;
    padding: 0 .9rem;
    font-size: .82rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .18s ease;
}

.task-action-btn.btn-outline-primary[b-ulpiu63n8t] {
    background: transparent;
    border-color: #006747;
    color: #006747;
}
.task-action-btn.btn-outline-primary:hover[b-ulpiu63n8t] {
    background: #ecf9f3;
}

.task-action-btn.btn-primary[b-ulpiu63n8t] {
    background: #006747;
    color: #fff;
}
.task-action-btn.btn-primary:hover[b-ulpiu63n8t] {
    background: #005539;
    box-shadow: 0 4px 12px rgba(0, 103, 71, .28);
}

/* ── Task grid ── */
.task-grid[b-ulpiu63n8t] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
    gap: 1rem;
}

/* ── Task cards ── */
.task-card[b-ulpiu63n8t] {
    background: #fff;
    border: 1px solid #dce7e0;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    cursor: pointer;
    border-inline-start: 4px solid transparent;
    display: flex;
    flex-direction: column;
}

.task-card:hover[b-ulpiu63n8t] {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .11);
}

/* Priority left borders */
.task-card.card-priority-critical[b-ulpiu63n8t] { border-inline-start-color: #dc2626; }
.task-card.card-priority-high[b-ulpiu63n8t]     { border-inline-start-color: #ea580c; }
.task-card.card-priority-medium[b-ulpiu63n8t]   { border-inline-start-color: #0284c7; }
.task-card.card-priority-low[b-ulpiu63n8t]      { border-inline-start-color: #16a34a; }

/* Overdue glow */
.task-card.task-overdue[b-ulpiu63n8t] {
    box-shadow: 0 0 0 1.5px rgba(220, 38, 38, .35), 0 8px 22px rgba(220, 38, 38, .10);
}

.task-card-header[b-ulpiu63n8t] {
    padding: 1rem 1.1rem .7rem;
    border-bottom: 1px solid #f0f5f2;
}

.task-title[b-ulpiu63n8t] {
    margin: 0 0 .4rem;
    font-size: .97rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-meta[b-ulpiu63n8t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .4rem;
    color: #94a3b8;
    font-size: .74rem;
}

.task-body[b-ulpiu63n8t] {
    padding: .8rem 1.1rem;
    flex: 1;
}

.task-description[b-ulpiu63n8t] {
    color: #475569;
    font-size: .83rem;
    line-height: 1.55;
    margin-bottom: .7rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.task-status-priority[b-ulpiu63n8t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .45rem;
    flex-wrap: wrap;
}

/* ── Chips ── */
.task-status-badge[b-ulpiu63n8t],
.priority-badge[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    padding: .22rem .6rem;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.task-status-badge.status-chip-pending[b-ulpiu63n8t]   { background: #f1f5f9; color: #475569; border: 1px solid #e2e8f0; }
.task-status-badge.status-chip-in-progress[b-ulpiu63n8t] { background: #eff6ff; color: #1d4ed8; border: 1px solid #bfdbfe; }
.task-status-badge.status-chip-testing[b-ulpiu63n8t]   { background: #fefce8; color: #a16207; border: 1px solid #fef08a; }
.task-status-badge.status-chip-done[b-ulpiu63n8t]      { background: #f0fdf4; color: #15803d; border: 1px solid #bbf7d0; }
.task-status-badge.status-chip-waiting[b-ulpiu63n8t]   { background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

.priority-badge.priority-chip-critical[b-ulpiu63n8t] { background: #fef2f2; color: #b91c1c; }
.priority-badge.priority-chip-high[b-ulpiu63n8t]     { background: #fff7ed; color: #c2410c; }
.priority-badge.priority-chip-medium[b-ulpiu63n8t]   { background: #eff6ff; color: #1d4ed8; }
.priority-badge.priority-chip-low[b-ulpiu63n8t]      { background: #f0fdf4; color: #15803d; }

/* Request-done indicator */
.task-request-pending[b-ulpiu63n8t] { margin-top: .5rem; }
.task-request-pending-badge[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .22rem .55rem;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
    font-size: .7rem;
    font-weight: 700;
}

/* ── Footer ── */
.task-footer[b-ulpiu63n8t] {
    padding: .75rem 1.1rem .9rem;
    background: #f8fbf9;
    border-top: 1px solid #f0f5f2;
}

.task-deadline[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    font-size: .74rem;
}
.task-deadline.deadline-tone-normal[b-ulpiu63n8t]   { color: #94a3b8; }
.task-deadline.deadline-tone-warning[b-ulpiu63n8t]  { color: #b45309; font-weight: 700; }
.task-deadline.deadline-tone-critical[b-ulpiu63n8t] { color: #b91c1c; font-weight: 700; }
.task-overdue-text[b-ulpiu63n8t] { color: #b91c1c; font-weight: 800; }

.task-footer-meta[b-ulpiu63n8t] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    margin-top: .45rem;
}

.task-attachments[b-ulpiu63n8t] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #94a3b8;
    font-size: .73rem;
}

.task-actions[b-ulpiu63n8t] {
    display: inline-flex;
    gap: .35rem;
}

.task-btn[b-ulpiu63n8t] {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 9px;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
    font-size: .8rem;
}
.task-btn:hover[b-ulpiu63n8t] { transform: translateY(-2px); }

.task-btn-primary[b-ulpiu63n8t] { background: #006747; color: #fff; }
.task-btn-primary:hover[b-ulpiu63n8t] {
    background: #005539;
    box-shadow: 0 5px 14px rgba(0,103,71,.28);
}

.task-btn-secondary[b-ulpiu63n8t] { background: #e4f0eb; color: #006747; }
.task-btn-secondary:hover[b-ulpiu63n8t] { background: #d0e8dc; }

/* ── Empty state ── */
.empty-state[b-ulpiu63n8t] {
    background: #fff;
    border: 1px solid #dce7e0;
    border-radius: 16px;
    padding: 3rem 1.5rem;
    text-align: center;
}

.empty-state-icon[b-ulpiu63n8t] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #ecf9f3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #006747;
    margin: 0 auto .85rem;
}

.empty-state-title[b-ulpiu63n8t] {
    font-size: 1.2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: .35rem;
}

.empty-state-text[b-ulpiu63n8t] {
    color: #64748b;
    margin-bottom: 1.4rem;
    font-size: .9rem;
}

/* ── FAB ── */
.floating-create-btn[b-ulpiu63n8t] {
    position: fixed;
    inset-inline-end: 1.4rem;
    bottom: 1.5rem;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    display: grid;
    place-items: center;
    font-size: 1.2rem;
    color: #fff;
    background: linear-gradient(135deg, #006747, #00875a);
    box-shadow: 0 8px 24px rgba(0, 103, 71, .38), 0 3px 8px rgba(0, 103, 71, .2);
    z-index: 50;
    transition: transform .2s ease, box-shadow .2s ease;
}
.floating-create-btn:hover[b-ulpiu63n8t] {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 14px 32px rgba(0, 103, 71, .45);
}

/* ── Skeleton ── */
.loading-skeleton[b-ulpiu63n8t] {
    border-radius: 11px;
    background: linear-gradient(90deg, #eef2f0 25%, #e2e9e5 50%, #eef2f0 75%);
    background-size: 200% 100%;
    animation: tl-skeleton-b-ulpiu63n8t 1.5s infinite;
}
.skeleton-card[b-ulpiu63n8t] {
    height: 215px;
    border: 1px solid #dce7e0;
    border-radius: 16px;
}
@keyframes tl-skeleton-b-ulpiu63n8t {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* ── RTL ── */
[dir="rtl"] .task-input-icon[b-ulpiu63n8t] {
    inset-inline-start: auto;
    inset-inline-end: .85rem;
}
[dir="rtl"] .task-input-with-icon[b-ulpiu63n8t] {
    padding-inline-start: .75rem;
    padding-inline-end: 2.4rem;
}

/* ── Responsive ── */
@media (max-width: 1200px) {
    .task-stats[b-ulpiu63n8t] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .task-filters-grid[b-ulpiu63n8t] { grid-template-columns: 1fr 1fr 1fr; }
    .task-filters-grid .filter-field:first-child[b-ulpiu63n8t] { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
    .task-management-container[b-ulpiu63n8t] { padding: .9rem .85rem 2rem; }
    .task-header[b-ulpiu63n8t] { padding: 1.25rem; border-radius: 14px; }
    .task-stats[b-ulpiu63n8t] { grid-template-columns: 1fr 1fr; gap: .65rem; }
    .task-stat-number[b-ulpiu63n8t] { font-size: 1.7rem; }
    .task-filters-grid[b-ulpiu63n8t] { grid-template-columns: 1fr; }
    .task-grid[b-ulpiu63n8t] { grid-template-columns: 1fr; }
    .filter-actions[b-ulpiu63n8t] { justify-content: flex-end; }
    .floating-create-btn[b-ulpiu63n8t] { inset-inline-end: 1rem; bottom: 1rem; }
}
/* _content/SafinAhmedERP.Web/Components/Pages/Tasks/TaskSetting.razor.rz.scp.css */
/* Task Settings Specific Styles */
.settings-container[b-a4b2u7lpbs] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.25rem;
    background: #f0f4f3;
    min-height: calc(100vh - 80px);
}

.settings-header[b-a4b2u7lpbs] {
    background: linear-gradient(145deg, #006747 0%, #005038 45%, #003d2c 100%);
    color: white;
    padding: 1.75rem 2rem;
    border-radius: 20px;
    margin-bottom: 1.5rem;
    box-shadow: 0 12px 32px rgba(0, 60, 40, .28);
    position: relative;
    overflow: hidden;
}

.settings-header[b-a4b2u7lpbs]::before {
    content: '';
    position: absolute;
    top: -100px;
    inset-inline-end: -60px;
    width: 260px;
    height: 260px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.settings-breadcrumb[b-a4b2u7lpbs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    opacity: 0.9;
}

.settings-breadcrumb a[b-a4b2u7lpbs] {
    color: white;
    text-decoration: none;
}

.settings-breadcrumb a:hover[b-a4b2u7lpbs] {
    text-decoration: underline;
}

.settings-title[b-a4b2u7lpbs] {
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.settings-subtitle[b-a4b2u7lpbs] {
    margin: 0.5rem 0 0 0;
    opacity: 0.9;
    font-size: 1.1rem;
}

.settings-tabs[b-a4b2u7lpbs] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.settings-tab[b-a4b2u7lpbs] {
    padding: 0.5rem 1.5rem;
    background: rgba(255, 255, 255, 0.1);
    border-radius: var(--border-radius-md);
    cursor: pointer;
    transition: all var(--transition-fast);
    font-weight: 500;
}

.settings-tab:hover[b-a4b2u7lpbs] {
    background: rgba(255, 255, 255, 0.2);
}

.settings-tab.active[b-a4b2u7lpbs] {
    background: white;
    color: var(--primary-color);
}

.settings-section[b-a4b2u7lpbs] {
    background: white;
    border-radius: var(--border-radius-lg);
    box-shadow: var(--shadow-md);
    overflow: hidden;
    margin-bottom: 2rem;
}

.section-header[b-a4b2u7lpbs] {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-title[b-a4b2u7lpbs] {
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.section-icon[b-a4b2u7lpbs] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0, 103, 71, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 1rem;
}

.section-actions[b-a4b2u7lpbs] {
    display: flex;
    gap: 1rem;
}

.section-btn[b-a4b2u7lpbs] {
    padding: 0.5rem 1rem;
    border-radius: var(--border-radius-md);
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: none;
}

.section-btn-primary[b-a4b2u7lpbs] {
    background: var(--primary-color);
    color: white;
}

.section-btn-primary:hover[b-a4b2u7lpbs] {
    background: #005339;
    transform: translateY(-2px);
}

.section-content[b-a4b2u7lpbs] {
    padding: 2rem;
}

.status-grid[b-a4b2u7lpbs], .priority-grid[b-a4b2u7lpbs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.status-card[b-a4b2u7lpbs], .priority-card[b-a4b2u7lpbs] {
    background: var(--background-color);
    border-radius: var(--border-radius-md);
    overflow: hidden;
    transition: all var(--transition-fast);
    border: 1px solid var(--border-color);
}

.status-card:hover[b-a4b2u7lpbs], .priority-card:hover[b-a4b2u7lpbs] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-sm);
}

.status-card-header[b-a4b2u7lpbs], .priority-card-header[b-a4b2u7lpbs] {
    padding: 1rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.status-name[b-a4b2u7lpbs], .priority-name[b-a4b2u7lpbs] {
    font-weight: 600;
    color: var(--dark-color);
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.status-color[b-a4b2u7lpbs], .priority-color[b-a4b2u7lpbs] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.status-actions[b-a4b2u7lpbs], .priority-actions[b-a4b2u7lpbs] {
    display: flex;
    gap: 0.5rem;
}

.status-btn[b-a4b2u7lpbs], .priority-btn[b-a4b2u7lpbs] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    transition: all var(--transition-fast);
    background: white;
    color: var(--text-light);
}

.status-btn:hover[b-a4b2u7lpbs], .priority-btn:hover[b-a4b2u7lpbs] {
    background: var(--primary-color);
    color: white;
}

.status-card-body[b-a4b2u7lpbs], .priority-card-body[b-a4b2u7lpbs] {
    padding: 1rem;
}

.status-details[b-a4b2u7lpbs], .priority-details[b-a4b2u7lpbs] {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 0.5rem;
}

.status-detail-label[b-a4b2u7lpbs], .priority-detail-label[b-a4b2u7lpbs] {
    font-weight: 500;
    color: var(--text-light);
    font-size: 0.9rem;
}

.status-detail-value[b-a4b2u7lpbs], .priority-detail-value[b-a4b2u7lpbs] {
    font-size: 0.9rem;
    color: var(--dark-color);
}

.status-badges[b-a4b2u7lpbs], .priority-badges[b-a4b2u7lpbs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.status-badge[b-a4b2u7lpbs], .priority-badge[b-a4b2u7lpbs] {
    padding: 0.25rem 0.5rem;
    border-radius: var(--border-radius-sm);
    font-size: 0.8rem;
    background: rgba(0, 103, 71, 0.1);
    color: var(--primary-color);
}

/* Form styles for modal dialogs */
.modal-backdrop[b-a4b2u7lpbs] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-container[b-a4b2u7lpbs] {
    background: white;
    border-radius: var(--border-radius-lg);
    width: 100%;
    max-width: 500px;
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    animation: modalFadeIn-b-a4b2u7lpbs 0.3s ease-out;
}

@keyframes modalFadeIn-b-a4b2u7lpbs {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-a4b2u7lpbs] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-a4b2u7lpbs] {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--dark-color);
}

.modal-close[b-a4b2u7lpbs] {
    background: transparent;
    border: none;
    color: var(--text-light);
    font-size: 1.2rem;
    cursor: pointer;
}

.modal-body[b-a4b2u7lpbs] {
    padding: 1.5rem;
}

.modal-footer[b-a4b2u7lpbs] {
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--border-color);
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

.modal-btn[b-a4b2u7lpbs] {
    padding: 0.5rem 1.5rem;
    border-radius: var(--border-radius-md);
    font-weight: 500;
    cursor: pointer;
    transition: all var(--transition-fast);
    border: none;
}

.modal-btn-primary[b-a4b2u7lpbs] {
    background: var(--primary-color);
    color: white;
}

.modal-btn-primary:hover[b-a4b2u7lpbs] {
    background: #005339;
}

.modal-btn-secondary[b-a4b2u7lpbs] {
    background: var(--tertiary-color);
    color: var(--dark-color);
}

.modal-btn-secondary:hover[b-a4b2u7lpbs] {
    background: #d6d6d6;
}

.form-grid[b-a4b2u7lpbs] {
    display: grid;
    gap: 1.5rem;
}

.form-grid-2[b-a4b2u7lpbs] {
    grid-template-columns: 1fr 1fr;
}

.form-field[b-a4b2u7lpbs] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.field-label[b-a4b2u7lpbs] {
    font-weight: 600;
    color: var(--dark-color);
    font-size: 0.95rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.field-label .required[b-a4b2u7lpbs] {
    color: var(--error-color);
}

.field-input[b-a4b2u7lpbs] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid var(--border-color);
    border-radius: var(--border-radius-md);
    font-size: 1rem;
    transition: all var(--transition-fast);
    background: white;
}

.field-input:focus[b-a4b2u7lpbs] {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 103, 71, 0.1);
}

.field-select[b-a4b2u7lpbs] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
}

.color-picker[b-a4b2u7lpbs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.color-option[b-a4b2u7lpbs] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    transition: all var(--transition-fast);
    border: 2px solid transparent;
}

.color-option.selected[b-a4b2u7lpbs] {
    transform: scale(1.1);
    border-color: var(--dark-color);
}

.color-option:hover[b-a4b2u7lpbs] {
    transform: scale(1.1);
}

/* Form validation */
.field-error[b-a4b2u7lpbs] {
    font-size: 0.85rem;
    color: var(--error-color);
    margin-top: 0.25rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .settings-container[b-a4b2u7lpbs] {
        padding: 1rem;
    }

    .settings-header[b-a4b2u7lpbs] {
        padding: 1.5rem;
    }

    .settings-title[b-a4b2u7lpbs] {
        font-size: 1.5rem;
    }

    .settings-tabs[b-a4b2u7lpbs] {
        flex-wrap: wrap;
    }

    .status-grid[b-a4b2u7lpbs], .priority-grid[b-a4b2u7lpbs] {
        grid-template-columns: 1fr;
    }

    .form-grid-2[b-a4b2u7lpbs] {
        grid-template-columns: 1fr;
    }
}
/* _content/SafinAhmedERP.Web/Components/Shared/EmailSettingsModal.razor.rz.scp.css */
.email-settings-modal-body[b-xevy765dk8] {
    max-height: min(70vh, 36rem);
    overflow-y: auto;
}

.email-settings-loading[b-xevy765dk8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 8rem;
    color: #65736d;
}

.email-settings-section[b-xevy765dk8] {
    margin-top: 1.25rem;
}

.email-settings-section:first-child[b-xevy765dk8] {
    margin-top: 0;
}

.email-settings-section-title[b-xevy765dk8] {
    margin: 0 0 0.65rem;
    font-size: 0.92rem;
    font-weight: 800;
    color: #1f2d28;
}

.email-settings-field-grid[b-xevy765dk8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.email-settings-field-grid label[b-xevy765dk8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin: 0;
    min-width: 0;
}

.email-settings-field-grid span[b-xevy765dk8] {
    color: #3d4b45;
    font-size: 0.76rem;
    font-weight: 800;
}

.email-settings-field-full[b-xevy765dk8] {
    grid-column: 1 / -1;
}

.email-settings-password-control[b-xevy765dk8] {
    position: relative;
}

.email-settings-password-control .form-control[b-xevy765dk8] {
    padding-inline-end: 2.9rem;
}

.email-settings-password-toggle[b-xevy765dk8] {
    position: absolute;
    inset-inline-end: 0.35rem;
    top: 50%;
    display: inline-flex;
    width: 2.15rem;
    height: 2.15rem;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.55rem;
    background: transparent;
    color: #52635c;
    transition: background-color 140ms ease, color 140ms ease;
}

.email-settings-password-toggle:hover:not(:disabled)[b-xevy765dk8],
.email-settings-password-toggle:focus-visible[b-xevy765dk8] {
    background: #e7f4ef;
    color: #087c5b;
    outline: none;
}

.email-settings-password-toggle:disabled[b-xevy765dk8] {
    cursor: wait;
    opacity: 0.65;
}

.email-settings-checkbox[b-xevy765dk8] {
    flex-direction: row !important;
    align-items: center;
    padding-top: 1.5rem;
    gap: 0.5rem !important;
}

.email-settings-feedback[b-xevy765dk8] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    margin-top: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid;
    border-radius: 0.75rem;
    font-size: 0.82rem;
    font-weight: 750;
    line-height: 1.45;
}

.email-settings-feedback i[b-xevy765dk8] {
    margin-top: 0.15rem;
}

.email-settings-feedback--success[b-xevy765dk8] {
    border-color: #9ed9c2;
    background: #eaf8f2;
    color: #076448;
}

.email-settings-feedback--error[b-xevy765dk8] {
    border-color: #efb1b1;
    background: #fff0f0;
    color: #a82424;
}

@media (max-width: 576px) {
    .email-settings-field-grid[b-xevy765dk8] {
        grid-template-columns: 1fr;
    }
}
/* _content/SafinAhmedERP.Web/Components/SplashScreen.razor.rz.scp.css */
.splash-container[b-da5e295yit] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    min-height: 100vh;
    padding: 2rem;
    overflow: hidden;
    direction: ltr;
    background:
        radial-gradient(circle at 50% 38%, rgba(0, 103, 71, 0.12), transparent 23rem),
        linear-gradient(135deg, #ffffff 0%, #f6faf8 48%, #edf4f0 100%);
}

.splash-container[b-da5e295yit]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(0, 103, 71, 0.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 103, 71, 0.035) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: radial-gradient(circle at center, #000 0%, transparent 72%);
    pointer-events: none;
}

.bg-decoration[b-da5e295yit] {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.brand-beam[b-da5e295yit] {
    position: absolute;
    border-radius: 999px;
    filter: blur(34px);
    opacity: 0.32;
}

.beam-primary[b-da5e295yit] {
    width: 30rem;
    height: 11rem;
    top: 14%;
    right: -10rem;
    background: rgba(0, 103, 71, 0.16);
    transform: rotate(-14deg);
}

.beam-secondary[b-da5e295yit] {
    width: 26rem;
    height: 10rem;
    left: -9rem;
    bottom: 15%;
    background: rgba(167, 196, 188, 0.28);
    transform: rotate(-18deg);
}

.grid-overlay[b-da5e295yit] {
    display: none;
}

.splash-content[b-da5e295yit] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.75rem;
    width: min(88vw, 340px);
    text-align: center;
    animation: splashIn-b-da5e295yit 420ms ease-out both;
}

.logo-container[b-da5e295yit] {
    margin: 0;
}

.logo-wrapper[b-da5e295yit] {
    width: min(48vw, 220px);
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.platform-logo[b-da5e295yit] {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 22px 30px rgba(0, 103, 71, 0.14));
}

.loading-section[b-da5e295yit] {
    display: grid;
    place-items: center;
    margin: 0;
}

.circle-loader[b-da5e295yit] {
    width: 30px;
    height: 30px;
    border: 3px solid rgba(0, 103, 71, 0.14);
    border-top-color: #006747;
    border-radius: 50%;
    animation: loaderSpin-b-da5e295yit 820ms linear infinite;
}

.splash-version[b-da5e295yit] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 1.5rem;
    z-index: 1;
    color: #7f918a;
    font-family: 'Tajawal', 'IBM Plex Sans Arabic', 'Segoe UI', sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-align: center;
}

.sr-only[b-da5e295yit] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@keyframes splashIn-b-da5e295yit {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes loaderSpin-b-da5e295yit {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) {
    .splash-content[b-da5e295yit] {
        gap: 1.6rem;
        width: min(88vw, 300px);
    }

    .logo-wrapper[b-da5e295yit] {
        width: min(68vw, 200px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .splash-content[b-da5e295yit],
    .circle-loader[b-da5e295yit] {
        animation: none;
    }
}
/* _content/SafinAhmedERP.Web/Components/UI/AccessDeniedPanel.razor.rz.scp.css */
.access-denied[b-n1to2bz7kp] {
    --ad-green: #006747;
    --ad-green-light: #0ea572;
    --ad-bg: #f0f4f2;
    --ad-surface: #ffffff;
    --ad-text: #0f1a14;
    --ad-muted: #5c7168;
    --ad-border: rgba(15, 26, 20, 0.08);
    --ad-shadow: 0 8px 32px rgba(0, 55, 35, 0.1);
    --ad-radius: 20px;

    width: 100%;
}

.access-denied--full[b-n1to2bz7kp] {
    min-height: min(520px, calc(100vh - 180px));
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.25rem;
    background: var(--ad-bg);
    border-radius: var(--ad-radius);
}

.access-denied--compact[b-n1to2bz7kp] {
    padding: 1.5rem 1rem;
}

.access-denied--compact .access-denied__card[b-n1to2bz7kp] {
    max-width: 100%;
    padding: 1.75rem 1.5rem;
}

.access-denied__card[b-n1to2bz7kp] {
    width: 100%;
    max-width: 440px;
    margin: 0 auto;
    padding: 2.25rem 2rem 2rem;
    background: var(--ad-surface);
    border: 1px solid var(--ad-border);
    border-radius: var(--ad-radius);
    box-shadow: var(--ad-shadow);
    text-align: center;
}

.access-denied__icon-wrap[b-n1to2bz7kp] {
    width: 72px;
    height: 72px;
    margin: 0 auto 1.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, rgba(0, 103, 71, 0.12), rgba(14, 165, 114, 0.08));
    color: var(--ad-green);
    font-size: 1.75rem;
    border: 1px solid rgba(0, 103, 71, 0.12);
}

.access-denied__title[b-n1to2bz7kp] {
    margin: 0 0 0.65rem;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--ad-text);
    letter-spacing: -0.02em;
}

.access-denied__message[b-n1to2bz7kp] {
    margin: 0 0 1rem;
    font-size: 0.95rem;
    line-height: 1.55;
    color: var(--ad-muted);
}

.access-denied__feature[b-n1to2bz7kp] {
    margin: 0 0 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--ad-green);
}

.access-denied__permission[b-n1to2bz7kp] {
    margin: 0 0 1rem;
    padding: 0.85rem 1rem;
    background: rgba(0, 103, 71, 0.04);
    border: 1px dashed rgba(0, 103, 71, 0.18);
    border-radius: 12px;
}

.access-denied__permission-label[b-n1to2bz7kp] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--ad-muted);
    margin-bottom: 0.5rem;
}

.access-denied__permission-values[b-n1to2bz7kp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}

.access-denied__chip[b-n1to2bz7kp] {
    display: inline-block;
    padding: 0.25rem 0.65rem;
    font-size: 0.8125rem;
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    color: var(--ad-green);
    background: #fff;
    border: 1px solid rgba(0, 103, 71, 0.2);
    border-radius: 8px;
}

.access-denied__chip--action[b-n1to2bz7kp] {
    color: #1e5a45;
    background: rgba(14, 165, 114, 0.1);
}

.access-denied__arrow[b-n1to2bz7kp] {
    font-size: 0.65rem;
    color: var(--ad-muted);
    opacity: 0.7;
}

[dir="rtl"] .access-denied__arrow.fa-chevron-right[b-n1to2bz7kp] {
    transform: scaleX(-1);
}

.access-denied__hint[b-n1to2bz7kp] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.45rem;
    margin: 0 0 1.5rem;
    padding: 0.75rem 0.85rem;
    font-size: 0.8125rem;
    line-height: 1.5;
    color: var(--ad-muted);
    background: #f8faf9;
    border-radius: 10px;
    text-align: start;
}

.access-denied__hint i[b-n1to2bz7kp] {
    margin-top: 0.15rem;
    color: var(--ad-green-light);
    flex-shrink: 0;
}

.access-denied__actions[b-n1to2bz7kp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: center;
}

.access-denied__btn[b-n1to2bz7kp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 130px;
    padding: 0.6rem 1.15rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 10px;
    border: none;
    cursor: pointer;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.access-denied__btn:active[b-n1to2bz7kp] {
    transform: scale(0.98);
}

.access-denied__btn--primary[b-n1to2bz7kp] {
    color: #fff;
    background: linear-gradient(145deg, var(--ad-green), var(--ad-green-light));
    box-shadow: 0 4px 14px rgba(0, 103, 71, 0.28);
}

.access-denied__btn--primary:hover[b-n1to2bz7kp] {
    box-shadow: 0 6px 18px rgba(0, 103, 71, 0.35);
}

.access-denied__btn--secondary[b-n1to2bz7kp] {
    color: var(--ad-text);
    background: #fff;
    border: 1px solid var(--ad-border);
}

.access-denied__btn--secondary:hover[b-n1to2bz7kp] {
    background: #f8faf9;
}

@media (max-width: 480px) {
    .access-denied__card[b-n1to2bz7kp] {
        padding: 1.75rem 1.25rem;
    }

    .access-denied__actions[b-n1to2bz7kp] {
        flex-direction: column;
    }

    .access-denied__btn[b-n1to2bz7kp] {
        width: 100%;
    }
}
/* _content/SafinAhmedERP.Web/Components/UI/GlobalUnitToggle.razor.rz.scp.css */
.unit-toggle[b-z3kt6bigzp] {
    margin-bottom: 0rem;
}

.unit-toggle .btn[b-z3kt6bigzp] {
    min-width: 80px;
}
/* _content/SafinAhmedERP.Web/Components/UI/LogoutButton.razor.rz.scp.css */
button[b-jijinsa59p] {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #ffffff !important;
}

button:hover:not(:disabled)[b-jijinsa59p] {
    background: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #ffffff !important;
}

button i[b-jijinsa59p] {
    transform: scaleX(-1);
}
/* _content/SafinAhmedERP.Web/Components/UI/PageHeader.razor.rz.scp.css */
.page-header[b-hkmys0nv6y] {
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    flex: 0 0 auto;
    flex-shrink: 0;
    min-height: 0;
}

.page-title[b-hkmys0nv6y] {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
}

.page-subtitle[b-hkmys0nv6y] {
    font-size: 0.8rem;
    color: #6b7280;
}

.page-header i[b-hkmys0nv6y] {
    font-size: 1rem;
}
/* _content/SafinAhmedERP.Web/Components/UI/UnifiedDataTable.razor.rz.scp.css */
/* ============================================================
   UNIFIED DATA TABLE — Desktop Grid Style
   Mimics WinForms DataGridView: compact rows, full grid lines,
   alternating row colours, left-aligned text.
   ============================================================ */

.unified-data-table[b-n1fv8uicid] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
    background: var(--card-bg-color, #fff);
    border: 1px solid #b8cdc8;
    border-radius: 3px;
}

/* ── Selection column ── */
.udt-select-col[b-n1fv8uicid] {
    width: 36px;
    min-width: 36px;
    text-align: center !important;
    vertical-align: middle;
}

.udt-select-col .form-check-input[b-n1fv8uicid] {
    position: static !important;
    float: none !important;
    margin: 0 !important;
    flex-shrink: 0;
    cursor: pointer;
}

/* Selected row */
.unified-data-table tr.udt-row-selected td[b-n1fv8uicid] {
    background-color: #b8ddd0 !important;
    color: #00311c !important;
}

/* ── Toolbar ── */
.udt-toolbar[b-n1fv8uicid] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.75rem;
    background: #edf2f0;
    border-bottom: 1px solid #c5d4d0;
    flex-shrink: 0;
}

.udt-toolbar-actions[b-n1fv8uicid] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.udt-column-visibility[b-n1fv8uicid] {
    margin-inline-start: auto;
}

/* ── Search ── */
.udt-search[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1 1 200px;
    max-width: 360px;
}

.udt-search-input-wrap[b-n1fv8uicid] {
    position: relative;
    flex: 1;
    min-width: 0;
}

.udt-search-input-wrap i[b-n1fv8uicid] {
    position: absolute;
    left: 0.55rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6b8a85;
    font-size: 0.72rem;
    pointer-events: none;
}

html[dir="rtl"] .udt-search-input-wrap i[b-n1fv8uicid] {
    left: auto;
    right: 0.55rem;
}

.udt-search-input[b-n1fv8uicid] {
    width: 100%;
    height: 28px;
    padding: 0 0.55rem 0 1.65rem;
    font-size: 0.8rem;
    color: #1a2e28;
    background: #fff;
    border: 1px solid #b8cdc8;
    border-radius: 2px;
    transition: border-color 0.15s, box-shadow 0.15s;
    box-sizing: border-box;
}

html[dir="rtl"] .udt-search-input[b-n1fv8uicid] {
    padding: 0 1.65rem 0 0.55rem;
}

.udt-search-input[b-n1fv8uicid]::placeholder {
    color: #9db5b0;
}

.udt-search-input:focus[b-n1fv8uicid] {
    outline: none;
    border-color: #006747;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.14);
    background: #fff;
}

.udt-search-btn[b-n1fv8uicid] {
    height: 28px;
    padding: 0 0.8rem;
    font-size: 0.78rem;
    font-weight: 600;
    color: #fff;
    background: var(--primary-color, #006747);
    border: 1px solid var(--primary-color, #006747);
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: opacity 0.15s;
}

.udt-search-btn:hover[b-n1fv8uicid] {
    opacity: 0.88;
}

.udt-search-btn:focus[b-n1fv8uicid] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.25);
}

/* ── Filters ── */
.udt-filters[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.udt-filter-wrap[b-n1fv8uicid] {
    display: inline-flex;
}

/* All toolbar controls share one size */
.udt-toolbar .udt-toolbar-btn[b-n1fv8uicid],
.udt-toolbar .udt-filter-wrap select[b-n1fv8uicid],
.udt-toolbar select.udt-filter-select[b-n1fv8uicid],
.udt-toolbar input[type="date"].udt-filter-select[b-n1fv8uicid] {
    height: 28px;
    min-width: 110px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #1a2e28;
    background-color: #fff;
    border: 1px solid #b8cdc8;
    border-radius: 2px;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.udt-toolbar .udt-toolbar-btn[b-n1fv8uicid] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.6rem;
    cursor: pointer;
}

.udt-toolbar .udt-filter-wrap select[b-n1fv8uicid],
.udt-toolbar select.udt-filter-select[b-n1fv8uicid] {
    padding: 0 1.7rem 0 0.6rem;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath fill='%2364748b' d='M5.5 7.5L1 2.5h9z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.55rem center;
}

html[dir="rtl"] .udt-toolbar .udt-filter-wrap select[b-n1fv8uicid],
html[dir="rtl"] .udt-toolbar select.udt-filter-select[b-n1fv8uicid] {
    padding: 0 0.6rem 0 1.7rem;
    background-position: left 0.55rem center;
}

.udt-toolbar input[type="date"].udt-filter-select[b-n1fv8uicid] {
    padding: 0 0.3rem 0 0.55rem;
    background-image: none;
    color: #1a2e28;
}

html[dir="rtl"] .udt-toolbar input[type="date"].udt-filter-select[b-n1fv8uicid] {
    padding: 0 0.55rem 0 0.3rem;
}

.udt-toolbar .udt-toolbar-btn:hover[b-n1fv8uicid],
.udt-toolbar .udt-filter-wrap select:hover[b-n1fv8uicid],
.udt-toolbar select.udt-filter-select:hover[b-n1fv8uicid] {
    border-color: #006747;
    background-color: #f0f8f5;
}

.udt-toolbar .udt-toolbar-btn:focus[b-n1fv8uicid],
.udt-toolbar .udt-filter-wrap select:focus[b-n1fv8uicid],
.udt-toolbar select.udt-filter-select:focus[b-n1fv8uicid],
.udt-toolbar input[type="date"].udt-filter-select:focus[b-n1fv8uicid] {
    outline: none;
    border-color: #006747;
    box-shadow: 0 0 0 2px rgba(0, 103, 71, 0.14);
    background-color: #fff;
}

.udt-toolbar .udt-chevron[b-n1fv8uicid] {
    font-size: 0.6rem;
    opacity: 0.7;
    transition: transform 0.2s;
    margin-inline-start: 0.3rem;
}

.udt-toolbar-btn-active .udt-chevron[b-n1fv8uicid] {
    transform: rotate(180deg);
}

/* Column-visibility dropdown */
.udt-column-visibility[b-n1fv8uicid] {
    position: relative;
}

.udt-dropdown-menu[b-n1fv8uicid] {
    min-width: 180px;
    padding: 0.35rem;
    background: #fff;
    border: 1px solid #b8cdc8;
    border-radius: 3px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

.udt-column-visibility .udt-dropdown-show[b-n1fv8uicid] {
    position: absolute;
    top: calc(100% + 3px);
    right: 0;
    z-index: 200;
}

html[dir="rtl"] .udt-column-visibility .udt-dropdown-show[b-n1fv8uicid] {
    right: auto;
    left: 0;
}

.udt-column-item[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.55rem;
    font-size: 0.8rem;
    color: #1a2e28;
    cursor: pointer;
    border-radius: 2px;
}

.udt-column-item:hover[b-n1fv8uicid] {
    background: #edf5f2;
}

.udt-column-item input[b-n1fv8uicid] {
    width: 13px;
    height: 13px;
    accent-color: var(--primary-color, #006747);
    cursor: pointer;
}

/* ── Table wrapper ── */
.udt-table-wrapper[b-n1fv8uicid] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.udt-table-wrapper table[b-n1fv8uicid] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

/* ── Header — desktop DataGrid header ── */
.udt-table-wrapper thead[b-n1fv8uicid] {
    position: sticky;
    top: 0;
    z-index: 10;
}

.udt-table-wrapper thead th[b-n1fv8uicid] {
    white-space: nowrap;
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #0d2820;
    background: #cdddd8;
    border: 1px solid #a8c0bb;
    text-align: start;
    user-select: none;
    letter-spacing: 0.01em;
    line-height: 1.4;
}

/* ── Body cells — full grid lines ── */
.udt-table-wrapper tbody td[b-n1fv8uicid] {
    padding: 0.35rem 0.6rem;
    font-size: 0.8125rem;
    color: #1a2e28;
    border: 1px solid #d4e0dc;
    vertical-align: middle;
    text-align: start;
    line-height: 1.4;
}

/* Alternating row colours — like DataGridView default */
.udt-table-wrapper tbody tr:nth-child(odd) td[b-n1fv8uicid] {
    background-color: #ffffff;
}

.udt-table-wrapper tbody tr:nth-child(even) td[b-n1fv8uicid] {
    background-color: #f0f7f4;
}

/* Hover — highlight full row */
.udt-table-wrapper tbody tr:hover td[b-n1fv8uicid] {
    background-color: #ddf0e9 !important;
}

/* Clickable cursor */
.udt-row-clickable[b-n1fv8uicid] {
    cursor: pointer;
}

/* ── Compact all content inside cells ── */

/* Buttons inside cells */
.udt-table-wrapper tbody td .btn[b-n1fv8uicid],
.udt-table-wrapper tbody td button:not(.dropdown-item)[b-n1fv8uicid] {
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;
    padding: 0 0.55rem !important;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    border-radius: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

/* Icon-only buttons */
.udt-table-wrapper tbody td .btn-icon-only[b-n1fv8uicid],
.udt-table-wrapper tbody td button.btn-icon-only[b-n1fv8uicid] {
    width: 26px !important;
    padding: 0 !important;
}

/* Badges / pills / status chips inside cells */
.udt-table-wrapper tbody td .badge[b-n1fv8uicid],
.udt-table-wrapper tbody td [class*="badge"][b-n1fv8uicid],
.udt-table-wrapper tbody td [class*="status"][b-n1fv8uicid],
.udt-table-wrapper tbody td .pill[b-n1fv8uicid],
.udt-table-wrapper tbody td [class*="pill"][b-n1fv8uicid],
.udt-table-wrapper tbody td [class*="chip"][b-n1fv8uicid],
.udt-table-wrapper tbody td span.rounded-pill[b-n1fv8uicid],
.udt-table-wrapper tbody td span.rounded[b-n1fv8uicid] {
    padding: 0.1rem 0.5rem !important;
    font-size: 0.72rem !important;
    line-height: 1.4 !important;
    border-radius: 3px !important;
}

/* ── Actions column ── */
.udt-table-wrapper thead th.udt-actions-col[b-n1fv8uicid],
.udt-table-wrapper tbody td.table-actions[b-n1fv8uicid] {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center !important;
}

/* Fixed-layout tables: give actions column an explicit starting width so it
   can be resized the same as any other column. */
.udt-resizable .udt-table-wrapper col.udt-actions-col-width[b-n1fv8uicid] {
    width: 7rem;
}

.udt-table-wrapper tbody td.table-actions > *[b-n1fv8uicid] {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
}

/* ── Sort ── */
.udt-sortable-th[b-n1fv8uicid] {
    cursor: pointer;
}

.udt-sortable-th:hover[b-n1fv8uicid] {
    background: #b8d0ca !important;
}

.sort-icon[b-n1fv8uicid] {
    opacity: 0.75;
    margin-inline-start: 0.2rem;
    font-size: 0.7rem;
}

/* ── Column resize ── */
.unified-data-table.udt-resizable .udt-table-wrapper thead th[b-n1fv8uicid] {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-inline-end: calc(0.6rem + 7px);
}

.unified-data-table.udt-resizable .udt-table-wrapper tbody td[b-n1fv8uicid] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0;
}

.unified-data-table.udt-resizable .udt-table-wrapper tbody td.table-actions[b-n1fv8uicid] {
    overflow: visible;
    text-overflow: clip;
    max-width: none;
}

.udt-resize-hint[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0.25rem 0.75rem 0;
    font-size: 0.72rem;
    color: #6b8a85;
    flex-shrink: 0;
}

.udt-resize-hint i[b-n1fv8uicid] {
    color: #006747;
}

/* ::deep so styles reach the JS-injected handle spans.
   10 px hit area centered on the border (5 px each side).
   No visible bar — only the col-resize cursor, like WinForms DGV.
   The extra width (vs 8 px) ensures very narrow columns (~5 px) are still grabbable
   from the adjacent column's header territory. */
.unified-data-table.udt-resizable[b-n1fv8uicid]  .invoice-col-resize-handle {
    position: absolute;
    inset-inline-end: -5px;
    top: 0;
    width: 10px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
    z-index: 12;
}

/* Full-height indicator: invisible by default, shows on direct hover */
.unified-data-table.udt-resizable[b-n1fv8uicid]  .invoice-col-resize-handle::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 2px;
    height: 100%;
    background: transparent;
    transition: background 80ms ease;
}

.unified-data-table.udt-resizable[b-n1fv8uicid]  .invoice-col-resize-handle:hover::after {
    background: rgba(0, 103, 71, 0.65);
}

/* ── Bulk Action Bar ── */
.udt-bulk-bar[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.4rem 0.75rem;
    background: #006747;
    border-bottom: 1px solid #004d35;
    flex-shrink: 0;
    animation: udt-bulk-in-b-n1fv8uicid 0.16s ease-out;
}

@keyframes udt-bulk-in-b-n1fv8uicid {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

.udt-bulk-count[b-n1fv8uicid] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    white-space: nowrap;
    letter-spacing: 0.01em;
    flex-shrink: 0;
}

.udt-bulk-count i[b-n1fv8uicid] {
    font-size: 0.75rem;
    opacity: 0.75;
}

.udt-bulk-num[b-n1fv8uicid] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 20px;
    padding: 0 5px;
    background: rgba(255, 255, 255, 0.22);
    border-radius: 10px;
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0;
}

.udt-bulk-sep[b-n1fv8uicid] {
    width: 1px;
    height: 18px;
    background: rgba(255, 255, 255, 0.22);
    flex-shrink: 0;
}

.udt-bulk-actions[b-n1fv8uicid] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex: 1;
}

/* Standard button class for pages to use inside BulkActionsFragment */
.udt-bulk-bar .udt-bulk-btn[b-n1fv8uicid] {
    height: 26px;
    padding: 0 0.7rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: background 0.15s, border-color 0.15s;
}

.udt-bulk-bar .udt-bulk-btn:hover[b-n1fv8uicid] {
    background: rgba(255, 255, 255, 0.22);
    border-color: rgba(255, 255, 255, 0.65);
}

.udt-bulk-bar .udt-bulk-btn:focus[b-n1fv8uicid] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.35);
}

.udt-bulk-bar .udt-bulk-btn--danger[b-n1fv8uicid] {
    background: rgba(220, 53, 69, 0.18);
    border-color: rgba(220, 53, 69, 0.55);
}

.udt-bulk-bar .udt-bulk-btn--danger:hover[b-n1fv8uicid] {
    background: rgba(220, 53, 69, 0.33);
    border-color: rgba(220, 53, 69, 0.85);
}

.udt-bulk-clear[b-n1fv8uicid] {
    margin-inline-start: auto;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 0.78rem;
    color: rgba(255, 255, 255, 0.6);
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s, background 0.15s;
    flex-shrink: 0;
}

.udt-bulk-clear:hover[b-n1fv8uicid] {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.55);
    background: rgba(255, 255, 255, 0.1);
}

.udt-bulk-clear:focus[b-n1fv8uicid] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

/* Ctrl+C copy flash */
@keyframes udt-copy-flash-b-n1fv8uicid {
    0%   { background: #006747; }
    30%  { background: #009a6a; box-shadow: 0 0 0 2px rgba(0, 154, 106, 0.35); }
    100% { background: #006747; box-shadow: none; }
}

.udt-bulk-bar.udt-copy-flash[b-n1fv8uicid] {
    animation: udt-copy-flash-b-n1fv8uicid 0.9s ease-out forwards;
}

/* ── WinForms row-header column — Windows SystemColors.Control gray ── */
.udt-wf-rh-col[b-n1fv8uicid] {
    width: 20px;
    min-width: 20px;
}

/* Corner header (top-right in RTL, empty) */
.udt-wf-rh-th[b-n1fv8uicid] {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    padding: 0 !important;
    background: #F0F0F0 !important;
    border: 1px solid #C0C0C0 !important;
    cursor: pointer !important;
}

.udt-wf-rh-th:hover[b-n1fv8uicid] {
    background: #E0E0E0 !important;
}

/* Row header cells */
.udt-wf-rh-td[b-n1fv8uicid] {
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    padding: 0 !important;
    background: #F0F0F0;
    border-inline-end: 1px solid #C0C0C0 !important;
    cursor: default !important;
    position: relative;
    vertical-align: middle;
}

.udt-wf-rh-td:hover[b-n1fv8uicid] {
    background: #E8E8E8 !important;
}

/* ── WinForms-style selection ─────────────────────────────────────────────────
   Replicates DataGridView exact appearance:
   • Row header: Windows gray (#F0F0F0), 20 px
   • Triangle (▶/◄): current row ONLY — dark gray, not white
   • Selection: Windows SystemColors.Highlight blue (#0078D7), white text
   • Plain click = select single row; Ctrl = toggle; Shift = range
   ──────────────────────────────────────────────────────────────────────────── */

/* No text-selection; WinForms-style cursors */
.udt-wf-mode td[b-n1fv8uicid],
.udt-wf-mode th[b-n1fv8uicid] {
    user-select: none;
    -webkit-user-select: none;
}

.udt-wf-mode tbody td[b-n1fv8uicid] { cursor: default; }
.udt-wf-mode thead th[b-n1fv8uicid] { cursor: pointer; }

/* Triangle (▶) — shows ONLY for the current row (_wfRow), exactly like DGV */
.udt-wf-mode tr.udt-wf-row .udt-wf-rh-td[b-n1fv8uicid]::after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #303030;
}

html[dir="rtl"] .udt-wf-mode tr.udt-wf-row .udt-wf-rh-td[b-n1fv8uicid]::after {
    border-width: 4px 6px 4px 0;
    border-color: transparent #303030 transparent transparent;
}

/* ── 1. Selected rows — brand primary green ── */
.udt-wf-mode tr.udt-row-selected td[b-n1fv8uicid] {
    background-color: #006747 !important;
    color: #ffffff !important;
}

/* Selected row header — darker green strip */
.udt-wf-mode tr.udt-row-selected .udt-wf-rh-td[b-n1fv8uicid] {
    background: #004d33 !important;
}

/* Keep green even on hover */
.udt-wf-mode tbody tr.udt-row-selected:hover td[b-n1fv8uicid] {
    background-color: #006747 !important;
}

/* ── 2. Current-only row — no bg, just triangle ── */

/* ── 3. Selected cell — slightly lighter green + inner border ── */
.udt-wf-mode tbody td.udt-wf-cell[b-n1fv8uicid] {
    background-color: #008558 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}

/* ── 4. Column selected ── */
.udt-wf-mode tbody td.udt-wf-col-cell[b-n1fv8uicid] {
    background-color: #d4ede6 !important;
    color: #1a2e28 !important;
}

/* Selected column header */
.udt-wf-mode thead th.udt-wf-th[b-n1fv8uicid] {
    background-color: #006747 !important;
    color: #ffffff !important;
}

/* ── Empty state ── */
.udt-empty-state[b-n1fv8uicid] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1rem;
    color: #6b8a85;
    font-size: 0.875rem;
    text-align: center;
    border: 1px dashed #b8cdc8;
    margin: 0.75rem;
    border-radius: 3px;
}

/* ── Footer / Pagination ── */
.udt-footer[b-n1fv8uicid] {
    flex-shrink: 0;
    padding: 0.45rem 0.75rem;
    background: #edf2f0;
}

.udt-pagination-wrap[b-n1fv8uicid] {
    width: 100%;
}

.udt-pagination-wrap[b-n1fv8uicid]  .erp-pagination {
    margin: 0;
}

/* ── WF selection pierce — high-specificity ::deep rules that beat any page-level CSS ──
   Pages that set tbody td { background: X !important } break the generic selection rules.
   These rules use .unified-data-table (scoped) + ::deep to achieve (0,5,3) specificity,
   which beats any page-level ::deep rule that tops out at (0,4,2). ── */
.unified-data-table[b-n1fv8uicid]  .udt-table-wrapper.udt-wf-mode tbody tr.udt-row-selected td {
    background-color: #006747 !important;
    color: #ffffff !important;
}

.unified-data-table[b-n1fv8uicid]  .udt-table-wrapper.udt-wf-mode tbody tr.udt-row-selected:hover td {
    background-color: #006747 !important;
    color: #ffffff !important;
}

.unified-data-table[b-n1fv8uicid]  .udt-table-wrapper.udt-wf-mode tbody tr.udt-row-selected .udt-wf-rh-td {
    background: #004d33 !important;
}

.unified-data-table[b-n1fv8uicid]  .udt-table-wrapper.udt-wf-mode tbody td.udt-wf-cell {
    background-color: #008558 !important;
    color: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.45);
}
/* _content/SafinAhmedERP.Web/Components/UI/WfDataTable.razor.rz.scp.css */
/* ============================================================
   WfDataTable — reusable WinForms-DGV-style data table
   Same visual language as UnifiedDataTable (WF selection mode).
   Uses ::deep to pierce Blazor scoped CSS for header/cell
   content supplied by the parent page via RenderFragments.
   ============================================================ */

/* ── Outer card ─────────────────────────────────────────────── */
.wf-dt-card[b-toextm1yko] {
    border: 1px solid #b8cdc8;
    border-radius: 3px;
    overflow: hidden;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

/* ── Scrollable table wrapper ───────────────────────────────── */
.wf-dt-wrap[b-toextm1yko] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* ── Table ──────────────────────────────────────────────────── */
.wf-dt-table[b-toextm1yko] {
    width: 100%;
    margin-bottom: 0;
    border-collapse: collapse;
    user-select: none;
    -webkit-user-select: none;
}

/* Sticky header */
.wf-dt-table thead[b-toextm1yko] {
    position: sticky;
    top: 0;
    z-index: 2;
}

/* ── Row-header column ──────────────────────────────────────── */
.wf-dt-rh-col[b-toextm1yko] {
    width: 36px;
    min-width: 36px;
}

/* Corner header cell (top-left) */
.wf-dt-rh-th[b-toextm1yko] {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
    background: #b8ccc8 !important;
    border: 1px solid #a8c0bb !important;
    cursor: pointer !important;
    vertical-align: middle;
}

.wf-dt-rh-th:hover[b-toextm1yko] {
    background: #a0bcb6 !important;
}

/* Row-header data cell */
.wf-dt-rh-td[b-toextm1yko] {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
    background: #e8f0ee !important;
    border-inline-end: 1px solid #c5d4d0 !important;
    cursor: default !important;
    position: relative;
    vertical-align: middle;
}

.wf-dt-rh-td:hover[b-toextm1yko] {
    background: #d0e5dc !important;
}

/* ── Header cells (from parent RenderFragment) ──────────────── */
.wf-dt-table[b-toextm1yko]  thead th {
    white-space: nowrap;
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    font-weight: 700;
    color: #0d2820;
    background: #cdddd8;
    border: 1px solid #a8c0bb;
    text-align: start;
    letter-spacing: 0.01em;
    vertical-align: middle;
    position: relative;
}

/* Sortable column — add class wf-dt-sortable to <th> */
.wf-dt-table[b-toextm1yko]  thead th.wf-dt-sortable {
    cursor: pointer;
}

.wf-dt-table[b-toextm1yko]  thead th.wf-dt-sortable:hover {
    background: #b8d0ca !important;
}

/* ── Body cells (from parent RenderFragment) ────────────────── */
.wf-dt-table[b-toextm1yko]  tbody td {
    border: 1px solid #d4e0dc;
    color: #1a2e28;
    padding: 0.35rem 0.6rem;
    vertical-align: middle;
    text-align: start;
    white-space: nowrap;
    font-size: 0.8125rem;
    line-height: 1.4;
}

/* Alternating row colours */
.wf-dt-table[b-toextm1yko]  tbody tr:nth-child(odd) td {
    background-color: #ffffff;
}

.wf-dt-table[b-toextm1yko]  tbody tr:nth-child(even) td {
    background-color: #f0f7f4;
}

/* Row hover */
.wf-dt-table[b-toextm1yko]  tbody tr:hover td {
    background-color: #ddf0e9 !important;
}

/* ── WF: row selected ───────────────────────────────────────── */
.wf-dt-table[b-toextm1yko]  tr.wf-dt-row td {
    background-color: #b8ddd0 !important;
    color: #00311c !important;
}

/* Row-header cell of selected row — dark green + arrow */
.wf-dt-table[b-toextm1yko]  tr.wf-dt-row .wf-dt-rh-td {
    background: #006747 !important;
}

.wf-dt-table[b-toextm1yko]  tr.wf-dt-row .wf-dt-rh-td::after {
    content: "";
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #ffffff;
}

html[dir="rtl"] .wf-dt-table[b-toextm1yko]  tr.wf-dt-row .wf-dt-rh-td::after {
    border-width: 5px 7px 5px 0;
    border-color: transparent #ffffff transparent transparent;
}

/* ── WF: cell selected ──────────────────────────────────────── */
.wf-dt-table[b-toextm1yko]  tbody td.wf-dt-cell {
    background-color: #006747 !important;
    color: #ffffff !important;
}

/* ── WF: column selected ────────────────────────────────────── */
.wf-dt-table[b-toextm1yko]  tbody td.wf-dt-col-cell {
    background-color: #ddf0e9 !important;
}

.wf-dt-table[b-toextm1yko]  thead th.wf-dt-th {
    background-color: #5a9e8e !important;
    color: #ffffff !important;
}

/* ── Pagination footer ──────────────────────────────────────── */
.wf-dt-footer[b-toextm1yko] {
    flex-shrink: 0;
    padding: 0.45rem 0.75rem;
    background: #edf2f0;
    border-top: 1px solid #c5d4d0;
}

.wf-dt-pg-wrap[b-toextm1yko] {
    width: 100%;
}

.wf-dt-pg-wrap[b-toextm1yko]  .erp-pagination {
    margin: 0;
}
/* _content/SafinAhmedERP.Web/Components/UserProfile.razor.rz.scp.css */
.user-profile[b-66g8xtmcjy] {
    padding: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.user-profile-content[b-66g8xtmcjy] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.user-avatar[b-66g8xtmcjy] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

    .user-avatar img[b-66g8xtmcjy] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-initials[b-66g8xtmcjy] {
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
}

.user-info[b-66g8xtmcjy] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}

.user-name[b-66g8xtmcjy] {
    font-weight: 600;
    font-size: 0.75rem;
    color: white;
    margin-bottom: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role[b-66g8xtmcjy] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.6);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Collapsed state */
.user-profile.collapsed[b-66g8xtmcjy] {
    padding: 0.5rem;
}

.user-profile.collapsed .user-profile-content[b-66g8xtmcjy] {
    justify-content: center;
}

.user-profile.collapsed .user-info[b-66g8xtmcjy] {
    display: none;
}

.user-profile.collapsed .user-avatar[b-66g8xtmcjy] {
    width: 40px;
    height: 40px;
}

/* RTL Support */
[dir="rtl"] .user-info[b-66g8xtmcjy] {
    text-align: right;
}