@import '_content/Fontys.Components/Fontys.Components.gh5o0awwec.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.wuc5ioiakb.bundle.scp.css';

/* /Components/EmployeeCard.razor.rz.scp.css */
.employee-card[b-s3fani9yq7] {
    padding: 16px;
    position: relative;
    background-color: var(--neutral-layer-2);
}

.employee-item[b-s3fani9yq7] {
    padding: 8px;
    background-color: var(--neutral-layer-1);
    border-radius: 4px;
    border-left: 3px solid var(--accent-fill-rest);
}

.clickable-item[b-s3fani9yq7] {
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.clickable-item:hover[b-s3fani9yq7] {
    background-color: var(--neutral-layer-2);
    transform: translateX(4px);
}
/* /Components/SignatureDialog.razor.rz.scp.css */
.signature-pad-wrapper[b-ktg1bpsixc] {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 4px;
    background-color: var(--neutral-layer-1);
}

.signature-canvas[b-ktg1bpsixc] {
    display: block;
    width: 100%;
    height: 300px;
    touch-action: none;
    cursor: crosshair;
}

.signature-message[b-ktg1bpsixc] {
    margin-top: 12px;
    text-align: center;
    justify-content: center;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-xtecwqdy6g] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.fontysMenu[b-xtecwqdy6g] {
    z-index: 1;
}

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

@media (min-width: 641px) {
    .page[b-xtecwqdy6g] {
        flex-direction: row;
    }
}
/* /Pages/Declaration.razor.rz.scp.css */
.declaration-container[b-0kkb2m81zy] {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
}

.form-section[b-0kkb2m81zy] {
    margin: 24px 0;
}

.netiquette-message[b-0kkb2m81zy] {
    margin: 24px 0;
}

.signatures-grid[b-0kkb2m81zy] {
    margin: 24px 0;
}

.signature-card[b-0kkb2m81zy] {
    padding: 16px;
    height: 100%;
}

.signature-section[b-0kkb2m81zy] {
    margin-top: 16px;
}

.signature-image[b-0kkb2m81zy] {
    display: block;
    width: 240px;
    max-width: 100%;
    margin-top: 8px;
    border: 1px solid var(--neutral-stroke-divider-rest);
    border-radius: 4px;
}

mark[b-0kkb2m81zy] {
    background-color: #fff3cd;
    color: #856404;
    padding: 2px 8px;
    border-radius: 3px;
    font-weight: 600;
    border: 1px solid #ffc107;
}

.success-toast[b-0kkb2m81zy] {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    animation: slideIn-b-0kkb2m81zy 0.3s ease-out;
}

@keyframes slideIn-b-0kkb2m81zy {
    from {
        transform: translateX(400px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-container[b-anofs51nb4] {
    max-width: 800px;
    margin: 0 auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.search-card[b-anofs51nb4] {
    padding: 20px;
}

.loading-card[b-anofs51nb4] {
    padding: 20px;
    background-color: var(--neutral-layer-2);
}

.pcn-badge[b-anofs51nb4] {
    position: absolute;
    top: 12px;
    right: 12px;
}

.inventory-result-card[b-anofs51nb4] {
    padding: 20px;
    position: relative;
    background-color: var(--neutral-layer-1);
    border: 1px solid var(--neutral-stroke-divider-rest);
}

.inventory-badge[b-anofs51nb4] {
    position: absolute;
    top: 12px;
    right: 12px;
}

.section-container[b-anofs51nb4] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.items-list[b-anofs51nb4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background-color: var(--neutral-layer-2);
    border-radius: 4px;
}

.item-card[b-anofs51nb4] {
    padding: 16px;
    cursor: pointer;
    transition: background-color 0.2s ease;
    position: relative;
}

.item-card:hover[b-anofs51nb4] {
    background-color: var(--neutral-layer-3);
}

.item-card.highlighted[b-anofs51nb4] {
    border-left: 4px solid var(--accent-fill-rest);
    background-color: var(--accent-fill-subtle);
}

.call-badge[b-anofs51nb4] {
    position: absolute;
    top: 12px;
    right: 12px;
}