/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-08s77ss25h] {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100vh;
}

main[b-08s77ss25h] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: margin-left 0.3s ease;
}

.sidebar[b-08s77ss25h] {
    background: linear-gradient(180deg, #1A1A1A 0%, #2D2D2D 100%);
    border-right: 3px solid #B87333;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
    transition: width 0.3s ease;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 60px;
    max-width: 50vw;
}

.sidebar-header[b-08s77ss25h] {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    background-color: #0F0F0F;
    border-bottom: 2px solid #B87333;
}

.sidebar-toggle[b-08s77ss25h] {
    width: 30px;
    height: 30px;
    background-color: #B87333;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    box-shadow: 0 0 10px rgba(184, 115, 51, 0.3);
    border: none;
    transition: all 0.25s ease-in-out;
}

.sidebar-toggle:hover[b-08s77ss25h] {
    background-color: #D4A574;
    box-shadow: 0 0 15px rgba(184, 115, 51, 0.5);
    transform: scale(1.1);
}

.sidebar-toggle:active[b-08s77ss25h] {
    transform: scale(0.95);
}

.sidebar-resize-handle[b-08s77ss25h] {
    position: absolute;
    right: -2px;
    top: 0;
    width: 6px;
    height: 100%;
    background-color: transparent;
    cursor: col-resize;
    z-index: 1001;
    transition: background-color 0.2s ease;
}

.sidebar-resize-handle:hover[b-08s77ss25h] {
    background-color: #B87333;
    box-shadow: 0 0 8px rgba(184, 115, 51, 0.6);
}

.sidebar.collapsed .sidebar-resize-handle[b-08s77ss25h] {
    display: none;
}

/* Prevent text selection during resize */
.sidebar-resizing[b-08s77ss25h] {
    user-select: none;
}

.sidebar-resizing *[b-08s77ss25h] {
    user-select: none;
    pointer-events: none;
}



.scrollable-content[b-08s77ss25h] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

@media (max-width: 640.98px) {
    /* The sidebar is an off-canvas drawer below the fixed 60px top bar, opened by the
       top bar's menu button (MainLayout.MobileNavOpen). !important beats the inline
       width that the desktop resize handle writes. */
    .sidebar[b-08s77ss25h] {
        position: fixed;
        top: 60px;
        height: calc(100vh - 60px);
        left: 0;
        width: min(85vw, 300px) !important;
        max-width: none;
        transform: translateX(-105%);
        transition: transform 0.25s ease;
        z-index: 1050;
    }

    .sidebar.show[b-08s77ss25h],
    .sidebar.collapsed.show[b-08s77ss25h] {
        transform: translateX(0);
    }

    /* The desktop collapse chevron and resize handle mean nothing in a drawer */
    .sidebar-header[b-08s77ss25h],
    .sidebar-resize-handle[b-08s77ss25h] {
        display: none;
    }

    /* NavMenu's own brand row and toggler: the top bar already carries both jobs. Its
       list is collapsed by default below 641px and only the (now hidden) toggler could
       open it, so the drawer shows it outright and scrolls it. */
    .sidebar[b-08s77ss25h]  .top-row {
        display: none !important;
    }

    .sidebar[b-08s77ss25h]  .nav-scrollable {
        display: block;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
    }

    .mobile-nav-backdrop[b-08s77ss25h] {
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040;
    }

    main[b-08s77ss25h] {
        margin-left: 0 !important;
        min-width: 0;
    }

    /* Page gutters: px-4 (1.5rem) plus card padding leaves too little of 390px */
    article[b-08s77ss25h] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

@media (min-width: 641px) {
    .mobile-nav-backdrop[b-08s77ss25h] {
        display: none;
    }
}

@media (min-width: 641px) {
    .sidebar.collapsed[b-08s77ss25h] {
        width: 60px;
    }

    .sidebar.collapsed[b-08s77ss25h]  .nav-item span:not(.bi):not(.oi) {
        display: none;
    }

    .sidebar.collapsed[b-08s77ss25h]  .navbar-brand span {
        display: none;
    }

    .sidebar.collapsed[b-08s77ss25h]  .nav-section-toggle span:not(.bi):not(.oi) {
        display: none;
    }

    .sidebar.collapsed[b-08s77ss25h]  .nav-section-content {
        display: none;
    }

    .sidebar.collapsed[b-08s77ss25h]  .badge {
        display: none;
    }

    article[b-08s77ss25h] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-k9qb6ylwgm] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-k9qb6ylwgm] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-k9qb6ylwgm] {
    height: 3.5rem;
    background-color: #0F0F0F;
    border-bottom: 2px solid #B87333;
}

.navbar-brand[b-k9qb6ylwgm] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    color: #B87333;
    font-weight: 700;
    letter-spacing: 1px;
    transition: all 0.25s ease-in-out;
}

.navbar-brand:hover[b-k9qb6ylwgm] {
    color: #D4A574;
    text-shadow: 0 0 10px rgba(184, 115, 51, 0.3);
}

.navbar-logo[b-k9qb6ylwgm] {
    height: 32px;
    width: auto;
    max-width: 150px;
    object-fit: contain;
    object-position: left center;
}

.bi[b-k9qb6ylwgm] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

/* Icon definitions */
.bi-house-door-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-people-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z'/%3E%3C/svg%3E");
}

.bi-building-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-building-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 0a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h3v-3.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5V16h3a1 1 0 0 0 1-1V1a1 1 0 0 0-1-1H3Zm1 2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5ZM4 5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM7.5 5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM4.5 8h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Zm2.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm3.5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-person-badge-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm4.5 0a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM8 11a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm5 2.755C12.146 12.825 10.623 12 8 12s-4.146.826-5 1.755V14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-.245z'/%3E%3C/svg%3E");
}

.bi-file-earmark-text-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-file-earmark-text-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM4.5 9a.5.5 0 0 1 0-1h7a.5.5 0 0 1 0 1h-7zM4 10.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm.5 2.5a.5.5 0 0 1 0-1h4a.5.5 0 0 1 0 1h-4z'/%3E%3C/svg%3E");
}

.bi-briefcase-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-briefcase-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1h-3zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5z'/%3E%3Cpath d='M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85v5.65z'/%3E%3C/svg%3E");
}

.bi-calendar-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5z'/%3E%3C/svg%3E");
}

.bi-tools-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-tools' viewBox='0 0 16 16'%3E%3Cpath d='M1 0 0 1l2.2 3.081a1 1 0 0 0 .815.419h.07a1 1 0 0 1 .708.293l2.675 2.675-2.617 2.654A3.003 3.003 0 0 0 0 13a3 3 0 1 0 5.878-.851l2.654-2.617.968.968-.305.914a1 1 0 0 0 .242 1.023l3.27 3.27a.997.997 0 0 0 1.414 0l1.586-1.586a.997.997 0 0 0 0-1.414l-3.27-3.27a1 1 0 0 0-1.023-.242L10.5 9.5l-.96-.96 2.68-2.643A3.005 3.005 0 0 0 16 3c0-.269-.035-.53-.102-.777l-2.14 2.141L12 4l-.364-1.757L13.777.102a3 3 0 0 0-3.675 3.68L7.462 6.46 4.793 3.793a1 1 0 0 1-.293-.707v-.071a1 1 0 0 0-.419-.814L1 0Zm9.646 10.646a.5.5 0 0 1 .708 0l2.914 2.915a.5.5 0 0 1-.707.707l-2.915-2.914a.5.5 0 0 1 0-.708ZM3 11l.471.242.529.026.287.445.445.287.026.529L5 13l-.242.471-.026.529-.445.287-.287.445-.529.026L3 15l-.471-.242L2 14.732l-.287-.445L1.268 14l-.026-.529L1 13l.242-.471.026-.529.445-.287.287-.445.529-.026L3 11Z'/%3E%3C/svg%3E");
}

.bi-cart-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-cart-fill' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

.bi-box-seam-fill-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-seam-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M15.528 2.973a.75.75 0 0 1 .472.696v8.662a.75.75 0 0 1-.472.696l-7.25 2.9a.75.75 0 0 1-.557 0l-7.25-2.9A.75.75 0 0 1 0 12.331V3.669a.75.75 0 0 1 .471-.696L7.443.184l.01-.003.268-.108a.75.75 0 0 1 .558 0l.268.108.01.003 6.97 2.789ZM10.404 2 4.25 4.461 1.846 3.5 1 3.839v.4l6.5 2.6v7.922l.5.2.5-.2V6.84l6.5-2.6v-.4l-.846-.339L8 5.961 5.596 5l6.154-2.461L10.404 2Z'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3C/svg%3E");
}

.bi-plus-circle-nav-menu[b-k9qb6ylwgm] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

/* Navigation section styles */
.nav-section[b-k9qb6ylwgm] {
    margin-bottom: 0.25rem;
}

.nav-section-toggle[b-k9qb6ylwgm] {
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
    border-radius: 6px;
    height: 2.75rem;
    display: flex;
    align-items: center;
    line-height: 2.75rem;
    width: 100%;
    padding: 0 1rem;
    cursor: pointer;
    transition: all 0.25s ease-in-out;
    font-size: 0.9rem;
    font-weight: 500;
    text-align: left;
    margin: 0.25rem 0.5rem;
}

.nav-section-toggle:hover[b-k9qb6ylwgm] {
    background-color: rgba(184, 115, 51, 0.15);
    color: #D4A574;
}

.nav-section-toggle.expanded[b-k9qb6ylwgm] {
    background: linear-gradient(90deg, rgba(184, 115, 51, 0.3) 0%, rgba(184, 115, 51, 0.1) 100%);
    color: #B87333;
    font-weight: 600;
}

.nav-section-content[b-k9qb6ylwgm] {
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    max-height: 0;
}

.nav-section-content.show[b-k9qb6ylwgm] {
    max-height: 1000px;
    transition: max-height 0.3s ease-in;
}

.nav-sub-link[b-k9qb6ylwgm] {
    font-size: 0.85rem !important;
    padding-left: 2.5rem !important;
    height: 2.25rem !important;
    line-height: 2.25rem !important;
}

.nav-item[b-k9qb6ylwgm] {
    font-size: 0.9rem;
    padding-bottom: 0.25rem;
}

.nav-item:first-of-type[b-k9qb6ylwgm] {
    padding-top: 0.5rem;
}

.nav-item:last-of-type[b-k9qb6ylwgm] {
    padding-bottom: 0.5rem;
}

.nav-item[b-k9qb6ylwgm]  .nav-link {
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
    border-radius: 6px;
    height: 2.5rem;
    display: flex;
    align-items: center;
    line-height: 2.5rem;
    width: 100%;
    padding: 0 1rem;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
    margin: 0.25rem 0.5rem;
    position: relative;
}

.nav-item[b-k9qb6ylwgm]  a.active {
    background: linear-gradient(90deg, rgba(184, 115, 51, 0.3) 0%, rgba(184, 115, 51, 0.1) 100%);
    color: #B87333;
    border-left: 3px solid #39FF14;
    padding-left: calc(1rem - 3px);
    font-weight: 600;
    box-shadow: inset 0 0 10px rgba(184, 115, 51, 0.2);
}

.nav-item[b-k9qb6ylwgm]  a.active::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 60%;
    background-color: #39FF14;
    border-radius: 3px 0 0 3px;
}

.nav-item[b-k9qb6ylwgm]  .nav-link:hover {
    background-color: rgba(184, 115, 51, 0.15);
    color: #D4A574;
    border-left: 3px solid #B87333;
    padding-left: calc(1rem - 3px);
}

.nav-scrollable[b-k9qb6ylwgm] {
    display: none;
    padding-bottom: 2rem;
}

.navbar-toggler:checked~.nav-scrollable[b-k9qb6ylwgm] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-k9qb6ylwgm] {
        display: none;
    }

    .nav-scrollable[b-k9qb6ylwgm] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Improved text handling and spacing */
.nav-item[b-k9qb6ylwgm]  .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-section-toggle[b-k9qb6ylwgm] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Collapsed state improvements */
.sidebar.collapsed .nav-item[b-k9qb6ylwgm]  .nav-link span:not(.bi):not(.oi) {
    display: none;
}

.sidebar.collapsed .nav-section-toggle span:not(.bi):not(.oi)[b-k9qb6ylwgm] {
    display: none;
}

.sidebar.collapsed .navbar-brand span[b-k9qb6ylwgm] {
    display: none;
}

.sidebar.collapsed .badge[b-k9qb6ylwgm] {
    display: none;
}

/* Tooltip for collapsed state */
.sidebar.collapsed .nav-item[b-k9qb6ylwgm],
.sidebar.collapsed .nav-section[b-k9qb6ylwgm] {
    position: relative;
}

.sidebar.collapsed .nav-item:hover[b-k9qb6ylwgm]::after,
.sidebar.collapsed .nav-section:hover[b-k9qb6ylwgm]::after {
    content: attr(title);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 0.5rem;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1000;
    margin-left: 0.5rem;
    font-size: 0.8rem;
}

/* Ensure icons are always visible and properly sized */
.bi[b-k9qb6ylwgm],
.oi[b-k9qb6ylwgm] {
    flex-shrink: 0;
    min-width: 1.25rem;
}

/* Better spacing for section toggles */
.nav-section-toggle .bi[b-k9qb6ylwgm] {
    margin-right: 0.75rem;
}

.sidebar.collapsed .nav-section-toggle .bi[b-k9qb6ylwgm] {
    margin-right: 0;
}
/* /Components/Layout/TopNavBar.razor.rz.scp.css */
.top-row[b-jfesz88c7u] {
    background-color: #0F0F0F;
    border-bottom: 4px solid #39FF14;
    height: 3.5rem;
    min-height: 3.5rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.top-row-left[b-jfesz88c7u] {
    display: flex;
    align-items: center;
    min-width: 200px;
    /* Ensure branding has minimum space */
}

.top-row-center[b-jfesz88c7u] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 3.5rem;
    /* This center section will contain status banners and messages */
    /* It can expand/contract but won't overlap the left/right sections */
}

.top-row-right[b-jfesz88c7u] {
    display: flex;
    align-items: center;
    min-width: 300px;
    /* Ensure user actions have minimum space */
    justify-content: flex-end;
}

.avaconnex-logo[b-jfesz88c7u] {
    height: 45px;
    width: auto;
    max-width: 250px;
    object-fit: contain;
    object-position: left center;
    filter: brightness(1.1);
    transition: filter 0.25s ease-in-out;
}

.avaconnex-logo:hover[b-jfesz88c7u] {
    filter: brightness(1.3) drop-shadow(0 0 5px rgba(57, 255, 20, 0.3));
}

.company-logo[b-jfesz88c7u] {
    height: 40px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    object-position: left center;
}

.top-nav-icon[b-jfesz88c7u] {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 1.1rem;
    transition: all 0.25s ease-in-out;
    padding: 0.5rem;
    border-radius: 6px;
}

.top-nav-icon:hover[b-jfesz88c7u] {
    color: #39FF14;
    text-decoration: none;
    background-color: rgba(57, 255, 20, 0.1);
}

.user-name[b-jfesz88c7u] {
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.dropdown-toggle[b-jfesz88c7u]::after {
    margin-left: 0.5rem;
}

.mobile-nav-toggle[b-jfesz88c7u] {
    display: none;
}

@media (max-width: 640.98px) {
    .top-row[b-jfesz88c7u] {
        justify-content: space-between;
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    /* The 200px/300px minimums reserve desktop room and alone overflow a 390px phone */
    .top-row-left[b-jfesz88c7u],
    .top-row-right[b-jfesz88c7u] {
        min-width: 0;
    }

    .top-row-left[b-jfesz88c7u] {
        gap: 0.25rem;
    }

    .mobile-nav-toggle[b-jfesz88c7u] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        padding: 0;
        border: none;
        border-radius: 6px;
        background: none;
        color: rgba(255, 255, 255, 0.85);
        font-size: 1.6rem;
    }

    .mobile-nav-toggle:hover[b-jfesz88c7u],
    .mobile-nav-toggle:focus-visible[b-jfesz88c7u] {
        color: #39FF14;
        background-color: rgba(57, 255, 20, 0.1);
    }

    .avaconnex-logo[b-jfesz88c7u] {
        height: 30px;
        max-width: 130px;
    }

    /* Error banners drop below the bar instead of squeezing between logo and icons */
    .top-row-center[b-jfesz88c7u] {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        min-height: 0;
    }

    .top-row-right .me-3[b-jfesz88c7u] {
        margin-right: 0.25rem !important;
    }

    .quick-logout-label[b-jfesz88c7u] {
        display: none;
    }

    .company-logo[b-jfesz88c7u] {
        height: 30px;
        max-width: 150px;
    }

    .user-name[b-jfesz88c7u] {
        display: none !important;
    }
}
/* /Components/Pages/Authentication/Login.razor.rz.scp.css */
/* ============================================
   LOGIN PAGE STYLES
   Matte Black, Copper, and Neon Green Theme
   ============================================ */

.login-page[b-40n6i8o5m8] {
    background-color: #dbd1d0;
}

/* ============================================
   LEFT PANEL - BRANDING
   ============================================ */

.login-left-panel[b-40n6i8o5m8] {
    background: linear-gradient(135deg, #1A1A1A 0%, #2D2D2D 100%);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    border: 3px solid #39FF14;
    border-radius: 8px;
    box-shadow:
        inset 0 1px 0 rgba(57, 255, 20, 0.5),
        inset 0 -1px 0 rgba(0, 0, 0, 0.5),
        0 8px 16px rgba(57, 255, 20, 0.2),
        0 0 20px rgba(57, 255, 20, 0.3);
}

.login-left-panel .text-center[b-40n6i8o5m8] {
    width: 100%;
    max-width: 400px;
}

.login-logo[b-40n6i8o5m8] {
    width: 100%;
    height: auto;
    max-height: 240px;
    object-fit: contain;
    filter: brightness(1.1);
    transition: filter 0.25s ease-in-out;
    margin-bottom: 30px;
}

.login-logo:hover[b-40n6i8o5m8] {
    filter: brightness(1.3) drop-shadow(0 0 8px rgba(57, 255, 20, 0.4));
}

.login-title[b-40n6i8o5m8] {
    font-size: 2.5rem;
    font-weight: 700;
    letter-spacing: 2px;
    color: #39FF14;
    text-shadow: 0 4px 15px rgba(57, 255, 20, 0.3);
    margin: 0;
}

.login-subtitle[b-40n6i8o5m8] {
    font-size: 1rem;
    opacity: 0.9;
    font-weight: 300;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.8);
}

.login-icon[b-40n6i8o5m8] {
    color: #B87333;
    transition: all 0.25s ease-in-out;
}

.login-icon:hover[b-40n6i8o5m8] {
    color: #39FF14;
    transform: scale(1.1);
}

.login-feature-text[b-40n6i8o5m8] {
    color: #B87333;
    font-weight: 500;
    transition: color 0.25s ease-in-out;
    margin: 0;
}

.login-feature-text:hover[b-40n6i8o5m8] {
    color: #39FF14;
}

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

@media (max-width: 992px) {
    .login-title[b-40n6i8o5m8] {
        font-size: 2rem;
    }

    .login-logo[b-40n6i8o5m8] {
        height: 60px;
    }
}

@media (max-width: 768px) {
    .login-title[b-40n6i8o5m8] {
        font-size: 1.5rem;
    }

    .login-logo[b-40n6i8o5m8] {
        height: 50px;
    }

    .login-subtitle[b-40n6i8o5m8] {
        font-size: 0.9rem;
    }
}
/* /Components/Pages/FieldMapping/FieldMappingBuilder.razor.rz.scp.css */
.field-mapping-builder-content[b-7y4xozt1xs] {
    min-height: 600px;
}

.builder-header[b-7y4xozt1xs] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem;
    margin-bottom: 0;
}

.header-actions .btn[b-7y4xozt1xs] {
    margin-left: 0.5rem;
}

.mapping-interface[b-7y4xozt1xs] {
    margin-bottom: 1.5rem;
}

.mapping-connections[b-7y4xozt1xs] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
    height: 100%;
    min-height: 500px;
}

.connections-header[b-7y4xozt1xs] {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

.connections-list[b-7y4xozt1xs] {
    max-height: 400px;
    overflow-y: auto;
}

.connections-list[b-7y4xozt1xs]::-webkit-scrollbar {
    width: 6px;
}

.connections-list[b-7y4xozt1xs]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.connections-list[b-7y4xozt1xs]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.connections-list[b-7y4xozt1xs]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.connection-item[b-7y4xozt1xs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}

.connection-item:hover[b-7y4xozt1xs] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
    transform: translateY(-1px);
}

.connection-item.selected[b-7y4xozt1xs] {
    border-color: #007bff;
    background: #e3f2fd;
}

.connection-content[b-7y4xozt1xs] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 1rem;
}

.source-field[b-7y4xozt1xs],
.target-field[b-7y4xozt1xs] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.connection-arrow[b-7y4xozt1xs] {
    font-size: 1rem;
    color: #6c757d;
}

.connection-status[b-7y4xozt1xs] {
    margin-left: 0.5rem;
}

.empty-connections[b-7y4xozt1xs] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 300px;
    background: #f8f9fa;
    border-radius: 0.25rem;
    border: 2px dashed #dee2e6;
}

.validation-section[b-7y4xozt1xs],
.rules-section[b-7y4xozt1xs] {
    background: white;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
}

/* Transformation Dialog */
.transformation-selector[b-7y4xozt1xs] {
    padding: 1rem;
}

.mapping-preview[b-7y4xozt1xs] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    padding: 1rem;
}

.transformation-options .list-group-item[b-7y4xozt1xs] {
    border: 1px solid #dee2e6;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.transformation-options .list-group-item:hover[b-7y4xozt1xs] {
    background: #f8f9fa;
    border-color: #007bff;
}

.transformation-options .list-group-item.active[b-7y4xozt1xs] {
    background: #007bff;
    border-color: #007bff;
    color: white;
}

/* Drag and drop states */
.field-mapping-builder.drag-active[b-7y4xozt1xs] {
    background: #e3f2fd;
}

.field-mapping-builder.drag-active .mapping-connections[b-7y4xozt1xs] {
    border-color: #007bff;
    background: #f0f8ff;
}

/* Responsive design */
@media (max-width: 992px) {
    .field-mapping-builder[b-7y4xozt1xs] {
        padding: 1rem;
    }

    .builder-header[b-7y4xozt1xs] {
        padding: 0.75rem;
    }

    .builder-header .d-flex[b-7y4xozt1xs] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .header-actions[b-7y4xozt1xs] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .mapping-connections[b-7y4xozt1xs] {
        min-height: 300px;
        margin-bottom: 1rem;
    }

    .connection-content[b-7y4xozt1xs] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }

    .connection-arrow[b-7y4xozt1xs] {
        transform: rotate(90deg);
    }
}

@media (max-width: 768px) {
    .field-mapping-builder[b-7y4xozt1xs] {
        padding: 0.75rem;
    }

    .mapping-interface .row[b-7y4xozt1xs] {
        gap: 1rem;
    }

    .connection-item[b-7y4xozt1xs] {
        padding: 0.5rem;
    }

    .source-field[b-7y4xozt1xs],
    .target-field[b-7y4xozt1xs] {
        font-size: 0.8rem;
    }

    .transformation-selector[b-7y4xozt1xs] {
        padding: 0.5rem;
    }
}

/* Animation for connections */
.connection-item[b-7y4xozt1xs] {
    animation: slideInUp-b-7y4xozt1xs 0.3s ease-out;
}

@keyframes slideInUp-b-7y4xozt1xs {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

/* Loading states */
.mapping-connections.loading[b-7y4xozt1xs] {
    opacity: 0.6;
    pointer-events: none;
}

.mapping-connections.loading[b-7y4xozt1xs]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    animation: spin-b-7y4xozt1xs 1s linear infinite;
}

@keyframes spin-b-7y4xozt1xs {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
/* /Components/Pages/FieldMapping/FieldMappingTemplateDetail.razor.rz.scp.css */
.page-header[b-454echpnss] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-title h1[b-454echpnss] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: #495057;
}

.page-title p[b-454echpnss] {
    margin: 0.5rem 0 0 0;
    color: #6c757d;
}

.page-actions[b-454echpnss] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.template-overview .card[b-454echpnss] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.card-header[b-454echpnss] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem;
}

.card-title[b-454echpnss] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

.card-actions[b-454echpnss] {
    display: flex;
    gap: 0.5rem;
}

.info-item[b-454echpnss] {
    margin-bottom: 1rem;
}

.info-label[b-454echpnss] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
    display: block;
}

.info-value[b-454echpnss] {
    font-size: 1rem;
    color: #495057;
    line-height: 1.4;
}

.stats-grid[b-454echpnss] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.stat-item[b-454echpnss] {
    text-align: center;
    padding: 0.75rem;
    background: #f8f9fa;
    border-radius: 0.25rem;
    border: 1px solid #e9ecef;
}

.stat-value[b-454echpnss] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.stat-label[b-454echpnss] {
    font-size: 0.75rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.validation-section[b-454echpnss] {
    background: white;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.mapping-rules-section .card[b-454echpnss] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.empty-rules[b-454echpnss] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    margin: 1rem;
}

.error-state[b-454echpnss] {
    background: white;
    border-radius: 0.375rem;
    padding: 3rem;
    border: 1px solid #dee2e6;
}

/* Badge styling */
.badge.bg-primary[b-454echpnss] {
    background-color: #0d6efd !important;
    color: white;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

.badge.bg-success[b-454echpnss] {
    background-color: #198754 !important;
    color: white;
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* Status colors */
.text-success[b-454echpnss] {
    color: #198754 !important;
}

.text-warning[b-454echpnss] {
    color: #ffc107 !important;
}

.text-danger[b-454echpnss] {
    color: #dc3545 !important;
}

.text-primary[b-454echpnss] {
    color: #0d6efd !important;
}

.text-info[b-454echpnss] {
    color: #0dcaf0 !important;
}

/* Responsive design */
@media (max-width: 992px) {
    .page-header[b-454echpnss] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .page-actions[b-454echpnss] {
        width: 100%;
        justify-content: flex-end;
    }

    .stats-grid[b-454echpnss] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .card-header[b-454echpnss] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .card-actions[b-454echpnss] {
        width: 100%;
        justify-content: flex-end;
    }
}

@media (max-width: 768px) {
    .page-header[b-454echpnss] {
        padding: 1rem;
    }

    .page-actions[b-454echpnss] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-actions .btn[b-454echpnss] {
        width: 100%;
        justify-content: center;
    }

    .template-overview .row[b-454echpnss] {
        gap: 1rem;
    }

    .info-item[b-454echpnss] {
        margin-bottom: 0.75rem;
    }

    .stat-item[b-454echpnss] {
        padding: 0.5rem;
    }

    .stat-value[b-454echpnss] {
        font-size: 1.1rem;
    }

    .stat-label[b-454echpnss] {
        font-size: 0.7rem;
    }
}

/* Animation effects */
.card[b-454echpnss] {
    animation: slideInUp-b-454echpnss 0.3s ease-out;
}

@keyframes slideInUp-b-454echpnss {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effects */
.stat-item:hover[b-454echpnss] {
    background: #e9ecef;
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.card:hover[b-454echpnss] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* Loading state */
.card.loading[b-454echpnss] {
    opacity: 0.6;
    pointer-events: none;
}

.card.loading[b-454echpnss]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0d6efd;
    border-radius: 50%;
    animation: spin-b-454echpnss 1s linear infinite;
}

@keyframes spin-b-454echpnss {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Card header with actions */
.card-header.d-flex[b-454echpnss] {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

/* Info value special styling */
.info-value .badge[b-454echpnss] {
    font-size: 0.875rem;
}

.info-value small[b-454echpnss] {
    font-size: 0.8rem;
    color: #6c757d;
}

/* Empty state styling */
.empty-rules i[b-454echpnss] {
    opacity: 0.5;
}

.error-state i[b-454echpnss] {
    opacity: 0.7;
}

/* Button group styling in actions */
.page-actions .btn[b-454echpnss],
.card-actions .btn[b-454echpnss] {
    white-space: nowrap;
}

/* Validation section integration */
.validation-section[b-454echpnss] {
    margin-bottom: 1.5rem;
}

/* Grid layout improvements */
.template-overview .row[b-454echpnss] {
    margin: 0;
}

.template-overview .col-lg-8[b-454echpnss],
.template-overview .col-lg-4[b-454echpnss] {
    padding: 0 0.75rem;
}

/* Status badge improvements */
.info-value .badge[b-454echpnss] {
    font-weight: 500;
}

/* Card body padding adjustments */
.card-body[b-454echpnss] {
    padding: 1.5rem;
}

.mapping-rules-section .card-body.p-0[b-454echpnss] {
    padding: 0 !important;
}

/* Responsive grid adjustments */
@media (max-width: 576px) {
    .stats-grid[b-454echpnss] {
        grid-template-columns: 1fr 1fr;
        gap: 0.5rem;
    }

    .stat-item[b-454echpnss] {
        padding: 0.5rem 0.25rem;
    }

    .stat-value[b-454echpnss] {
        font-size: 1rem;
    }

    .stat-label[b-454echpnss] {
        font-size: 0.65rem;
    }
}
/* /Components/Pages/FieldMapping/FieldMappingTemplateEdit.razor.rz.scp.css */
.page-header[b-hfsq6fg9qg] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.page-title h1[b-hfsq6fg9qg] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: #495057;
}

.page-title p[b-hfsq6fg9qg] {
    margin: 0.5rem 0 0 0;
    color: #6c757d;
}

.page-actions[b-hfsq6fg9qg] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

.template-editor[b-hfsq6fg9qg] {
    background: #f8f9fa;
    border-radius: 0.5rem;
    padding: 1.5rem;
    min-height: 600px;
}

.card[b-hfsq6fg9qg] {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    background: white;
}

.card-header[b-hfsq6fg9qg] {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem;
}

.card-title[b-hfsq6fg9qg] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #495057;
}

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

.form-label[b-hfsq6fg9qg] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.form-control[b-hfsq6fg9qg] {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.75rem;
    font-size: 0.875rem;
}

.form-control:focus[b-hfsq6fg9qg] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check[b-hfsq6fg9qg] {
    margin-bottom: 0.5rem;
}

.form-check-input[b-hfsq6fg9qg] {
    margin-top: 0.25rem;
}

.form-check-label[b-hfsq6fg9qg] {
    font-weight: 500;
    color: #495057;
}

.form-text[b-hfsq6fg9qg] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.template-info[b-hfsq6fg9qg] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    padding: 1rem;
}

.template-info h6[b-hfsq6fg9qg] {
    margin-bottom: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.8rem;
}

.info-grid[b-hfsq6fg9qg] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
}

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

.info-item small[b-hfsq6fg9qg] {
    font-size: 0.75rem;
    color: #6c757d;
}

.info-item div[b-hfsq6fg9qg] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #495057;
}

/* SyncFusion component styling */
[b-hfsq6fg9qg] .e-input-group {
    border-radius: 0.375rem;
}

[b-hfsq6fg9qg] .e-input-group .e-input {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    padding: 0.75rem;
    font-size: 0.875rem;
}

[b-hfsq6fg9qg] .e-input-group .e-input:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[b-hfsq6fg9qg] .e-dropdownlist {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

[b-hfsq6fg9qg] .e-dropdownlist:focus-within {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[b-hfsq6fg9qg] .e-dropdownlist .e-input {
    padding: 0.75rem;
    font-size: 0.875rem;
}

/* Validation styling */
.validation-message[b-hfsq6fg9qg] {
    color: #dc3545;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}

.field-validation-error[b-hfsq6fg9qg] {
    border-color: #dc3545;
}

.field-validation-error:focus[b-hfsq6fg9qg] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

/* Loading states */
.card.loading[b-hfsq6fg9qg] {
    opacity: 0.6;
    pointer-events: none;
}

.card.loading[b-hfsq6fg9qg]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2rem;
    height: 2rem;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0d6efd;
    border-radius: 50%;
    animation: spin-b-hfsq6fg9qg 1s linear infinite;
}

@keyframes spin-b-hfsq6fg9qg {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* Responsive design */
@media (max-width: 992px) {
    .page-header[b-hfsq6fg9qg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .page-actions[b-hfsq6fg9qg] {
        width: 100%;
        justify-content: flex-end;
    }

    .template-editor[b-hfsq6fg9qg] {
        padding: 1rem;
    }

    .template-editor .row[b-hfsq6fg9qg] {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .page-header[b-hfsq6fg9qg] {
        padding: 1rem;
    }

    .page-actions[b-hfsq6fg9qg] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .page-actions .btn[b-hfsq6fg9qg] {
        width: 100%;
        justify-content: center;
    }

    .template-editor[b-hfsq6fg9qg] {
        padding: 0.75rem;
    }

    .card-body[b-hfsq6fg9qg] {
        padding: 1rem;
    }

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

    .info-item[b-hfsq6fg9qg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}

/* Animation effects */
.card[b-hfsq6fg9qg] {
    animation: slideInUp-b-hfsq6fg9qg 0.3s ease-out;
}

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

/* Hover effects */
.card:hover[b-hfsq6fg9qg] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

/* Button styling */
.btn[b-hfsq6fg9qg] {
    border-radius: 0.375rem;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
}

.btn-primary[b-hfsq6fg9qg] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover[b-hfsq6fg9qg] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-outline-secondary[b-hfsq6fg9qg] {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover[b-hfsq6fg9qg] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}

/* Dialog customization */
[b-hfsq6fg9qg] .e-dialog .e-dlg-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

[b-hfsq6fg9qg] .e-dialog .e-dlg-content {
    padding: 1.5rem;
}

[b-hfsq6fg9qg] .e-dialog .e-footer-content {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Form validation enhancements */
.was-validated .form-control:valid[b-hfsq6fg9qg] {
    border-color: #198754;
}

.was-validated .form-control:invalid[b-hfsq6fg9qg] {
    border-color: #dc3545;
}

/* Required field indicator */
.form-label[b-hfsq6fg9qg]::after {
    content: " *";
    color: #dc3545;
}

.form-label:not([data-required])[b-hfsq6fg9qg]::after {
    content: "";
}

/* Info section styling */
.template-info .border-top[b-hfsq6fg9qg] {
    border-color: #dee2e6 !important;
}

/* Grid layout improvements */
.template-editor .row[b-hfsq6fg9qg] {
    margin: 0;
}

.template-editor .col-lg-4[b-hfsq6fg9qg],
.template-editor .col-lg-8[b-hfsq6fg9qg] {
    padding: 0 0.75rem;
}

/* Unsaved changes indicator */
.page-title h1.has-changes[b-hfsq6fg9qg]::before {
    content: "● ";
    color: #ffc107;
    margin-right: 0.5rem;
}

/* Empty state for mapping builder */
.card-body.text-center[b-hfsq6fg9qg] {
    background: #f8f9fa;
}

.card-body.text-center i[b-hfsq6fg9qg] {
    opacity: 0.5;
}

/* Focus management */
.form-control:focus[b-hfsq6fg9qg],
[b-hfsq6fg9qg] .e-input:focus,
[b-hfsq6fg9qg] .e-dropdownlist:focus-within {
    outline: none;
}

/* Spacing improvements */
.mb-3:last-child[b-hfsq6fg9qg] {
    margin-bottom: 0 !important;
}
/* /Components/Pages/FieldMapping/FieldMappingTemplateList.razor.rz.scp.css */
.page-header[b-epdmfykhsw] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.page-title h1[b-epdmfykhsw] {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 600;
    color: #495057;
}

.page-title p[b-epdmfykhsw] {
    margin: 0.5rem 0 0 0;
    color: #6c757d;
}

.filter-section[b-epdmfykhsw] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.templates-grid[b-epdmfykhsw] {
    background: white;
    border-radius: 0.375rem;
    border: 1px solid #dee2e6;
    overflow: hidden;
}

.template-info .template-name[b-epdmfykhsw] {
    font-weight: 500;
    color: #495057;
    margin-bottom: 0.25rem;
}

.mapping-flow[b-epdmfykhsw] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.source-type[b-epdmfykhsw], .target-type[b-epdmfykhsw] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.rules-summary[b-epdmfykhsw] {
    text-align: center;
}

.rules-summary .badge[b-epdmfykhsw] {
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
}

.date-info[b-epdmfykhsw] {
    font-size: 0.875rem;
}

.validation-status[b-epdmfykhsw] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
}

.action-buttons[b-epdmfykhsw] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
}

.action-buttons .btn[b-epdmfykhsw] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.templates-summary[b-epdmfykhsw] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.stat-card[b-epdmfykhsw] {
    text-align: center;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 0.25rem;
    border: 1px solid #e9ecef;
}

.stat-value[b-epdmfykhsw] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.stat-label[b-epdmfykhsw] {
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.empty-state[b-epdmfykhsw] {
    background: white;
    border-radius: 0.375rem;
    padding: 3rem;
    border: 1px solid #dee2e6;
}

/* SyncFusion Grid Customization */
[b-epdmfykhsw] .e-grid .e-gridheader {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

[b-epdmfykhsw] .e-grid .e-headercell {
    font-weight: 600;
    color: #495057;
    border-right: 1px solid #e9ecef;
}

[b-epdmfykhsw] .e-grid .e-row:hover {
    background: #f8f9fa;
}

[b-epdmfykhsw] .e-grid .e-rowcell {
    border-right: 1px solid #f0f0f0;
    padding: 0.75rem 0.5rem;
    vertical-align: middle;
}

[b-epdmfykhsw] .e-grid .e-altrow {
    background: #fdfdfd;
}

/* Badge styling */
.badge.bg-primary[b-epdmfykhsw] {
    background-color: #0d6efd !important;
}

.badge.bg-success[b-epdmfykhsw] {
    background-color: #198754 !important;
}

.badge.bg-info[b-epdmfykhsw] {
    background-color: #0dcaf0 !important;
    color: #000;
}

.badge.bg-secondary[b-epdmfykhsw] {
    background-color: #6c757d !important;
}

/* Status indicators */
.text-success[b-epdmfykhsw] {
    color: #198754 !important;
}

.text-warning[b-epdmfykhsw] {
    color: #ffc107 !important;
}

.text-danger[b-epdmfykhsw] {
    color: #dc3545 !important;
}

.text-info[b-epdmfykhsw] {
    color: #0dcaf0 !important;
}

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

    .page-actions[b-epdmfykhsw] {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .filter-section .row[b-epdmfykhsw] {
        gap: 0.5rem;
    }

    .action-buttons[b-epdmfykhsw] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .action-buttons .btn[b-epdmfykhsw] {
        width: 100%;
        justify-content: center;
    }

    .mapping-flow[b-epdmfykhsw] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .templates-summary .row[b-epdmfykhsw] {
        gap: 0.5rem;
    }

    .stat-card[b-epdmfykhsw] {
        margin-bottom: 0.5rem;
    }
}

/* Loading state */
.templates-grid.loading[b-epdmfykhsw] {
    opacity: 0.6;
    pointer-events: none;
}

/* Animation for new rows */
[b-epdmfykhsw] .e-grid .e-row {
    animation: slideInUp-b-epdmfykhsw 0.3s ease-out;
}

@keyframes slideInUp-b-epdmfykhsw {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Dialog customization */
[b-epdmfykhsw] .e-dialog .e-dlg-header {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

[b-epdmfykhsw] .e-dialog .e-dlg-content {
    padding: 1.5rem;
}

[b-epdmfykhsw] .e-dialog .e-footer-content {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

/* Filter section enhancements */
.filter-section .input-group-text[b-epdmfykhsw] {
    background: #f8f9fa;
    border-color: #ced4da;
}

.filter-section .form-control[b-epdmfykhsw],
.filter-section .form-select[b-epdmfykhsw] {
    border-color: #ced4da;
}

.filter-section .form-control:focus[b-epdmfykhsw],
.filter-section .form-select:focus[b-epdmfykhsw] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Hover effects */
.stat-card:hover[b-epdmfykhsw] {
    background: #e9ecef;
    transform: translateY(-2px);
    transition: all 0.2s ease;
}

.action-buttons .btn:hover[b-epdmfykhsw] {
    transform: translateY(-1px);
    transition: all 0.2s ease;
}

/* Template info styling */
.template-info .template-name strong[b-epdmfykhsw] {
    color: #495057;
}

.template-info small[b-epdmfykhsw] {
    font-size: 0.8rem;
    line-height: 1.2;
}

/* Validation status icons */
.validation-status i[b-epdmfykhsw] {
    font-size: 1.1rem;
}

/* Grid pagination customization */
[b-epdmfykhsw] .e-pager {
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
    padding: 0.75rem;
}

[b-epdmfykhsw] .e-pager .e-numericitem,
[b-epdmfykhsw] .e-pager .e-navigateitem {
    border: 1px solid #dee2e6;
    margin: 0 0.125rem;
}

[b-epdmfykhsw] .e-pager .e-currentitem {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}
/* /Components/Pages/FieldMapping/FieldSourcePanel.razor.rz.scp.css */
.field-source-panel[b-2cpy055gri] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    height: 600px;
    display: flex;
    flex-direction: column;
}

.panel-header[b-2cpy055gri] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 0.375rem 0.375rem 0 0;
    flex-shrink: 0;
}

.panel-title[b-2cpy055gri] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.panel-search[b-2cpy055gri] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: white;
    flex-shrink: 0;
}

.fields-container[b-2cpy055gri] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    min-height: 0;
}

.fields-container[b-2cpy055gri]::-webkit-scrollbar {
    width: 6px;
}

.fields-container[b-2cpy055gri]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.fields-container[b-2cpy055gri]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.fields-container[b-2cpy055gri]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.category-header[b-2cpy055gri] {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.field-list[b-2cpy055gri] {
    padding: 0.5rem 0;
}

.field-item[b-2cpy055gri] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    cursor: grab;
    transition: all 0.2s ease;
    background: white;
}

.field-item:hover[b-2cpy055gri] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
    transform: translateY(-1px);
}

.field-item:active[b-2cpy055gri] {
    cursor: grabbing;
    transform: scale(0.98);
}

.field-item.required-field[b-2cpy055gri] {
    border-left: 3px solid #dc3545;
}

.field-item.mapped-field[b-2cpy055gri] {
    background: #f8f9fa;
    border-color: #28a745;
}

.field-item.mapped-field:hover[b-2cpy055gri] {
    border-color: #28a745;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.1);
}

.field-content[b-2cpy055gri] {
    flex: 1;
    min-width: 0;
}

.field-main[b-2cpy055gri] {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.field-name[b-2cpy055gri] {
    font-weight: 500;
    color: #495057;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field-meta[b-2cpy055gri] {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compatibility-indicator[b-2cpy055gri] {
    margin-left: 0.5rem;
    font-size: 1.1rem;
}

.empty-state[b-2cpy055gri] {
    padding: 2rem 1rem;
}

/* Drag and drop states */
.field-item[draggable="true"][b-2cpy055gri] {
    user-select: none;
}

.field-item.dragging[b-2cpy055gri] {
    opacity: 0.5;
    transform: rotate(5deg);
}

.field-item.drag-over[b-2cpy055gri] {
    border-color: #007bff;
    background: #e3f2fd;
}

/* SyncFusion Accordion customization */
[b-2cpy055gri] .e-accordion .e-acrdn-item .e-acrdn-header {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

[b-2cpy055gri] .e-accordion .e-acrdn-item .e-acrdn-header:hover {
    background: #e9ecef;
}

[b-2cpy055gri] .e-accordion .e-acrdn-item .e-acrdn-content {
    border: none;
    padding: 0;
}

[b-2cpy055gri] .e-accordion .e-acrdn-item {
    border: none;
    margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .field-item[b-2cpy055gri] {
        padding: 0.5rem;
    }

    .field-main[b-2cpy055gri] {
        flex-wrap: wrap;
    }

    .field-name[b-2cpy055gri] {
        white-space: normal;
        word-break: break-word;
    }

    .field-meta[b-2cpy055gri] {
        white-space: normal;
        word-break: break-word;
    }

    .panel-header[b-2cpy055gri] {
        padding: 0.75rem;
    }

    .panel-search[b-2cpy055gri] {
        padding: 0.75rem;
        padding-top: 0.75rem;
    }
}

/* Animation for field items */
.field-item[b-2cpy055gri] {
    animation: slideInLeft-b-2cpy055gri 0.3s ease-out;
}

@keyframes slideInLeft-b-2cpy055gri {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Components/Pages/FieldMapping/FieldTargetPanel.razor.rz.scp.css */
.field-target-panel[b-duzxhcu938] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    height: 600px;
    display: flex;
    flex-direction: column;
}

.panel-header[b-duzxhcu938] {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
    background: #f8f9fa;
    border-radius: 0.375rem 0.375rem 0 0;
    flex-shrink: 0;
}

.panel-title[b-duzxhcu938] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.panel-search[b-duzxhcu938] {
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    background: white;
    flex-shrink: 0;
}

.fields-container[b-duzxhcu938] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
    min-height: 0;
}

.fields-container[b-duzxhcu938]::-webkit-scrollbar {
    width: 6px;
}

.fields-container[b-duzxhcu938]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.fields-container[b-duzxhcu938]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.fields-container[b-duzxhcu938]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.category-header[b-duzxhcu938] {
    display: flex;
    align-items: center;
    font-weight: 500;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.field-list[b-duzxhcu938] {
    padding: 0.5rem 0;
}

.field-item[b-duzxhcu938] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border: 2px dashed #e9ecef;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
    min-height: 80px;
}

.field-item:hover[b-duzxhcu938] {
    border-color: #007bff;
    box-shadow: 0 2px 4px rgba(0, 123, 255, 0.1);
    transform: translateY(-1px);
}

.field-item.required-field[b-duzxhcu938] {
    border-left: 3px solid #dc3545;
    border-style: solid;
}

.field-item.mapped-field[b-duzxhcu938] {
    background: #f8f9fa;
    border-color: #28a745;
    border-style: solid;
}

.field-item.mapped-field:hover[b-duzxhcu938] {
    border-color: #28a745;
    box-shadow: 0 2px 4px rgba(40, 167, 69, 0.1);
}

.field-item.drag-over[b-duzxhcu938] {
    border-color: #007bff;
    background: #e3f2fd;
    border-style: solid;
    transform: scale(1.02);
}

.field-content[b-duzxhcu938] {
    flex: 1;
    min-width: 0;
}

.field-main[b-duzxhcu938] {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.field-name[b-duzxhcu938] {
    font-weight: 500;
    color: #495057;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.field-meta[b-duzxhcu938] {
    font-size: 0.75rem;
    color: #6c757d;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.25rem;
}

.mapping-info[b-duzxhcu938] {
    margin-top: 0.25rem;
}

.field-actions[b-duzxhcu938] {
    display: flex;
    align-items: center;
    margin-left: 0.5rem;
}

.drop-zone-indicator[b-duzxhcu938] {
    font-size: 1.5rem;
    opacity: 0.5;
    transition: opacity 0.2s ease;
}

.field-item:hover .drop-zone-indicator[b-duzxhcu938] {
    opacity: 1;
    color: #007bff;
}

.field-item.drag-over .drop-zone-indicator[b-duzxhcu938] {
    opacity: 1;
    color: #007bff;
    animation: pulse-b-duzxhcu938 1s infinite;
}

.empty-state[b-duzxhcu938] {
    padding: 2rem 1rem;
}

/* Drop zone animations */
@keyframes pulse-b-duzxhcu938 {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

/* SyncFusion Accordion customization */
[b-duzxhcu938] .e-accordion .e-acrdn-item .e-acrdn-header {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
}

[b-duzxhcu938] .e-accordion .e-acrdn-item .e-acrdn-header:hover {
    background: #e9ecef;
}

[b-duzxhcu938] .e-accordion .e-acrdn-item .e-acrdn-content {
    border: none;
    padding: 0;
}

[b-duzxhcu938] .e-accordion .e-acrdn-item {
    border: none;
    margin-bottom: 0.5rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .field-item[b-duzxhcu938] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .field-main[b-duzxhcu938] {
        flex-wrap: wrap;
    }

    .field-name[b-duzxhcu938] {
        white-space: normal;
        word-break: break-word;
    }

    .field-meta[b-duzxhcu938] {
        white-space: normal;
        word-break: break-word;
    }

    .panel-header[b-duzxhcu938] {
        padding: 0.75rem;
    }

    .panel-search[b-duzxhcu938] {
        padding: 0.75rem;
        padding-top: 0.75rem;
    }

    .field-actions[b-duzxhcu938] {
        flex-direction: column;
        gap: 0.25rem;
    }
}

/* Animation for field items */
.field-item[b-duzxhcu938] {
    animation: slideInRight-b-duzxhcu938 0.3s ease-out;
}

@keyframes slideInRight-b-duzxhcu938 {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}
/* /Components/Pages/FieldMapping/MappingRulesList.razor.rz.scp.css */
.mapping-rules-list[b-wqrq1ktyni] {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
}

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

.rules-title[b-wqrq1ktyni] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.rules-stats[b-wqrq1ktyni] {
    font-size: 0.875rem;
}

.rules-toolbar[b-wqrq1ktyni] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    padding: 0.75rem;
}

.bulk-actions .btn[b-wqrq1ktyni] {
    margin-right: 0.5rem;
}

.rules-grid[b-wqrq1ktyni] {
    border-radius: 0.25rem;
    overflow: hidden;
}

.field-display[b-wqrq1ktyni] {
    display: flex;
    align-items: center;
}

.field-name[b-wqrq1ktyni] {
    font-weight: 500;
    color: #495057;
}

.action-buttons[b-wqrq1ktyni] {
    display: flex;
    gap: 0.25rem;
}

.action-buttons .btn[b-wqrq1ktyni] {
    padding: 0.25rem 0.5rem;
}

.rules-summary[b-wqrq1ktyni] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    padding: 1rem;
}

.stat-card[b-wqrq1ktyni] {
    text-align: center;
    padding: 0.75rem;
    background: white;
    border-radius: 0.25rem;
    border: 1px solid #e9ecef;
}

.stat-value[b-wqrq1ktyni] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.stat-label[b-wqrq1ktyni] {
    font-size: 0.875rem;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.empty-state[b-wqrq1ktyni] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    margin: 1rem 0;
}

/* SyncFusion Grid customization */
[b-wqrq1ktyni] .e-grid .e-gridheader {
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
}

[b-wqrq1ktyni] .e-grid .e-headercell {
    font-weight: 600;
    color: #495057;
}

[b-wqrq1ktyni] .e-grid .e-row:hover {
    background: #f8f9fa;
}

[b-wqrq1ktyni] .e-grid .e-selectionbackground {
    background: #e3f2fd !important;
}

[b-wqrq1ktyni] .e-grid .e-rowcell {
    border-right: 1px solid #f0f0f0;
    padding: 0.75rem 0.5rem;
}

[b-wqrq1ktyni] .e-grid .e-checkbox-wrapper {
    margin: 0;
}

/* Status indicators */
.text-success[b-wqrq1ktyni] {
    color: #28a745 !important;
}

.text-warning[b-wqrq1ktyni] {
    color: #ffc107 !important;
}

.text-danger[b-wqrq1ktyni] {
    color: #dc3545 !important;
}

/* Badge styling */
.badge[b-wqrq1ktyni] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}

.badge.bg-info[b-wqrq1ktyni] {
    background-color: #17a2b8 !important;
    color: white;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .mapping-rules-list[b-wqrq1ktyni] {
        padding: 0.75rem;
    }
    
    .rules-header[b-wqrq1ktyni] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .rules-toolbar .d-flex[b-wqrq1ktyni] {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .bulk-actions[b-wqrq1ktyni] {
        width: 100%;
    }
    
    .rule-actions[b-wqrq1ktyni] {
        width: 100%;
    }
    
    .rules-summary .row[b-wqrq1ktyni] {
        gap: 0.5rem;
    }
    
    .stat-card[b-wqrq1ktyni] {
        margin-bottom: 0.5rem;
    }
    
    .action-buttons[b-wqrq1ktyni] {
        flex-direction: column;
        gap: 0.25rem;
    }
    
    .action-buttons .btn[b-wqrq1ktyni] {
        width: 100%;
    }
}

/* Animation for new rules */
[b-wqrq1ktyni] .e-grid .e-row {
    animation: slideInUp-b-wqrq1ktyni 0.3s ease-out;
}

@keyframes slideInUp-b-wqrq1ktyni {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Loading state */
.rules-grid.loading[b-wqrq1ktyni] {
    opacity: 0.6;
    pointer-events: none;
}

/* Selection highlight */
[b-wqrq1ktyni] .e-grid .e-selectionbackground {
    background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
    border-left: 3px solid #2196f3;
}

/* Drag and drop indicators for reordering */
.rules-grid.reorder-mode[b-wqrq1ktyni] {
    cursor: move;
}

.rules-grid.reorder-mode[b-wqrq1ktyni]  .e-row {
    cursor: move;
}

.rules-grid.reorder-mode[b-wqrq1ktyni]  .e-row:hover {
    background: #e3f2fd;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}
/* /Components/Pages/FieldMapping/TransformationConfigurationDialog.razor.rz.scp.css */
.transformation-config-dialog[b-6e3nnsxv0a] {
    padding: 0;
}

.rule-info .alert[b-6e3nnsxv0a] {
    margin-bottom: 0;
    padding: 1rem;
    border-radius: 0.375rem;
}

.rule-info .alert-info[b-6e3nnsxv0a] {
    background-color: #e7f3ff;
    border-color: #b8daff;
    color: #004085;
}

.configuration-form[b-6e3nnsxv0a] {
    background: #f8f9fa;
    border-radius: 0.375rem;
    padding: 1rem;
    border: 1px solid #e9ecef;
}

.config-fields[b-6e3nnsxv0a] {
    background: white;
    border-radius: 0.25rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.config-field[b-6e3nnsxv0a] {
    margin-bottom: 1rem;
}

.config-field:last-child[b-6e3nnsxv0a] {
    margin-bottom: 0;
}

.form-label[b-6e3nnsxv0a] {
    font-weight: 600;
    color: #495057;
    margin-bottom: 0.5rem;
}

.form-control[b-6e3nnsxv0a] {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.75rem;
    font-size: 0.875rem;
}

.form-control:focus[b-6e3nnsxv0a] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check[b-6e3nnsxv0a] {
    padding: 0.5rem 0;
}

.form-check-input[b-6e3nnsxv0a] {
    margin-top: 0.25rem;
}

.form-check-label[b-6e3nnsxv0a] {
    font-weight: 500;
    color: #495057;
}

.form-text[b-6e3nnsxv0a] {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    color: #6c757d;
}

.no-config-message[b-6e3nnsxv0a] {
    background: white;
    border-radius: 0.25rem;
    padding: 2rem;
    border: 1px solid #dee2e6;
}

.no-config-message i[b-6e3nnsxv0a] {
    opacity: 0.5;
}

.test-configuration .card[b-6e3nnsxv0a] {
    border: 1px solid #0dcaf0;
    border-radius: 0.375rem;
}

.test-configuration .card-header[b-6e3nnsxv0a] {
    background: #e7f9ff;
    border-bottom: 1px solid #0dcaf0;
    padding: 0.75rem 1rem;
}

.test-configuration .card-header h6[b-6e3nnsxv0a] {
    margin: 0;
    color: #0dcaf0;
    font-weight: 600;
}

.test-configuration .card-body[b-6e3nnsxv0a] {
    padding: 1rem;
}

.test-output[b-6e3nnsxv0a] {
    min-height: 2.5rem;
    display: flex;
    align-items: center;
}

.test-output .alert[b-6e3nnsxv0a] {
    margin: 0;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.test-actions[b-6e3nnsxv0a] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
}

.validation-errors .alert[b-6e3nnsxv0a] {
    border-radius: 0.375rem;
}

.validation-errors .alert-danger[b-6e3nnsxv0a] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.validation-errors h6[b-6e3nnsxv0a] {
    margin: 0 0 0.5rem 0;
    font-weight: 600;
}

.validation-errors ul[b-6e3nnsxv0a] {
    margin: 0;
    padding-left: 1.5rem;
}

.validation-errors li[b-6e3nnsxv0a] {
    margin-bottom: 0.25rem;
}

/* Badge styling */
.badge[b-6e3nnsxv0a] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.badge.bg-primary[b-6e3nnsxv0a] {
    background-color: #0d6efd !important;
    color: white;
}

.badge.bg-secondary[b-6e3nnsxv0a] {
    background-color: #6c757d !important;
    color: white;
}

/* Button styling */
.btn[b-6e3nnsxv0a] {
    border-radius: 0.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.btn-primary[b-6e3nnsxv0a] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover[b-6e3nnsxv0a] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-secondary[b-6e3nnsxv0a] {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover[b-6e3nnsxv0a] {
    background-color: #5c636a;
    border-color: #565e64;
}

.btn-outline-info[b-6e3nnsxv0a] {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-info:hover[b-6e3nnsxv0a] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    color: #000;
}

.btn:disabled[b-6e3nnsxv0a] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* SyncFusion component styling */
[b-6e3nnsxv0a] .e-input-group {
    border-radius: 0.25rem;
}

[b-6e3nnsxv0a] .e-input-group .e-input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 0.75rem;
    font-size: 0.875rem;
}

[b-6e3nnsxv0a] .e-input-group .e-input:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[b-6e3nnsxv0a] .e-dropdownlist {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

[b-6e3nnsxv0a] .e-dropdownlist:focus-within {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[b-6e3nnsxv0a] .e-dropdownlist .e-input {
    padding: 0.75rem;
    font-size: 0.875rem;
}

[b-6e3nnsxv0a] .e-numerictextbox {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

[b-6e3nnsxv0a] .e-numerictextbox:focus-within {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

[b-6e3nnsxv0a] .e-numerictextbox .e-input {
    padding: 0.75rem;
    font-size: 0.875rem;
}

/* Loading state */
.spinner-border[b-6e3nnsxv0a] {
    width: 2rem;
    height: 2rem;
}

.spinner-border-sm[b-6e3nnsxv0a] {
    width: 1rem;
    height: 1rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .transformation-config-dialog[b-6e3nnsxv0a] {
        padding: 0;
    }

    .configuration-form[b-6e3nnsxv0a] {
        padding: 0.75rem;
    }

    .config-fields[b-6e3nnsxv0a] {
        padding: 0.75rem;
    }

    .test-configuration .card-body[b-6e3nnsxv0a] {
        padding: 0.75rem;
    }

    .test-configuration .row[b-6e3nnsxv0a] {
        gap: 1rem;
    }

    .test-configuration .col-md-6[b-6e3nnsxv0a] {
        margin-bottom: 1rem;
    }

    .rule-info .row[b-6e3nnsxv0a] {
        gap: 0.5rem;
    }

    .rule-info .col-md-8[b-6e3nnsxv0a],
    .rule-info .col-md-4[b-6e3nnsxv0a] {
        margin-bottom: 0.5rem;
    }

    .rule-info .text-end[b-6e3nnsxv0a] {
        text-align: left !important;
    }
}

@media (max-width: 576px) {
    .btn[b-6e3nnsxv0a] {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .test-actions .btn[b-6e3nnsxv0a] {
        width: 100%;
    }

    .badge[b-6e3nnsxv0a] {
        font-size: 0.7rem;
        padding: 0.25rem 0.5rem;
    }
}

/* Animation effects */
.config-field[b-6e3nnsxv0a] {
    animation: slideInUp-b-6e3nnsxv0a 0.2s ease-out;
}

@keyframes slideInUp-b-6e3nnsxv0a {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.test-configuration[b-6e3nnsxv0a] {
    animation: slideInUp-b-6e3nnsxv0a 0.3s ease-out;
}

.validation-errors[b-6e3nnsxv0a] {
    animation: slideInUp-b-6e3nnsxv0a 0.3s ease-out;
}

/* Focus states */
.form-control:focus[b-6e3nnsxv0a],
[b-6e3nnsxv0a] .e-input:focus,
[b-6e3nnsxv0a] .e-dropdownlist:focus-within,
[b-6e3nnsxv0a] .e-numerictextbox:focus-within {
    outline: none;
}

/* Text color improvements */
.text-danger[b-6e3nnsxv0a] {
    color: #dc3545 !important;
}

.text-muted[b-6e3nnsxv0a] {
    color: #6c757d !important;
}

/* Alert improvements */
.alert-success[b-6e3nnsxv0a] {
    background-color: #d1e7dd;
    border-color: #badbcc;
    color: #0f5132;
}

.alert-danger[b-6e3nnsxv0a] {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

/* Card improvements */
.card[b-6e3nnsxv0a] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.card-header[b-6e3nnsxv0a] {
    border-bottom: 1px solid #dee2e6;
}

/* Form validation styling */
.form-control.is-invalid[b-6e3nnsxv0a] {
    border-color: #dc3545;
}

.form-control.is-invalid:focus[b-6e3nnsxv0a] {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control.is-valid[b-6e3nnsxv0a] {
    border-color: #198754;
}

.form-control.is-valid:focus[b-6e3nnsxv0a] {
    border-color: #198754;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Required field indicator */
.form-label .text-danger[b-6e3nnsxv0a] {
    font-weight: bold;
}

/* Dialog button styling */
[b-6e3nnsxv0a] .e-dialog .e-footer-content {
    padding: 1rem 1.5rem;
    background: #f8f9fa;
    border-top: 1px solid #dee2e6;
}

[b-6e3nnsxv0a] .e-dialog .e-dlg-content {
    padding: 1.5rem;
}

/* Hover effects */
.config-field:hover .form-label[b-6e3nnsxv0a] {
    color: #0d6efd;
}

.test-configuration:hover .card[b-6e3nnsxv0a] {
    box-shadow: 0 4px 8px rgba(13, 110, 253, 0.1);
}

/* Spacing improvements */
.config-field .form-text[b-6e3nnsxv0a] {
    line-height: 1.4;
}

.test-output .text-muted[b-6e3nnsxv0a] {
    font-style: italic;
}

/* Icon improvements */
.bi[b-6e3nnsxv0a] {
    font-size: 1rem;
}

.card-header .bi[b-6e3nnsxv0a] {
    color: inherit;
}

.validation-errors .bi[b-6e3nnsxv0a] {
    color: #721c24;
}
/* /Components/Pages/FieldMapping/TransformationRuleManagement.razor.rz.scp.css */
.transformation-rule-management[b-5b2m6woyh7] {
    padding: 1.5rem;
    background: #f8f9fa;
    min-height: 100vh;
}

/* Page Header */
.page-header[b-5b2m6woyh7] {
    margin-bottom: 2rem;
}

.page-title[b-5b2m6woyh7] {
    font-size: 2rem;
    font-weight: 600;
    color: #495057;
    margin: 0;
}

.page-description[b-5b2m6woyh7] {
    color: #6c757d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}

/* Statistics Cards */
.statistics-section[b-5b2m6woyh7] {
    margin-bottom: 2rem;
}

.stat-card[b-5b2m6woyh7] {
    background: white;
    border-radius: 0.5rem;
    padding: 1.5rem;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    gap: 1rem;
    transition: all 0.2s ease;
}

.stat-card:hover[b-5b2m6woyh7] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.stat-icon[b-5b2m6woyh7] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: #0d6efd;
}

.stat-content h3[b-5b2m6woyh7] {
    font-size: 2rem;
    font-weight: 700;
    color: #495057;
    margin: 0;
}

.stat-content p[b-5b2m6woyh7] {
    color: #6c757d;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 500;
}

/* Filters Section */
.filters-section .card[b-5b2m6woyh7] {
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.filters-section .card-body[b-5b2m6woyh7] {
    padding: 1.5rem;
}

.input-group-text[b-5b2m6woyh7] {
    background: #f8f9fa;
    border-color: #ced4da;
    color: #6c757d;
}

.form-control[b-5b2m6woyh7], .form-select[b-5b2m6woyh7] {
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

.form-control:focus[b-5b2m6woyh7], .form-select:focus[b-5b2m6woyh7] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* Rules Grid Section */
.rules-grid-section .card[b-5b2m6woyh7] {
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.rules-grid-section .card-header[b-5b2m6woyh7] {
    background: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 1rem 1.5rem;
}

.rules-grid-section .card-header h5[b-5b2m6woyh7] {
    margin: 0;
    color: #495057;
    font-weight: 600;
}

.rules-grid-section .card-body[b-5b2m6woyh7] {
    padding: 0;
}

/* Grid Cell Styling */
.rule-name-cell[b-5b2m6woyh7] {
    padding: 0.5rem 0;
}

.rule-name-cell strong[b-5b2m6woyh7] {
    color: #495057;
    font-weight: 600;
}

.rule-name-cell small[b-5b2m6woyh7] {
    font-size: 0.8rem;
    line-height: 1.3;
}

.action-buttons[b-5b2m6woyh7] {
    display: flex;
    gap: 0.25rem;
}

.action-buttons .btn[b-5b2m6woyh7] {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Badge Styling */
.badge[b-5b2m6woyh7] {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
    font-weight: 500;
}

.badge.bg-info[b-5b2m6woyh7] {
    background-color: #0dcaf0 !important;
    color: #000;
}

.badge.bg-success[b-5b2m6woyh7] {
    background-color: #198754 !important;
    color: white;
}

.badge.bg-secondary[b-5b2m6woyh7] {
    background-color: #6c757d !important;
    color: white;
}

.badge.bg-primary[b-5b2m6woyh7] {
    background-color: #0d6efd !important;
    color: white;
}

/* Empty State */
.empty-state[b-5b2m6woyh7] {
    padding: 3rem 2rem;
}

.empty-state i[b-5b2m6woyh7] {
    opacity: 0.5;
}

.empty-state h4[b-5b2m6woyh7] {
    margin-top: 1rem;
    font-weight: 600;
}

.empty-state p[b-5b2m6woyh7] {
    max-width: 400px;
    margin: 1rem auto;
    line-height: 1.5;
}

/* Loading State */
.spinner-border[b-5b2m6woyh7] {
    width: 3rem;
    height: 3rem;
}

/* Button Styling */
.btn[b-5b2m6woyh7] {
    border-radius: 0.375rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.btn-primary[b-5b2m6woyh7] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover[b-5b2m6woyh7] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
    transform: translateY(-1px);
}

.btn-outline-secondary[b-5b2m6woyh7] {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover[b-5b2m6woyh7] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}

.btn-outline-primary[b-5b2m6woyh7] {
    color: #0d6efd;
    border-color: #0d6efd;
}

.btn-outline-primary:hover[b-5b2m6woyh7] {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.btn-outline-info[b-5b2m6woyh7] {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-info:hover[b-5b2m6woyh7] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    color: #000;
}

.btn-outline-danger[b-5b2m6woyh7] {
    color: #dc3545;
    border-color: #dc3545;
}

.btn-outline-danger:hover[b-5b2m6woyh7] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

/* SyncFusion Grid Overrides */
[b-5b2m6woyh7] .e-grid {
    border: none;
    font-family: inherit;
}

[b-5b2m6woyh7] .e-grid .e-gridheader {
    background: #f8f9fa;
    border-bottom: 2px solid #e9ecef;
}

[b-5b2m6woyh7] .e-grid .e-headercell {
    font-weight: 600;
    color: #495057;
    border-right: 1px solid #e9ecef;
}

[b-5b2m6woyh7] .e-grid .e-row {
    border-bottom: 1px solid #f1f3f4;
}

[b-5b2m6woyh7] .e-grid .e-row:hover {
    background-color: #f8f9fa;
}

[b-5b2m6woyh7] .e-grid .e-rowcell {
    border-right: 1px solid #f1f3f4;
    padding: 0.75rem;
}

[b-5b2m6woyh7] .e-grid .e-altrow {
    background-color: #fafbfc;
}

[b-5b2m6woyh7] .e-grid .e-selectionbackground {
    background-color: #e7f3ff !important;
}

/* Responsive Design */
@media (max-width: 768px) {
    .transformation-rule-management[b-5b2m6woyh7] {
        padding: 1rem;
    }

    .page-title[b-5b2m6woyh7] {
        font-size: 1.5rem;
    }

    .stat-card[b-5b2m6woyh7] {
        padding: 1rem;
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
    }

    .stat-icon[b-5b2m6woyh7] {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
    }

    .stat-content h3[b-5b2m6woyh7] {
        font-size: 1.5rem;
    }

    .filters-section .row[b-5b2m6woyh7] {
        gap: 1rem;
    }

    .filters-section .col-md-4[b-5b2m6woyh7],
    .filters-section .col-md-2[b-5b2m6woyh7] {
        margin-bottom: 0.5rem;
    }

    .action-buttons[b-5b2m6woyh7] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .action-buttons .btn[b-5b2m6woyh7] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .page-header .row[b-5b2m6woyh7] {
        gap: 1rem;
    }

    .page-header .col-auto[b-5b2m6woyh7] {
        width: 100%;
    }

    .page-header .btn[b-5b2m6woyh7] {
        width: 100%;
        justify-content: center;
    }

    .statistics-section .row[b-5b2m6woyh7] {
        gap: 1rem;
    }

    .empty-state[b-5b2m6woyh7] {
        padding: 2rem 1rem;
    }

    .empty-state .btn[b-5b2m6woyh7] {
        width: 100%;
        justify-content: center;
    }
}

/* Animation Effects */
.stat-card[b-5b2m6woyh7] {
    animation: slideInUp-b-5b2m6woyh7 0.3s ease-out;
}

@keyframes slideInUp-b-5b2m6woyh7 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filters-section .card[b-5b2m6woyh7],
.rules-grid-section .card[b-5b2m6woyh7] {
    animation: slideInUp-b-5b2m6woyh7 0.4s ease-out;
}

/* Focus States */
.btn:focus[b-5b2m6woyh7] {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

.form-control:focus[b-5b2m6woyh7],
.form-select:focus[b-5b2m6woyh7] {
    outline: none;
}

/* Text Colors */
.text-success[b-5b2m6woyh7] {
    color: #198754 !important;
}

.text-warning[b-5b2m6woyh7] {
    color: #ffc107 !important;
}

.text-danger[b-5b2m6woyh7] {
    color: #dc3545 !important;
}

.text-info[b-5b2m6woyh7] {
    color: #0dcaf0 !important;
}

.text-muted[b-5b2m6woyh7] {
    color: #6c757d !important;
}

/* Icon Improvements */
.bi[b-5b2m6woyh7] {
    font-size: 1rem;
}

.stat-icon .bi[b-5b2m6woyh7] {
    font-size: 1.5rem;
}

.page-title .bi[b-5b2m6woyh7] {
    font-size: 1.75rem;
}

/* Card Improvements */
.card[b-5b2m6woyh7] {
    border-radius: 0.5rem;
    overflow: hidden;
}

.card-header[b-5b2m6woyh7] {
    border-bottom: 1px solid #e9ecef;
}

/* Grid Improvements */
[b-5b2m6woyh7] .e-grid .e-pager {
    background: #f8f9fa;
    border-top: 1px solid #e9ecef;
    padding: 1rem;
}

[b-5b2m6woyh7] .e-grid .e-pager .e-pagercontainer {
    background: transparent;
}

/* Loading Improvements */
.spinner-border[b-5b2m6woyh7] {
    color: #0d6efd;
}

/* Hover Effects */
.stat-card:hover .stat-icon[b-5b2m6woyh7] {
    background: #e7f3ff;
    color: #0b5ed7;
}

.btn:hover[b-5b2m6woyh7] {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Selection Improvements */
[b-5b2m6woyh7] .e-grid .e-selectionbackground {
    border: 2px solid #0d6efd;
}

/* Spacing Improvements */
.mb-4[b-5b2m6woyh7] {
    margin-bottom: 1.5rem !important;
}

.mt-2[b-5b2m6woyh7] {
    margin-top: 0.5rem !important;
}

.mt-3[b-5b2m6woyh7] {
    margin-top: 1rem !important;
}

.me-1[b-5b2m6woyh7] {
    margin-right: 0.25rem !important;
}

.me-2[b-5b2m6woyh7] {
    margin-right: 0.5rem !important;
}
/* /Components/Pages/FieldMapping/TransformationRuleSelector.razor.rz.scp.css */
.transformation-rule-selector[b-m3sfg48q14] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    border: 1px solid #dee2e6;
}

.selector-header h6[b-m3sfg48q14] {
    margin: 0;
    font-weight: 600;
    color: #495057;
}

.field-mapping-info .alert[b-m3sfg48q14] {
    margin-bottom: 0;
    padding: 0.75rem;
    font-size: 0.875rem;
}

.selector-filters[b-m3sfg48q14] {
    background: #f8f9fa;
    border-radius: 0.25rem;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
}

.transformation-rules-list[b-m3sfg48q14] {
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    background: #fafafa;
}

.rules-container[b-m3sfg48q14] {
    padding: 0.5rem;
}

.transformation-rule-item[b-m3sfg48q14] {
    background: white;
    border: 1px solid #e9ecef;
    border-radius: 0.25rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

.transformation-rule-item:hover[b-m3sfg48q14] {
    border-color: #0d6efd;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.1);
    transform: translateY(-1px);
}

.transformation-rule-item.selected[b-m3sfg48q14] {
    border-color: #0d6efd;
    background: #f0f8ff;
    box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}

.rule-header[b-m3sfg48q14] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.5rem;
}

.rule-title[b-m3sfg48q14] {
    flex: 1;
}

.rule-title strong[b-m3sfg48q14] {
    color: #495057;
    font-size: 0.95rem;
}

.rule-type[b-m3sfg48q14] {
    text-align: right;
    min-width: 120px;
}

.rule-description[b-m3sfg48q14] {
    margin-bottom: 0.5rem;
    color: #6c757d;
    font-size: 0.85rem;
    line-height: 1.4;
}

.rule-metadata[b-m3sfg48q14] {
    margin-bottom: 0.5rem;
}

.rule-metadata small[b-m3sfg48q14] {
    font-size: 0.75rem;
}

.rule-config-indicator[b-m3sfg48q14] {
    text-align: right;
}

.rule-config-indicator small[b-m3sfg48q14] {
    font-size: 0.75rem;
}

.badge[b-m3sfg48q14] {
    font-size: 0.7rem;
    padding: 0.25rem 0.5rem;
}

.badge.bg-success[b-m3sfg48q14] {
    background-color: #198754 !important;
}

.badge.bg-primary[b-m3sfg48q14] {
    background-color: #0d6efd !important;
}

.badge.bg-secondary[b-m3sfg48q14] {
    background-color: #6c757d !important;
}

.empty-state[b-m3sfg48q14] {
    background: white;
    border-radius: 0.25rem;
    padding: 2rem;
}

.empty-state i[b-m3sfg48q14] {
    opacity: 0.5;
}

.selected-transformation-preview .card[b-m3sfg48q14] {
    border: 1px solid #0d6efd;
    box-shadow: 0 2px 4px rgba(13, 110, 253, 0.1);
}

.selected-transformation-preview .card-header[b-m3sfg48q14] {
    background: #f0f8ff;
    border-bottom: 1px solid #0d6efd;
}

.selected-transformation-preview .card-header h6[b-m3sfg48q14] {
    margin: 0;
    color: #0d6efd;
    font-weight: 600;
}

.configuration-section[b-m3sfg48q14] {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 0.25rem;
    padding: 0.75rem;
    margin-bottom: 1rem;
}

.configuration-section h6[b-m3sfg48q14] {
    margin: 0 0 0.5rem 0;
    color: #856404;
    font-size: 0.875rem;
}

.transformation-actions[b-m3sfg48q14] {
    display: flex;
    gap: 0.5rem;
}

.selector-actions[b-m3sfg48q14] {
    border-top: 1px solid #e9ecef;
    padding-top: 1rem;
}

/* Form controls */
.form-control[b-m3sfg48q14], .form-select[b-m3sfg48q14] {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-size: 0.875rem;
}

.form-control:focus[b-m3sfg48q14], .form-select:focus[b-m3sfg48q14] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.input-group-text[b-m3sfg48q14] {
    background: #f8f9fa;
    border-color: #ced4da;
    color: #6c757d;
}

.form-check-input[b-m3sfg48q14] {
    margin-top: 0.125rem;
}

.form-check-label[b-m3sfg48q14] {
    font-size: 0.875rem;
    color: #495057;
}

/* Button styling */
.btn[b-m3sfg48q14] {
    border-radius: 0.25rem;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.btn-sm[b-m3sfg48q14] {
    padding: 0.25rem 0.75rem;
    font-size: 0.8rem;
}

.btn-primary[b-m3sfg48q14] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-primary:hover[b-m3sfg48q14] {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-outline-secondary[b-m3sfg48q14] {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-secondary:hover[b-m3sfg48q14] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: white;
}

.btn-outline-info[b-m3sfg48q14] {
    color: #0dcaf0;
    border-color: #0dcaf0;
}

.btn-outline-info:hover[b-m3sfg48q14] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    color: #000;
}

/* Loading state */
.spinner-border-sm[b-m3sfg48q14] {
    width: 1rem;
    height: 1rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .transformation-rule-selector[b-m3sfg48q14] {
        padding: 0.75rem;
    }

    .rule-header[b-m3sfg48q14] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }

    .rule-type[b-m3sfg48q14] {
        text-align: left;
        min-width: auto;
    }

    .selector-filters .row[b-m3sfg48q14] {
        gap: 0.5rem;
    }

    .transformation-actions[b-m3sfg48q14] {
        flex-direction: column;
        gap: 0.25rem;
    }

    .transformation-actions .btn[b-m3sfg48q14] {
        width: 100%;
        justify-content: center;
    }

    .selector-actions .d-flex[b-m3sfg48q14] {
        flex-direction: column;
        gap: 1rem;
    }

    .selector-actions .d-flex > div[b-m3sfg48q14] {
        display: flex;
        gap: 0.5rem;
    }

    .selector-actions .btn[b-m3sfg48q14] {
        flex: 1;
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .field-mapping-info .row[b-m3sfg48q14] {
        gap: 0.5rem;
    }

    .field-mapping-info .col-md-6[b-m3sfg48q14] {
        margin-bottom: 0.5rem;
    }

    .badge[b-m3sfg48q14] {
        font-size: 0.65rem;
        padding: 0.2rem 0.4rem;
    }

    .rule-metadata .row[b-m3sfg48q14] {
        gap: 0.25rem;
    }

    .rule-metadata .col-md-6[b-m3sfg48q14] {
        margin-bottom: 0.25rem;
    }
}

/* Animation effects */
.transformation-rule-item[b-m3sfg48q14] {
    animation: slideInUp-b-m3sfg48q14 0.2s ease-out;
}

@keyframes slideInUp-b-m3sfg48q14 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hover effects */
.transformation-rule-item:hover .rule-title strong[b-m3sfg48q14] {
    color: #0d6efd;
}

.selected-transformation-preview[b-m3sfg48q14] {
    animation: slideInUp-b-m3sfg48q14 0.3s ease-out;
}

/* Scrollbar styling */
.rules-container[b-m3sfg48q14]::-webkit-scrollbar {
    width: 6px;
}

.rules-container[b-m3sfg48q14]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.rules-container[b-m3sfg48q14]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.rules-container[b-m3sfg48q14]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Focus states */
.transformation-rule-item:focus[b-m3sfg48q14] {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* Badge improvements */
.badge.bg-success[b-m3sfg48q14] {
    color: white;
}

.badge.bg-primary[b-m3sfg48q14] {
    color: white;
}

.badge.bg-secondary[b-m3sfg48q14] {
    color: white;
}

/* Card improvements */
.selected-transformation-preview .card-body[b-m3sfg48q14] {
    padding: 1rem;
}

.selected-transformation-preview .card-text[b-m3sfg48q14] {
    margin-bottom: 1rem;
    color: #495057;
    line-height: 1.5;
}

/* Alert improvements */
.field-mapping-info .alert-info[b-m3sfg48q14] {
    background-color: #e7f3ff;
    border-color: #b8daff;
    color: #004085;
}

/* Configuration section improvements */
.configuration-section p[b-m3sfg48q14] {
    margin: 0;
    line-height: 1.4;
}

/* Input group improvements */
.input-group-sm .input-group-text[b-m3sfg48q14] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

.input-group-sm .form-control[b-m3sfg48q14] {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
}

/* Disabled state */
.btn:disabled[b-m3sfg48q14] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Text color improvements */
.text-info[b-m3sfg48q14] {
    color: #0dcaf0 !important;
}

.text-warning[b-m3sfg48q14] {
    color: #ffc107 !important;
}
/* /Components/Pages/FieldMapping/ValidationDisplay.razor.rz.scp.css */
.validation-display[b-q2lhzmzqc2] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    padding: 1rem;
}

.validation-summary[b-q2lhzmzqc2] {
    background: white;
    border-radius: 0.25rem;
    padding: 0.75rem;
    border: 1px solid #e9ecef;
}

.validation-stats[b-q2lhzmzqc2] {
    font-size: 0.875rem;
}

.validation-filters .btn-group[b-q2lhzmzqc2] {
    width: 100%;
}

.validation-filters .btn[b-q2lhzmzqc2] {
    flex: 1;
}

.validation-section[b-q2lhzmzqc2] {
    margin-bottom: 1rem;
}

.validation-section h6[b-q2lhzmzqc2] {
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.alert-sm[b-q2lhzmzqc2] {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.alert-sm:last-child[b-q2lhzmzqc2] {
    margin-bottom: 0;
}

.validation-messages[b-q2lhzmzqc2] {
    max-height: 400px;
    overflow-y: auto;
}

.validation-messages[b-q2lhzmzqc2]::-webkit-scrollbar {
    width: 6px;
}

.validation-messages[b-q2lhzmzqc2]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.validation-messages[b-q2lhzmzqc2]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.validation-messages[b-q2lhzmzqc2]::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

.progress[b-q2lhzmzqc2] {
    height: 8px;
}

.btn-check:checked + .btn-outline-danger[b-q2lhzmzqc2] {
    background-color: #dc3545;
    border-color: #dc3545;
    color: white;
}

.btn-check:checked + .btn-outline-warning[b-q2lhzmzqc2] {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
}

.btn-check:checked + .btn-outline-info[b-q2lhzmzqc2] {
    background-color: #0dcaf0;
    border-color: #0dcaf0;
    color: #212529;
}

.btn-check:checked + .btn-outline-success[b-q2lhzmzqc2] {
    background-color: #198754;
    border-color: #198754;
    color: white;
}

/* Animation for new messages */
.alert-sm[b-q2lhzmzqc2] {
    animation: slideIn-b-q2lhzmzqc2 0.3s ease-out;
}

@keyframes slideIn-b-q2lhzmzqc2 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .validation-filters .btn-group[b-q2lhzmzqc2] {
        flex-direction: column;
    }
    
    .validation-filters .btn[b-q2lhzmzqc2] {
        margin-bottom: 0.25rem;
    }
    
    .validation-display[b-q2lhzmzqc2] {
        padding: 0.75rem;
    }
    
    .validation-summary[b-q2lhzmzqc2] {
        padding: 0.5rem;
    }
}
/* /Components/Shared/Calendar/AppointmentCalendar.razor.rz.scp.css */
.calendar-container[b-nckunnada1] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.calendar-header[b-nckunnada1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
}

.calendar-title h2[b-nckunnada1] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
}

.calendar-navigation[b-nckunnada1] {
    display: flex;
    align-items: center;
}

.calendar-view-selector[b-nckunnada1] {
    display: flex;
    align-items: center;
}

.calendar-body[b-nckunnada1] {
    flex: 1;
    overflow: auto;
    position: relative;
}

.calendar-context-menu[b-nckunnada1] {
    position: fixed;
    z-index: 1000;
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    min-width: 200px;
    max-width: 300px;
}

.context-menu-header[b-nckunnada1] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e9ecef;
    font-weight: 500;
}

.context-menu-item[b-nckunnada1] {
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.context-menu-item:hover[b-nckunnada1] {
    background-color: #f8f9fa;
}

.context-menu-divider[b-nckunnada1] {
    height: 1px;
    margin: 0.5rem 0;
    background-color: #e9ecef;
}

.modal-backdrop[b-nckunnada1] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
}
/* /Components/Shared/Calendar/DayView.razor.rz.scp.css */
.day-view-container[b-mgfppt4m11] {
    display: flex;
    height: 100%;
    width: 100%;
}

.time-column[b-mgfppt4m11] {
    width: 80px;
    border-right: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
}

.time-slot-label[b-mgfppt4m11] {
    height: 60px;
    padding: 0.25rem;
    text-align: right;
    font-size: 0.8rem;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
}

.day-grid[b-mgfppt4m11] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.day-header[b-mgfppt4m11] {
    padding: 1rem;
    text-align: center;
    border-bottom: 1px solid #e9ecef;
}

.day-name[b-mgfppt4m11] {
    font-weight: 500;
    font-size: 1.2rem;
}

.day-date[b-mgfppt4m11] {
    font-size: 0.9rem;
    color: #6c757d;
}

.today[b-mgfppt4m11] {
    background-color: #e9f5ff;
}

.today .day-name[b-mgfppt4m11] {
    color: #007bff;
    font-weight: 700;
}

.day-body[b-mgfppt4m11] {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.time-slot[b-mgfppt4m11] {
    height: 60px;
    border-bottom: 1px solid #e9ecef;
    position: relative;
    padding: 0.25rem;
}

.appointment-block[b-mgfppt4m11] {
    position: absolute;
    left: 2px;
    right: 2px;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.9rem;
    cursor: move;
    z-index: 10;
    overflow: hidden;
}

.appointment-time[b-mgfppt4m11] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.appointment-client[b-mgfppt4m11] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.appointment-location[b-mgfppt4m11] {
    margin-bottom: 0.25rem;
}

.appointment-employee[b-mgfppt4m11] {
    font-style: italic;
}

.appointment-notes[b-mgfppt4m11] {
    margin-top: 0.5rem;
    font-size: 0.8rem;
    opacity: 0.9;
}

.appointment-block:hover[b-mgfppt4m11] {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* /Components/Shared/Calendar/MonthView.razor.rz.scp.css */
.month-view-container[b-lcpg53i1sk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.month-header[b-lcpg53i1sk] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #e9ecef;
}

.day-header[b-lcpg53i1sk] {
    padding: 0.5rem;
    text-align: center;
    font-weight: 500;
    color: #495057;
}

.month-grid[b-lcpg53i1sk] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 1fr);
    flex: 1;
}

.day-cell[b-lcpg53i1sk] {
    border: 1px solid #e9ecef;
    padding: 0.5rem;
    min-height: 100px;
    position: relative;
}

.day-number[b-lcpg53i1sk] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.current-month[b-lcpg53i1sk] {
    background-color: #fff;
}

.other-month[b-lcpg53i1sk] {
    background-color: #f8f9fa;
    color: #adb5bd;
}

.today[b-lcpg53i1sk] {
    background-color: #e9f5ff;
}

.today .day-number[b-lcpg53i1sk] {
    color: #007bff;
    font-weight: 700;
}

.day-appointments[b-lcpg53i1sk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.appointment-indicator[b-lcpg53i1sk] {
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.appointment-time[b-lcpg53i1sk] {
    margin-right: 0.5rem;
    font-weight: 500;
}

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

.more-appointments[b-lcpg53i1sk] {
    font-size: 0.8rem;
    color: #6c757d;
    cursor: pointer;
    text-align: center;
    padding: 0.25rem;
}

.more-appointments:hover[b-lcpg53i1sk] {
    background-color: #f8f9fa;
    border-radius: 4px;
}
/* /Components/Shared/Calendar/WeekView.razor.rz.scp.css */
.week-view-container[b-6wqinfpzis] {
    display: flex;
    height: 100%;
    width: 100%;
}

.time-column[b-6wqinfpzis] {
    width: 80px;
    border-right: 1px solid #e9ecef;
    display: flex;
    flex-direction: column;
}

.time-slot-label[b-6wqinfpzis] {
    height: 60px;
    padding: 0.25rem;
    text-align: right;
    font-size: 0.8rem;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
}

.week-grid[b-6wqinfpzis] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.week-header[b-6wqinfpzis] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #e9ecef;
}

.day-header[b-6wqinfpzis] {
    padding: 0.5rem;
    text-align: center;
    border-right: 1px solid #e9ecef;
}

.day-header:last-child[b-6wqinfpzis] {
    border-right: none;
}

.day-name[b-6wqinfpzis] {
    font-weight: 500;
}

.day-date[b-6wqinfpzis] {
    font-size: 0.8rem;
    color: #6c757d;
}

.today[b-6wqinfpzis] {
    background-color: #e9f5ff;
}

.today .day-name[b-6wqinfpzis] {
    color: #007bff;
    font-weight: 700;
}

.week-body[b-6wqinfpzis] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    overflow-y: auto;
}

.day-column[b-6wqinfpzis] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e9ecef;
}

.day-column:last-child[b-6wqinfpzis] {
    border-right: none;
}

.time-slot[b-6wqinfpzis] {
    height: 60px;
    border-bottom: 1px solid #e9ecef;
    position: relative;
    padding: 0.25rem;
}

.appointment-block[b-6wqinfpzis] {
    position: absolute;
    left: 2px;
    right: 2px;
    background-color: #007bff;
    color: white;
    border-radius: 4px;
    padding: 0.25rem;
    font-size: 0.8rem;
    cursor: move;
    z-index: 10;
    overflow: hidden;
}

.appointment-time[b-6wqinfpzis] {
    font-weight: 500;
    margin-bottom: 0.25rem;
}

.appointment-client[b-6wqinfpzis] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appointment-location[b-6wqinfpzis] {
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.appointment-block:hover[b-6wqinfpzis] {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
/* /Components/Shared/CalendarDateBadge.razor.rz.scp.css */
/* Calendar Date Badge Component */

.calendar-badge[b-cc21y6vyzj] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #1A1A1A;
    border: 2px solid #39FF14;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.2s ease-in-out;
}

.calendar-badge:hover[b-cc21y6vyzj] {
    border-color: #B87333;
    box-shadow: 0 4px 8px rgba(57, 255, 20, 0.2);
    transform: translateY(-2px);
}

.calendar-badge-day[b-cc21y6vyzj] {
    font-size: 0.75rem;
    color: #39FF14;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-bottom: 2px;
}

.calendar-badge-date[b-cc21y6vyzj] {
    font-size: 1.25rem;
    color: #B87333;
    line-height: 1;
}

/* Responsive adjustments */
@media (max-width: 576px) {
    .calendar-badge[b-cc21y6vyzj] {
        width: 45px;
        height: 45px;
        padding: 3px;
    }

    .calendar-badge-day[b-cc21y6vyzj] {
        font-size: 0.7rem;
    }

    .calendar-badge-date[b-cc21y6vyzj] {
        font-size: 1.1rem;
    }
}