/* _content/IBG-Portal/Components/Account.razor.rz.scp.css */
.account[b-5h8fb46vkj] {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.5rem; /* Matches header .link padding */
    background: #003087; /* Solid dark blue from header gradient start */
    border-radius: 8px; /* Matches header .link */
    font-family: 'Arial', sans-serif;
    font-size: 1.1rem; /* Matches header .email and .link */
    font-weight: 500; /* Matches header .email */
    color: #ffd700; /* Gold text to match header .link */
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease; /* Matches header transitions */
}

    .account:hover[b-5h8fb46vkj] {
        background: rgba(255, 255, 255, 0.15); /* Matches header .link:hover */
        transform: translateY(-2px); /* Matches header .link:hover */
    }

.email[b-5h8fb46vkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Consistent spacing */
    color: #ffd700; /* Gold to match header .email */
    text-decoration: none; /* Remove underline */
}

    .email i[b-5h8fb46vkj] {
        font-size: 0.9rem; /* Slightly smaller for balance */
        color: #ffd700; /* Gold to match header .email i */
        margin-right: 0.5rem; /* Matches header .email i */
    }

.submenu[b-5h8fb46vkj] {
    display: none;
    position: absolute;
    top: 100%; /* Position below account element */
    left: 0;
    background: #002b6e; /* Darker blue for contrast, no white or gradient */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Matches header shadow */
    border-radius: 8px; /* Matches header .link */
    padding: 0.5rem 0; /* Compact vertical padding */
    width: 200px; /* Fixed width for consistency */
    z-index: 1000; /* Ensure submenu appears above other elements */
    font-family: 'Arial', sans-serif;
}

    .account:hover .submenu[b-5h8fb46vkj], .submenu:hover[b-5h8fb46vkj] {
        display: block;
    }

.link[b-5h8fb46vkj] {
    display: flex;
    align-items: center;
    gap: 0.5rem; /* Consistent spacing */
    padding: 0.5rem 1rem; /* Compact padding */
    color: #ffd700; /* Gold to match header .link and .email */
    font-size: 1.1rem; /* Matches header .link */
    font-weight: 500; /* Matches header .link */
    text-decoration: none; /* Remove underline */
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease; /* Matches header .link */
}

    .link:hover[b-5h8fb46vkj] {
        background: rgba(255, 255, 255, 0.15); /* Matches header .link:hover */
        color: #fff; /* White on hover to match header .link:hover */
        transform: translateY(-2px); /* Matches header .link:hover */
    }

    .link i[b-5h8fb46vkj] {
        font-size: 0.9rem; /* Smaller icon for balance */
        color: #ffd700; /* Gold to match header .link */
        margin-left: 0.5rem; /* Matches header .link i */
    }
/* _content/IBG-Portal/Components/AdministrationEditor.razor.rz.scp.css */
.dialog-backdrop[b-yebl5p0t32] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-yebl5p0t32] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    width: 100%;
    position: relative;
}

.dialog p.title[b-yebl5p0t32] {
    font-size: 1.6rem; /* Prominent size */
    font-weight: 700; /* Bold for professionalism */
    color: #003087; /* Matches table accents and header gradient */
    margin: 0 0 1rem; /* Space below title */
    font-family: 'Arial', sans-serif; /* Consistent typography */
    text-transform: capitalize; /* Refined look */
    letter-spacing: 0.02em; /* Subtle spacing */
}

h2[b-yebl5p0t32] {
    margin-top: 0;
    font-size: 1.5em;
}

h3[b-yebl5p0t32] {
    color: #0078d4; 
}

label[b-yebl5p0t32] {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

[b-yebl5p0t32] input.item-name, [b-yebl5p0t32] textarea.item-notes, [b-yebl5p0t32] select.item-selector, [b-yebl5p0t32] input.item-file {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    font-family: inherit;
    background-color: white;
    color: #333;
}

[b-yebl5p0t32] textarea.item-notes {
    resize: vertical;
    height: 100px;
}

[b-yebl5p0t32] select.item-selector {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,10" fill="%23333"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

    [b-yebl5p0t32] select.item-selector:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
    }

[b-yebl5p0t32] input.item-file {
    cursor: pointer;
    padding: 8px 8px 8px 0;
}

    [b-yebl5p0t32] input.item-file:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 0, 80, 0.3);
    }

.button-container[b-yebl5p0t32] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.button-container-right[b-yebl5p0t32] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.save-button[b-yebl5p0t32], .cancel-button[b-yebl5p0t32], .ok-button[b-yebl5p0t32] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-button[b-yebl5p0t32], .ok-button[b-yebl5p0t32] {
    background-color: #4CAF50;
    color: white;
}

.cancel-button[b-yebl5p0t32] {
    background-color: #f44336;
    color: white;
}

p.error[b-yebl5p0t32] {
    color: red;
}

.save-button:hover[b-yebl5p0t32], .cancel-button:hover[b-yebl5p0t32], .ok-button[b-yebl5p0t32] {
    opacity: 0.9;
}

.close-button[b-yebl5p0t32] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #333;
    padding: 5px;
}

    .close-button:hover[b-yebl5p0t32] {
        color: #f44336;
    }

.data-table[b-yebl5p0t32] {
    width: 100%;
    border-collapse: collapse;
    background: #fff; /* White background for contrast */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Softened corners */
    overflow: visible; /* Ensure submenu isn't clipped */
    margin-bottom: 2rem; /* Space below table */
    font-family: 'Arial', sans-serif; /* Match MainLayout typography */
}

    .data-table thead[b-yebl5p0t32] {
        background: #e9ecef; /* Light gray header */
        color: #4b5e6f; /* Muted text */
    }

    .data-table th[b-yebl5p0t32], .data-table td[b-yebl5p0t32] {
        padding: 1rem; /* Comfortable padding */
        text-align: left; /* Left-align for readability */
        font-size: 1rem; /* Consistent typography */
        border: none; /* Remove borders for clean look */
    }

    .data-table th[b-yebl5p0t32] {
        font-weight: 700; /* Bold headers */
    }

    .data-table td[b-yebl5p0t32] {
        font-weight: 400; /* Regular text */
        border-bottom: 1px solid #e9ecef; /* Subtle row separator */
    }

    .data-table tbody tr:nth-child(even)[b-yebl5p0t32] {
        background: #f3f4fb; /* Fallback color */
    }

    .data-table tbody tr:hover[b-yebl5p0t32] {
        background: #f1f5f9; /* Hover effect */
        transition: background 0.2s ease; /* Smooth hover */
    }

    /* First column fixed at 40% */
    .data-table th:first-child[b-yebl5p0t32], .data-table td:first-child[b-yebl5p0t32] {
        width: 40%;
    }

    /* Last column (actions-cell) fixed at 5% */
    .data-table th:last-child[b-yebl5p0t32], .data-table td:last-child[b-yebl5p0t32] {
        width: 5%;
        text-align: center; /* Center three dots */
    }

.actions-cell[b-yebl5p0t32] {
    position: relative;
    text-align: center; /* Center submenu-toggle */
}

.submenu-toggle[b-yebl5p0t32] {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #003087; /* Match MainLayout table accent */
    padding: 5px;
}

    .submenu-toggle:hover[b-yebl5p0t32] {
        color: #0050c8; /* Match MainLayout hover accent */
    }

.submenu[b-yebl5p0t32] {
    position: absolute;
    top: 0; /* Align with submenu-toggle */
    right: 100%; /* Position to the left of toggle */
    margin-right: 5px; /* Small offset for spacing */
    background: #fff; /* Match table background */
    border: 1px solid #e9ecef; /* Match row separator */
    border-radius: 6px; /* Softer corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Match table shadow */
    z-index: 1001; /* Above other elements */
    min-width: 120px;
    display: block; /* Always visible */
}

.submenu-item[b-yebl5p0t32] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 0.9em;
    color: #333;
}

    .submenu-item:hover[b-yebl5p0t32] {
        background: #f1f5f9; /* Match table hover */
    }

    .submenu-item .icon[b-yebl5p0t32] {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        background-size: contain;
        background-repeat: no-repeat;
    }

.edit-option .icon[b-yebl5p0t32] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
}

.delete-option .icon[b-yebl5p0t32] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23f44336" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}

.audit-option .icon[b-yebl5p0t32] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14l-5-5 1.41-1.41L11 13.17V7h2v6.17l2.59-2.58L17 12l-5 5z"/></svg>');
}

.add-button[b-yebl5p0t32] {
  padding: 10px 20px 10px 2.2rem; /* Extra left padding for icon */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23fff" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>'); /* Plus-circle icon */
    background-repeat: no-repeat;
    background-position: left 0.8rem center; /* Position icon left of text */
    background-size: 1.2rem; /* Icon size */
    font-family: 'Arial', sans-serif; /* Match typography */
}

    .add-button:hover[b-yebl5p0t32]{
        opacity: 0.9;
    }

.supplier[b-yebl5p0t32], .block[b-yebl5p0t32] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-header[b-yebl5p0t32] {
    display: flex;
    justify-content: space-between;
}


/* General styling for all checkboxes */
[b-yebl5p0t32] input[type="checkbox"] {
    appearance: none; /* Remove default browser styling */
    width: 20px;
    height: 20px;
    border: 2px solid #333; /* Border color */
    border-radius: 4px; /* Rounded corners */
    background-color: #fff; /* Background color */
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px; /* Space between checkbox and label */
}

/* Styling for checked state */
[b-yebl5p0t32] input[type="checkbox"]:checked {
    background-color: #007bff; /* Background color when checked */
    border-color: #007bff; /* Border color when checked */
}

/* Add a checkmark when checked */
[b-yebl5p0t32] input[type="checkbox"]:checked::after {
    content: "✔";
    color: #fff; /* Checkmark color */
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Hover effect */
[b-yebl5p0t32] input[type="checkbox"]:hover {
    border-color: #007bff; /* Border color on hover */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); /* Subtle glow */
}

/* Focus effect for accessibility */
[b-yebl5p0t32] input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2); /* Focus ring */
}

.square-colour[b-yebl5p0t32] {
    width: 20px;
    height: 20px;
    border-radius: 4px; /* Rounded corners */
    display: inline-block;
}
.square-colour.red[b-yebl5p0t32] {
    background-color: #f44336; /* Red */
}

.square-colour.green[b-yebl5p0t32] {
    background-color: #4CAF50; /* Green */
}
.square-colour.yellow[b-yebl5p0t32] {
    background-color: #FFEB3B; /* Yellow */
}
.square-colour.black[b-yebl5p0t32] {
    background-color: #000; /* Black */
}


/* Responsive table adjustments */
@media (max-width: 768px) {
    .data-table[b-yebl5p0t32] {
        display: block; /* Enable scrolling */
        overflow-x: auto; /* Horizontal scroll on mobile */
        white-space: nowrap; /* Prevent text wrapping */
    }

    .submenu[b-yebl5p0t32] {
        right: 0; /* Fallback to right on mobile to avoid clipping */
        margin-right: 0;
        margin-left: 5px; /* Offset to the right of toggle */
    }
}
/* _content/IBG-Portal/Components/EntityBrowser.razor.rz.scp.css */
.dialog-backdrop[b-oi3chdrejv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-oi3chdrejv] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 600px;
    width: 100%;
    position: relative;
}

.dialog p.title[b-oi3chdrejv] {
    font-size: 1.6rem; /* Prominent size */
    font-weight: 700; /* Bold for professionalism */
    color: #003087; /* Matches table accents and header gradient */
    margin: 0 0 1rem; /* Space below title */
    font-family: 'Arial', sans-serif; /* Consistent typography */
    text-transform: capitalize; /* Refined look */
    letter-spacing: 0.02em; /* Subtle spacing */
}



h2[b-oi3chdrejv] {
    margin-top: 0;
    font-size: 1.5em;
}

h3[b-oi3chdrejv] {
    color: #0078d4; 
}

label[b-oi3chdrejv] {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

[b-oi3chdrejv] input.item-name, [b-oi3chdrejv] textarea.item-notes, [b-oi3chdrejv] select.item-selector, [b-oi3chdrejv] input.item-file {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    font-family: inherit;
    background-color: white;
    color: #333;
}

[b-oi3chdrejv] textarea.item-notes {
    resize: vertical;
    height: 100px;
}

[b-oi3chdrejv] select.item-selector {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,10" fill="%23333"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

    [b-oi3chdrejv] select.item-selector:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
    }

[b-oi3chdrejv] input.item-file {
    cursor: pointer;
    padding: 8px 8px 8px 0;
}

    [b-oi3chdrejv] input.item-file:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 0, 80, 0.3);
    }

.button-container[b-oi3chdrejv] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.button-container-right[b-oi3chdrejv] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.save-button[b-oi3chdrejv], .cancel-button[b-oi3chdrejv], .ok-button[b-oi3chdrejv] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-button[b-oi3chdrejv], .ok-button[b-oi3chdrejv] {
    background-color: #4CAF50;
    color: white;
}

.cancel-button[b-oi3chdrejv] {
    background-color: #f44336;
    color: white;
}

p.error[b-oi3chdrejv] {
    color: red;
}

.save-button:hover[b-oi3chdrejv], .cancel-button:hover[b-oi3chdrejv], .ok-button[b-oi3chdrejv] {
    opacity: 0.9;
}

.close-button[b-oi3chdrejv] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #333;
    padding: 5px;
}

    .close-button:hover[b-oi3chdrejv] {
        color: #f44336;
    }

.data-table[b-oi3chdrejv] {
    width: 100%;
    border-collapse: collapse;
    background: #fff; /* White background for contrast */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Softened corners */
    overflow: visible; /* Ensure submenu isn't clipped */
    margin-bottom: 2rem; /* Space below table */
    font-family: 'Arial', sans-serif; /* Match MainLayout typography */
}

    .data-table thead[b-oi3chdrejv] {
        background: #e9ecef; /* Light gray header */
        color: #4b5e6f; /* Muted text */
    }

    .data-table th[b-oi3chdrejv], .data-table td[b-oi3chdrejv] {
        padding: 1rem; /* Comfortable padding */
        text-align: left; /* Left-align for readability */
        font-size: 1rem; /* Consistent typography */
        border: none; /* Remove borders for clean look */
    }

    .data-table th[b-oi3chdrejv] {
        font-weight: 700; /* Bold headers */
    }

    .data-table td[b-oi3chdrejv] {
        font-weight: 400; /* Regular text */
        border-bottom: 1px solid #e9ecef; /* Subtle row separator */
    }

    .data-table tbody tr:nth-child(even)[b-oi3chdrejv] {
        background: #f3f4fb; /* Fallback color */
    }

    .data-table tbody tr:hover[b-oi3chdrejv] {
        background: #f1f5f9; /* Hover effect */
        transition: background 0.2s ease; /* Smooth hover */
    }

    /* First column fixed at 40% */
    .data-table th:first-child[b-oi3chdrejv], .data-table td:first-child[b-oi3chdrejv] {
        width: 40%;
    }

    /* Last column (actions-cell) fixed at 5% */
    .data-table th:last-child[b-oi3chdrejv], .data-table td:last-child[b-oi3chdrejv] {
        width: 5%;
        text-align: center; /* Center three dots */
    }

.data-table tbody tr.approved[b-oi3chdrejv] {
    background: rgba(76, 175, 80, 0.1); /* Light green tint */
    transition: background 0.2s ease;
}

.data-table tbody tr.approved:hover[b-oi3chdrejv] {
    background: rgba(76, 175, 80, 0.2); /* Slightly darker green on hover */
}

.data-table tbody tr.not-approved[b-oi3chdrejv] {
    background: rgba(244, 67, 54, 0.1); /* Light red tint */
    transition: background 0.2s ease;
}

.data-table tbody tr.not-approved:hover[b-oi3chdrejv] {
    background: rgba(244, 67, 54, 0.2); /* Slightly darker red on hover */
}


.actions-cell[b-oi3chdrejv] {
    position: relative;
    text-align: center; /* Center submenu-toggle */
}

.submenu-toggle[b-oi3chdrejv] {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #003087; /* Match MainLayout table accent */
    padding: 5px;
}

    .submenu-toggle:hover[b-oi3chdrejv] {
        color: #0050c8; /* Match MainLayout hover accent */
    }

.submenu[b-oi3chdrejv] {
    position: absolute;
    top: 0; /* Align with submenu-toggle */
    right: 100%; /* Position to the left of toggle */
    margin-right: 5px; /* Small offset for spacing */
    background: #fff; /* Match table background */
    border: 1px solid #e9ecef; /* Match row separator */
    border-radius: 6px; /* Softer corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Match table shadow */
    z-index: 1001; /* Above other elements */
    min-width: 120px;
    display: block; /* Always visible */
}

.submenu-item[b-oi3chdrejv] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 0.9em;
    color: #333;
}

    .submenu-item:hover[b-oi3chdrejv] {
        background: #f1f5f9; /* Match table hover */
    }

    .submenu-item .icon[b-oi3chdrejv] {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        background-size: contain;
        background-repeat: no-repeat;
    }

.edit-option .icon[b-oi3chdrejv] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
}

.delete-option .icon[b-oi3chdrejv] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23f44336" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}

.audit-option .icon[b-oi3chdrejv] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14l-5-5 1.41-1.41L11 13.17V7h2v6.17l2.59-2.58L17 12l-5 5z"/></svg>');
}

.add-button[b-oi3chdrejv] {
  padding: 10px 20px 10px 2.2rem; /* Extra left padding for icon */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23fff" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>'); /* Plus-circle icon */
    background-repeat: no-repeat;
    background-position: left 0.8rem center; /* Position icon left of text */
    background-size: 1.2rem; /* Icon size */
    font-family: 'Arial', sans-serif; /* Match typography */
}

    .add-button:hover[b-oi3chdrejv]{
        opacity: 0.9;
    }

.suppliers[b-oi3chdrejv], .block[b-oi3chdrejv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-header[b-oi3chdrejv] {
    display: flex;
    justify-content: end;
}


.entity-link[b-oi3chdrejv]
{
    color: #003087; /* Match MainLayout table accent */
    text-decoration: none; /* Remove underline */
    font-weight: 500; /* Medium weight for readability */
}

    .entity-link:hover[b-oi3chdrejv] {
        color: #0050c8; /* Match MainLayout hover accent */
        text-decoration: underline; /* Underline on hover for clarity */
    }



/* General styling for all checkboxes */
[b-oi3chdrejv] input[type="checkbox"] {
    appearance: none; /* Remove default browser styling */
    width: 20px;
    height: 20px;
    border: 2px solid #333; /* Border color */
    border-radius: 4px; /* Rounded corners */
    background-color: #fff; /* Background color */
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    margin-right: 8px; /* Space between checkbox and label */
}

/* Styling for checked state */
[b-oi3chdrejv] input[type="checkbox"]:checked {
    background-color: #007bff; /* Background color when checked */
    border-color: #007bff; /* Border color when checked */
}

/* Add a checkmark when checked */
[b-oi3chdrejv] input[type="checkbox"]:checked::after {
    content: "✔";
    color: #fff; /* Checkmark color */
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Hover effect */
[b-oi3chdrejv] input[type="checkbox"]:hover {
    border-color: #007bff; /* Border color on hover */
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); /* Subtle glow */
}

/* Focus effect for accessibility */
[b-oi3chdrejv] input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.2); /* Focus ring */
}


/* Responsive table adjustments */
@media (max-width: 768px) {
    .data-table[b-oi3chdrejv] {
        display: block; /* Enable scrolling */
        overflow-x: auto; /* Horizontal scroll on mobile */
        white-space: nowrap; /* Prevent text wrapping */
    }

    .submenu[b-oi3chdrejv] {
        right: 0; /* Fallback to right on mobile to avoid clipping */
        margin-right: 0;
        margin-left: 5px; /* Offset to the right of toggle */
    }
}
/* _content/IBG-Portal/Components/EntityEditor.razor.rz.scp.css */
.dialog-backdrop[b-00c4hykwtp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-00c4hykwtp] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 500px;
    width: 100%;
    position: relative;
}

.dialog p.title[b-00c4hykwtp] {
    font-size: 1.6rem; /* Prominent size */
    font-weight: 700; /* Bold for professionalism */
    color: #003087; /* Matches table accents and header gradient */
    margin: 0 0 1rem; /* Space below title */
    font-family: 'Arial', sans-serif; /* Consistent typography */
    text-transform: capitalize; /* Refined look */
    letter-spacing: 0.02em; /* Subtle spacing */
}





h2[b-00c4hykwtp] {
    margin-top: 0;
    font-size: 1.5em;
}

h3[b-00c4hykwtp] {
    color: #0078d4; 
}

label[b-00c4hykwtp] {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

[b-00c4hykwtp] input.item-name, [b-00c4hykwtp] textarea.item-notes, [b-00c4hykwtp] select.item-selector, [b-00c4hykwtp] input.item-date {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    font-family: inherit;
    background-color: white;
    color: #333;
}

[b-00c4hykwtp] textarea.item-notes {
    resize: vertical;
    height: 100px;
}

[b-00c4hykwtp] select.item-selector {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,10" fill="%23333"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

    [b-00c4hykwtp] select.item-selector:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
    }

[b-00c4hykwtp] input.item-file {
    cursor: pointer;
    padding: 8px 8px 8px 0;
}

    [b-00c4hykwtp] input.item-file:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 0, 80, 0.3);
    }

.button-container[b-00c4hykwtp] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.button-container-right[b-00c4hykwtp] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.save-button[b-00c4hykwtp], .cancel-button[b-00c4hykwtp], .ok-button[b-00c4hykwtp] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-button[b-00c4hykwtp], .ok-button[b-00c4hykwtp] {
    background-color: #4CAF50;
    color: white;
}

.cancel-button[b-00c4hykwtp] {
    background-color: #f44336;
    color: white;
}

p.error[b-00c4hykwtp] {
    color: red;
}

.save-button:hover[b-00c4hykwtp], .cancel-button:hover[b-00c4hykwtp], .ok-button[b-00c4hykwtp] {
    opacity: 0.9;
}

.close-button[b-00c4hykwtp] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #333;
    padding: 5px;
}

    .close-button:hover[b-00c4hykwtp] {
        color: #f44336;
    }

.data-table[b-00c4hykwtp] {
    width: 100%;
    border-collapse: collapse;
    background: #fff; /* White background for contrast */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Softened corners */
    overflow: visible; /* Ensure submenu isn't clipped */
    margin-bottom: 2rem; /* Space below table */
    font-family: 'Arial', sans-serif; /* Match MainLayout typography */
}

    .data-table thead[b-00c4hykwtp] {
        background: #e9ecef; /* Light gray header */
        color: #4b5e6f; /* Muted text */
    }

    .data-table th[b-00c4hykwtp], .data-table td[b-00c4hykwtp] {
        padding: 1rem; /* Comfortable padding */
        text-align: left; /* Left-align for readability */
        font-size: 1rem; /* Consistent typography */
        border: none; /* Remove borders for clean look */
    }

    .data-table th[b-00c4hykwtp] {
        font-weight: 700; /* Bold headers */
    }

    .data-table td[b-00c4hykwtp] {
        font-weight: 400; /* Regular text */
        border-bottom: 1px solid #e9ecef; /* Subtle row separator */
    }

    .data-table tbody tr:nth-child(even)[b-00c4hykwtp] {
        background: #f3f4fb; /* Fallback color */
    }

    .data-table tbody tr:hover[b-00c4hykwtp] {
        background: #f1f5f9; /* Hover effect */
        transition: background 0.2s ease; /* Smooth hover */
    }

    /* First column fixed at 40% */
    .data-table th:first-child[b-00c4hykwtp], .data-table td:first-child[b-00c4hykwtp] {
        width: 40%;
    }

    /* Last column (actions-cell) fixed at 5% */
    .data-table th:last-child[b-00c4hykwtp], .data-table td:last-child[b-00c4hykwtp] {
        width: 5%;
        text-align: center; /* Center three dots */
    }

.actions-cell[b-00c4hykwtp] {
    position: relative;
    text-align: center; /* Center submenu-toggle */
}

.submenu-toggle[b-00c4hykwtp] {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #003087; /* Match MainLayout table accent */
    padding: 5px;
}

    .submenu-toggle:hover[b-00c4hykwtp] {
        color: #0050c8; /* Match MainLayout hover accent */
    }

.submenu[b-00c4hykwtp] {
    position: absolute;
    top: 0; /* Align with submenu-toggle */
    right: 100%; /* Position to the left of toggle */
    margin-right: 5px; /* Small offset for spacing */
    background: #fff; /* Match table background */
    border: 1px solid #e9ecef; /* Match row separator */
    border-radius: 6px; /* Softer corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Match table shadow */
    z-index: 1001; /* Above other elements */
    min-width: 150px;
    display: block; /* Always visible */
}

.submenu-item[b-00c4hykwtp] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 0.9em;
    color: #333;
}

    .submenu-item:hover[b-00c4hykwtp] {
        background: #f1f5f9; /* Match table hover */
    }

    .submenu-item .icon[b-00c4hykwtp] {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        background-size: contain;
        background-repeat: no-repeat;
    }

.edit-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
}

.delete-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23f44336" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}

.audit-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-9h2v2h2v2h-2v2h-2v-2H9v-2h2v-2z"/></svg>');
}

.visit-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5S10.62 6.5 12 6.5s2.5 1.12 2.5 2.5S13.38 11.5 12 11.5z"/></svg>');
}

.move-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M12 2v20M2 12h20M5 5l7 7-7 7M19 5l-7 7 7 7"/></svg>');
}

.customer-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm8 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-8 2a3 3 0 0 0-3 3v3h6v-3a3 3 0 0 0-3-3zm8 0a3 3 0 0 0-3 3v3h6v-3a3 3 0 0 0-3-3z"/></svg>');
}

.product-option .icon[b-00c4hykwtp] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M7 4v2h10V4H7zm-2 2v12h14V6H5zm2 2h10v8H7V8zm4 2h2v4h-2v-4z"/></svg>');
}


.add-button[b-00c4hykwtp] {
  padding: 10px 20px 10px 2.2rem; /* Extra left padding for icon */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23fff" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>'); /* Plus-circle icon */
    background-repeat: no-repeat;
    background-position: left 0.8rem center; /* Position icon left of text */
    background-size: 1.2rem; /* Icon size */
    font-family: 'Arial', sans-serif; /* Match typography */
}

    .add-button:hover[b-00c4hykwtp]{
        opacity: 0.9;
    }

.supplier[b-00c4hykwtp], .block[b-00c4hykwtp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-header[b-00c4hykwtp] {
    display: flex;
    justify-content: space-between;
}




.field-two[b-00c4hykwtp]
{
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 1rem; /* Space between columns */
}

.factory-link[b-00c4hykwtp]
{
    color: #003087; /* Match MainLayout table accent */
    text-decoration: none; /* Remove underline */
    font-weight: 500; /* Medium weight for readability */
}

    .factory-link:hover[b-00c4hykwtp] {
        color: #0050c8; /* Match MainLayout hover accent */
        text-decoration: underline; /* Underline on hover for clarity */
    }



/* Responsive table adjustments */
@media (max-width: 768px) {
    .data-table[b-00c4hykwtp] {
        display: block; /* Enable scrolling */
        overflow-x: auto; /* Horizontal scroll on mobile */
        white-space: nowrap; /* Prevent text wrapping */
    }

    .submenu[b-00c4hykwtp] {
        right: 0; /* Fallback to right on mobile to avoid clipping */
        margin-right: 0;
        margin-left: 5px; /* Offset to the right of toggle */
    }
}
/* _content/IBG-Portal/Components/FactoryEditor.razor.rz.scp.css */
.dialog-backdrop[b-fttyvus7jn] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-fttyvus7jn] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    width: 100%;
    position: relative;
}

.dialog p.title[b-fttyvus7jn] {
    font-size: 1.6rem; /* Prominent size */
    font-weight: 700; /* Bold for professionalism */
    color: #003087; /* Matches table accents and header gradient */
    margin: 0 0 1rem; /* Space below title */
    font-family: 'Arial', sans-serif; /* Consistent typography */
    text-transform: capitalize; /* Refined look */
    letter-spacing: 0.02em; /* Subtle spacing */
}


h2[b-fttyvus7jn] {
    margin-top: 0;
    font-size: 1.5em;
}

h3[b-fttyvus7jn] {
    color: #0078d4; 
}

label[b-fttyvus7jn] {
    display: block;
    margin: 10px 0 5px;
    font-weight: bold;
}

[b-fttyvus7jn] input.item-name, [b-fttyvus7jn] textarea.item-notes, [b-fttyvus7jn] select.item-selector, [b-fttyvus7jn] input.item-date {
    width: 100%;
    padding: 8px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 1em;
    font-family: inherit;
    background-color: white;
    color: #333;
}

[b-fttyvus7jn] textarea.item-notes {
    resize: vertical;
    height: 100px;
}

[b-fttyvus7jn] select.item-selector {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><polygon points="0,0 10,0 5,10" fill="%23333"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

    [b-fttyvus7jn] select.item-selector:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
    }

[b-fttyvus7jn] input.item-file {
    cursor: pointer;
    padding: 8px 8px 8px 0;
}

    [b-fttyvus7jn] input.item-file:focus {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 5px rgba(76, 0, 80, 0.3);
    }

.button-container[b-fttyvus7jn] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.button-container-right[b-fttyvus7jn] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;
}

.save-button[b-fttyvus7jn], .cancel-button[b-fttyvus7jn], .ok-button[b-fttyvus7jn] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-button[b-fttyvus7jn], .ok-button[b-fttyvus7jn] {
    background-color: #4CAF50;
    color: white;
}

.cancel-button[b-fttyvus7jn] {
    background-color: #f44336;
    color: white;
}

p.error[b-fttyvus7jn] {
    color: red;
}

.save-button:hover[b-fttyvus7jn], .cancel-button:hover[b-fttyvus7jn], .ok-button[b-fttyvus7jn] {
    opacity: 0.9;
}

.close-button[b-fttyvus7jn] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #333;
    padding: 5px;
}

    .close-button:hover[b-fttyvus7jn] {
        color: #f44336;
    }

.data-table[b-fttyvus7jn] {
    width: 100%;
    border-collapse: collapse;
    background: #fff; /* White background for contrast */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Softened corners */
    overflow: visible; /* Ensure submenu isn't clipped */
    margin-bottom: 2rem; /* Space below table */
    font-family: 'Arial', sans-serif; /* Match MainLayout typography */
}

    .data-table thead[b-fttyvus7jn] {
        background: #e9ecef; /* Light gray header */
        color: #4b5e6f; /* Muted text */
    }

    .data-table th[b-fttyvus7jn], .data-table td[b-fttyvus7jn] {
        padding: 1rem; /* Comfortable padding */
        text-align: left; /* Left-align for readability */
        font-size: 1rem; /* Consistent typography */
        border: none; /* Remove borders for clean look */
    }

    .data-table th[b-fttyvus7jn] {
        font-weight: 700; /* Bold headers */
    }

    .data-table td[b-fttyvus7jn] {
        font-weight: 400; /* Regular text */
        border-bottom: 1px solid #e9ecef; /* Subtle row separator */
    }

    .data-table tbody tr:nth-child(even)[b-fttyvus7jn] {
        background: #f3f4fb; /* Fallback color */
    }

    .data-table tbody tr:hover[b-fttyvus7jn] {
        background: #f1f5f9; /* Hover effect */
        transition: background 0.2s ease; /* Smooth hover */
    }

    /* First column fixed at 40% */
    .data-table th:first-child[b-fttyvus7jn], .data-table td:first-child[b-fttyvus7jn] {
        width: 40%;
    }

    /* Last column (actions-cell) fixed at 5% */
    .data-table th:last-child[b-fttyvus7jn], .data-table td:last-child[b-fttyvus7jn] {
        width: 5%;
        text-align: center; /* Center three dots */
    }

.actions-cell[b-fttyvus7jn] {
    position: relative;
    text-align: center; /* Center submenu-toggle */
}

.submenu-toggle[b-fttyvus7jn] {
    background: none;
    border: none;
    font-size: 1.2em;
    cursor: pointer;
    color: #003087; /* Match MainLayout table accent */
    padding: 5px;
}

    .submenu-toggle:hover[b-fttyvus7jn] {
        color: #0050c8; /* Match MainLayout hover accent */
    }

.submenu[b-fttyvus7jn] {
    position: absolute;
    top: 0; /* Align with submenu-toggle */
    right: 100%; /* Position to the left of toggle */
    margin-right: 5px; /* Small offset for spacing */
    background: #fff; /* Match table background */
    border: 1px solid #e9ecef; /* Match row separator */
    border-radius: 6px; /* Softer corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Match table shadow */
    z-index: 1001; /* Above other elements */
    min-width: 120px;
    display: block; /* Always visible */
}

.submenu-item[b-fttyvus7jn] {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: none;
    text-align: left;
    cursor: pointer;
    font-size: 0.9em;
    color: #333;
}

    .submenu-item:hover[b-fttyvus7jn] {
        background: #f1f5f9; /* Match table hover */
    }

    .submenu-item .icon[b-fttyvus7jn] {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-right: 8px;
        background-size: contain;
        background-repeat: no-repeat;
    }

.edit-option .icon[b-fttyvus7jn] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/></svg>');
}

.delete-option .icon[b-fttyvus7jn] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23f44336" d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/></svg>');
}

.audit-option .icon[b-fttyvus7jn] {
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23003087" d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 14l-5-5 1.41-1.41L11 13.17V7h2v6.17l2.59-2.58L17 12l-5 5z"/></svg>');
}

.add-button[b-fttyvus7jn] {
  padding: 10px 20px 10px 2.2rem; /* Extra left padding for icon */
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23fff" d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/></svg>'); /* Plus-circle icon */
    background-repeat: no-repeat;
    background-position: left 0.8rem center; /* Position icon left of text */
    background-size: 1.2rem; /* Icon size */
    font-family: 'Arial', sans-serif; /* Match typography */
}

    .add-button:hover[b-fttyvus7jn]{
        opacity: 0.9;
    }

.supplier[b-fttyvus7jn], .block[b-fttyvus7jn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-header[b-fttyvus7jn] {
    display: flex;
    justify-content: space-between;
}

.field-two[b-fttyvus7jn]
{
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 1rem; /* Space between columns */
}

/* Responsive table adjustments */
@media (max-width: 768px) {
    .data-table[b-fttyvus7jn] {
        display: block; /* Enable scrolling */
        overflow-x: auto; /* Horizontal scroll on mobile */
        white-space: nowrap; /* Prevent text wrapping */
    }

    .submenu[b-fttyvus7jn] {
        right: 0; /* Fallback to right on mobile to avoid clipping */
        margin-right: 0;
        margin-left: 5px; /* Offset to the right of toggle */
    }
}
/* _content/IBG-Portal/Components/Layout/LoginLayout.razor.rz.scp.css */

.content[b-lc35jutora] {
   padding: 2rem 2rem 2rem 2rem; /* Top padding for fixed header and nav */
}


/* Header */
header[b-lc35jutora] {
       background: linear-gradient(135deg, #003087 0%, #0050c8 100%); /* Modern gradient */
    padding: 1rem 2rem; /* Taller header */
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Deeper shadow */
    position: fixed; /* Fix header to top */
    top: 0;
    width: 100vw; /* Full viewport width */
    z-index: 1000; /* Above content */
    margin: 0; /* No margins */
    line-height: normal; /* Prevent line-height gaps */
}

    header .email[b-lc35jutora] {
      color: #fff;
        font-weight: 700; /* Bolder for modern look */
        font-size: 1.1rem; /* Slightly larger */
    }

        header .email i[b-lc35jutora] {
            margin-right: 0.5rem;
            color: #ffd700; /* Gold for user icon */
        }

    header .link[b-lc35jutora] {
        color: #ffd700; /* Bright gold for visibility */
        text-decoration: none;
        padding: 0.75rem 1.5rem; /* Larger padding for larger click area */
        border-radius: 8px; /* Softer corners */
        transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
        display: flex;
        align-items: center;
        font-size: 1.1rem; /* Larger font */
    }

        header .link i[b-lc35jutora] {
            margin-left: 0.5rem;
        }

        header .link:hover[b-lc35jutora] {
           background: rgba(255, 255, 255, 0.15); /* Subtle hover effect */
            color: #fff; /* White on hover for contrast */
            transform: translateY(-2px); /* Slight lift for modern effect */
        }

        header a.home[b-lc35jutora]
        {
           color: white;
            text-decoration: none;
            font-size: 1.8rem; /* Increased for prominence */
            font-weight: 700; /* Bold for modern look */
        }









/* Footer */
footer[b-lc35jutora] {
   text-align: center;
    padding: 1.5rem; /* Slightly taller for balance */
    background: #e9ecef; /* Slightly darker for modern look */
    width: 100%;
    border-top: 1px solid #d1d5db;
    flex-shrink: 0; /* Prevent footer from shrinking */
    margin: 0; /* Ensure no margin below footer */
    font-size: 1rem; /* Consistent typography */
    color: #4b5e6f; /* Muted color for professionalism */
}

    footer p i[b-lc35jutora] {
        margin-right: 0.5rem;
        color: #6c757d;
    }




/* Error UI */
#blazor-error-ui[b-lc35jutora] {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #dc3545;
    color: white;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    #blazor-error-ui .reload[b-lc35jutora] {
        color: white;
        text-decoration: underline;
        margin-left: 0.5rem;
    }

    #blazor-error-ui .dismiss[b-lc35jutora] {
        cursor: pointer;
        margin-left: 0.5rem;
        font-size: 1.2rem;
    }

/* Responsive Design */
@media (max-width: 768px) {
    header[b-lc35jutora] {
        flex-direction: column;
        text-align: center;
    }

        header .link[b-lc35jutora] {
            margin-top: 0.5rem;
        }

  
}
/* _content/IBG-Portal/Components/Layout/MainLayout.razor.rz.scp.css */

.content[b-nydj00851v] {
   padding: 12.5rem 2rem 2rem 2rem; /* Top padding for fixed header and nav */
}


/* Header */
header[b-nydj00851v] {
       background: linear-gradient(135deg, #003087 0%, #0050c8 100%); /* Modern gradient */
    padding: 1rem 2rem; /* Taller header */
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* Deeper shadow */
    position: fixed; /* Fix header to top */
    top: 0;
    width: 100vw; /* Full viewport width */
    z-index: 1000; /* Above content */
    margin: 0; /* No margins */
    line-height: normal; /* Prevent line-height gaps */
}

    header .email[b-nydj00851v] {
      color: #fff;
        font-weight: 700; /* Bolder for modern look */
        font-size: 1.1rem; /* Slightly larger */
    }

        header .email i[b-nydj00851v] {
            margin-right: 0.5rem;
            color: #ffd700; /* Gold for user icon */
        }

    header .link[b-nydj00851v] {
        color: #ffd700; /* Bright gold for visibility */
        text-decoration: none;
        padding: 0.75rem 1.5rem; /* Larger padding for larger click area */
        border-radius: 8px; /* Softer corners */
        transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
        display: flex;
        align-items: center;
        font-size: 1.1rem; /* Larger font */
    }

        header .link i[b-nydj00851v] {
            margin-left: 0.5rem;
        }

        header .link:hover[b-nydj00851v] {
           background: rgba(255, 255, 255, 0.15); /* Subtle hover effect */
            color: #fff; /* White on hover for contrast */
            transform: translateY(-2px); /* Slight lift for modern effect */
        }

        header a.home[b-nydj00851v]
        {
           color: white;
            text-decoration: none;
            font-size: 1.8rem; /* Increased for prominence */
            font-weight: 700; /* Bold for modern look */
        }

nav.primary-menu[b-nydj00851v] {
  padding: 0.75rem 2rem; /* Taller nav */
    display: flex;
    gap: 30px; /* Spacious layout */
    align-items: center;
    background: #005a5a; /* Muted teal */
    position: fixed; /* Fix nav to top */
    top: 4rem; /* Below header (1rem + ~2rem + 1rem) */
    width: 100vw; /* Full viewport width */
    z-index: 999; /* Below header */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin: 0; /* No margins */
    line-height: normal; /* Prevent line-height gaps */
}



[b-nydj00851v] .nav-link
{
    color: white;
    text-decoration: none;
    font-size: 1.2rem; /* Larger for readability */
    font-weight: 500; /* Medium weight for balance */
    padding: 0.5rem 1rem; /* Larger click area */
    border-radius: 6px; /* Subtle rounding */
    transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
}
[b-nydj00851v] .nav-link:hover, [b-nydj00851v] .active {
     color: #b3e0ff; /* Light blue for hover/active */
    background: rgba(255, 255, 255, 0.1); /* Subtle hover background */
    transform: translateY(-2px); /* Slight lift for modern effect */
}



/* Footer */
footer[b-nydj00851v] {
   text-align: center;
    padding: 1.5rem; /* Slightly taller for balance */
    background: #e9ecef; /* Slightly darker for modern look */
    width: 100%;
    border-top: 1px solid #d1d5db;
    flex-shrink: 0; /* Prevent footer from shrinking */
    margin: 0; /* Ensure no margin below footer */
    font-size: 1rem; /* Consistent typography */
    color: #4b5e6f; /* Muted color for professionalism */
}

    footer p i[b-nydj00851v] {
        margin-right: 0.5rem;
        color: #6c757d;
    }




/* Error UI */
#blazor-error-ui[b-nydj00851v] {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #dc3545;
    color: white;
    padding: 1rem;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    #blazor-error-ui .reload[b-nydj00851v] {
        color: white;
        text-decoration: underline;
        margin-left: 0.5rem;
    }

    #blazor-error-ui .dismiss[b-nydj00851v] {
        cursor: pointer;
        margin-left: 0.5rem;
        font-size: 1.2rem;
    }

/* Responsive Design */
@media (max-width: 768px) {
    header[b-nydj00851v] {
        flex-direction: column;
        text-align: center;
    }

        header .link[b-nydj00851v] {
            margin-top: 0.5rem;
        }

  
}
/* _content/IBG-Portal/Components/Pages/Add.razor.rz.scp.css */
body[b-gtvtgwz4cl] {
}
/* _content/IBG-Portal/Components/Pages/Administration.razor.rz.scp.css */
/* _content/IBG-Portal/Components/Pages/ASL.razor.rz.scp.css */
.title-container[b-3fzywieghg]
{
    display:flex;
    flex-direction:column;
    gap:2rem;
}





h3[b-3fzywieghg] {
    color: #0078d4;
}

.data-table[b-3fzywieghg] {
    width: 100%;
    border-collapse: collapse;
    background: #fff; /* White background for contrast */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    border-radius: 8px; /* Softened corners */
    overflow: visible; /* Ensure submenu isn't clipped */
    margin-bottom: 2rem; /* Space below table */
    font-family: 'Arial', sans-serif; /* Match MainLayout typography */
}

    .data-table thead[b-3fzywieghg] {
        background: #e9ecef; /* Light gray header */
        color: #4b5e6f; /* Muted text */
    }

    .data-table th[b-3fzywieghg], .data-table td[b-3fzywieghg] {
        padding: 1rem; /* Comfortable padding */
        text-align: left; /* Left-align for readability */
        font-size: 1rem; /* Consistent typography */
        border: none; /* Remove borders for clean look */
    }

    .data-table th[b-3fzywieghg] {
        font-weight: 700; /* Bold headers */
    }

    .data-table td[b-3fzywieghg] {
        font-weight: 400; /* Regular text */
        border-bottom: 1px solid #e9ecef; /* Subtle row separator */
    }

    .data-table tbody tr:nth-child(even)[b-3fzywieghg] {
        background: #f3f4fb; /* Fallback color */
    }

    .data-table tbody tr:hover[b-3fzywieghg] {
        background: #f1f5f9; /* Hover effect */
        transition: background 0.2s ease; /* Smooth hover */
    }

    /* First column fixed at 40% */
    .data-table th:first-child[b-3fzywieghg], .data-table td:first-child[b-3fzywieghg] {
        width: 30%;
    }

    

.data-table tbody tr.approved[b-3fzywieghg] {
    background: rgba(76, 175, 80, 0.1); /* Light green tint */
    transition: background 0.2s ease;
}

.data-table tbody tr.approved:hover[b-3fzywieghg] {
    background: rgba(76, 175, 80, 0.2); /* Slightly darker green on hover */
}

.data-table tbody tr.not-approved[b-3fzywieghg] {
    background: rgba(244, 67, 54, 0.1); /* Light red tint */
    transition: background 0.2s ease;
}

.data-table tbody tr.not-approved:hover[b-3fzywieghg] {
    background: rgba(244, 67, 54, 0.2); /* Slightly darker red on hover */
}

.suppliers[b-3fzywieghg], .block[b-3fzywieghg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.block-header[b-3fzywieghg] {
    display: flex;
    justify-content: space-between;
}
.block-title[b-3fzywieghg] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.5rem 1rem;
    background: #f8f9fa; /* Solid light background for contrast */
    border-left: 4px solid #0078d4; /* Accent border for visual hierarchy */
    border-radius: 4px; /* Softened corners */
    font-family: 'Arial', sans-serif;
    font-size: 1.25rem; /* Slightly larger for prominence */
    font-weight: 600; /* Semi-bold for professional look */
    color: #1a2a44; /* Darker, professional color */
}
.entity-link[b-3fzywieghg]
{
    color: #003087; /* Match MainLayout table accent */
    text-decoration: none; /* Remove underline */
    font-weight: 500; /* Medium weight for readability */
}

    .entity-link:hover[b-3fzywieghg] {
        color: #0050c8; /* Match MainLayout hover accent */
        text-decoration: underline; /* Underline on hover for clarity */
    }


/* Updated styles for no-data block */
.no-data[b-3fzywieghg] {
    display: flex;
    justify-content: flex-start; /* Align text to the left */
    align-items: center;
    padding: 1rem; /* Reduced padding for simplicity */
    background: #fcfcfc; /* Lighter background for a softer look */
    border-radius: 4px; /* Subtle softened corners */
    font-family: 'Arial', sans-serif;
    font-size: 0.95rem; /* Slightly smaller for elegance */
    font-style: italic; /* Italicized for a refined look */
    color: #7f8c8d; /* Softer gray for understated elegance */
    font-weight: 400; /* Regular weight for simplicity */
    margin-bottom: 1.5rem; /* Slightly reduced margin */
}
/* _content/IBG-Portal/Components/Pages/Entities.razor.rz.scp.css */

/* _content/IBG-Portal/Components/Pages/Factories.razor.rz.scp.css */
/* _content/IBG-Portal/Components/Pages/Home.razor.rz.scp.css */
/* Main Content */
.home-title[b-2rxgaxnid4] {
    text-align: center;
    margin: 2rem 0;
    color: #0078d4;
    font-size: 2.5rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

    .home-title i[b-2rxgaxnid4] {
        margin-right: 0.5rem;
        color: #0078d4;
    }

.welcome-section[b-2rxgaxnid4] {
    max-width: 800px;
    margin: 0 auto 2rem;
    padding: 2rem;
    background: white;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

    .welcome-section p[b-2rxgaxnid4] {
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
    }

        .welcome-section p i[b-2rxgaxnid4] {
            margin-right: 0.75rem;
            color: #0078d4;
        }

.highlight[b-2rxgaxnid4] {
    color: #0078d4;
    font-weight: bold;
}


/* Responsive Design */
@media (max-width: 768px) {
   

    .home-title[b-2rxgaxnid4] {
        font-size: 2rem;
    }

    .welcome-section[b-2rxgaxnid4] {
        margin: 1rem;
        padding: 1rem;
    }
}
/* _content/IBG-Portal/Components/Pages/Login.razor.rz.scp.css */
/* Login.razor.css */
.login-container[b-x105kchfrm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* Full viewport height for vertical centering */
    background-color: #f3f4f6; /* Light gray background */
    padding: 1rem; /* Prevent overflow on small screens */
}

.login-title[b-x105kchfrm] {
    font-size: 1.875rem; /* Large title */
    font-weight: 700; /* Bold */
    color: #1f2937; /* Dark gray */
    margin-bottom: 1.5rem; /* Space below title */
}

.login-button[b-x105kchfrm] {
    display: flex;
    align-items: center;
    background-color: #2563eb; /* Blue background */
    color: #ffffff; /* White text */
    font-weight: 600; /* Semibold */
    padding: 0.75rem 1.25rem; /* Taller button with increased vertical padding (was 0.5rem) */
    border-radius: 0.5rem; /* Rounded corners */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    text-decoration: none; /* No underline for <a> */
    transition: background-color 0.3s ease; /* Smooth hover transition */
}

.login-button:hover[b-x105kchfrm] {
    background-color: #1d4ed8; /* Darker blue on hover */
}

.microsoft-icon[b-x105kchfrm] {
    margin-right: 0.5rem; /* Space between icon and text */
    width: 24px;
    height: 24px;
}

.logged-in-message[b-x105kchfrm] {
    font-size: 1.125rem; /* Medium font */
    color: #16a34a; /* Green */
    font-weight: 500; /* Medium weight */
    margin-top: 1rem; /* Space above message */
}
/* _content/IBG-Portal/Components/Pages/PIM.razor.rz.scp.css */
.title-container[b-uatprnq7ui]
{
    display:flex;
    flex-direction:column;
    gap:2rem;
}
/* _content/IBG-Portal/Components/Pages/Search.razor.rz.scp.css */
body[b-xg6oa9t26c] {
}
/* _content/IBG-Portal/Components/Pages/Studio.razor.rz.scp.css */
body[b-q6gqf0k1fh] {
}