/* /Components/AdminPurchaseOrderModal.razor.rz.scp.css */
.modal-backdrop[b-88bckpszvi] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    backdrop-filter: blur(2px);
}

.admin-po-modal[b-88bckpszvi] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    z-index: 1001;
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.modal-header[b-88bckpszvi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #005B94;
    color: white;
    flex-shrink: 0;
}

.header-title[b-88bckpszvi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.header-title i[b-88bckpszvi] {
    font-size: 1.5rem;
}

.btn-close-modal[b-88bckpszvi] {
    background: transparent;
    border: none;
    color: white;
    padding: 0.5rem;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.2s;
}

.btn-close-modal:hover[b-88bckpszvi] {
    background: rgba(255, 255, 255, 0.1);
}

.btn-close-modal i[b-88bckpszvi] {
    font-size: 1.25rem;
}

.modal-body[b-88bckpszvi] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
}

.loading-state[b-88bckpszvi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    color: #6b7280;
}

.spinner[b-88bckpszvi] {
    width: 40px;
    height: 40px;
    border: 3px solid #e5e7eb;
    border-top-color: #005B94;
    border-radius: 50%;
    animation: spin-b-88bckpszvi 1s linear infinite;
    margin-bottom: 1rem;
}

@keyframes spin-b-88bckpszvi {
    to { transform: rotate(360deg); }
}

/* Status Badges */
.status-badge[b-88bckpszvi] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-draft[b-88bckpszvi] {
    background: #f3f4f6;
    color: #6b7280;
}

.status-submitted[b-88bckpszvi] {
    background: #fef3c7;
    color: #92400e;
}

.status-approved[b-88bckpszvi] {
    background: #d1fae5;
    color: #065f46;
}

.status-partial[b-88bckpszvi] {
    background: #dbeafe;
    color: #1e40af;
}

.status-closed[b-88bckpszvi] {
    background: #e0e7ff;
    color: #3730a3;
}

/* PO Info Section */
.po-info-section[b-88bckpszvi] {
    background: #f8fafc;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
}

.info-grid[b-88bckpszvi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
}

.info-item[b-88bckpszvi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item label[b-88bckpszvi] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-item span[b-88bckpszvi] {
    font-size: 0.9375rem;
    color: #1f2937;
}

.info-item .form-control[b-88bckpszvi],
.info-item .form-select[b-88bckpszvi] {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* Notes Section */
.notes-section[b-88bckpszvi] {
    margin-bottom: 1.5rem;
}

.section-header[b-88bckpszvi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.section-header h4[b-88bckpszvi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
    margin: 0;
}

.section-header h4 i[b-88bckpszvi] {
    color: #005B94;
}

.btn-edit-notes[b-88bckpszvi] {
    background: transparent;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 0.375rem 0.625rem;
    cursor: pointer;
    color: #6b7280;
    transition: all 0.2s;
}

.btn-edit-notes:hover[b-88bckpszvi] {
    background: #f3f4f6;
    color: #374151;
}

.notes-text[b-88bckpszvi] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 0.75rem 1rem;
    margin: 0;
    color: #4b5563;
    white-space: pre-wrap;
    min-height: 60px;
}

.notes-section textarea[b-88bckpszvi] {
    font-size: 0.875rem;
}

.notes-actions[b-88bckpszvi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

/* Line Items Section */
.line-items-section[b-88bckpszvi] {
    margin-bottom: 1rem;
}

.line-items-section .section-header[b-88bckpszvi] {
    flex-wrap: wrap;
    gap: 0.5rem;
}

.totals[b-88bckpszvi] {
    display: flex;
    gap: 1.25rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.total-item strong[b-88bckpszvi] {
    color: #005B94;
}

.add-sku-row[b-88bckpszvi] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.add-sku-row .form-select[b-88bckpszvi] {
    flex: 1;
    font-size: 0.875rem;
}

.line-items-table[b-88bckpszvi] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
}

.line-items-table .table[b-88bckpszvi] {
    margin: 0;
    font-size: 0.875rem;
}

.line-items-table thead[b-88bckpszvi] {
    background: #f3f4f6;
}

.line-items-table th[b-88bckpszvi] {
    padding: 0.75rem 1rem;
    font-weight: 600;
    color: #374151;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e5e7eb;
}

.line-items-table td[b-88bckpszvi] {
    padding: 0.75rem 1rem;
    vertical-align: middle;
    border-bottom: 1px solid #f3f4f6;
}

.line-items-table tbody tr:last-child td[b-88bckpszvi] {
    border-bottom: none;
}

.line-items-table tbody tr:hover[b-88bckpszvi] {
    background: #f9fafb;
}

.description-cell[b-88bckpszvi] {
    color: #6b7280;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qty-input[b-88bckpszvi] {
    width: 80px;
    text-align: right;
}

.text-warning[b-88bckpszvi] {
    color: #f59e0b !important;
}

/* Modal Footer */
.modal-footer[b-88bckpszvi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.modal-footer .btn[b-88bckpszvi] {
    padding: 0.5rem 1.25rem;
    font-weight: 500;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.btn-primary[b-88bckpszvi] {
    background: #005B94;
    border-color: #005B94;
}

.btn-primary:hover[b-88bckpszvi] {
    background: #004a7a;
    border-color: #004a7a;
}

.btn-success[b-88bckpszvi] {
    background: #059669;
    border-color: #059669;
}

.btn-success:hover[b-88bckpszvi] {
    background: #047857;
    border-color: #047857;
}

.btn-outline-primary[b-88bckpszvi] {
    color: #005B94;
    border-color: #005B94;
}

.btn-outline-primary:hover[b-88bckpszvi] {
    background: #005B94;
    color: white;
}

.btn-danger[b-88bckpszvi] {
    padding: 0.25rem 0.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-po-modal[b-88bckpszvi] {
        width: 95%;
        max-height: 95vh;
    }

    .info-grid[b-88bckpszvi] {
        grid-template-columns: 1fr 1fr;
    }

    .totals[b-88bckpszvi] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .description-cell[b-88bckpszvi] {
        max-width: 120px;
    }

    .modal-footer[b-88bckpszvi] {
        flex-wrap: wrap;
    }

    .modal-footer .btn[b-88bckpszvi] {
        flex: 1;
        justify-content: center;
    }
}
/* /Components/BottomMenu.razor.rz.scp.css */
.global-bottom-menu[b-uhtcayy05s] {
    position: fixed;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: calc(100% - 32px);
    max-width: 480px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 24px;
    padding: 0 1rem;
    height: 64px;
    z-index: 2147480000;
    margin-bottom: env(safe-area-inset-bottom, 0px);
    transition: all 0.3s ease;
}

/* Desktop-only nav buttons - hidden by default (mobile-first) */
.menu-button.desktop-nav[b-uhtcayy05s] {
    display: none;
}

/* Style 2: Fade-Out Mask (Clean & Functional) */
.menu-style-fade[b-uhtcayy05s] {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.05);
    /* Slightly deeper shadow for better separation */
    box-shadow: 
        0 10px 15px -3px rgba(0, 0, 0, 0.1), 
        0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.bottom-menu-fade-mask[b-uhtcayy05s] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 160px; /* Taller to cover well behind the menu */
    background: linear-gradient(to top, rgba(241, 245, 249, 1) 40%, rgba(241, 245, 249, 0) 100%);
    pointer-events: none;
    z-index: 2147479999; /* Just below the menu (2147480000) */
}

.bottom-menu-fade-mask.hidden[b-uhtcayy05s] {
    display: none;
}

/* Style 3: Enhanced Elevation (Bold & Physical) */
.menu-style-elevation[b-uhtcayy05s] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    box-shadow: 
        0 20px 25px -5px rgba(0, 0, 0, 0.2), 
        0 10px 10px -5px rgba(0, 0, 0, 0.1);
}

.menu-separator[b-uhtcayy05s] {
    width: 1px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 0 0.25rem;
}

.menu-button[b-uhtcayy05s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    border: none;
    background: transparent;
    color: #64748b;
    border-radius: 12px; /* Slightly tighter radius */
    padding: 8px; /* Reduced padding */
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.menu-button i[b-uhtcayy05s] {
    font-size: 1.4rem;
    transition: transform 0.2s;
}

.menu-button:hover:not(:disabled)[b-uhtcayy05s] {
    background: rgba(0, 91, 148, 0.08);
    color: #005B94;
    transform: translateY(-2px);
}

.menu-button:active:not(:disabled)[b-uhtcayy05s] {
    transform: scale(0.95);
}

/* Primary Action Button (The "Color" pop) */
.menu-button.primary[b-uhtcayy05s] {
    background: linear-gradient(135deg, #005B94 0%, #004875 100%);
    color: white;
    padding: 0.6rem 1.25rem;
    border-radius: 20px;
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.3);
}

.menu-button.primary:hover:not(:disabled)[b-uhtcayy05s] {
    background: linear-gradient(135deg, #0069aa 0%, #005B94 100%);
    box-shadow: 0 6px 16px rgba(0, 91, 148, 0.4);
    color: white;
    transform: translateY(-2px);
}

.menu-button:disabled[b-uhtcayy05s] {
    opacity: 0.4;
    cursor: not-allowed;
    filter: grayscale(1);
}

.menu-button.soft-disabled[b-uhtcayy05s] {
    opacity: 0.5;
    cursor: pointer;
    background: #f3f4f6;
    color: #6b7280;
    pointer-events: auto !important;
}

.menu-button.soft-disabled:hover[b-uhtcayy05s] {
    background: #f3f4f6;
    color: #6b7280;
}

.menu-button.home[b-uhtcayy05s] {
    background: transparent;
    color: #64748b;
    min-width: 50px;
    padding: 0.4rem;
}

.menu-button.home i[b-uhtcayy05s] {
    font-size: 1.4rem;
}

.menu-button.home:hover[b-uhtcayy05s] {
    background: rgba(0, 91, 148, 0.08);
    color: #005B94;
}

/* Stack icon and label for nav buttons */
.menu-button.home[b-uhtcayy05s],
.menu-button.actions[b-uhtcayy05s],
.menu-button.toolbar-btn[b-uhtcayy05s] {
    flex-direction: column;
    gap: 2px;
    height: auto;
    padding: 4px 12px; /* Tighter vertical padding to fit in bar */
    min-width: 60px; /* Ensure good touch target width */
}

.menu-label[b-uhtcayy05s] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 1;
}

.nav-group[b-uhtcayy05s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.nav-group.left[b-uhtcayy05s] {
    justify-content: flex-start;
}

.nav-group.right[b-uhtcayy05s] {
    justify-content: flex-end;
}

.menu-button.toolbar-btn[b-uhtcayy05s] {
    background: transparent;
    color: #64748b;
    min-width: 50px;
    padding: 0.4rem;
    position: relative;
}

.menu-button.toolbar-btn i[b-uhtcayy05s] {
    font-size: 1.4rem;
}

.menu-button.toolbar-btn:hover:not(:disabled)[b-uhtcayy05s] {
    background: #f3f4f6;
    color: #1d4ed8;
}

.menu-button.toolbar-btn .badge[b-uhtcayy05s] {
    position: absolute;
    top: 4px;
    right: 4px;
    background: #dc3545;
    color: white;
    font-size: 0.6rem;
    padding: 2px 4px;
    border-radius: 6px;
    min-width: 14px;
}

.menu-button.btn-sync-orange[b-uhtcayy05s] {
    color: #F68D2E;
}

.menu-button.btn-sync-orange:hover:not(:disabled)[b-uhtcayy05s] {
    background: #fff3e0;
    color: #d97706;
}

.menu-button.btn-certify-green[b-uhtcayy05s] {
    color: #198754;
}

.menu-button.btn-certify-green:hover:not(:disabled)[b-uhtcayy05s] {
    background: #d1e7dd;
    color: #146c43;
}

/* Icon style: Light green fill with dark green border */
.menu-button.btn-certify-green i.bi-shield-fill-check[b-uhtcayy05s] {
    color: #d1e7dd;
    text-shadow: 
        -1px -1px 0 #198754,  
         1px -1px 0 #198754,
        -1px  1px 0 #198754,
         1px  1px 0 #198754;
}

.spin[b-uhtcayy05s] {
    animation: spin-b-uhtcayy05s 1s linear infinite;
}

@keyframes spin-b-uhtcayy05s {
    100% { transform: rotate(360deg); }
}

/* Center FAB */
.fab-center-wrapper[b-uhtcayy05s] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    width: 80px;
    flex-shrink: 0;
    margin-top: -32px; /* Break the plane */
    z-index: 10;
}

.fab-center[b-uhtcayy05s] {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    border: 4px solid #ffffff; /* Thicker, solid white border to merge with menu */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 6px 16px rgba(0, 91, 148, 0.25);
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    margin-bottom: 4px;
}

.fab-center:active[b-uhtcayy05s] {
    transform: scale(0.95);
}

.fab-center:disabled[b-uhtcayy05s] {
    opacity: 0.6;
    cursor: not-allowed;
    filter: grayscale(1);
}

.fab-main-icon[b-uhtcayy05s] {
    font-size: 2rem;
}

.fab-sync[b-uhtcayy05s] {
    background: linear-gradient(135deg, #005B94 0%, #004875 100%);
}

.fab-sync:hover[b-uhtcayy05s] {
    background: linear-gradient(135deg, #0069aa 0%, #005B94 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 91, 148, 0.35);
}

.fab-label[b-uhtcayy05s] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #64748b;
    text-align: center;
    white-space: nowrap;
}

/* Action Menu (Left) */
.action-menu-container[b-uhtcayy05s] {
    position: relative;
}

.action-picker-left[b-uhtcayy05s] {
    position: absolute;
    bottom: calc(100% + 16px);
    left: 0;
    background: white;
    border-radius: 16px;
    padding: 8px;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 180px;
    animation: slideUp-b-uhtcayy05s 0.2s ease-out;
    z-index: 100;
    border: 1px solid rgba(0,0,0,0.05);
}

.picker-item-left[b-uhtcayy05s] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: none;
    background: transparent;
    border-radius: 12px;
    color: #334155;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.2s;
    text-align: left;
    width: 100%;
    cursor: pointer;
    margin-bottom: 2px;
}

.picker-item-left i[b-uhtcayy05s] {
    font-size: 1.3rem;
    width: 24px;
    text-align: center;
    transition: color 0.2s;
}

/* Action Colors - Global (Used for FAB background) */
.action-install[b-uhtcayy05s] { background: linear-gradient(135deg, #005B94, #004a7c); }
.action-scrap[b-uhtcayy05s] { background: linear-gradient(135deg, #dc2626, #b91c1c); }
.action-return[b-uhtcayy05s] { background: linear-gradient(135deg, #f59e0b, #d97706); }
.action-transfer[b-uhtcayy05s] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }
.action-add[b-uhtcayy05s] { background: linear-gradient(135deg, #10b981, #059669); }

/* Picker Item Overrides - Reset background and apply text/icon colors */
.picker-item-left.action-install[b-uhtcayy05s],
.picker-item-left.action-scrap[b-uhtcayy05s],
.picker-item-left.action-return[b-uhtcayy05s],
.picker-item-left.action-transfer[b-uhtcayy05s],
.picker-item-left.action-add[b-uhtcayy05s] {
    background: transparent;
    color: #334155;
}

/* Icon Colors in Picker */
.picker-item-left.action-install i[b-uhtcayy05s] { color: #005B94; }
.picker-item-left.action-scrap i[b-uhtcayy05s] { color: #dc2626; }
.picker-item-left.action-return i[b-uhtcayy05s] { color: #d97706; }
.picker-item-left.action-transfer i[b-uhtcayy05s] { color: #7c3aed; }
.picker-item-left.action-add i[b-uhtcayy05s] { color: #059669; }

/* Hover States - Light Tint */
.picker-item-left.action-install:hover[b-uhtcayy05s] { background: rgba(0, 91, 148, 0.08); color: #005B94; }
.picker-item-left.action-scrap:hover[b-uhtcayy05s] { background: rgba(220, 38, 38, 0.08); color: #dc2626; }
.picker-item-left.action-return:hover[b-uhtcayy05s] { background: rgba(217, 119, 6, 0.08); color: #d97706; }
.picker-item-left.action-transfer:hover[b-uhtcayy05s] { background: rgba(124, 58, 237, 0.08); color: #7c3aed; }
.picker-item-left.action-add:hover[b-uhtcayy05s] { background: rgba(5, 150, 105, 0.08); color: #059669; }

/* Active/Selected State - Stronger Tint */
.picker-item-left.active.action-install[b-uhtcayy05s] { background: rgba(0, 91, 148, 0.15); color: #005B94; }
.picker-item-left.active.action-scrap[b-uhtcayy05s] { background: rgba(220, 38, 38, 0.15); color: #dc2626; }
.picker-item-left.active.action-return[b-uhtcayy05s] { background: rgba(217, 119, 6, 0.15); color: #d97706; }
.picker-item-left.active.action-transfer[b-uhtcayy05s] { background: rgba(124, 58, 237, 0.15); color: #7c3aed; }
.picker-item-left.active.action-add[b-uhtcayy05s] { background: rgba(5, 150, 105, 0.15); color: #059669; }

@keyframes slideUp-b-uhtcayy05s {
    from { opacity: 0; transform: translateY(10px) scale(0.95); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Desktop view - show additional nav buttons and compact layout */
@media (min-width: 768px) {
    .global-bottom-menu[b-uhtcayy05s] {
        max-width: 600px; /* Slightly wider but still contained */
    }

    /* Show desktop-only navigation buttons */
    .menu-button.desktop-nav[b-uhtcayy05s] {
        display: inline-flex;
        flex-direction: column;
        gap: 2px;
        height: auto;
        padding: 4px 12px;
        min-width: 60px;
        background: transparent;
        color: #64748b;
    }

    .menu-button.desktop-nav i[b-uhtcayy05s] {
        font-size: 1.4rem;
    }

    .menu-button.desktop-nav:hover[b-uhtcayy05s] {
        background: rgba(0, 91, 148, 0.08);
        color: #005B94;
    }

    .menu-button.desktop-nav.warehouse[b-uhtcayy05s] {
        color: #64748b;
    }

    .menu-button.desktop-nav.warehouse:hover[b-uhtcayy05s] {
        background: rgba(124, 58, 237, 0.08);
        color: #7c3aed;
    }

    .menu-button.desktop-nav.admin[b-uhtcayy05s] {
        color: #64748b;
    }

    .menu-button.desktop-nav.admin:hover[b-uhtcayy05s] {
        background: rgba(16, 185, 129, 0.08);
        color: #059669;
    }

    /* Tighter grouping for nav buttons */
    .nav-group[b-uhtcayy05s] {
        gap: 0.25rem;
    }
}

/* Larger desktop - keep it contained, don't stretch too wide */
@media (min-width: 1024px) {
    .global-bottom-menu[b-uhtcayy05s] {
        max-width: 650px; /* Cap the width */
    }
}
/* /Components/BottomNav.razor.rz.scp.css */
/* ========================================
   Mobile: Bottom Navigation (shown < 768px)
   ======================================== */
.app-nav[b-wtu0rgjmys] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #1e293b;
    border-top: 1px solid #334155;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
    padding: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    z-index: 99;
}

.nav-item[b-wtu0rgjmys] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.5rem 1rem;
    background: none;
    border: none;
    color: #94a3b8;
    font-size: 0.7rem;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 64px;
}

.nav-item i[b-wtu0rgjmys] {
    font-size: 1.25rem;
}

.nav-logo[b-wtu0rgjmys] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    margin-bottom: 2px;
    background: white;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.nav-item span[b-wtu0rgjmys] {
    font-weight: 500;
}

.nav-item:hover[b-wtu0rgjmys] {
    color: #e2e8f0;
}

.nav-item.active[b-wtu0rgjmys] {
    color: #ffffff;
}

.nav-item.active i[b-wtu0rgjmys] {
    font-weight: bold;
}

/* Desktop-only nav items - hidden on mobile bottom nav */
.nav-item.desktop-only[b-wtu0rgjmys] {
    display: none;
}

/* ========================================
   Desktop: Hide bottom nav entirely (>= 768px)
   Navigation is embedded in page headers instead
   ======================================== */
@media (min-width: 768px) {
    .app-nav[b-wtu0rgjmys] {
        display: none;
    }
}
/* /Components/DailyFormDetailModal.razor.rz.scp.css */
.daily-form-detail[b-h7umbzz8hk] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Form Summary */
.form-summary[b-h7umbzz8hk] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.summary-grid[b-h7umbzz8hk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.5rem 1.5rem;
}

.summary-row[b-h7umbzz8hk] {
    display: flex;
    gap: 0.75rem;
    align-items: baseline;
}

.summary-label[b-h7umbzz8hk] {
    font-weight: 600;
    color: #6c757d;
    min-width: 100px;
    font-size: 0.85rem;
}

.summary-value[b-h7umbzz8hk] {
    color: #333;
    font-size: 0.9rem;
}

.comments-section[b-h7umbzz8hk] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e9ecef;
}

.comments-text[b-h7umbzz8hk] {
    margin: 0.25rem 0 0 0;
    color: #333;
    font-size: 0.9rem;
    white-space: pre-wrap;
}

/* Status Badges */
.status-certified[b-h7umbzz8hk] {
    background-color: #d1fae5 !important;
    color: #065f46;
}

.status-draft[b-h7umbzz8hk] {
    background-color: #fef3c7 !important;
    color: #92400e;
}

/* Action Counts */
.action-counts[b-h7umbzz8hk] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
}

.action-counts h6[b-h7umbzz8hk] {
    margin: 0 0 0.75rem 0;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.counts-grid[b-h7umbzz8hk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.count-item[b-h7umbzz8hk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    background: #f8f9fa;
    border-radius: 6px;
}

.count-item.total[b-h7umbzz8hk] {
    background: #e7f3ff;
}

.count-label[b-h7umbzz8hk] {
    font-size: 0.7rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.count-value[b-h7umbzz8hk] {
    font-size: 1.1rem;
    font-weight: 600;
}

/* Activity Log */
.activity-log[b-h7umbzz8hk] {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding: 1rem;
}

.activity-log h6[b-h7umbzz8hk] {
    margin: 0 0 0.75rem 0;
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.activity-table-wrapper[b-h7umbzz8hk] {
    max-height: 400px;
    overflow-y: auto;
}

.activity-table-wrapper table[b-h7umbzz8hk] {
    font-size: 0.8rem;
    margin-bottom: 0;
}

.activity-table-wrapper th[b-h7umbzz8hk] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    position: sticky;
    top: 0;
    background: #fff;
}

.activity-table-wrapper td[b-h7umbzz8hk] {
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.time-cell[b-h7umbzz8hk] {
    white-space: nowrap;
    color: #6c757d;
    font-size: 0.75rem;
}

.sku-info[b-h7umbzz8hk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sku-code[b-h7umbzz8hk] {
    font-weight: 500;
}

.sku-desc[b-h7umbzz8hk] {
    font-size: 0.7rem;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-cell[b-h7umbzz8hk] {
    white-space: nowrap;
    font-size: 0.8rem;
}

.notes-cell[b-h7umbzz8hk] {
    max-width: 120px;
}

.notes-text[b-h7umbzz8hk] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* Action Badges */
.action-add[b-h7umbzz8hk] {
    background-color: #059669 !important;
    color: white;
}

.action-install[b-h7umbzz8hk] {
    background-color: #2563eb !important;
    color: white;
}

.action-return[b-h7umbzz8hk] {
    background-color: #F68D2E !important;
    color: white;
}

.action-scrap[b-h7umbzz8hk] {
    background-color: #dc2626 !important;
    color: white;
}

.action-transfer[b-h7umbzz8hk] {
    background-color: #7c3aed !important;
    color: white;
}

.action-other[b-h7umbzz8hk] {
    background-color: #6b7280 !important;
    color: white;
}

/* Loading/Empty States */
.loading-state[b-h7umbzz8hk],
.empty-state[b-h7umbzz8hk] {
    padding: 2rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.9rem;
}

.loading-state[b-h7umbzz8hk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

/* Responsive */
@media (max-width: 576px) {
    .counts-grid[b-h7umbzz8hk] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .activity-table-wrapper[b-h7umbzz8hk] {
        max-height: 250px;
    }
    
    .summary-grid[b-h7umbzz8hk] {
        grid-template-columns: 1fr;
    }
}
/* /Components/FormDetailModal.razor.rz.scp.css */
.modal-overlay[b-wknb0t5rs2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2147480010;
    padding: 1rem;
    overflow-y: auto;
}

.modal-content[b-wknb0t5rs2] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 100%;
    max-width: 900px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-wknb0t5rs2 0.3s ease-out;
}

@keyframes slideUp-b-wknb0t5rs2 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.modal-header[b-wknb0t5rs2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-header h2[b-wknb0t5rs2] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
}

.close-button[b-wknb0t5rs2] {
    background: none;
    border: none;
    font-size: 1.25rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-button:hover[b-wknb0t5rs2] {
    background: #f3f4f6;
    color: #111827;
}

.modal-body[b-wknb0t5rs2] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.metadata-section[b-wknb0t5rs2] {
    margin-bottom: 2rem;
}

.metadata-section h3[b-wknb0t5rs2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1rem 0;
}

.metadata-grid[b-wknb0t5rs2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
}

.metadata-item[b-wknb0t5rs2] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metadata-item .label[b-wknb0t5rs2] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
}

.metadata-item .value[b-wknb0t5rs2] {
    font-size: 1rem;
    color: #111827;
}

.comments-section[b-wknb0t5rs2] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
}

.comments-section .label[b-wknb0t5rs2] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    display: block;
    margin-bottom: 0.5rem;
}

.comments-text[b-wknb0t5rs2] {
    margin: 0;
    color: #111827;
    white-space: pre-wrap;
}

.inventory-section[b-wknb0t5rs2] {
    margin-top: 2rem;
}

.inventory-section h3[b-wknb0t5rs2] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1rem 0;
}

.inventory-table-wrapper[b-wknb0t5rs2] {
    overflow-x: auto;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
}

.inventory-table[b-wknb0t5rs2] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.inventory-table thead[b-wknb0t5rs2] {
    background: #f9fafb;
}

.inventory-table th[b-wknb0t5rs2] {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    border-bottom: 2px solid #e5e7eb;
    white-space: nowrap;
}

.inventory-table td[b-wknb0t5rs2] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #f3f4f6;
    color: #111827;
}

.inventory-table tbody tr:last-child td[b-wknb0t5rs2] {
    border-bottom: none;
}

.inventory-table tbody tr:hover[b-wknb0t5rs2] {
    background: #f9fafb;
}

.sku-cell[b-wknb0t5rs2] {
    font-weight: 500;
    color: #2563eb;
}

.number-cell[b-wknb0t5rs2] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.modal-footer[b-wknb0t5rs2] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: flex-end;
    background: #f9fafb;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .modal-overlay[b-wknb0t5rs2] {
        padding: 0;
        align-items: flex-end;
    }

    .modal-content[b-wknb0t5rs2] {
        max-width: 100%;
        max-height: 95vh;
        border-radius: 12px 12px 0 0;
    }

    .metadata-grid[b-wknb0t5rs2] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .inventory-table[b-wknb0t5rs2] {
        font-size: 0.8125rem;
    }

    .inventory-table th[b-wknb0t5rs2],
    .inventory-table td[b-wknb0t5rs2] {
        padding: 0.5rem 0.75rem;
    }
}
/* /Components/LocationFilter.razor.rz.scp.css */
.location-filter-backdrop[b-hohch62dzo] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1040;
}

.location-filter[b-hohch62dzo] {
    position: relative;
    display: inline-block;
    min-width: 200px;
    z-index: 1050;
}

.location-filter-button[b-hohch62dzo] {
    text-align: left;
    cursor: pointer;
    background: white;
    display: flex;
    align-items: center;
    gap: 6px;
}

.location-filter-button .filter-placeholder[b-hohch62dzo] {
    color: #6c757d;
}

.location-filter-dropdown[b-hohch62dzo] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0 0 6px 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    min-width: 220px;
}

.filter-actions[b-hohch62dzo] {
    display: flex;
    justify-content: space-between;
    padding: 4px 8px;
    border-bottom: 1px solid #eee;
}

.filter-actions .btn[b-hohch62dzo] {
    font-size: 0.75rem;
    padding: 2px 6px;
    text-decoration: none;
}

.filter-options[b-hohch62dzo] {
    padding: 4px 0;
}

.filter-option[b-hohch62dzo] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    cursor: pointer;
    font-size: 0.875rem;
    margin: 0;
    transition: background 0.1s;
}

.filter-option:hover[b-hohch62dzo] {
    background: #f0f4ff;
}

.filter-option input[type="checkbox"][b-hohch62dzo] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #0d6efd;
}

.filter-option span[b-hohch62dzo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Modal.razor.rz.scp.css */
.modal-overlay[b-58q23zvciz] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-58q23zvciz 0.2s;
    pointer-events: auto;
}

@keyframes fadeIn-b-58q23zvciz {
    from { opacity: 0; }
    to { opacity: 1; }
}

.modal-dialog[b-58q23zvciz] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    width: 90%;
    max-width: 600px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    animation: slideIn-b-58q23zvciz 0.3s;
    pointer-events: auto;
    position: relative;
    z-index: 1001;
}

.modal-dialog.modal-lg[b-58q23zvciz] {
    max-width: 900px;
}

.modal-dialog.modal-xl[b-58q23zvciz] {
    max-width: 1200px;
}

.modal-dialog.modal-sm[b-58q23zvciz] {
    max-width: 400px;
}

@keyframes slideIn-b-58q23zvciz {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-header[b-58q23zvciz] {
    padding: 1.5rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-header h3[b-58q23zvciz] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
}

.modal-close[b-58q23zvciz] {
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.modal-close:hover[b-58q23zvciz] {
    color: #333;
}

.modal-body[b-58q23zvciz] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-58q23zvciz] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}
/* /Components/MultiSelect.razor.rz.scp.css */
.multi-select[b-joh0o0qh0r] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-items[b-joh0o0qh0r] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-height: 32px;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background: #f8f9fa;
    outline: none;
}

.selected-items:focus[b-joh0o0qh0r] {
    border-color: #4A90E2;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.25);
    background: #fff;
}

.selected-items:focus-visible[b-joh0o0qh0r] {
    outline: 2px solid #4A90E2;
    outline-offset: 2px;
}

.no-selection[b-joh0o0qh0r] {
    color: #999;
    font-style: italic;
    font-size: 0.9rem;
}

.selected-item[b-joh0o0qh0r] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    background-color: #007bff;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.85rem;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
    outline: none;
    position: relative;
}

.selected-item:hover[b-joh0o0qh0r] {
    background-color: #0056b3;
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Keyboard focus state */
.selected-item.focused[b-joh0o0qh0r] {
    background-color: #0056b3;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5),
                0 0 0 5px rgba(74, 144, 226, 0.5);
    z-index: 1;
}

/* Visual indicator for keyboard focus */
.selected-item.focused[b-joh0o0qh0r]::before {
    content: '';
    position: absolute;
    inset: -2px;
    border: 2px solid #4A90E2;
    border-radius: 6px;
    pointer-events: none;
}

/* Selected state for screen readers */
.selected-item[aria-selected="true"][b-joh0o0qh0r] {
    font-weight: 600;
}

.remove-btn[b-joh0o0qh0r] {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    padding: 0 0.25rem;
    margin-left: 0.25rem;
    font-weight: bold;
    border-radius: 3px;
    transition: all 0.15s ease;
    opacity: 0.8;
}

.remove-btn:hover[b-joh0o0qh0r] {
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    transform: scale(1.1);
}

.remove-btn:focus[b-joh0o0qh0r] {
    outline: 2px solid white;
    outline-offset: 2px;
    opacity: 1;
}

.form-control[b-joh0o0qh0r] {
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 1rem;
}

.form-control:focus[b-joh0o0qh0r] {
    border-color: #4A90E2;
    outline: none;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.25);
}

/* Item text styling */
.item-text[b-joh0o0qh0r] {
    pointer-events: none;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .selected-item[b-joh0o0qh0r] {
        font-size: 0.9rem;
        padding: 0.375rem 0.625rem;
    }

    .remove-btn[b-joh0o0qh0r] {
        font-size: 1.4rem;
        padding: 0 0.375rem;
    }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
    .selected-item[b-joh0o0qh0r] {
        border: 2px solid currentColor;
    }

    .selected-item.focused[b-joh0o0qh0r] {
        border-color: #fff;
        outline: 3px solid currentColor;
    }
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .selected-item[b-joh0o0qh0r],
    .remove-btn[b-joh0o0qh0r] {
        transition: none;
    }

    .selected-item:hover[b-joh0o0qh0r] {
        transform: none;
    }
}
/* /Components/PurchaseOrderModal.razor.rz.scp.css */
.modal-backdrop[b-1wjshxolta] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}

.modal-dialog[b-1wjshxolta] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    max-width: 800px;
    width: 90%;
    max-height: 90vh;
    overflow: hidden;
}

.modal-content[b-1wjshxolta] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    display: flex;
    flex-direction: column;
    max-height: 90vh;
}

.modal-header[b-1wjshxolta] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-title[b-1wjshxolta] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.modal-body[b-1wjshxolta] {
    padding: 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.modal-footer[b-1wjshxolta] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #dee2e6;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
}

/* ========== SKU Search Autocomplete ========== */
.sku-search-container[b-1wjshxolta] {
    position: relative;
}

.sku-search-wrapper[b-1wjshxolta] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-icon[b-1wjshxolta] {
    position: absolute;
    left: 12px;
    color: #9ca3af;
    pointer-events: none;
    z-index: 1;
}

.sku-search-input[b-1wjshxolta] {
    padding-left: 38px;
    padding-right: 38px;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.sku-search-input:focus[b-1wjshxolta] {
    border-color: #005B94;
    box-shadow: 0 0 0 3px rgba(0, 91, 148, 0.1);
}

.clear-search-btn[b-1wjshxolta] {
    position: absolute;
    right: 8px;
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.clear-search-btn:hover[b-1wjshxolta] {
    background: #f3f4f6;
    color: #374151;
}

.sku-dropdown[b-1wjshxolta] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    z-index: 100;
    margin-top: 4px;
}

.sku-dropdown-item[b-1wjshxolta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    cursor: pointer;
    border-bottom: 1px solid #f3f4f6;
    transition: background-color 0.15s;
}

.sku-dropdown-item:last-child[b-1wjshxolta] {
    border-bottom: none;
}

.sku-dropdown-item:hover:not(.disabled)[b-1wjshxolta] {
    background-color: #f0f7fc;
}

.sku-dropdown-item.disabled[b-1wjshxolta] {
    opacity: 0.6;
    cursor: default;
}

.sku-dropdown-main[b-1wjshxolta] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}

.sku-code[b-1wjshxolta] {
    font-weight: 600;
    color: #005B94;
    font-size: 0.95rem;
}

.sku-desc[b-1wjshxolta] {
    font-size: 0.85rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add-icon[b-1wjshxolta] {
    color: #005B94;
    font-size: 1.1rem;
    flex-shrink: 0;
    margin-left: 12px;
}

.already-added-badge[b-1wjshxolta] {
    font-size: 0.75rem;
    background: #e5e7eb;
    color: #6b7280;
    padding: 2px 8px;
    border-radius: 4px;
    flex-shrink: 0;
    margin-left: 12px;
}

.sku-dropdown-more[b-1wjshxolta] {
    padding: 10px 14px;
    text-align: center;
    font-size: 0.85rem;
    color: #9ca3af;
    font-style: italic;
    background: #f9fafb;
}

.sku-dropdown-empty[b-1wjshxolta] {
    padding: 20px 14px;
    text-align: center;
    color: #9ca3af;
}

/* ========== Validation Summary ========== */
.validation-summary[b-1wjshxolta] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0 1.5rem;
    padding: 0.75rem 1rem;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 6px;
    color: #991b1b;
    font-size: 0.875rem;
}

.validation-summary i[b-1wjshxolta] {
    color: #dc2626;
    flex-shrink: 0;
    margin-top: 2px;
}

.validation-summary ul[b-1wjshxolta] {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.validation-summary li[b-1wjshxolta] {
    line-height: 1.5;
}
/* /Components/ReceivePurchaseOrderModal.razor.rz.scp.css */
.receive-po-modal[b-e6hb1y1biz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.po-header-info[b-e6hb1y1biz] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    border: 1px solid #e9ecef;
}

.po-info-row[b-e6hb1y1biz] {
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
}

.po-label[b-e6hb1y1biz] {
    font-weight: 600;
    color: #6c757d;
    font-size: 0.85rem;
}

.po-value[b-e6hb1y1biz] {
    font-weight: 600;
    color: #333;
}

.change-po-btn[b-e6hb1y1biz] {
    margin-left: auto;
    font-size: 0.85rem;
    padding: 0.25rem 0.5rem;
}

.form-group[b-e6hb1y1biz] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-group label[b-e6hb1y1biz] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #333;
}

.line-items-section[b-e6hb1y1biz] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
}

.section-header[b-e6hb1y1biz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    font-weight: 600;
    color: #333;
}

.line-items-table[b-e6hb1y1biz] {
    max-height: 300px;
    overflow-y: auto;
}

.line-items-table .table[b-e6hb1y1biz] {
    margin-bottom: 0;
    font-size: 0.875rem;
}

.line-items-table th[b-e6hb1y1biz] {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 2px solid #dee2e6;
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
}

.line-items-table td[b-e6hb1y1biz] {
    vertical-align: middle;
}

.sku-info[b-e6hb1y1biz] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sku-desc[b-e6hb1y1biz] {
    font-weight: 500;
    color: #333;
}

.sku-code[b-e6hb1y1biz] {
    font-size: 0.75rem;
    color: #6c757d;
}

.receive-input-cell[b-e6hb1y1biz] {
    min-width: 140px;
}

.receive-input-group[b-e6hb1y1biz] {
    display: flex;
    gap: 0.35rem;
    align-items: center;
    justify-content: center;
}

.receive-qty-input[b-e6hb1y1biz] {
    width: 70px;
    text-align: center;
}

.fill-btn[b-e6hb1y1biz] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

.fully-received[b-e6hb1y1biz] {
    background-color: #f8fff8;
    opacity: 0.7;
}

.fully-received td[b-e6hb1y1biz] {
    color: #6c757d;
}

.receive-summary[b-e6hb1y1biz] {
    padding: 1rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

.summary-item[b-e6hb1y1biz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
}

.summary-label[b-e6hb1y1biz] {
    color: #6c757d;
    font-size: 0.9rem;
}

.summary-value[b-e6hb1y1biz] {
    font-weight: 600;
    color: #333;
}

.loading-state[b-e6hb1y1biz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: #6c757d;
}

.modal-actions[b-e6hb1y1biz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
    border-top: 1px solid #dee2e6;
    margin-top: 0.5rem;
}

/* Alert styling adjustments */
.receive-po-modal .alert[b-e6hb1y1biz] {
    font-size: 0.875rem;
}

.receive-po-modal .alert-success[b-e6hb1y1biz] {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}
/* /Components/SkuDetailModal.razor.rz.scp.css */
/* SKU Detail Modal Styles */

.modal-backdrop[b-4z4vyou042] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
}

.modal-backdrop.show[b-4z4vyou042] {
    opacity: 1;
    visibility: visible;
}

.modal-container[b-4z4vyou042] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s, visibility 0.2s;
    padding: 1rem;
}

.modal-container.show[b-4z4vyou042] {
    opacity: 1;
    visibility: visible;
}

.sku-detail-modal[b-4z4vyou042] {
    background: white;
    border-radius: 16px;
    width: 100%;
    max-width: 800px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.modal-header[b-4z4vyou042] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
}

.header-info[b-4z4vyou042] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-info i[b-4z4vyou042] {
    font-size: 1.5rem;
}

.header-info h3[b-4z4vyou042] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.status-badge[b-4z4vyou042] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.status-badge.warning[b-4z4vyou042] {
    background: #F68D2E;
    color: white;
}

.btn-close[b-4z4vyou042] {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-close:hover[b-4z4vyou042] {
    background: rgba(255, 255, 255, 0.2);
}

.modal-body[b-4z4vyou042] {
    flex: 1;
    overflow-y: auto;
    padding: 1.5rem;
    background: #F1F5F9;
}

/* SKU Summary */
.sku-summary[b-4z4vyou042] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.sku-description[b-4z4vyou042] {
    font-size: 1.1rem;
    color: #495965;
}

.category-badge[b-4z4vyou042] {
    background: #e0e7ff;
    color: #3730a3;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* KPI Row */
.kpi-row[b-4z4vyou042] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-card[b-4z4vyou042] {
    background: white;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.kpi-card.warning[b-4z4vyou042] {
    border: 2px solid #F68D2E;
}

.kpi-card.highlight[b-4z4vyou042] {
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
}

.kpi-card.highlight .kpi-label[b-4z4vyou042] {
    color: rgba(255, 255, 255, 0.8);
}

.kpi-value[b-4z4vyou042] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
}

.kpi-card.highlight .kpi-value[b-4z4vyou042] {
    color: white;
}

.kpi-label[b-4z4vyou042] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    margin-top: 0.25rem;
}

/* Section Card */
.section-card[b-4z4vyou042] {
    background: white;
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.section-card h4[b-4z4vyou042] {
    margin: 0 0 1rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.section-card h4 i[b-4z4vyou042] {
    color: #005B94;
}

/* Table */
.table-responsive[b-4z4vyou042] {
    overflow-x: auto;
}

.table[b-4z4vyou042] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.table th[b-4z4vyou042] {
    text-align: left;
    padding: 0.75rem;
    font-weight: 600;
    color: #64748b;
    border-bottom: 2px solid #e5e7eb;
    font-size: 0.8rem;
    text-transform: uppercase;
}

.table td[b-4z4vyou042] {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
    color: #374151;
}

.table tr:hover:not(.totals-row)[b-4z4vyou042] {
    background: #f8fafc;
}

.totals-row[b-4z4vyou042] {
    background: #f1f5f9;
    border-top: 2px solid #e5e7eb;
}

.totals-row td[b-4z4vyou042] {
    border-bottom: none;
}

.on-order-badge[b-4z4vyou042] {
    background: #dbeafe;
    color: #1d4ed8;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
    font-size: 0.85rem;
}

/* Responsive */
@media (max-width: 600px) {
    .sku-detail-modal[b-4z4vyou042] {
        max-height: 95vh;
        border-radius: 12px 12px 0 0;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        max-width: 100%;
    }

    .modal-container[b-4z4vyou042] {
        align-items: flex-end;
        padding: 0;
    }

    .kpi-row[b-4z4vyou042] {
        grid-template-columns: repeat(3, 1fr);
    }

    .kpi-value[b-4z4vyou042] {
        font-size: 1.25rem;
    }

    .table[b-4z4vyou042] {
        font-size: 0.8rem;
    }

    .table th[b-4z4vyou042], .table td[b-4z4vyou042] {
        padding: 0.5rem;
    }
}
/* /Components/TouchNumberInput.razor.rz.scp.css */
/* TouchNumberInput.razor.css */
.touch-stepper[b-lfnmvzqofv] {
    display:flex;
    align-items:stretch;
    gap:0.35rem; /* a little more space inside each stepper */
    width:100%; /* allow full width of parent cell */
    /* Theming vars for quick tuning */
    --plus-bg:#e3f5fd;
    --plus-border:#9dc9e6;
    --plus-active:#d2ecfb;
    --minus-bg:#e9ecef;
    --minus-active:#e0e3e6;
}

.touch-stepper .step-btn[b-lfnmvzqofv] {
    -webkit-tap-highlight-color:transparent;
    user-select:none;
    border:1px solid #ced4da;
    background:#f1f3f5;
    color:#222;
    font-weight:600;
    font-size:1.15rem;
    line-height:1;
    border-radius:8px;
    width:2.35rem; /* narrower buttons */
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    transition:background-color .15s, transform .1s;
}
.touch-stepper .step-btn:active[b-lfnmvzqofv] { background:#e2e6ea; transform:scale(.96); }
.touch-stepper .step-btn.plus[b-lfnmvzqofv] { background:var(--plus-bg); border-color:var(--plus-border); color:#114b63; }
.touch-stepper .step-btn.plus:active[b-lfnmvzqofv] { background:var(--plus-active); }
.touch-stepper .step-btn.minus[b-lfnmvzqofv] { background:var(--minus-bg); }
.touch-stepper .step-btn.minus:active[b-lfnmvzqofv] { background:var(--minus-active); }

.touch-stepper .stepper-input[b-lfnmvzqofv] {
    text-align:center;
    font-weight:600;
    border-radius:8px;
    flex:1 1 0; /* grow to consume horizontal space */
    min-width:2.4rem;
    width:auto; /* override any bootstrap width:100% conflicting sizing */
    padding:.35rem .25rem;
    font-size:1rem;
}

@media (max-width:600px) {
    .touch-stepper .step-btn[b-lfnmvzqofv] { width:2.55rem; font-size:1.25rem; }
    .touch-stepper .stepper-input[b-lfnmvzqofv] { flex:1 1 0; }
}
/* /Components/VehicleCycleCountModal.razor.rz.scp.css */
.cycle-count-modal[b-8aloap2qbi] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-height: 70vh;
    overflow-y: auto;
}

.loading-state[b-8aloap2qbi] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #6c757d;
}

/* Header Info */
.count-header-info[b-8aloap2qbi] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.info-row[b-8aloap2qbi] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.info-row.certified-info[b-8aloap2qbi] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e9ecef;
}

.info-item[b-8aloap2qbi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item label[b-8aloap2qbi] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.info-item span:not(.badge)[b-8aloap2qbi] {
    font-weight: 500;
    color: #333;
}

.info-item .form-control-sm[b-8aloap2qbi] {
    width: auto;
    min-width: 140px;
}

/* Count Items */
.count-items-section h6[b-8aloap2qbi],
.variances-section h6[b-8aloap2qbi] {
    margin: 0 0 0.75rem 0;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
}

.items-table-wrapper[b-8aloap2qbi],
.variances-table-wrapper[b-8aloap2qbi] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.items-table-wrapper table[b-8aloap2qbi],
.variances-table-wrapper table[b-8aloap2qbi] {
    margin: 0;
    font-size: 0.85rem;
}

.items-table-wrapper thead[b-8aloap2qbi],
.variances-table-wrapper thead[b-8aloap2qbi] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
}

.items-table-wrapper th[b-8aloap2qbi],
.variances-table-wrapper th[b-8aloap2qbi] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    border-bottom: 2px solid #dee2e6;
}

.items-table-wrapper .sku-cell[b-8aloap2qbi] {
    font-weight: 600;
    color: #005B94;
    white-space: nowrap;
}

.items-table-wrapper input[type="number"][b-8aloap2qbi] {
    width: 80px;
    margin: 0 auto;
}

.items-table-wrapper input[type="text"][b-8aloap2qbi] {
    font-size: 0.8rem;
}

/* Variances */
.variances-section[b-8aloap2qbi] {
    background: #fff8e6;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 1rem;
}

.variances-table .sku-code[b-8aloap2qbi] {
    font-weight: 600;
    color: #005B94;
}

.variances-table .variance-row[b-8aloap2qbi] {
    background-color: #fff3cd;
}

/* Comments */
.comments-section[b-8aloap2qbi] {
    margin-top: 0.5rem;
}

.comments-section .form-label[b-8aloap2qbi] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

/* Actions */
.modal-actions[b-8aloap2qbi] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
    margin-top: auto;
}
/* /Components/WarehouseCycleCountModal.razor.rz.scp.css */
.cycle-count-modal[b-8uc6d7kjnz] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    max-height: 70vh;
    overflow-y: auto;
}

.loading-state[b-8uc6d7kjnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #6c757d;
}

/* Header Info */
.count-header-info[b-8uc6d7kjnz] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
}

.info-row[b-8uc6d7kjnz] {
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.info-row.certified-info[b-8uc6d7kjnz] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #e9ecef;
}

.info-item[b-8uc6d7kjnz] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.info-item label[b-8uc6d7kjnz] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.info-item span:not(.badge)[b-8uc6d7kjnz] {
    font-weight: 500;
    color: #333;
}

.info-item .form-control-sm[b-8uc6d7kjnz] {
    width: auto;
    min-width: 140px;
}

/* Count Items */
.count-items-section h6[b-8uc6d7kjnz],
.variances-section h6[b-8uc6d7kjnz] {
    margin: 0 0 0.75rem 0;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
}

.items-table-wrapper[b-8uc6d7kjnz],
.variances-table-wrapper[b-8uc6d7kjnz] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #dee2e6;
    border-radius: 4px;
}

.items-table-wrapper table[b-8uc6d7kjnz],
.variances-table-wrapper table[b-8uc6d7kjnz] {
    margin: 0;
    font-size: 0.85rem;
}

.items-table-wrapper thead[b-8uc6d7kjnz],
.variances-table-wrapper thead[b-8uc6d7kjnz] {
    position: sticky;
    top: 0;
    background: #f8f9fa;
    z-index: 10;
}

.items-table-wrapper th[b-8uc6d7kjnz],
.variances-table-wrapper th[b-8uc6d7kjnz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    border-bottom: 2px solid #dee2e6;
}

.items-table-wrapper .sku-cell[b-8uc6d7kjnz] {
    font-weight: 600;
    color: #005B94;
    white-space: nowrap;
}

.items-table-wrapper input[type="number"][b-8uc6d7kjnz] {
    width: 80px;
    margin: 0 auto;
}

.items-table-wrapper input[type="text"][b-8uc6d7kjnz] {
    font-size: 0.8rem;
}

/* Variances */
.variances-section[b-8uc6d7kjnz] {
    background: #fff8e6;
    border: 1px solid #ffc107;
    border-radius: 8px;
    padding: 1rem;
}

.variances-table .sku-code[b-8uc6d7kjnz] {
    font-weight: 600;
    color: #005B94;
}

.variances-table .variance-row[b-8uc6d7kjnz] {
    background-color: #fff3cd;
}

/* Comments */
.comments-section[b-8uc6d7kjnz] {
    margin-top: 0.5rem;
}

.comments-section .form-label[b-8uc6d7kjnz] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
    margin-bottom: 0.25rem;
}

/* Actions */
.modal-actions[b-8uc6d7kjnz] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
    margin-top: auto;
}
/* /Components/WarehouseLedgerModal.razor.rz.scp.css */
.ledger-modal[b-8356i3lop0] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-group[b-8356i3lop0] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-8356i3lop0] {
    font-weight: 600;
    font-size: 0.875rem;
    color: #333;
}

.form-control[b-8356i3lop0],
.form-select[b-8356i3lop0] {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ced4da;
    border-radius: 4px;
    font-size: 0.875rem;
}

.form-control:focus[b-8356i3lop0],
.form-select:focus[b-8356i3lop0] {
    border-color: #007bff;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-text[b-8356i3lop0] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

textarea.form-control[b-8356i3lop0] {
    resize: vertical;
    min-height: 60px;
}

.modal-actions[b-8356i3lop0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e9ecef;
}
/* /Components/WarehouseLedgerTable.razor.rz.scp.css */
.warehouse-ledger-table[b-oasuuqm1lg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.table-header[b-oasuuqm1lg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.table-header h5[b-oasuuqm1lg] {
    font-weight: 600;
    color: #333;
    margin: 0;
}

.table-responsive[b-oasuuqm1lg] {
    overflow: visible;
}

.warehouse-ledger-table table[b-oasuuqm1lg] {
    font-size: 0.875rem;
    width: 100%;
    margin-bottom: 0;
}

.warehouse-ledger-table th[b-oasuuqm1lg] {
    font-size: 0.8rem;
    font-weight: 600;
}

.warehouse-ledger-table td[b-oasuuqm1lg] {
    font-size: 0.85rem;
}

.sku-info[b-oasuuqm1lg] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sku-info .sku[b-oasuuqm1lg] {
    font-weight: 600;
    color: #333;
}

.sku-info .desc[b-oasuuqm1lg] {
    font-size: 0.75rem;
    color: #666;
}

.user-cell[b-oasuuqm1lg] {
    white-space: nowrap;
    font-weight: 500;
    color: #2d3e50;
}

.notes-cell[b-oasuuqm1lg] {
    text-align: center;
}

.notes-button[b-oasuuqm1lg] {
    color: #0d6efd;
}

.notes-button:hover[b-oasuuqm1lg],
.notes-button:focus[b-oasuuqm1lg] {
    color: #0b5ed7;
    text-decoration: none;
}

.badge[b-oasuuqm1lg] {
    font-size: 0.7rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.layout-shell.no-nav[b-4rs62lwh18] {
    min-height: 100vh;
    background: #ffffff;
}

.layout-main[b-4rs62lwh18] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.layout-main .content[b-4rs62lwh18] {
    flex: 1;
    padding-bottom: calc(var(--global-bottom-menu-height) + env(safe-area-inset-bottom, 0px));
}

@media (max-width: 600px) {
    .layout-main .content[b-4rs62lwh18] {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
/* /Pages/Configuration.razor.rz.scp.css */
.settings-page[b-7cv39vv8jq] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #F1F5F9;
}

.settings-header[b-7cv39vv8jq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 100;
}

.settings-header .header-left[b-7cv39vv8jq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.back-button[b-7cv39vv8jq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #495965;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.2s;
}

.back-button:hover[b-7cv39vv8jq] {
    background: #f1f5f9;
    color: #005B94;
}

.header-logo[b-7cv39vv8jq] {
    width: 28px;
    height: 28px;
}

.header-title[b-7cv39vv8jq] {
    font-weight: 600;
    color: #005B94;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

.settings-content[b-7cv39vv8jq] {
    flex: 1;
    padding: 1rem;
    padding-bottom: 100px;
    margin: 0 auto;
    width: 100%;
}

.loading-container[b-7cv39vv8jq] {
    text-align: center;
    padding: 3rem;
}

.spinner[b-7cv39vv8jq] {
    border: 4px solid #f3f3f3;
    border-top: 4px solid #005B94;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-7cv39vv8jq 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-7cv39vv8jq {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.alert[b-7cv39vv8jq] {
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.alert-danger[b-7cv39vv8jq] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
}

.tabs[b-7cv39vv8jq] {
    display: flex;
    gap: 0.25rem;
    background: white;
    padding: 0.5rem;
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    flex-wrap: wrap;
}

.tab-button[b-7cv39vv8jq] {
    padding: 0.75rem 1.25rem;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0.9rem;
    color: #495965;
    border-radius: 8px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab-button:hover[b-7cv39vv8jq] {
    color: #005B94;
    background-color: #f1f5f9;
}

.tab-button.active[b-7cv39vv8jq] {
    color: white;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    font-weight: 500;
}

.tab-content[b-7cv39vv8jq] {
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

@media (max-width: 768px) {
    .settings-content[b-7cv39vv8jq] {
        padding: 0.75rem;
    }
    
    .tabs[b-7cv39vv8jq] {
        gap: 0.25rem;
    }
    
    .tab-button[b-7cv39vv8jq] {
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }
    
    .tab-content[b-7cv39vv8jq] {
        padding: 1rem;
    }
}
/* /Pages/DailyInventoryV2.razor.rz.scp.css */
/* Styles moved to wwwroot/css/daily-inventory.css to support child components */
/* /Pages/EnterpriseAdmin.razor.rz.scp.css */
.admin-container[b-mg5lq6qdvr] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #F1F5F9;
}

/* Persistent Header */
.persistent-header[b-mg5lq6qdvr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    z-index: 1000;
}

.header-left[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.back-button[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #495965;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.2s;
}

.back-button:hover[b-mg5lq6qdvr] {
    background: #f1f5f9;
    color: #005B94;
}

.header-logo-small[b-mg5lq6qdvr] {
    width: 28px;
    height: 28px;
}

.header-title[b-mg5lq6qdvr] {
    font-weight: 600;
    color: #005B94;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

.header-right[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-refresh[b-mg5lq6qdvr] {
    background: none;
    border: none;
    padding: 0.5rem;
    color: #495965;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s;
}

.btn-refresh:hover[b-mg5lq6qdvr] {
    background: #f1f5f9;
    color: #005B94;
}

.btn-refresh:disabled[b-mg5lq6qdvr] {
    opacity: 0.5;
    cursor: not-allowed;
}

.header-profile-link[b-mg5lq6qdvr] {
    text-decoration: none;
}

.header-profile-mini[b-mg5lq6qdvr] {
    width: 32px;
    height: 32px;
    background: #005B94;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Content Area */
.content-scroll[b-mg5lq6qdvr] {
    flex: 1;
    overflow-y: auto;
    margin-top: 56px;
    padding-bottom: 80px;
    background: #F1F5F9;
}

/* Tabs Container */
.tabs-container[b-mg5lq6qdvr] {
    position: sticky;
    top: 0;
    z-index: 100;
    background: #F1F5F9;
    padding: 1rem 1rem 0 1rem;
}

.tab-content[b-mg5lq6qdvr] {
    padding: 0 1rem 1rem 1rem;
    background: #F1F5F9;
    min-height: calc(100vh - 180px);
}

.admin-page[b-mg5lq6qdvr] {
    padding: 1rem;
    max-width: 1600px;
    margin: 0 auto;
    background-color: #F1F5F9;
}

.admin-header[b-mg5lq6qdvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #dee2e6;
}

.admin-header h1[b-mg5lq6qdvr] {
    font-size: 1.5rem;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #005B94;
}

.header-actions[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.last-updated[b-mg5lq6qdvr] {
    font-size: 0.85rem;
    color: #495965;
}

/* Tabs */
.tabs[b-mg5lq6qdvr] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    border-bottom: 2px solid #dee2e6;
    margin-bottom: 1rem;
    background: white;
    padding: 0.5rem;
    border-radius: 8px;
}

.tab-button[b-mg5lq6qdvr] {
    padding: 0.5rem 1rem;
    border: none;
    background: none;
    font-size: 0.9rem;
    color: #495965;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tab-button:hover[b-mg5lq6qdvr] {
    color: #005B94;
}

.tab-button.active[b-mg5lq6qdvr] {
    color: #005B94;
    border-bottom-color: #005B94;
    font-weight: 500;
}

.tab-button.disabled[b-mg5lq6qdvr] {
    color: #adb5bd;
    cursor: not-allowed;
    opacity: 0.6;
}

.tab-button.disabled:hover[b-mg5lq6qdvr] {
    color: #adb5bd;
}

/* KPI Grid */
.kpi-grid[b-mg5lq6qdvr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.kpi-card[b-mg5lq6qdvr] {
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
    border-radius: 12px;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 4px 6px rgba(0, 91, 148, 0.2);
}

.kpi-card.warning[b-mg5lq6qdvr] {
    background: linear-gradient(135deg, #F68D2E 0%, #d97520 100%);
}

.kpi-card.success[b-mg5lq6qdvr] {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

.kpi-card.info[b-mg5lq6qdvr] {
    background: linear-gradient(135deg, #005B94 0%, #0077b6 100%);
}

.kpi-card.inactive[b-mg5lq6qdvr] {
    background: #e9ecef;
    color: #495965;
}

.kpi-icon[b-mg5lq6qdvr] {
    font-size: 2rem;
    opacity: 0.8;
}

.kpi-content[b-mg5lq6qdvr] {
    flex: 1;
}

.kpi-value[b-mg5lq6qdvr] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
}

.kpi-label[b-mg5lq6qdvr] {
    font-size: 0.8rem;
    opacity: 0.9;
    margin-top: 0.25rem;
}

/* PO Status Grid - smaller cards */
.po-status-grid .kpi-card[b-mg5lq6qdvr] {
    padding: 0.75rem 1rem;
}

.po-status-grid .kpi-value[b-mg5lq6qdvr] {
    font-size: 1.5rem;
}

/* Section Cards */
.section-card[b-mg5lq6qdvr] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    margin-bottom: 1rem;
}

.section-card h3[b-mg5lq6qdvr],
.section-card h4[b-mg5lq6qdvr] {
    font-size: 1rem;
    margin: 0 0 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #495057;
}

.section-header[b-mg5lq6qdvr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-header h3[b-mg5lq6qdvr] {
    margin: 0;
}

/* Tables */
.table-responsive[b-mg5lq6qdvr] {
    overflow-x: auto;
}

.table[b-mg5lq6qdvr] {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.table th[b-mg5lq6qdvr] {
    background: #f8f9fa;
    font-weight: 600;
    white-space: nowrap;
    border-bottom: 2px solid #dee2e6;
}

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

.table th.sortable[b-mg5lq6qdvr] {
    cursor: pointer;
}

.table th.sortable:hover[b-mg5lq6qdvr] {
    background: #e9ecef;
}

/* Badges */
.badge[b-mg5lq6qdvr] {
    font-weight: 500;
}

/* Approval Section */
.approval-section[b-mg5lq6qdvr] {
    border-left: 4px solid #F68D2E;
}

.aging-section[b-mg5lq6qdvr] {
    border-left: 4px solid #dc3545;
}

/* Location Cards Grid */
.location-cards[b-mg5lq6qdvr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1rem;
}

.location-card[b-mg5lq6qdvr] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.location-card:hover[b-mg5lq6qdvr] {
    border-color: #005B94;
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.2);
    transform: translateY(-2px);
}

.location-card h4[b-mg5lq6qdvr] {
    margin: 0 0 0.75rem 0;
    font-size: 1rem;
    color: #005B94;
}

.location-stats[b-mg5lq6qdvr] {
    display: flex;
    gap: 1.5rem;
}

.stat[b-mg5lq6qdvr] {
    display: flex;
    flex-direction: column;
}

.stat-value[b-mg5lq6qdvr] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #212529;
}

.stat-label[b-mg5lq6qdvr] {
    font-size: 0.75rem;
    color: #495965;
}

.location-alerts[b-mg5lq6qdvr] {
    margin-top: 0.75rem;
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Location Detail */
.location-detail .section-header[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.location-detail .section-header h3[b-mg5lq6qdvr] {
    margin: 0;
    font-size: 1.25rem;
}

/* Location Header with Selector */
.location-header[b-mg5lq6qdvr] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.location-selector[b-mg5lq6qdvr] {
    flex: 1;
    max-width: 400px;
}

.location-selector .form-select[b-mg5lq6qdvr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #005B94;
    border: 2px solid #e5e7eb;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.location-selector .form-select:focus[b-mg5lq6qdvr] {
    border-color: #005B94;
    box-shadow: 0 0 0 3px rgba(0, 91, 148, 0.15);
}

/* Search Box */
.search-box[b-mg5lq6qdvr] {
    width: 250px;
}

/* Empty State */
.empty-state[b-mg5lq6qdvr] {
    text-align: center;
    padding: 4rem 2rem;
    color: #495965;
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    max-width: 500px;
    margin: 2rem auto;
}

.empty-state i[b-mg5lq6qdvr] {
    font-size: 4rem;
    margin-bottom: 1rem;
    opacity: 0.4;
    color: #005B94;
}

.empty-state h4[b-mg5lq6qdvr] {
    font-size: 1.25rem;
    color: #212529;
    margin: 0 0 0.5rem 0;
}

.empty-state p[b-mg5lq6qdvr] {
    margin: 0.5rem 0 1.5rem 0;
}

.empty-state .btn[b-mg5lq6qdvr] {
    padding: 0.75rem 1.5rem;
}

.location-selector-centered[b-mg5lq6qdvr] {
    max-width: 350px;
    margin: 0 auto;
}

.location-selector-centered .form-select[b-mg5lq6qdvr] {
    font-size: 1rem;
    padding: 0.75rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
}

.location-selector-centered .form-select:focus[b-mg5lq6qdvr] {
    border-color: #005B94;
    box-shadow: 0 0 0 3px rgba(0, 91, 148, 0.15);
}

/* Spin Animation */
@keyframes spin-b-mg5lq6qdvr {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin[b-mg5lq6qdvr] {
    animation: spin-b-mg5lq6qdvr 1s linear infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .admin-header[b-mg5lq6qdvr] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .kpi-grid[b-mg5lq6qdvr] {
        grid-template-columns: repeat(2, 1fr);
    }

    .tabs[b-mg5lq6qdvr] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 0.5rem;
    }

    .tab-button[b-mg5lq6qdvr] {
        white-space: nowrap;
        padding: 0.5rem 0.75rem;
        font-size: 0.8rem;
    }

    .location-cards[b-mg5lq6qdvr] {
        grid-template-columns: 1fr;
    }

    .section-header[b-mg5lq6qdvr] {
        flex-direction: column;
        gap: 0.5rem;
        align-items: flex-start;
    }

    .search-box[b-mg5lq6qdvr] {
        width: 100%;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .admin-page[b-mg5lq6qdvr] {
        background-color: #1a1a2e;
    }

    .section-card[b-mg5lq6qdvr] {
        background: #1a1a2e;
        color: #e9ecef;
    }

    .table th[b-mg5lq6qdvr] {
        background: #16213e;
    }

    .location-card[b-mg5lq6qdvr] {
        background: #1a1a2e;
        border-color: #374151;
    }

    .location-card h4[b-mg5lq6qdvr] {
        color: #60a5fa;
    }

    .tabs[b-mg5lq6qdvr] {
        background: #1a1a2e;
    }
}

/* Clickable table rows */
.clickable-row[b-mg5lq6qdvr] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.clickable-row:hover[b-mg5lq6qdvr] {
    background-color: rgba(0, 91, 148, 0.08) !important;
}

.clickable-row:active[b-mg5lq6qdvr] {
    background-color: rgba(0, 91, 148, 0.15) !important;
}

/* Table hint text */
.table-hint[b-mg5lq6qdvr] {
    text-align: center;
    padding: 0.75rem;
    color: #9ca3af;
    font-size: 0.85rem;
    font-style: italic;
}

/* ========== Location Slide-in Panel ========== */
.panel-overlay[b-mg5lq6qdvr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1100;
    animation: fadeIn-b-mg5lq6qdvr 0.2s ease-out;
}

@keyframes fadeIn-b-mg5lq6qdvr {
    from { opacity: 0; }
    to { opacity: 1; }
}

.location-panel[b-mg5lq6qdvr] {
    position: fixed;
    top: 0;
    right: 0;
    width: 600px;
    max-width: 95vw;
    height: 100vh;
    background: #f8fafc;
    z-index: 1200;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.location-panel.open[b-mg5lq6qdvr] {
    transform: translateX(0);
}

.panel-header[b-mg5lq6qdvr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.panel-title-group[b-mg5lq6qdvr] {
    flex: 1;
    margin-right: 1rem;
}

.location-select[b-mg5lq6qdvr] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #005B94;
    border: none;
    background: transparent;
    padding: 0.25rem 0;
    cursor: pointer;
}

.location-select:focus[b-mg5lq6qdvr] {
    outline: none;
    box-shadow: none;
}

.panel-close[b-mg5lq6qdvr] {
    width: 36px;
    height: 36px;
    border: none;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s;
}

.panel-close:hover[b-mg5lq6qdvr] {
    background: #e2e8f0;
    color: #1e293b;
}

.panel-body[b-mg5lq6qdvr] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.panel-kpi-grid[b-mg5lq6qdvr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.panel-kpi[b-mg5lq6qdvr] {
    background: white;
    border-radius: 10px;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.panel-kpi-value[b-mg5lq6qdvr] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #005B94;
    line-height: 1.2;
}

.panel-kpi-label[b-mg5lq6qdvr] {
    font-size: 0.75rem;
    color: #64748b;
    margin-top: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.panel-section[b-mg5lq6qdvr] {
    background: white;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.panel-section h4[b-mg5lq6qdvr] {
    margin: 0 0 0.75rem 0;
    font-size: 0.9rem;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.panel-table[b-mg5lq6qdvr] {
    width: 100%;
    font-size: 0.85rem;
    border-collapse: collapse;
}

.panel-table th[b-mg5lq6qdvr] {
    text-align: left;
    padding: 0.5rem 0.5rem;
    border-bottom: 1px solid #e5e7eb;
    font-weight: 600;
    color: #6b7280;
    font-size: 0.75rem;
    text-transform: uppercase;
}

.panel-table td[b-mg5lq6qdvr] {
    padding: 0.6rem 0.5rem;
    border-bottom: 1px solid #f3f4f6;
    color: #374151;
}

.panel-table tr:last-child td[b-mg5lq6qdvr] {
    border-bottom: none;
}

.panel-table .text-truncate[b-mg5lq6qdvr] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Mobile adjustments for panel */
@media (max-width: 540px) {
    .location-panel[b-mg5lq6qdvr] {
        width: 100%;
        max-width: 100%;
    }
    
    .panel-kpi-grid[b-mg5lq6qdvr] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .panel-kpi-value[b-mg5lq6qdvr] {
        font-size: 1.25rem;
    }
}
/* /Pages/Help.razor.rz.scp.css */
/* Help Page Styles */

/* Proper scroll area positioning for help page */
.inventory-container .content-scroll#help-scroll[b-tj728e5ra7] {
    margin-top: 56px; /* Only header, no tabs */
    padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); /* Space for bottom nav */
}

.help-hero[b-tj728e5ra7] {
    background: white;
    padding: 2rem 1.5rem;
    text-align: center;
    border-bottom: 1px solid #e5e7eb;
}

.hero-icon[b-tj728e5ra7] {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, #005B94 0%, #0284c7 100%);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.3);
}

.hero-icon i[b-tj728e5ra7] {
    font-size: 2rem;
    color: white;
}

.help-hero h1[b-tj728e5ra7] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem;
}

.help-hero p[b-tj728e5ra7] {
    font-size: 0.95rem;
    color: #64748b;
    margin: 0;
}

.help-content[b-tj728e5ra7] {
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Help Cards */
.help-card[b-tj728e5ra7] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    overflow: hidden;
}

.card-header-help[b-tj728e5ra7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: #f8fafc;
    border-bottom: 1px solid #e5e7eb;
}

.card-header-help i[b-tj728e5ra7] {
    font-size: 1.25rem;
    color: #005B94;
}

.card-header-help h2[b-tj728e5ra7] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
}

.card-body-help[b-tj728e5ra7] {
    padding: 1.25rem;
}

.card-body-help h3[b-tj728e5ra7] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #475569;
    margin: 1.25rem 0 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.card-body-help h3:first-child[b-tj728e5ra7] {
    margin-top: 0;
}

.section-desc[b-tj728e5ra7] {
    color: #64748b;
    font-size: 0.95rem;
    margin: 0 0 1rem;
    line-height: 1.5;
}

/* Quick Steps */
.quick-steps[b-tj728e5ra7] {
    margin: 0;
    padding-left: 1.25rem;
}

.quick-steps li[b-tj728e5ra7] {
    margin-bottom: 0.75rem;
    color: #334155;
    line-height: 1.5;
}

.quick-steps li:last-child[b-tj728e5ra7] {
    margin-bottom: 0;
}

/* Action Types List */
.action-list[b-tj728e5ra7] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.action-item[b-tj728e5ra7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
}

.action-badge[b-tj728e5ra7] {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 700;
    flex-shrink: 0;
    min-width: 40px;
    text-align: center;
}

.action-badge.add[b-tj728e5ra7] {
    background: #dcfce7;
    color: #166534;
}

.action-badge.install[b-tj728e5ra7] {
    background: #dbeafe;
    color: #1e40af;
}

.action-badge.scrap[b-tj728e5ra7] {
    background: #fee2e2;
    color: #991b1b;
}

.action-badge.return[b-tj728e5ra7] {
    background: #fef3c7;
    color: #92400e;
}

.action-badge.transfer[b-tj728e5ra7] {
    background: #e0e7ff;
    color: #4338ca;
}

.action-item strong[b-tj728e5ra7] {
    display: block;
    font-size: 0.9rem;
    color: #1e293b;
    margin-bottom: 0.125rem;
}

.action-item p[b-tj728e5ra7] {
    font-size: 0.8rem;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
}

/* Rules List */
.rules-list[b-tj728e5ra7] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.rules-list li[b-tj728e5ra7] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: #334155;
    line-height: 1.4;
    border-bottom: 1px solid #f1f5f9;
}

.rules-list li:last-child[b-tj728e5ra7] {
    border-bottom: none;
}

.rules-list li i[b-tj728e5ra7] {
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* Frequency Info */
.frequency-info[b-tj728e5ra7] {
    background: #f0f9ff;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.5rem;
}

.frequency-info p[b-tj728e5ra7] {
    margin: 0 0 0.5rem;
    color: #0369a1;
    font-size: 0.9rem;
}

.frequency-info ul[b-tj728e5ra7] {
    margin: 0;
    padding-left: 1.25rem;
}

.frequency-info li[b-tj728e5ra7] {
    color: #0c4a6e;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

/* How-To List */
.how-to-list[b-tj728e5ra7] {
    margin: 0;
    padding-left: 1.25rem;
}

.how-to-list li[b-tj728e5ra7] {
    margin-bottom: 0.5rem;
    color: #334155;
    font-size: 0.9rem;
    line-height: 1.5;
}

/* Variance Formula */
.variance-formula[b-tj728e5ra7] {
    margin: 1rem 0;
}

.formula-box[b-tj728e5ra7] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    background: #f8fafc;
    padding: 1rem;
    border-radius: 8px;
    font-size: 0.9rem;
    color: #334155;
}

.formula-box span:first-child[b-tj728e5ra7] {
    font-weight: 700;
    color: #005B94;
}

/* Variance Examples */
.variance-examples[b-tj728e5ra7] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.variance-row[b-tj728e5ra7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border-radius: 8px;
    font-size: 0.875rem;
}

.variance-row.positive[b-tj728e5ra7] {
    background: #fef3c7;
}

.variance-row.negative[b-tj728e5ra7] {
    background: #fee2e2;
}

.variance-row.zero[b-tj728e5ra7] {
    background: #dcfce7;
}

.var-value[b-tj728e5ra7] {
    font-weight: 700;
    font-family: monospace;
    font-size: 1rem;
    min-width: 32px;
    text-align: center;
}

.variance-row.positive .var-value[b-tj728e5ra7] {
    color: #92400e;
}

.variance-row.negative .var-value[b-tj728e5ra7] {
    color: #991b1b;
}

.variance-row.zero .var-value[b-tj728e5ra7] {
    color: #166534;
}

/* Tips Card */
.tips-card[b-tj728e5ra7] {
    background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
    border: 1px solid #fde047;
}

.tips-card .card-header-help[b-tj728e5ra7] {
    background: transparent;
    border-bottom-color: #fde047;
}

.tips-card .card-header-help i[b-tj728e5ra7] {
    color: #ca8a04;
}

.tips-list[b-tj728e5ra7] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tips-list li[b-tj728e5ra7] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.5rem 0;
    font-size: 0.9rem;
    color: #713f12;
    line-height: 1.4;
}

.tips-list li i[b-tj728e5ra7] {
    color: #eab308;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* App Info Footer */
.app-info-footer[b-tj728e5ra7] {
    text-align: center;
    padding: 2rem 1rem 3rem;
    margin-top: 1rem;
}

.footer-logo[b-tj728e5ra7] {
    width: 48px;
    height: 48px;
    margin-bottom: 0.75rem;
    opacity: 0.6;
}

.app-name[b-tj728e5ra7] {
    font-size: 1rem;
    font-weight: 600;
    color: #64748b;
    margin: 0 0 0.25rem;
}

.app-version[b-tj728e5ra7] {
    font-size: 0.8rem;
    color: #94a3b8;
    margin: 0 0 0.25rem;
}

.app-copyright[b-tj728e5ra7] {
    font-size: 0.75rem;
    color: #cbd5e1;
    margin: 0;
}

/* Header button styling */
.header-btn[b-tj728e5ra7] {
    background: none;
    border: none;
    padding: 0.5rem;
    color: #64748b;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s;
}

.header-btn:hover[b-tj728e5ra7] {
    background: #f1f5f9;
    color: #334155;
}

.header-btn i[b-tj728e5ra7] {
    font-size: 1.25rem;
}

/* Text utilities */
.text-success[b-tj728e5ra7] { color: #16a34a !important; }
.text-warning[b-tj728e5ra7] { color: #ca8a04 !important; }
.text-info[b-tj728e5ra7] { color: #0284c7 !important; }
.text-primary[b-tj728e5ra7] { color: #005B94 !important; }
/* /Pages/Index.razor.rz.scp.css */
/* Modern Home Page Styles - Spotify/Card Style */

/* .inventory-container and .content-scroll are handled by daily-inventory.css */

/* Fix for background scrolling issue on Home Page */
.home-container[b-q32paknbpm] {
    background: #F1F5F9 !important;
}

.home-container .content-scroll[b-q32paknbpm] {
    background: #F1F5F9 !important;
    margin-top: 56px; /* Only header, no tabs on home page */
}

/* Show collapsing header on home page (it's hidden globally) */
.home-container .collapsing-header[b-q32paknbpm] {
    display: block;
    padding-top: 0;
}

.home-content[b-q32paknbpm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 1rem; /* Add side padding so content doesn't touch edges */
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Header Profile in Persistent Header */
.header-profile-link[b-q32paknbpm] {
    text-decoration: none;
}

/* Header Info Icon Link */
.header-icon-link[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #64748b;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.header-icon-link:hover[b-q32paknbpm] {
    background: #f1f5f9;
    color: #005B94;
}

.header-icon-link i[b-q32paknbpm] {
    font-size: 1.25rem;
}

/* Override persistent header border for home page */
.home-header-override[b-q32paknbpm] {
    background: white !important;
    border-bottom: none !important;
    width: 100%;
}

.home-header-override .header-right[b-q32paknbpm] {
    gap: 0.5rem;
}

.home-header-override.scrolled[b-q32paknbpm] {
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
}

.header-profile-mini[b-q32paknbpm] {
    width: 32px;
    height: 32px;
    background: #005B94;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Greeting Section */
.greeting-section[b-q32paknbpm] {
    background: white;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 1rem;
    margin-top: 0;
}

@media (min-width: 832px) {
    .greeting-section[b-q32paknbpm] {
        margin-top: 1rem;
        border-radius: 16px;
        border: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb;
    }
    
    .home-container .collapsing-header[b-q32paknbpm] {
        padding: 0 1rem;
    }
}

.greeting-content[b-q32paknbpm] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1rem 1.5rem;
}

.header-greeting h1[b-q32paknbpm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.01em;
}

.header-greeting p[b-q32paknbpm] {
    font-size: 0.9rem;
    color: #64748b;
    margin: 0;
}

.vehicle-subtitle[b-q32paknbpm] {
    font-size: 0.9rem;
    color: #64748b;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
}

.vehicle-subtitle i[b-q32paknbpm] {
    font-size: 0.9rem;
}

/* Quick Actions Grid */
.quick-actions[b-q32paknbpm] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.action-btn[b-q32paknbpm] {
    background: white;
    border: none;
    padding: 1rem;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #334155;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    font-weight: 600;
    font-size: 0.9rem;
}

.action-btn:active[b-q32paknbpm] {
    transform: scale(0.98);
    background-color: #f8fafc;
}

.action-btn i[b-q32paknbpm] {
    font-size: 1.5rem;
    color: #005B94;
}

.action-btn.primary[b-q32paknbpm] {
    background: linear-gradient(135deg, #005B94 0%, #004a7a 100%);
    color: white;
}

.action-btn.primary i[b-q32paknbpm] {
    color: white;
}

.action-btn.danger[b-q32paknbpm] {
    border: 1px solid #ef4444;
    background: #fef2f2;
}

.action-btn.danger i[b-q32paknbpm] {
    color: #ef4444;
}

.action-btn.warning[b-q32paknbpm] {
    border: 1px solid #f59e0b;
    background: #fffbeb;
}

.action-btn.warning i[b-q32paknbpm] {
    color: #f59e0b;
}

.action-btn .btn-content[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.2;
}

.action-btn .btn-title[b-q32paknbpm] {
    font-weight: 700;
    font-size: 0.95rem;
}

.action-btn .btn-subtitle[b-q32paknbpm] {
    font-size: 0.75rem;
    font-weight: 500;
    opacity: 0.9;
    margin-top: 2px;
}

.action-btn.complete i[b-q32paknbpm] {
    color: #10b981;
}

/* Cards */
.content-card[b-q32paknbpm] {
    background: white;
    border-radius: 16px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    margin-bottom: 0.5rem;
}

.card-header[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.card-header h2[b-q32paknbpm] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.card-header h2 i[b-q32paknbpm] {
    color: #005B94;
    font-size: 1.1rem;
}

.header-action[b-q32paknbpm] {
    font-size: 0.85rem;
    color: #005B94;
    font-weight: 600;
    text-decoration: none;
}

/* Inventory List */
.inventory-list[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.inventory-item[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    padding: 0.75rem 0;
    border-bottom: 1px solid #f1f5f9;
    cursor: pointer;
    transition: background-color 0.2s;
}

.inventory-item:hover[b-q32paknbpm] {
    background-color: rgba(241, 245, 249, 0.5);
    margin: 0 -0.5rem;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
}

.inventory-item.expanded[b-q32paknbpm] {
    background-color: #f8fafc;
    margin: 0 -0.5rem;
    padding: 0.75rem 0.5rem;
    border-radius: 8px;
}

.inventory-item:last-child[b-q32paknbpm] {
    border-bottom: none;
    padding-bottom: 0;
}

.inventory-item:last-child:hover[b-q32paknbpm],
.inventory-item:last-child.expanded[b-q32paknbpm] {
    padding-bottom: 0.75rem;
}

.item-main[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.item-breakdown[b-q32paknbpm] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
    animation: slideDown-b-q32paknbpm 0.2s ease-out;
}

@keyframes slideDown-b-q32paknbpm {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Case Info Display */
.case-info[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.case-size-hint[b-q32paknbpm] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 500;
}

.case-pill[b-q32paknbpm] {
    background: #e0f2fe;
    color: #0369a1;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0.25rem 0.6rem;
    border-radius: 12px;
}

.case-size-hint[b-q32paknbpm] {
    color: #94a3b8;
    font-size: 0.75rem;
}

.breakdown-grid[b-q32paknbpm] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0.25rem;
    text-align: center;
}

.breakdown-cell[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
}

.cell-label[b-q32paknbpm] {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: #64748b;
    font-weight: 600;
}

.cell-value[b-q32paknbpm] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #94a3b8;
}

.cell-value.positive[b-q32paknbpm] {
    color: #10b981;
}

.cell-value.negative[b-q32paknbpm] {
    color: #ef4444;
}

.item-info[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
}

.item-code[b-q32paknbpm] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #334155;
}

.item-desc[b-q32paknbpm] {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.2;
}

.item-qty[b-q32paknbpm] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    background: #f1f5f9;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    min-width: 40px;
    text-align: center;
}

.item-qty.low[b-q32paknbpm] {
    color: #ef4444;
    background: #fee2e2;
}

/* Activity List */
.activity-list[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-item[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 12px;
    background: #f8fafc;
}

.activity-icon[b-q32paknbpm] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.activity-icon.inventory[b-q32paknbpm] {
    background: #e0f2fe;
    color: #0284c7;
}

.activity-icon.count[b-q32paknbpm] {
    background: #dcfce7;
    color: #16a34a;
}

.activity-details[b-q32paknbpm] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.activity-title[b-q32paknbpm] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #334155;
}

.activity-date[b-q32paknbpm] {
    font-size: 0.8rem;
    color: #94a3b8;
}

.activity-status[b-q32paknbpm] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    text-transform: uppercase;
}

.status-certified[b-q32paknbpm] { color: #16a34a; background: #dcfce7; }
.status-draft[b-q32paknbpm] { color: #ca8a04; background: #fef9c3; }
.status-submitted[b-q32paknbpm] { color: #ca8a04; background: #fef9c3; }

/* Vehicle Info Compact */
.vehicle-info-compact[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #64748b;
    background: white;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    align-self: flex-start;
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
}

.vehicle-info-compact i[b-q32paknbpm] {
    color: #005B94;
}

/* Loading State */
.loading-skeleton[b-q32paknbpm] {
    height: 100px;
    background: #e2e8f0;
    border-radius: 12px;
    animation: pulse-b-q32paknbpm 1.5s infinite;
}

@keyframes pulse-b-q32paknbpm {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

/* Default SKUs Grid (Compact) */
.sku-grid-compact[b-q32paknbpm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

.sku-row-compact[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.sku-row-compact:last-child[b-q32paknbpm] { border-bottom: none; }

.sku-main[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
}

.sku-multiplier-badge[b-q32paknbpm] {
    font-size: 0.75rem;
    font-weight: 700;
    background: #e0f2fe;
    color: #0284c7;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
}

.empty-state small[b-q32paknbpm] {
    color: #9ca3af;
}

/* Coming Soon Cards */
.coming-soon-card[b-q32paknbpm] {
    background: linear-gradient(135deg, #fafafa 0%, #f5f5f5 100%);
    padding: 1.5rem;
    border-radius: 0.75rem;
    margin-bottom: 1.5rem;
    border: 2px dashed #d1d5db;
    text-align: center;
}

.coming-soon-card i[b-q32paknbpm] {
    font-size: 2rem;
    color: #9ca3af;
    margin-bottom: 0.5rem;
}

.coming-soon-card h3[b-q32paknbpm] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #6b7280;
}

.coming-soon-card p[b-q32paknbpm] {
    margin: 0;
    color: #9ca3af;
    font-size: 0.875rem;
}

/* Forms Grid */
.forms-grid[b-q32paknbpm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
    align-items: start;
}

.forms-card[b-q32paknbpm] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.75rem;
    overflow: hidden;
}

.forms-card-header[b-q32paknbpm] {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    padding: 1rem 1.5rem;
    border-bottom: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.forms-card-header h3[b-q32paknbpm] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #374151;
}

.count-pill[b-q32paknbpm] {
    background: #005B94;
    color: white;
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    white-space: nowrap;
}

.forms-card-body[b-q32paknbpm] {
    padding: 1.5rem;
}

.month-card[b-q32paknbpm] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    overflow: hidden;
}

.month-card:last-child[b-q32paknbpm] {
    margin-bottom: 0;
}

.month-card-header[b-q32paknbpm] {
    padding: 0.875rem 1rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.month-card-header:hover[b-q32paknbpm] {
    background-color: #f9fafb;
}

.month-info[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.month-name[b-q32paknbpm] {
    font-size: 1rem;
    font-weight: 600;
    color: #374151;
}

.month-card-header i[b-q32paknbpm] {
    font-size: 1rem;
    color: #6b7280;
}

.forms-stats[b-q32paknbpm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-item[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
}

.stat-label[b-q32paknbpm] {
    font-size: 0.75rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.25rem;
}

.stat-value[b-q32paknbpm] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #005B94;
}

.view-toggle[b-q32paknbpm] {
    width: 100%;
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.forms-list[b-q32paknbpm] {
    margin-top: 0;
    border-top: none;
    padding-top: 0;
}

.month-card .forms-list[b-q32paknbpm] {
    background: white;
}

.forms-card-body > .forms-list[b-q32paknbpm] {
    margin-top: 0;
    border-top: 1px solid #e5e7eb;
    padding-top: 0;
}

.form-list-item[b-q32paknbpm] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    border-bottom: 1px solid #f3f4f6;
    gap: 1rem;
    width: 100%;
    text-align: left;
    background: transparent;
    border-left: none;
    border-right: none;
    border-top: none;
    font: inherit;
}

.form-list-item.clickable[b-q32paknbpm] {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.form-list-item.clickable:hover[b-q32paknbpm] {
    background-color: #f9fafb;
}

.form-list-item.clickable:active[b-q32paknbpm] {
    background-color: #f3f4f6;
}

.form-list-item:last-child[b-q32paknbpm] {
    border-bottom: none;
}

.form-date[b-q32paknbpm] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    min-width: 100px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.day-abbr[b-q32paknbpm] {
    font-weight: 400;
    color: #6b7280;
}

.form-vehicle[b-q32paknbpm] {
    font-size: 0.875rem;
    color: #6b7280;
    flex: 1;
}

.form-status[b-q32paknbpm] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #059669;
    background: #d1fae5;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
}

/* Mobile Optimizations */
@media (max-width: 768px) {
    .home-container[b-q32paknbpm] {
        padding: 0; /* Remove padding on mobile to allow full-width header */
    }

    .profile-card[b-q32paknbpm] {
        padding: 1.5rem;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .profile-avatar[b-q32paknbpm] {
        width: 70px;
        height: 70px;
    }

    .profile-avatar i[b-q32paknbpm] {
        font-size: 2rem;
    }

    .profile-info[b-q32paknbpm] {
        align-items: center;
    }

    .profile-name[b-q32paknbpm] {
        font-size: 1.5rem;
    }

    .sync-button[b-q32paknbpm] {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .actions-grid[b-q32paknbpm] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .action-card[b-q32paknbpm] {
        min-height: 90px;
        padding: 1rem;
    }

    .vehicle-header[b-q32paknbpm] {
        flex-direction: row;
        gap: 0.75rem;
        padding: 1rem;
    }

    .vehicle-icon[b-q32paknbpm] {
        font-size: 1.75rem;
    }

    .vehicle-title[b-q32paknbpm] {
        font-size: 1.25rem;
    }

    .location-name[b-q32paknbpm] {
        font-size: 1rem;
        padding-left: 1.5rem;
    }

    .partner-grid[b-q32paknbpm] {
        grid-template-columns: 1fr;
    }

    .forms-grid[b-q32paknbpm] {
        grid-template-columns: 1fr;
    }

    .form-list-item[b-q32paknbpm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .form-date[b-q32paknbpm] {
        min-width: auto;
    }
}

/* Vehicle Inventory Section */
.inventory-card[b-q32paknbpm] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    margin-bottom: 2rem;
}

.inventory-header[b-q32paknbpm] {
    background: linear-gradient(135deg, #005B94 0%, #004a7a 100%);
    padding: 1.25rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.inventory-title[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.inventory-title i[b-q32paknbpm] {
    font-size: 1.5rem;
}

.inventory-title h3[b-q32paknbpm] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.as-of-date[b-q32paknbpm] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.9);
}

.inventory-loading[b-q32paknbpm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    gap: 1rem;
}

.inventory-table-wrapper[b-q32paknbpm] {
    overflow-x: auto;
    padding: 1.5rem;
}

.inventory-table[b-q32paknbpm] {
    width: 100%;
    border-collapse: collapse;
}

.inventory-table th[b-q32paknbpm] {
    background: #f3f4f6;
    padding: 0.75rem 0.5rem;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 600;
    color: #374151;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #e5e7eb;
}

.inventory-table td[b-q32paknbpm] {
    padding: 0.75rem 0.5rem;
    border-bottom: 1px solid #f3f4f6;
    font-size: 0.875rem;
}

.inventory-table tbody tr:hover[b-q32paknbpm] {
    background-color: #f9fafb;
}

.inventory-table .number-cell[b-q32paknbpm] {
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.inventory-table .number-cell.positive[b-q32paknbpm] {
    color: #059669;
}

.inventory-table .number-cell.negative[b-q32paknbpm] {
    color: #dc2626;
}

.inventory-table .number-cell.ending[b-q32paknbpm] {
    font-weight: 700;
    background: #f9fafb;
    color: #005B94;
}

.inventory-table .number-cell.current[b-q32paknbpm] {
    font-weight: 700;
    background: #dbeafe;
    color: #005B94;
    font-size: 1rem;
}

.inventory-table .number-cell.net[b-q32paknbpm] {
    font-weight: 700;
    background: #f3f4f6;
}

.inventory-table .sku-cell[b-q32paknbpm] {
    font-weight: 600;
    color: #374151;
}

/* Expandable Row Styles */
.inventory-table .expand-cell[b-q32paknbpm] {
    width: 40px;
    text-align: center;
    cursor: pointer;
    user-select: none;
}

.inventory-table .expand-cell i[b-q32paknbpm] {
    color: #6b7280;
    transition: transform 0.2s ease;
}

.inventory-table .summary-row[b-q32paknbpm] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.inventory-table .summary-row:hover[b-q32paknbpm] {
    background-color: #f9fafb;
}

.inventory-table .detail-row[b-q32paknbpm] {
    background-color: #fafafa;
    font-size: 0.85rem;
}

.inventory-table .detail-row td[b-q32paknbpm] {
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #e5e7eb;
}

.inventory-table .date-cell[b-q32paknbpm] {
    font-weight: 600;
    color: #4b5563;
    padding-left: 2rem !important;
}

.inventory-table .monthly-label[b-q32paknbpm] {
    font-style: italic;
    color: #6b7280;
}

/* Touch-Friendly Enhancements */
@media (hover: none) and (pointer: coarse) {
    .action-card[b-q32paknbpm] {
        min-height: 100px;
        padding: 1.5rem;
        font-size: 1rem;
    }

    .action-card i[b-q32paknbpm] {
        font-size: 2rem;
    }

    .sku-card[b-q32paknbpm] {
        padding: 1.25rem;
    }

    .partner-card[b-q32paknbpm] {
        padding: 1rem 1.25rem;
        font-size: 1rem;
    }
}

.inventory-calculation-info[b-q32paknbpm] {
    margin-bottom: 1rem;
    font-size: 0.85rem;
    color: #64748b;
    background: #f8fafc;
    padding: 0.75rem;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #e2e8f0;
}

.inventory-calculation-info i[b-q32paknbpm] {
    color: #005B94;
}

/* Section Titles */
.section-title[b-q32paknbpm] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.status-badge[b-q32paknbpm] {
    font-size: 0.7rem;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0.25rem;
}

.status-badge.overdue[b-q32paknbpm] {
    background: #ef4444;
    color: white;
}

.status-badge.due[b-q32paknbpm] {
    background: #f59e0b;
    color: white;
}

.status-badge.complete[b-q32paknbpm] {
    background: #10b981;
    color: white;
}

.action-btn.complete i[b-q32paknbpm] {
    color: #10b981;
}

/* Inventory Controls */
.header-title-group[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-tooltip-wrapper[b-q32paknbpm] {
    position: relative;
    display: flex;
    align-items: center;
}

.info-icon[b-q32paknbpm] {
    color: #94a3b8;
    font-size: 1rem;
    cursor: pointer;
    transition: color 0.2s;
}

.info-icon:hover[b-q32paknbpm] {
    color: #005B94;
}

.info-tooltip[b-q32paknbpm] {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #1e293b;
    color: white;
    padding: 0.75rem;
    border-radius: 8px;
    font-size: 0.8rem;
    width: 200px;
    z-index: 100;
    margin-top: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 1.4;
}

.info-tooltip[b-q32paknbpm]::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    background: #1e293b;
}

.inventory-controls[b-q32paknbpm] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
    align-items: center;
}

.search-box[b-q32paknbpm] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.search-box i[b-q32paknbpm] {
    position: absolute;
    left: 1rem;
    color: #9ca3af;
    font-size: 0.9rem;
}

.search-input[b-q32paknbpm] {
    width: 100%;
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.9rem;
    background: #f1f5f9;
    color: #1f2937;
    transition: all 0.2s;
}

.search-input:focus[b-q32paknbpm] {
    outline: none;
    background: white;
    border-color: #e2e8f0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.control-btn[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    background: #f1f5f9;
    color: #64748b;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
}

.control-btn:hover[b-q32paknbpm] {
    background: #e2e8f0;
    color: #0f172a;
}

.control-btn.active[b-q32paknbpm] {
    background: #005B94;
    color: white;
    box-shadow: 0 4px 10px rgba(0, 91, 148, 0.2);
}

/* Modal / Bottom Sheet */
.modal-overlay[b-q32paknbpm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    animation: fadeIn-b-q32paknbpm 0.2s ease-out;
}

.bottom-sheet[b-q32paknbpm] {
    background: white;
    width: 100%;
    max-width: 600px;
    border-radius: 20px 20px 0 0;
    padding-bottom: env(safe-area-inset-bottom, 20px);
    animation: slideUp-b-q32paknbpm 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.bottom-sheet-header[b-q32paknbpm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #f1f5f9;
}

.bottom-sheet-header h5[b-q32paknbpm] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: #1e293b;
}

.close-btn[b-q32paknbpm] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
    padding: 0;
    line-height: 1;
}

.bottom-sheet-body[b-q32paknbpm] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.sheet-option[b-q32paknbpm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    border: none;
    background: white;
    border-radius: 12px;
    color: #334155;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
}

.sheet-option:hover[b-q32paknbpm] {
    background: #f8fafc;
}

.sheet-option.active[b-q32paknbpm] {
    background: #f0f9ff;
    color: #005B94;
    font-weight: 600;
}

.sheet-option i[b-q32paknbpm] {
    font-size: 1.2rem;
}

.check-icon[b-q32paknbpm] {
    margin-left: auto;
    color: #005B94;
}

@keyframes fadeIn-b-q32paknbpm {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp-b-q32paknbpm {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

.show-more-btn[b-q32paknbpm] {
    width: 100%;
    padding: 0.75rem;
    background: transparent;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #64748b;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    transition: all 0.2s;
    margin-top: 0.5rem;
}

.show-more-btn:hover[b-q32paknbpm] {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #475569;
}

.show-more-btn i[b-q32paknbpm] {
    font-size: 0.8rem;
}

/* Custom Scrollbar for Home to avoid "weird line" artifact */
.home-container .content-scroll[b-q32paknbpm]::-webkit-scrollbar {
    width: 0px; /* Hide scrollbar width */
    background: transparent; /* Optional: just make scrollbar invisible */
}

.home-container .content-scroll[b-q32paknbpm] {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
/* /Pages/InventoryCounts.razor.rz.scp.css */
/* Mobile-first Inventory Counts Styles */

/* Remove article padding for full-width design */
article.content[b-w9ubquv9hs] {
    padding: 0 !important;
}

/* Header container override - use fixed positioning like persistent-header */
.inventory-container .header-container[b-w9ubquv9hs] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    z-index: 120;
}

/* Content scroll needs margin for the taller header */
.inventory-container .content-scroll[b-w9ubquv9hs] {
    margin-top: 70px;
}

/* Hide the collapsing header since info is now in the fixed header */
.inventory-container .collapsing-header[b-w9ubquv9hs] {
    display: none;
}

/* Sticky search bar - fixed position below header */
.inventory-container .totals-controls.sticky-top-bar[b-w9ubquv9hs] {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    z-index: 110;
    margin: 0;
}

/* Add padding to content to account for fixed search bar */
.inventory-container .content-scroll .p-2[b-w9ubquv9hs] {
    padding-top: 60px !important;
}

/* .inventory-container and .content-scroll are handled by daily-inventory.css */

.sku-card[b-w9ubquv9hs] {
    background: white;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    transition: all 0.2s ease;
}

.sku-card.expanded[b-w9ubquv9hs] {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08), 0 4px 8px rgba(0, 0, 0, 0.02);
    transform: translateY(-2px);
    border-color: transparent;
    z-index: 10;
}

.sku-header[b-w9ubquv9hs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 12px 16px;
    min-height: 64px;
}

.comment-badge[b-w9ubquv9hs] {
    color: #005B94;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.sku-info[b-w9ubquv9hs] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sku-desc[b-w9ubquv9hs] {
    font-size: 1rem;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.sku-code[b-w9ubquv9hs] {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 500;
    margin-top: 2px;
    font-style: normal;
}

.sku-qty-display[b-w9ubquv9hs] {
    min-width: auto;
}

.quantity-stepper[b-w9ubquv9hs] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.quantity-stepper .qty-btn[b-w9ubquv9hs] {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: 50%;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: transform 0.1s;
}

.quantity-stepper .qty-btn:active[b-w9ubquv9hs] {
    transform: scale(0.9);
}

.quantity-stepper .qty-btn.minus[b-w9ubquv9hs] {
    color: #9ca3af;
}

.quantity-stepper .qty-btn.plus[b-w9ubquv9hs] {
    color: #005B94;
}

.quantity-stepper .qty-input[b-w9ubquv9hs] {
    width: 45px;
    text-align: center;
    border: none;
    background: #f3f4f6;
    padding: 0.25rem;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.quantity-stepper .qty-input:focus[b-w9ubquv9hs] {
    outline: 2px solid #3b82f6;
    outline-offset: 1px;
    background: white;
}

.qty-display-readonly[b-w9ubquv9hs] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
    padding: 0.5rem 1rem;
    text-align: center;
    min-width: 45px;
}

.sku-details[b-w9ubquv9hs] {
    padding: 0 16px 12px 16px;
    margin-top: 0;
    border-top: none;
    animation: slideDown-b-w9ubquv9hs 0.2s ease-out;
}

@keyframes slideDown-b-w9ubquv9hs {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.alert-info[b-w9ubquv9hs] {
    background-color: #e3f2fd;
    border-color: #90caf9;
    color: #005B94; /* Franklin Blue */
}

.btn-primary[b-w9ubquv9hs] {
    background-color: #005B94;
    border-color: #005B94;
}

.btn-outline-primary[b-w9ubquv9hs] {
    color: #005B94;
    border-color: #005B94;
}

.btn-outline-primary:hover[b-w9ubquv9hs] {
    background-color: #005B94;
    color: white;
}

.btn-check:checked + .btn-outline-primary[b-w9ubquv9hs] {
    background-color: #005B94;
    border-color: #005B94;
}

/* List View Styles */
.form-list-item[b-w9ubquv9hs] {
    background: white;
    border-radius: 8px;
    padding: 1rem;
    margin-bottom: 0.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: transform 0.1s;
}

.form-list-item:active[b-w9ubquv9hs] {
    transform: scale(0.98);
}

.status-badge[b-w9ubquv9hs] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    vertical-align: middle;
}

.status-draft[b-w9ubquv9hs] {
    background: #e0f2fe;
    color: #005B94;
}

.status-certified[b-w9ubquv9hs] {
    background: #d1fae5;
    color: #065f46;
}

/* Case toggle switch */
.case-toggle[b-w9ubquv9hs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    cursor: pointer;
}

.case-toggle-label[b-w9ubquv9hs] {
    font-size: 0.55rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1;
}

.case-toggle-track[b-w9ubquv9hs] {
    width: 34px;
    height: 20px;
    background: #d1d5db;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    transition: background 0.2s;
    flex-shrink: 0;
}

.case-toggle-track.on[b-w9ubquv9hs] {
    background: #005B94;
}

.case-toggle-thumb[b-w9ubquv9hs] {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    background: white;
    border-radius: 50%;
    transition: left 0.2s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.case-toggle-track.on .case-toggle-thumb[b-w9ubquv9hs] {
    left: 17px;
}

/* Case entry with addition-style total */
.case-entry-with-total[b-w9ubquv9hs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.case-entry-with-total .case-row[b-w9ubquv9hs] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.case-entry-with-total .case-row-label[b-w9ubquv9hs] {
    font-size: 0.7rem;
    font-weight: 600;
    color: #6b7280;
    min-width: 45px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.case-entry-with-total .case-row-label i[b-w9ubquv9hs] {
    font-size: 0.75rem;
    color: #005B94;
}

.case-entry-with-total .qty-btn[b-w9ubquv9hs] {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    border-radius: 50%;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    transition: transform 0.1s;
}

.case-entry-with-total .qty-btn:active[b-w9ubquv9hs] {
    transform: scale(0.9);
}

.case-entry-with-total .qty-btn.minus[b-w9ubquv9hs] {
    color: #9ca3af;
}

.case-entry-with-total .qty-btn.plus[b-w9ubquv9hs] {
    color: #005B94;
}

.case-entry-with-total .qty-input[b-w9ubquv9hs] {
    width: 45px;
    text-align: center;
    border: none;
    background: #f3f4f6;
    padding: 0.25rem;
    border-radius: 6px;
    font-size: 1.1rem;
    font-weight: 600;
    color: #1f2937;
}

.case-entry-with-total .qty-input:focus[b-w9ubquv9hs] {
    outline: 2px solid #005B94;
    outline-offset: 1px;
    background: white;
}

.case-total-row[b-w9ubquv9hs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.25rem;
    border-top: 1px solid #e5e7eb;
    margin-top: 0.25rem;
    width: 100%;
    justify-content: flex-end;
}

.case-total-equals[b-w9ubquv9hs] {
    font-size: 1rem;
    font-weight: 600;
    color: #6b7280;
}

.case-total-value[b-w9ubquv9hs] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1f2937;
    min-width: 45px;
    text-align: center;
    background: white;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
}

/* Cycle Counts Floating Dock Overrides */
/* Justify dock content to the right */
.inventory-container .floating-dock.justify-end[b-w9ubquv9hs] {
    justify-content: flex-end;
}

/* New Count button - use blue instead of orange */
.inventory-container .dock-new-count[b-w9ubquv9hs] {
    background: #005B94;
    border-radius: 16px;
    flex: unset;
}

.inventory-container .dock-new-count:active[b-w9ubquv9hs] {
    background: #004a7a;
}

/* Certify button needs text, so make it wider */
.inventory-container .dock-certify-btn[b-w9ubquv9hs] {
    width: auto;
    padding: 0.75rem 1.25rem;
    gap: 0.5rem;
}

.inventory-container .dock-certify-btn span[b-w9ubquv9hs] {
    font-weight: 600;
    font-size: 0.9rem;
}

/* Sync badge for unsynced indicator */
.sync-badge[b-w9ubquv9hs] {
    position: absolute;
    top: -2px;
    right: -2px;
    background: #f59e0b;
    color: white;
    font-size: 0.6rem;
    font-weight: 700;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sync-btn[b-w9ubquv9hs] {
    position: relative;
}

/* Spinning sync icon */
.spinning[b-w9ubquv9hs] {
    animation: spin-b-w9ubquv9hs 1s linear infinite;
}

@keyframes spin-b-w9ubquv9hs {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* /Pages/Login.razor.rz.scp.css */
/* Login Page - Branded Design */

.login-page[b-l9iojdk9yx] {
    min-height: 100vh;
    background: #F1F5F9;
}

.login-container[b-l9iojdk9yx] {
    display: flex;
    min-height: 100vh;
}

/* Left Side - Branding Panel */
.login-branding[b-l9iojdk9yx] {
    flex: 1;
    background: linear-gradient(135deg, #1a7fc1 0%, #003d66 100%);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3rem;
    position: relative;
    overflow: hidden;
}

.branding-content[b-l9iojdk9yx] {
    position: relative;
    z-index: 1;
    margin-top: 2rem;
}

.brand-logo[b-l9iojdk9yx] {
    width: auto;
    height: 80px;
    margin-bottom: 1.5rem;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,0.2));
    object-fit: contain;
}

.brand-name[b-l9iojdk9yx] {
    font-size: 3rem;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    letter-spacing: 0.5px;
}

.brand-tagline[b-l9iojdk9yx] {
    font-size: 1.25rem;
    opacity: 0.9;
    margin-bottom: 3rem;
    font-weight: 300;
}

.brand-features[b-l9iojdk9yx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.feature-item[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 1rem;
    opacity: 0.9;
}

.feature-item i[b-l9iojdk9yx] {
    font-size: 1.5rem;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.15);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.branding-footer[b-l9iojdk9yx] {
    position: relative;
    z-index: 1;
    font-size: 0.875rem;
    opacity: 0.7;
}

/* Right Side - Login Form */
.login-form-section[b-l9iojdk9yx] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: white;
}

.login-form-container[b-l9iojdk9yx] {
    width: 100%;
    max-width: 400px;
}

.mobile-logo[b-l9iojdk9yx] {
    display: none;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
    justify-content: center;
}

.mobile-logo img[b-l9iojdk9yx] {
    width: 48px;
    height: 48px;
}

.mobile-logo span[b-l9iojdk9yx] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #005B94;
}

.login-title[b-l9iojdk9yx] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
}

.login-subtitle[b-l9iojdk9yx] {
    color: #64748b;
    margin: 0 0 2rem 0;
    font-size: 1rem;
}

/* Alert Styles */
.alert-error[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #dc2626;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.alert-error i[b-l9iojdk9yx] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.alert-success[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    color: #16a34a;
    margin-top: 1.5rem;
    font-size: 0.9rem;
}

.alert-success i[b-l9iojdk9yx] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

/* Form Styles */
.login-form[b-l9iojdk9yx] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-group[b-l9iojdk9yx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-l9iojdk9yx] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
}

.input-wrapper[b-l9iojdk9yx] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-icon[b-l9iojdk9yx] {
    position: absolute;
    left: 1rem;
    color: #9ca3af;
    font-size: 1.1rem;
    pointer-events: none;
    transition: color 0.2s;
    z-index: 1;
}

.input-wrapper[b-l9iojdk9yx]  input {
    width: 100%;
    padding: 0.875rem 3rem 0.875rem 3rem;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.2s;
    background: #f9fafb;
}

.input-wrapper[b-l9iojdk9yx]  input:focus {
    outline: none;
    border-color: #005B94;
    background: white;
    box-shadow: 0 0 0 4px rgba(0, 91, 148, 0.1);
}

.input-wrapper[b-l9iojdk9yx]  input:focus ~ .input-icon,
.input-wrapper:focus-within .input-icon[b-l9iojdk9yx] {
    color: #005B94;
}

.input-wrapper[b-l9iojdk9yx]  input::placeholder {
    color: #9ca3af;
}

.password-toggle[b-l9iojdk9yx] {
    position: absolute;
    right: 1rem;
    background: none;
    border: none;
    color: #9ca3af;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
    z-index: 2;
}

.password-toggle:hover[b-l9iojdk9yx] {
    color: #005B94;
}

/* Animations */
.fade-in[b-l9iojdk9yx] {
    animation: fadeIn-b-l9iojdk9yx 0.5s ease-out forwards;
}

@keyframes fadeIn-b-l9iojdk9yx {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.validation-error[b-l9iojdk9yx] {
    color: #dc2626;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

/* Sign In Button */
.btn-signin[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 0.5rem;
}

.btn-signin:hover:not(:disabled)[b-l9iojdk9yx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.3);
}

.btn-signin:active:not(:disabled)[b-l9iojdk9yx] {
    transform: translateY(0);
}

.btn-signin:disabled[b-l9iojdk9yx] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-signin i[b-l9iojdk9yx] {
    transition: transform 0.2s;
}

.btn-signin:hover:not(:disabled) i[b-l9iojdk9yx] {
    transform: translateX(3px);
}

/* Spinner */
.spinner[b-l9iojdk9yx] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-l9iojdk9yx 0.8s linear infinite;
}

@keyframes spin-b-l9iojdk9yx {
    to { transform: rotate(360deg); }
}

/* Divider */
.divider[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
    color: #94a3b8;
    font-size: 0.875rem;
}

.divider[b-l9iojdk9yx]::before,
.divider[b-l9iojdk9yx]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e5e7eb;
}

.divider span[b-l9iojdk9yx] {
    padding: 0 1rem;
}

/* Local Auth Section */
.local-auth-section[b-l9iojdk9yx] {
    margin-bottom: 1rem;
}

.local-auth-section .form-group[b-l9iojdk9yx] {
    margin-bottom: 1rem;
}

.local-auth-section .form-label[b-l9iojdk9yx] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.local-auth-section .form-control[b-l9iojdk9yx] {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    transition: all 0.2s;
    background: #f9fafb;
}

.local-auth-section .form-control:focus[b-l9iojdk9yx] {
    outline: none;
    border-color: #005B94;
    background: white;
    box-shadow: 0 0 0 4px rgba(0, 91, 148, 0.1);
}

.local-auth-section .form-control[b-l9iojdk9yx]::placeholder {
    color: #9ca3af;
}

/* Local Auth Button */
.btn-local-auth[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 0.5rem;
}

.btn-local-auth:hover:not(:disabled)[b-l9iojdk9yx] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.3);
}

.btn-local-auth:active:not(:disabled)[b-l9iojdk9yx] {
    transform: translateY(0);
}

.btn-local-auth:disabled[b-l9iojdk9yx] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-local-auth i[b-l9iojdk9yx] {
    font-size: 1.25rem;
}

/* Auth Separator */
.auth-separator[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 1.5rem 0;
    color: #94a3b8;
    font-size: 0.875rem;
}

.auth-separator[b-l9iojdk9yx]::before,
.auth-separator[b-l9iojdk9yx]::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #e5e7eb;
}

.auth-separator span[b-l9iojdk9yx] {
    padding: 0 1rem;
    font-weight: 500;
}

/* SSO Button */
.btn-sso[b-l9iojdk9yx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    background: white;
    color: #374151;
    border: 2px solid #e5e7eb;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-sso:hover:not(:disabled)[b-l9iojdk9yx] {
    background: #f9fafb;
    border-color: #005B94;
    color: #005B94;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 91, 148, 0.15);
}

.btn-sso:active:not(:disabled)[b-l9iojdk9yx] {
    transform: translateY(0);
}

.btn-sso:disabled[b-l9iojdk9yx] {
    opacity: 0.7;
    cursor: not-allowed;
}

.btn-sso i[b-l9iojdk9yx] {
    font-size: 1.25rem;
}

/* Forgot Password */
.forgot-password[b-l9iojdk9yx] {
    text-align: center;
    margin-top: 1.5rem;
}

.forgot-password button[b-l9iojdk9yx] {
    background: none;
    border: none;
    color: #005B94;
    font-size: 0.9rem;
    cursor: pointer;
    padding: 0.5rem;
    transition: color 0.2s;
}

.forgot-password button:hover:not(:disabled)[b-l9iojdk9yx] {
    color: #F68D2E;
    text-decoration: underline;
}

.forgot-password button:disabled[b-l9iojdk9yx] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Responsive Design */
@media (max-width: 900px) {
    .login-branding[b-l9iojdk9yx] {
        display: none;
    }

    .login-form-section[b-l9iojdk9yx] {
        flex: 1;
    }

    .mobile-logo[b-l9iojdk9yx] {
        display: flex;
    }

    .login-title[b-l9iojdk9yx] {
        text-align: center;
    }

    .login-subtitle[b-l9iojdk9yx] {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .login-form-section[b-l9iojdk9yx] {
        padding: 1.5rem;
    }

    .login-form-container[b-l9iojdk9yx] {
        max-width: 100%;
    }

    .login-title[b-l9iojdk9yx] {
        font-size: 1.5rem;
    }

    .input-wrapper input[b-l9iojdk9yx] {
        padding: 0.75rem 3rem 0.75rem 2.75rem;
    }

    .btn-signin[b-l9iojdk9yx] {
        padding: 0.875rem;
    }

    .btn-sso[b-l9iojdk9yx] {
        padding: 0.875rem;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .login-form-section[b-l9iojdk9yx] {
        background: #1e293b;
    }

    .login-title[b-l9iojdk9yx] {
        color: #f1f5f9;
    }

    .login-subtitle[b-l9iojdk9yx] {
        color: #94a3b8;
    }

    .form-group label[b-l9iojdk9yx] {
        color: #e2e8f0;
    }

    .input-wrapper input[b-l9iojdk9yx] {
        background: #334155;
        border-color: #475569;
        color: #f1f5f9;
    }

    .input-wrapper input:focus[b-l9iojdk9yx] {
        background: #1e293b;
        border-color: #005B94;
    }

    .input-icon[b-l9iojdk9yx],
    .password-toggle[b-l9iojdk9yx] {
        color: #94a3b8;
    }
    
    .password-toggle:hover[b-l9iojdk9yx] {
        color: #38bdf8;
    }

    .divider[b-l9iojdk9yx]::before,
    .divider[b-l9iojdk9yx]::after {
        border-bottom-color: #475569;
    }

    .btn-sso[b-l9iojdk9yx] {
        background: #334155;
        border-color: #475569;
        color: #e2e8f0;
    }

    .btn-sso:hover:not(:disabled)[b-l9iojdk9yx] {
        background: #475569;
        border-color: #005B94;
        color: #38bdf8;
    }

    .local-auth-section .form-label[b-l9iojdk9yx] {
        color: #e2e8f0;
    }

    .local-auth-section .form-control[b-l9iojdk9yx] {
        background: #334155;
        border-color: #475569;
        color: #f1f5f9;
    }

    .local-auth-section .form-control:focus[b-l9iojdk9yx] {
        background: #1e293b;
        border-color: #005B94;
    }

    .auth-separator[b-l9iojdk9yx]::before,
    .auth-separator[b-l9iojdk9yx]::after {
        border-bottom-color: #475569;
    }

    .auth-separator span[b-l9iojdk9yx] {
        color: #94a3b8;
    }
}
/* /Pages/Profile.razor.rz.scp.css */
/* Profile Page Styles */

.profile-page[b-hi78ycap7t] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #F1F5F9;
}

/* Header */
.profile-header[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: white;
    border-bottom: 1px solid #e5e7eb;
    position: sticky;
    top: 0;
    z-index: 100;
}

.profile-header .header-left[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.back-button[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #495965;
    text-decoration: none;
    border-radius: 50%;
    transition: all 0.2s;
}

.back-button:hover[b-hi78ycap7t] {
    background: #f1f5f9;
    color: #005B94;
}

.header-logo[b-hi78ycap7t] {
    width: 28px;
    height: 28px;
}

.header-title[b-hi78ycap7t] {
    font-weight: 600;
    color: #005B94;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
}

/* Content */
.profile-content[b-hi78ycap7t] {
    flex: 1;
    padding: 1.5rem;
    padding-bottom: 100px;
    max-width: 500px;
    margin: 0 auto;
    width: 100%;
}

/* Profile Card */
.profile-card[b-hi78ycap7t] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    text-align: center;
}

/* Avatar */
.avatar-section[b-hi78ycap7t] {
    margin-bottom: 1.5rem;
}

.avatar-container[b-hi78ycap7t] {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

.avatar-image[b-hi78ycap7t] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-placeholder[b-hi78ycap7t] {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: 600;
}

.avatar-overlay[b-hi78ycap7t] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    opacity: 0;
    transition: opacity 0.2s;
}

.avatar-container:hover .avatar-overlay[b-hi78ycap7t] {
    opacity: 1;
}

.avatar-overlay i[b-hi78ycap7t] {
    font-size: 1.25rem;
}

.upload-progress[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    color: #64748b;
    font-size: 0.875rem;
}

/* User Info */
.user-info[b-hi78ycap7t] {
    margin-bottom: 1.5rem;
}

.user-name[b-hi78ycap7t] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.25rem 0;
}

.user-email[b-hi78ycap7t] {
    color: #64748b;
    margin: 0 0 0.75rem 0;
    font-size: 0.95rem;
}

.admin-badge[b-hi78ycap7t] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    background: linear-gradient(135deg, #005B94 0%, #003d66 100%);
    color: white;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

/* View As Role Switcher */
.view-as-section[b-hi78ycap7t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
    background: #f0f7ff;
    border-radius: 10px;
    border: 1px solid #005B9433;
    width: 100%;
    max-width: 280px;
}

.view-as-label[b-hi78ycap7t] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #005B94;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.view-as-select[b-hi78ycap7t] {
    width: 100%;
    font-size: 0.85rem;
    border-radius: 8px;
    border: 1px solid #005B9444;
}

.view-as-hint[b-hi78ycap7t] {
    font-size: 0.7rem;
    color: #F68D2E;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Profile Details */
.profile-details[b-hi78ycap7t] {
    border-top: 1px solid #e5e7eb;
    padding-top: 1.5rem;
}

.detail-item[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    text-align: left;
}

.detail-item i[b-hi78ycap7t] {
    width: 40px;
    height: 40px;
    background: #f1f5f9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #005B94;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.detail-content[b-hi78ycap7t] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-hi78ycap7t] {
    font-size: 0.75rem;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.detail-value[b-hi78ycap7t] {
    font-size: 0.95rem;
    color: #1e293b;
    font-weight: 500;
}

/* Actions */
.profile-actions[b-hi78ycap7t] {
    margin-top: 1.5rem;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.action-button[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem;
    background: white;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
    text-align: left;
}

.action-button:not(:last-child)[b-hi78ycap7t] {
    border-bottom: 1px solid #e5e7eb;
}

.action-button:hover[b-hi78ycap7t] {
    background: #f8fafc;
}

.action-button i:first-child[b-hi78ycap7t] {
    width: 24px;
    color: #005B94;
    font-size: 1.1rem;
}

.action-button span[b-hi78ycap7t] {
    flex: 1;
    margin-left: 0.75rem;
    font-size: 0.95rem;
    color: #1e293b;
}

.action-button i:last-child[b-hi78ycap7t] {
    color: #94a3b8;
}

/* Logout Button */
.logout-button[b-hi78ycap7t] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    margin-top: 1.5rem;
    background: white;
    border: 2px solid #ef4444;
    border-radius: 12px;
    color: #ef4444;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.logout-button:hover:not(:disabled)[b-hi78ycap7t] {
    background: #ef4444;
    color: white;
}

.logout-button:disabled[b-hi78ycap7t] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spinner */
.spinner-small[b-hi78ycap7t] {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-b-hi78ycap7t 0.8s linear infinite;
}

@keyframes spin-b-hi78ycap7t {
    to { transform: rotate(360deg); }
}

/* App Version */
.app-version[b-hi78ycap7t] {
    text-align: center;
    margin-top: 2rem;
    color: #94a3b8;
    font-size: 0.8rem;
}

/* Responsive */
@media (max-width: 480px) {
    .profile-content[b-hi78ycap7t] {
        padding: 1rem;
    }

    .profile-card[b-hi78ycap7t] {
        padding: 1.5rem;
    }

    .avatar-container[b-hi78ycap7t] {
        width: 100px;
        height: 100px;
    }

    .avatar-placeholder[b-hi78ycap7t] {
        font-size: 2rem;
    }

    .user-name[b-hi78ycap7t] {
        font-size: 1.25rem;
    }
}
/* /Pages/SSOCallback.razor.rz.scp.css */
.sso-callback-page[b-nob35ebk61] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F1F5F9;
}

.sso-callback-container[b-nob35ebk61] {
    text-align: center;
    padding: 2rem;
}

.spinner-large[b-nob35ebk61] {
    width: 60px;
    height: 60px;
    border: 4px solid rgba(0, 91, 148, 0.2);
    border-top-color: #005B94;
    border-radius: 50%;
    animation: spin-b-nob35ebk61 0.8s linear infinite;
    margin: 0 auto 1.5rem;
}

@keyframes spin-b-nob35ebk61 {
    to { transform: rotate(360deg); }
}

.callback-message[b-nob35ebk61] {
    font-size: 1.25rem;
    color: #64748b;
    margin: 0;
}

.callback-error[b-nob35ebk61] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 10px;
    color: #dc2626;
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.callback-error i[b-nob35ebk61] {
    font-size: 1.25rem;
}
/* /Pages/WarehouseForm.razor.rz.scp.css */
.warehouse-page[b-jk8jgius7x] {
    padding: 1rem;
    padding-top: 60px; /* Account for fixed header */
    padding-bottom: 70px; /* Account for bottom nav */
    background: #f1f5f9;
    min-height: 100vh;
}

.warehouse-page h1[b-jk8jgius7x] {
    margin: 0;
    color: #333;
    font-size: 1.5rem;
}

/* Header Styles */
.inventory-container[b-jk8jgius7x] {
    position: relative;
    min-height: 100vh;
    background: #f1f5f9;
}

.persistent-header[b-jk8jgius7x] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    background: white;
    z-index: 120;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.header-left[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.9rem;
    font-weight: 700;
    color: #6b7280;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.header-left img[b-jk8jgius7x],
.header-logo-small[b-jk8jgius7x] {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.header-right[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    height: 100%;
}

.header-profile-link[b-jk8jgius7x] {
    text-decoration: none;
}

.header-profile-mini[b-jk8jgius7x] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
}

.header-profile-mini:hover[b-jk8jgius7x] {
    transform: scale(1.05);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.4);
}

/* Header Section */
.warehouse-header[b-jk8jgius7x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-left-group[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.location-selector[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.location-selector .form-label[b-jk8jgius7x] {
    margin: 0;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
}

.location-selector .form-select[b-jk8jgius7x] {
    min-width: 250px;
}

.location-hint[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.75rem;
    color: #6c757d;
    margin-top: 0.35rem;
}

.location-hint i[b-jk8jgius7x] {
    font-size: 0.7rem;
}

/* Refresh Section */
.refresh-section[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.refresh-section .last-updated[b-jk8jgius7x] {
    font-size: 0.8rem;
    color: #6c757d;
}

.refresh-section .btn[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.spin[b-jk8jgius7x] {
    animation: spin-b-jk8jgius7x 1s linear infinite;
}

@keyframes spin-b-jk8jgius7x {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Main Content Layout */
.warehouse-content[b-jk8jgius7x] {
    display: grid;
    grid-template-columns: 600px 1fr;
    gap: 1rem;
    align-items: start;
}

/* Panel Cards */
.panel-card[b-jk8jgius7x] {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

.panel-header[b-jk8jgius7x] {
    padding: 0.65rem 1rem;
    border-bottom: 1px solid #c8d9e8;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(180deg, #dde8f2 0%, #e8eff6 100%);
    min-height: 46px;
    border-left: 3px solid #005B94;
}

.panel-header h5[b-jk8jgius7x] {
    margin: 0;
    font-weight: 600;
    color: #005B94;
    font-size: 0.9rem;
    letter-spacing: 0.02em;
}

.snapshot-time[b-jk8jgius7x] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* Inventory Panel (Left Side) */
.inventory-panel[b-jk8jgius7x] {
    position: sticky;
    top: 0.5rem;
}

.inventory-panel .panel-card[b-jk8jgius7x] {
    max-height: calc(100vh - 140px);
    display: flex;
    flex-direction: column;
}

.inventory-table-wrapper[b-jk8jgius7x] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1rem 1rem 1rem;
}

.inventory-table thead[b-jk8jgius7x] {
    position: sticky;
    top: 0;
    z-index: 5;
    background: #fff;
}

.inventory-table[b-jk8jgius7x] {
    margin-bottom: 0;
    font-size: 0.85rem;
}

.inventory-table thead th[b-jk8jgius7x] {
    position: sticky;
    top: 0;
    background: #fff;
    border-bottom: 2px solid #dee2e6;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6c757d;
    padding: 0.5rem 0.5rem;
}

.inventory-table tbody td[b-jk8jgius7x] {
    padding: 0.5rem;
    vertical-align: middle;
    border-bottom: 1px solid #f0f0f0;
}

.cat-cell[b-jk8jgius7x] {
    font-size: 0.7rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.desc-cell[b-jk8jgius7x] {
    font-weight: 500;
    color: #333;
    font-size: 0.8rem;
}

.qty-header[b-jk8jgius7x] {
    min-width: 50px;
    white-space: nowrap;
}

.qty-cell[b-jk8jgius7x] {
    min-width: 40px;
    padding: 0.5rem 0.25rem !important;
}

/* Search Controls */
.search-controls[b-jk8jgius7x] {
    display: flex;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    flex-wrap: wrap;
}

.search-input-wrapper[b-jk8jgius7x] {
    position: relative;
    flex: 1;
    min-width: 150px;
}

.search-input-wrapper i[b-jk8jgius7x] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 0.85rem;
}

.search-input-wrapper .form-control[b-jk8jgius7x] {
    padding-left: 2.25rem;
    font-size: 0.875rem;
}

.search-controls .form-select-sm[b-jk8jgius7x] {
    font-size: 0.8rem;
    padding: 0.35rem 2rem 0.35rem 0.5rem;
    min-width: auto;
}

.snapshot-total[b-jk8jgius7x] {
    font-weight: 700;
    color: #005B94;
    font-size: 0.8rem;
}

/* Main Panel (Right Side) */
.main-panel[b-jk8jgius7x] {
    min-width: 0;
}

.main-panel .panel-card[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 140px);
}

/* Tabs */
.tabs[b-jk8jgius7x] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8d9e8;
    background: linear-gradient(180deg, #dde8f2 0%, #e8eff6 100%);
    padding: 0 0.75rem;
    min-height: 46px;
    border-left: 3px solid #005B94;
}

.tab-button[b-jk8jgius7x] {
    padding: 0.75rem 0.75rem;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 0.85rem;
    color: #666;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

/* Inactive warehouse tabs: subtle blue tint */
.tab-button.tab-warehouse[b-jk8jgius7x] {
    color: #4a8ab5;
}

/* Inactive vehicle tabs: subtle purple tint */
.tab-button.tab-vehicle[b-jk8jgius7x] {
    color: #9b7dc9;
}

.tab-button:hover[b-jk8jgius7x] {
    color: #005B94;
    background-color: #f8f9fa;
}

.tab-button.active[b-jk8jgius7x] {
    color: #005B94;
    border-bottom-color: #005B94;
    font-weight: 600;
}

.tab-button i[b-jk8jgius7x] {
    font-size: 1rem;
}

/* Tab Content */
.tab-content[b-jk8jgius7x] {
    padding: 0;
    background: #fff;
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.tab-header[b-jk8jgius7x] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Compact Tab Header - single row inline controls */
.tab-header-compact[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.tab-header-compact .form-select-sm[b-jk8jgius7x] {
    min-width: 140px;
    max-width: 180px;
}

.tab-header-compact .btn-sm[b-jk8jgius7x] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-left: auto;
}

.search-input-wrapper-sm[b-jk8jgius7x] {
    position: relative;
    min-width: 150px;
    max-width: 220px;
    flex: 1;
}

.search-input-wrapper-sm i[b-jk8jgius7x] {
    position: absolute;
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 0.75rem;
}

.search-input-wrapper-sm .form-control[b-jk8jgius7x] {
    padding-left: 1.8rem;
    font-size: 0.8rem;
}

.tab-controls-row[b-jk8jgius7x] {
    display: flex;
    gap: 1rem;
    align-items: flex-end;
    flex: 1;
}

.control-group[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.control-group.search-group[b-jk8jgius7x] {
    flex: 1;
    min-width: 180px;
    max-width: 300px;
}

.control-label[b-jk8jgius7x] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.control-group .form-select[b-jk8jgius7x] {
    min-width: 160px;
    font-size: 0.875rem;
}

.tab-header .btn-primary[b-jk8jgius7x] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    align-self: flex-end;
}

/* Tables in Tab Content */
.tab-content .table-responsive[b-jk8jgius7x] {
    padding: 0 1rem 1rem 1rem;
    flex: 1;
    overflow-y: auto;
}

.tab-content table[b-jk8jgius7x] {
    font-size: 0.875rem;
    margin-bottom: 0;
}

.tab-content thead[b-jk8jgius7x] {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}

.tab-content th[b-jk8jgius7x] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
}

/* Sortable Column Headers */
.sortable-header[b-jk8jgius7x] {
    cursor: pointer;
    user-select: none;
    transition: background-color 0.15s, color 0.15s;
    white-space: nowrap;
}

.sortable-header:hover[b-jk8jgius7x] {
    background-color: #f0f4f8;
    color: #005B94;
}

.sortable-header.sorted[b-jk8jgius7x] {
    color: #005B94;
    background-color: #e7f3ff;
}

.sortable-header i[b-jk8jgius7x] {
    font-size: 0.7rem;
    margin-left: 0.25rem;
    opacity: 0.7;
}

.inventory-table .sortable-header[b-jk8jgius7x] {
    padding: 0.5rem;
}

.inventory-table .sortable-header:hover[b-jk8jgius7x] {
    background-color: #e8f4fc;
}

.tab-content td[b-jk8jgius7x] {
    vertical-align: middle;
}

/* Line Items in PO Table */
.line-items-list[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.line-item[b-jk8jgius7x] {
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.15rem 0;
    border-bottom: 1px solid #f0f0f0;
    gap: 0.35rem;
}

.line-item:last-child[b-jk8jgius7x] {
    border-bottom: none;
}

.line-item .desc[b-jk8jgius7x] {
    font-weight: 500;
    color: #333;
    font-size: 0.75rem;
}

.line-item .sku[b-jk8jgius7x] {
    color: #6c757d;
    font-size: 0.7rem;
}

.line-item .qty[b-jk8jgius7x] {
    color: #005B94;
    font-size: 0.7rem;
    font-weight: 600;
    flex-shrink: 0;
}

.line-item.more-items[b-jk8jgius7x] {
    border-bottom: none;
    font-style: italic;
}

/* Quantity columns */
.qty-list[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.qty-item[b-jk8jgius7x] {
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    padding: 0.15rem 0;
    min-height: 1.5em;
}

/* Expand button */
.expand-cell[b-jk8jgius7x] {
    width: 30px;
    padding: 0.25rem !important;
    vertical-align: middle !important;
}

.expand-btn[b-jk8jgius7x] {
    padding: 0.15rem 0.35rem;
    color: #6c757d;
    background: none;
    border: none;
}

.expand-btn:hover[b-jk8jgius7x] {
    color: #005B94;
    background: #f0f4f8;
    border-radius: 4px;
}

.expand-btn i[b-jk8jgius7x] {
    font-size: 0.85rem;
}

/* Expanded row styling */
.po-row-expanded[b-jk8jgius7x] {
    background-color: #f8fafc;
}

.po-table tbody tr:hover[b-jk8jgius7x] {
    background-color: #f0f4f8;
}

.po-row-expanded:hover[b-jk8jgius7x] {
    background-color: #f0f4f8;
}

/* SKU Info in Activity Table */
.sku-info[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.sku-info .desc[b-jk8jgius7x] {
    font-weight: 500;
    color: #333;
}

.sku-info .sku[b-jk8jgius7x] {
    font-size: 0.75rem;
    color: #6c757d;
}

/* User Cell */
.user-cell[b-jk8jgius7x] {
    white-space: nowrap;
    font-weight: 500;
    color: #2d3e50;
}

/* Action Buttons */
.action-buttons[b-jk8jgius7x] {
    display: flex;
    gap: 0.25rem;
    justify-content: flex-end;
}

.action-buttons .btn-link[b-jk8jgius7x] {
    color: #6c757d;
    text-decoration: none;
    padding: 0.25rem 0.5rem;
}

.action-buttons .btn-link:hover[b-jk8jgius7x] {
    color: #005B94;
}

/* Notes Button */
.notes-button[b-jk8jgius7x] {
    color: #005B94;
    padding: 0.25rem;
}

.notes-button:hover[b-jk8jgius7x],
.notes-button:focus[b-jk8jgius7x] {
    color: #004a7a;
    text-decoration: none;
}

/* Badges */
.badge[b-jk8jgius7x] {
    padding: 0.35rem 0.65rem;
    font-size: 0.7rem;
    font-weight: 600;
}

/* Vehicle transaction badges - match daily form colors */
.bg-to-vehicle[b-jk8jgius7x] {
    background-color: #F68D2E !important;  /* Orange - stock leaving warehouse TO vehicle */
    color: white;
}

.bg-from-vehicle[b-jk8jgius7x] {
    background-color: #059669 !important;  /* Green - stock coming FROM vehicle to warehouse */
    color: white;
}

/* Vehicle badge in vehicle column */
.bg-vehicle[b-jk8jgius7x] {
    background-color: #7c3aed !important;  /* Purple - for vehicle identifier */
    color: white;
}

/* Column Widths */
.col-po-number[b-jk8jgius7x] {
    width: 110px;
    white-space: nowrap;
}

/* Empty and Loading States */
.empty-state[b-jk8jgius7x],
.loading-state[b-jk8jgius7x] {
    padding: 3rem 2rem;
    text-align: center;
    color: #6c757d;
    font-size: 0.95rem;
}

.loading-state[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.no-location-message[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    text-align: center;
    color: #6c757d;
}

.no-location-message i[b-jk8jgius7x] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #dee2e6;
}

.no-location-message p[b-jk8jgius7x] {
    font-size: 1.1rem;
    margin: 0;
}

/* Notes Modal */
.ledger-notes-modal[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.ledger-notes-modal .notes-meta[b-jk8jgius7x] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.9rem;
    color: #333;
}

.ledger-notes-modal .meta-label[b-jk8jgius7x] {
    font-weight: 600;
    color: #1f3a5f;
}

.ledger-notes-modal .notes-text[b-jk8jgius7x] {
    white-space: pre-wrap;
    font-size: 0.95rem;
    color: #1f1f1f;
    margin: 0;
}

/* Responsive - for smaller screens if needed */
@media (max-width: 1200px) {
    .warehouse-content[b-jk8jgius7x] {
        grid-template-columns: 380px 1fr;
    }
}

@media (max-width: 992px) {
    .warehouse-content[b-jk8jgius7x] {
        grid-template-columns: 1fr;
    }
    
    .inventory-panel[b-jk8jgius7x] {
        position: static;
    }
    
    .inventory-panel .panel-card[b-jk8jgius7x] {
        max-height: 400px;
    }
}

/* ========== Tab Group Styling ========== */

/* Tab group labels */
.tab-group-label[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0 0.5rem 0 0.25rem;
    border-radius: 3px;
    align-self: center;
    white-space: nowrap;
}

.tab-group-warehouse[b-jk8jgius7x] {
    color: #005B94;
    background: #e7f3ff;
}

.tab-group-vehicle[b-jk8jgius7x] {
    color: #7c3aed;
    background: #f3e8ff;
}

/* Divider between tab groups */
.tab-divider[b-jk8jgius7x] {
    width: 2px;
    height: 28px;
    background: linear-gradient(to bottom, #cbd5e1, #94a3b8, #cbd5e1);
    align-self: center;
    margin: 0 0.5rem;
    flex-shrink: 0;
}

/* Vehicle tab buttons: purple accent when active */
.tab-button.tab-vehicle:hover[b-jk8jgius7x] {
    color: #7c3aed;
    background-color: #faf5ff;
}

.tab-button.tab-vehicle.active[b-jk8jgius7x] {
    color: #7c3aed;
    border-bottom-color: #7c3aed;
    font-weight: 600;
}

/* Warehouse tab buttons: keep blue accent (default) */
.tab-button.tab-warehouse:hover[b-jk8jgius7x] {
    color: #005B94;
    background-color: #f8f9fa;
}

.tab-button.tab-warehouse.active[b-jk8jgius7x] {
    color: #005B94;
    border-bottom-color: #005B94;
    font-weight: 600;
}

/* ========== Daily Forms View Toggle ========== */
.daily-forms-view-toggle[b-jk8jgius7x] {
    display: flex;
    gap: 2px;
    padding: 0.5rem 1rem 0;
    justify-content: flex-end;
}

.view-toggle-btn[b-jk8jgius7x] {
    padding: 0.35rem 0.6rem;
    border: 1px solid #dee2e6;
    background: #fff;
    color: #6c757d;
    cursor: pointer;
    font-size: 0.85rem;
    transition: all 0.15s;
}

.view-toggle-btn:first-child[b-jk8jgius7x] {
    border-radius: 6px 0 0 6px;
}

.view-toggle-btn:last-child[b-jk8jgius7x] {
    border-radius: 0 6px 6px 0;
}

.view-toggle-btn:hover[b-jk8jgius7x] {
    background: #f0f4f8;
    color: #005B94;
}

.view-toggle-btn.active[b-jk8jgius7x] {
    background: #005B94;
    color: white;
    border-color: #005B94;
}

/* ========== Vehicle Calendar Grid ========== */
.vcal-header[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 0.5rem 1rem 0.25rem;
}

.vcal-month-title[b-jk8jgius7x] {
    font-size: 1rem;
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    min-width: 160px;
    text-align: center;
}

.vcal-nav-btn[b-jk8jgius7x] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background: #f3f4f6;
    color: #374151;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
    transition: background 0.15s;
}

.vcal-nav-btn:hover[b-jk8jgius7x] {
    background: #e5e7eb;
}

.vcal-legend[b-jk8jgius7x] {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    padding: 0.25rem 0 0.5rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.vcal-legend-item[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.vcal-legend-dot[b-jk8jgius7x] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
}

.vcal-legend-dot.draft[b-jk8jgius7x] {
    background-color: #eff6ff;
    border: 2px solid #2563eb;
}

.vcal-legend-dot.certified[b-jk8jgius7x] {
    background-color: #ecfdf5;
    border: 2px solid #059669;
}

.vcal-grid[b-jk8jgius7x] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
    padding: 0.5rem 1rem 1rem;
    overflow-y: auto;
    max-height: calc(100vh - 260px);
}

.vcal-vehicle-card[b-jk8jgius7x] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.6rem;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.vcal-vehicle-label[b-jk8jgius7x] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #7c3aed;
    text-align: center;
    margin-bottom: 0.35rem;
    letter-spacing: 0.02em;
}

.vcal-mini-grid[b-jk8jgius7x] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.vcal-wh[b-jk8jgius7x] {
    text-align: center;
    font-size: 0.6rem;
    color: #9ca3af;
    font-weight: 500;
    padding: 2px 0;
}

.vcal-day[b-jk8jgius7x] {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.65rem;
    position: relative;
    transition: all 0.15s;
    border: 1.5px solid transparent;
    color: #6b7280;
}

.vcal-day:not(.empty):not(.future)[b-jk8jgius7x] {
    cursor: pointer;
}

.vcal-day:hover:not(.empty):not(.future)[b-jk8jgius7x] {
    background-color: #f3f4f6;
}

.vcal-day.certified[b-jk8jgius7x] {
    background-color: #ecfdf5;
    color: #059669;
    border-color: #a7f3d0;
    cursor: pointer;
}

.vcal-day.certified:hover[b-jk8jgius7x] {
    background-color: #d1fae5;
}

.vcal-day.draft[b-jk8jgius7x] {
    background-color: #eff6ff;
    color: #2563eb;
    border-color: #bfdbfe;
    cursor: pointer;
}

.vcal-day.draft:hover[b-jk8jgius7x] {
    background-color: #dbeafe;
}

.vcal-day.today[b-jk8jgius7x] {
    font-weight: 700;
}

.vcal-day.today[b-jk8jgius7x]::after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 3px;
    background-color: currentColor;
    border-radius: 50%;
}

.vcal-day.future[b-jk8jgius7x] {
    color: #d1d5db;
    cursor: default;
}

.vcal-day.empty[b-jk8jgius7x] {
    cursor: default;
}

/* ========== Vehicle Inventory Matrix ========== */
.matrix-table-wrapper[b-jk8jgius7x] {
    overflow-x: auto;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
    padding: 0;
    position: relative;
    width: 100%;
    min-width: 0;
}

.matrix-table[b-jk8jgius7x] {
    margin-bottom: 0;
    font-size: 0.8rem;
    border-collapse: separate;
    border-spacing: 0;
    width: max-content;
    min-width: 100%;
}

.matrix-table thead[b-jk8jgius7x] {
    position: sticky;
    top: 0;
    z-index: 20;
}

/* Transposed table should not stretch to full width */
.matrix-transposed[b-jk8jgius7x] {
    width: auto !important;
}

/* Category header row */
.category-header-row th[b-jk8jgius7x] {
    background: #f1f5f9;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #475569;
    padding: 0.4rem 0.25rem;
    text-align: center;
    border-bottom: 1px solid #cbd5e1;
    white-space: nowrap;
}

/* Category group shading for alternating groups */
.category-alt[b-jk8jgius7x] {
    background-color: #f8fafc !important;
}

/* Alternating category rows in transposed view */
.category-row-alt td[b-jk8jgius7x] {
    background-color: #f8fafc;
}

.category-row-alt .frozen-col-t1[b-jk8jgius7x],
.category-row-alt .frozen-col-t2[b-jk8jgius7x] {
    background-color: #f8fafc;
}

/* SKU/Vehicle header row */
.sku-header-row th[b-jk8jgius7x] {
    background: #fff;
    border-bottom: 2px solid #dee2e6;
    padding: 0;
    vertical-align: bottom;
}

/* Normal (non-slanted) vehicle column headers */
.vehicle-col-header[b-jk8jgius7x] {
    text-align: center;
    font-weight: 600;
    font-size: 0.8rem;
    color: #333;
    padding: 0.5rem 0.4rem !important;
    vertical-align: bottom !important;
    white-space: nowrap;
    min-width: 55px;
}

/* Frozen columns for transposed view */
.frozen-col-t1[b-jk8jgius7x] {
    position: sticky;
    left: 0;
    z-index: 15;
    background: #fff;
    border-right: 1px solid #e5e7eb;
    white-space: nowrap;
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.frozen-col-t2[b-jk8jgius7x] {
    position: sticky;
    left: 150px;
    z-index: 15;
    background: #fff;
    border-right: 2px solid #dee2e6;
    white-space: normal;
    word-wrap: break-word;
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.vehicle-header[b-jk8jgius7x] {
    font-weight: 600;
    font-size: 0.8rem;
    color: #333;
    min-width: 80px;
    padding: 0.5rem 0.75rem !important;
    vertical-align: bottom !important;
    height: auto !important;
}

/* Matrix cells */
.matrix-cell[b-jk8jgius7x] {
    text-align: center;
    padding: 0.3rem 0.15rem !important;
    font-size: 0.8rem;
    color: #1f2937;
    min-width: 40px;
    border-right: 1px solid #f0f0f0;
}

.matrix-cell.total-cell[b-jk8jgius7x] {
    background: #f8f9fa;
    border-left: 2px solid #dee2e6;
    min-width: 50px;
}

.total-col-header[b-jk8jgius7x] {
    background: #f8f9fa !important;
    border-left: 2px solid #dee2e6;
    font-weight: 600;
    text-align: center;
    vertical-align: bottom !important;
    padding: 0.5rem 0.5rem !important;
    min-width: 50px;
    font-size: 0.75rem;
    height: auto !important;
}

.zero-cell[b-jk8jgius7x] {
    color: #d1d5db;
    font-size: 0.7rem;
}

.negative-highlight[b-jk8jgius7x] {
    background-color: #fee2e2;
    color: #dc2626;
    font-weight: 600;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
}

.totals-row td[b-jk8jgius7x] {
    border-top: 2px solid #dee2e6;
    background: #f8f9fa;
}

.totals-row .frozen-col-t1[b-jk8jgius7x],
.totals-row .frozen-col-t2[b-jk8jgius7x] {
    background: #f8f9fa;
}

/* Ensure sticky headers layer properly */
.matrix-table thead .frozen-col-t1[b-jk8jgius7x],
.matrix-table thead .frozen-col-t2[b-jk8jgius7x] {
    z-index: 25;
}

.matrix-table tbody tr:hover td[b-jk8jgius7x] {
    background-color: #f0f7ff;
}

.matrix-table tbody tr:hover .frozen-col-t1[b-jk8jgius7x],
.matrix-table tbody tr:hover .frozen-col-t2[b-jk8jgius7x] {
    background-color: #e8f0fe;
}

/* Category and description cells in transposed view */
.v-cat-cell[b-jk8jgius7x] {
    font-size: 0.75rem;
    color: #6b7280;
    padding: 0.35rem 0.5rem !important;
}

.v-desc-cell[b-jk8jgius7x] {
    font-size: 0.8rem;
    color: #1f2937;
    padding: 0.35rem 0.5rem !important;
}

/* ========== Vehicle Action Badges ========== */
.action-add[b-jk8jgius7x] {
    background-color: #059669 !important;
    color: white;
}

.action-install[b-jk8jgius7x] {
    background-color: #2563eb !important;
    color: white;
}

.action-return[b-jk8jgius7x] {
    background-color: #F68D2E !important;
    color: white;
}

.action-scrap[b-jk8jgius7x] {
    background-color: #dc2626 !important;
    color: white;
}

.action-transfer[b-jk8jgius7x] {
    background-color: #7c3aed !important;
    color: white;
}

.action-other[b-jk8jgius7x] {
    background-color: #6b7280 !important;
    color: white;
}

/* Status Badges */
.status-certified[b-jk8jgius7x] {
    background-color: #d1fae5 !important;
    color: #065f46;
}

.status-draft[b-jk8jgius7x] {
    background-color: #e5e7eb !important;
    color: #374151;
}

.count-warning[b-jk8jgius7x] {
    background-color: #f59e0b !important;
    color: white;
}

/* ===== Column Filter Row in Table Headers ===== */
.filter-row th[b-jk8jgius7x] {
    padding: 0.15rem 0.25rem !important;
    background: #f0f4f8;
    border-bottom: 2px solid #dee2e6;
    vertical-align: middle;
}

.column-filter[b-jk8jgius7x] {
    width: 100%;
    padding: 0.2rem 0.35rem;
    font-size: 0.7rem;
    border: 1px solid #ced4da;
    border-radius: 3px;
    background: white;
    color: #333;
    box-sizing: border-box;
}

.column-filter[b-jk8jgius7x]::placeholder {
    color: #adb5bd;
    font-style: italic;
}

.column-filter:focus[b-jk8jgius7x] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.15);
}

select.column-filter[b-jk8jgius7x] {
    padding-right: 1.2rem;
    cursor: pointer;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

/* ===== Minimal Action Bar (for tabs with Create/Add buttons) ===== */
.tab-header-actions[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.35rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.tab-header-actions .btn-sm[b-jk8jgius7x] {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* Location group dividers for Daily Forms */
.location-divider-row td[b-jk8jgius7x] {
    padding: 0 !important;
    height: 8px;
    border: none !important;
    background: transparent;
}

.location-group-label-row[b-jk8jgius7x] {
    background: #e9ecef !important;
}

.location-group-label[b-jk8jgius7x] {
    font-weight: 600;
    font-size: 0.85rem;
    color: #495057;
    padding: 0.4rem 0.75rem !important;
    border-bottom: 2px solid #adb5bd !important;
}

.location-group-label i[b-jk8jgius7x] {
    margin-right: 0.3rem;
    color: #6c757d;
}

/* Calendar view location sections */
.vcal-location-section[b-jk8jgius7x] {
    margin-bottom: 1.5rem;
}

.vcal-location-section:not(:first-child)[b-jk8jgius7x] {
    border-top: 2px solid #dee2e6;
    padding-top: 1rem;
}

.vcal-location-label[b-jk8jgius7x] {
    font-weight: 600;
    font-size: 0.95rem;
    color: #495057;
    margin-bottom: 0.75rem;
    padding: 0.4rem 0.75rem;
    background: #e9ecef;
    border-radius: 6px;
    border-left: 4px solid #6c757d;
}

.vcal-location-label i[b-jk8jgius7x] {
    margin-right: 0.35rem;
    color: #6c757d;
}

/* Location group header for Vehicle Inventory Matrix */
.location-header-row th[b-jk8jgius7x] {
    background: #e9ecef;
    text-align: center;
    font-weight: 600;
    font-size: 0.8rem;
    color: #495057;
    border-bottom: 2px solid #adb5bd;
    padding: 0.3rem 0.5rem;
}

.location-group-header[b-jk8jgius7x] {
    border-left: 2px solid #adb5bd;
    border-right: 2px solid #adb5bd;
}

/* ===== Inline Header Stats ===== */
.header-stats[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-wrap: wrap;
}

.header-stat[b-jk8jgius7x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.2rem 0.65rem;
    border-radius: 6px;
    background: white;
    border: 1px solid #e5e7eb;
    min-width: 52px;
}

.header-stat-value[b-jk8jgius7x] {
    font-size: 1rem;
    font-weight: 700;
    color: #005B94;
    line-height: 1.2;
}

.header-stat-label[b-jk8jgius7x] {
    font-size: 0.6rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    line-height: 1;
}

/* ===== PO Status Filter Pills ===== */
.po-tab-header[b-jk8jgius7x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
}

.po-status-pills[b-jk8jgius7x] {
    display: flex;
    flex: 1;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.po-pill[b-jk8jgius7x] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    border-radius: 20px;
    border: 1.5px solid #005B94;
    background: white;
    color: #005B94;
    font-size: 0.75rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s;
    white-space: nowrap;
    line-height: 1.3;
}

.po-pill:hover[b-jk8jgius7x] {
    background: rgba(0, 91, 148, 0.08);
}

.po-pill.active[b-jk8jgius7x] {
    background: #005B94;
    color: white;
}

.po-pill.zero[b-jk8jgius7x] {
    border-color: #d1d5db;
    color: #9ca3af;
}

.po-pill.zero:hover[b-jk8jgius7x] {
    background: #f3f4f6;
}

.po-pill.zero.active[b-jk8jgius7x] {
    background: #6b7280;
    border-color: #6b7280;
    color: white;
}

.po-pill.submitted[b-jk8jgius7x] {
    border-color: #F68D2E;
    color: #d97520;
}
.po-pill.submitted:hover[b-jk8jgius7x] { background: rgba(246, 141, 46, 0.08); }
.po-pill.submitted.active[b-jk8jgius7x] { background: #F68D2E; color: white; }
.po-pill.submitted.zero[b-jk8jgius7x] { border-color: #d1d5db; color: #9ca3af; }
.po-pill.submitted.zero.active[b-jk8jgius7x] { background: #6b7280; border-color: #6b7280; color: white; }

.po-pill.approved[b-jk8jgius7x] {
    border-color: #10b981;
    color: #059669;
}
.po-pill.approved:hover[b-jk8jgius7x] { background: rgba(16, 185, 129, 0.08); }
.po-pill.approved.active[b-jk8jgius7x] { background: #10b981; color: white; }
.po-pill.approved.zero[b-jk8jgius7x] { border-color: #d1d5db; color: #9ca3af; }
.po-pill.approved.zero.active[b-jk8jgius7x] { background: #6b7280; border-color: #6b7280; color: white; }

.po-pill.partial[b-jk8jgius7x] {
    border-color: #005B94;
    color: #005B94;
}
.po-pill.partial:hover[b-jk8jgius7x] { background: rgba(0, 91, 148, 0.08); }
.po-pill.partial.active[b-jk8jgius7x] { background: #005B94; color: white; }
.po-pill.partial.zero[b-jk8jgius7x] { border-color: #d1d5db; color: #9ca3af; }
.po-pill.partial.zero.active[b-jk8jgius7x] { background: #6b7280; border-color: #6b7280; color: white; }

.po-pill.closed[b-jk8jgius7x] {
    border-color: #64748b;
    color: #475569;
}
.po-pill.closed:hover[b-jk8jgius7x] { background: rgba(100, 116, 139, 0.08); }
.po-pill.closed.active[b-jk8jgius7x] { background: #64748b; color: white; }
.po-pill.closed.zero[b-jk8jgius7x] { border-color: #d1d5db; color: #9ca3af; }
.po-pill.closed.zero.active[b-jk8jgius7x] { background: #6b7280; border-color: #6b7280; color: white; }

.po-pill-count[b-jk8jgius7x] {
    font-weight: 700;
    font-size: 0.8rem;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .header-stats[b-jk8jgius7x] {
        gap: 0.1rem;
    }
}

@media (max-width: 768px) {
    .warehouse-header[b-jk8jgius7x] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-left-group[b-jk8jgius7x] {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
    }

    .header-stats[b-jk8jgius7x] {
        order: 2;
        width: 100%;
        justify-content: flex-start;
    }

    .po-status-pills[b-jk8jgius7x] {
        flex-wrap: wrap;
    }

    .po-tab-header[b-jk8jgius7x] {
        flex-wrap: wrap;
    }
}