/* /Components/Admin/ArtifactsAdmin.razor.rz.scp.css */
.create-artifact-section[b-gju91915s9] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.create-artifact-section h2[b-gju91915s9] {
    margin-top: 0;
    margin-bottom: 16px;
    color: #333;
}

.create-artifact-form[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-gju91915s9] {
    flex: 1;
    min-width: 0;
}

.form-group label[b-gju91915s9] {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.form-group .form-control[b-gju91915s9] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-group .form-control:focus[b-gju91915s9] {
    border-color: #0d6efd;
    outline: none;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}

.form-actions[b-gju91915s9] {
    margin-top: 8px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.subsection-divider[b-gju91915s9] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.artifacts-table[b-gju91915s9] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

.artifacts-table th[b-gju91915s9] {
    color: #666;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #e4e7eb;
    border-right: 1px solid #e4e7eb;
    background-color: #f7f9fb;
}

.artifacts-table td[b-gju91915s9] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

.artifacts-table th:last-child[b-gju91915s9],
.artifacts-table td:last-child[b-gju91915s9] {
    border-right: none;
}

.artifacts-table tbody tr:nth-child(odd)[b-gju91915s9] {
    background-color: #fff;
}

.artifacts-table tbody tr:nth-child(even)[b-gju91915s9] {
    background-color: #f8f8f8;
}

.create-success-message[b-gju91915s9] {
    margin-top: 10px;
    color: green;
}

.sortable-header[b-gju91915s9] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-gju91915s9] {
    background-color: #f0f0f0;
}

.editable-cell[b-gju91915s9] {
    cursor: pointer;
}

.editable-cell:hover[b-gju91915s9] {
    background-color: #e8f4ff;
}

.edit-input[b-gju91915s9] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.edit-input:focus[b-gju91915s9] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}

.delete-modal-backdrop[b-gju91915s9] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.delete-modal[b-gju91915s9] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.delete-modal h3[b-gju91915s9] {
    margin-top: 0;
    margin-bottom: 12px;
}

.delete-modal p[b-gju91915s9] {
    margin-bottom: 20px;
}

.delete-modal-actions[b-gju91915s9] {
    display: flex;
    justify-content: center;
    gap: 100px;
}

.create-artifact-file-field[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.artifact-file-picker[b-gju91915s9] {
    padding: 6px;
    border: 1px solid #c6d0cc;
    border-radius: 12px;
    background-color: #fbfcfb;
    box-shadow: 0 1px 2px rgba(31, 41, 51, 0.06);
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
}

.artifact-file-picker:focus-within[b-gju91915s9] {
    border-color: var(--vds-accent);
    background-color: #fff;
    box-shadow: 0 0 0 4px var(--vds-focus-ring);
}

.artifact-file-picker[b-gju91915s9]  .artifact-file-input {
    display: block;
    width: 100%;
    color: #4b5563;
    font-size: 0.92rem;
    font-weight: 650;
    cursor: pointer;
}

.artifact-file-picker[b-gju91915s9]  .artifact-file-input::file-selector-button {
    margin-right: 12px;
    padding: 9px 14px;
    border: 1px solid var(--vds-accent-border);
    border-radius: 8px;
    color: var(--vds-button-text);
    background: linear-gradient(180deg, #3a8f61 0%, var(--vds-accent) 100%);
    box-shadow: 0 2px 8px rgba(34, 86, 59, 0.16);
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.artifact-file-picker[b-gju91915s9]  .artifact-file-input:hover::file-selector-button {
    background: linear-gradient(180deg, #348157 0%, var(--vds-accent-hover) 100%);
    border-color: #1d4a32;
    box-shadow: 0 3px 10px rgba(34, 86, 59, 0.22);
}

.artifact-file-help[b-gju91915s9] {
    padding: 5px 8px 2px;
    color: #68736d;
    font-size: 0.78rem;
    font-weight: 650;
}

.create-file-preview[b-gju91915s9] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 8px 10px;
    background-color: #f2f7f4;
    border: 1px solid rgba(47, 122, 82, 0.25);
    border-radius: 10px;
    color: #26352d;
}

.artifact-file-icon[b-gju91915s9] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    color: var(--vds-accent);
}

.artifact-file-name[b-gju91915s9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.88rem;
    font-weight: 750;
}

.artifact-file-clear-button[b-gju91915s9] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #56625b;
    background-color: transparent;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease;
}

.artifact-file-clear-button svg[b-gju91915s9] {
    width: 16px;
    height: 16px;
}

.artifact-file-clear-button:hover[b-gju91915s9],
.artifact-file-clear-button:focus-visible[b-gju91915s9] {
    color: #8f2c2c;
    background-color: #f8e8e8;
    outline: none;
}

.create-file-empty-state[b-gju91915s9] {
    margin-top: 0;
    padding-left: 2px;
    font-size: 0.82rem;
    font-weight: 650;
}

.artifact-create-button[b-gju91915s9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 180px;
    min-height: 44px;
    padding: 10px 18px;
    border-radius: 11px;
    font-size: 0.95rem;
    font-weight: 850;
    letter-spacing: 0.015em;
}

.artifact-create-button:disabled[b-gju91915s9] {
    transform: none;
    cursor: not-allowed;
    opacity: 0.62;
    box-shadow: none;
}

.artifact-create-button-icon[b-gju91915s9] {
    width: 18px;
    height: 18px;
}

.artifact-button-spinner[b-gju91915s9] {
    width: 17px;
    height: 17px;
    border: 2px solid rgba(255, 255, 255, 0.45);
    border-top-color: #fff;
    border-radius: 50%;
    animation: artifact-button-spin-b-gju91915s9 0.7s linear infinite;
}

@keyframes artifact-button-spin-b-gju91915s9 {
    to {
        transform: rotate(360deg);
    }
}

.create-error-message[b-gju91915s9] {
    padding: 8px 12px;
    background-color: #ffe6e6;
    border: 1px solid #ffcccb;
    border-radius: 4px;
    color: #d32f2f;
    font-size: 13px;
}

.image-fallback[b-gju91915s9] {
    color: #999;
    font-style: italic;
}

.artifact-edit-modal[b-gju91915s9] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
}

.image-edit-modal[b-gju91915s9] {
    max-width: 500px;
}

.modal-close-button[b-gju91915s9] {
    position: absolute;
    top: 12px;
    right: 12px;
}

.image-edit-form-row[b-gju91915s9] {
    margin-top: 16px;
}

.image-edit-form-group[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.image-edit-preview[b-gju91915s9] {
    padding: 8px 12px;
    background-color: #f0f8ff;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    font-size: 13px;
    color: #333;
    text-align: center;
}

.image-edit-preview a[b-gju91915s9] {
    color: #0d6efd;
    text-decoration: none;
}

.image-edit-preview a:hover[b-gju91915s9] {
    text-decoration: underline;
}

.edit-image-actions[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.image-edit-actions[b-gju91915s9] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.image-edit-modal-actions[b-gju91915s9] {
    display: flex;
    justify-content: center;
    gap: 100px;
    margin-top: 16px;
}

.file-cell-separator[b-gju91915s9] {
    color: #6c757d;
    margin: 0 4px;
    user-select: none;
}
/* /Components/Admin/MasterProductsAdmin.razor.rz.scp.css */
.create-masterproduct-toolbar[b-btqjygeljp] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.create-masterproduct-trigger.btn.btn-primary[b-btqjygeljp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    max-width: 100%;
    padding: 0 18px;
    border: 1px solid var(--vds-accent-border);
    border-radius: 8px;
    background: linear-gradient(180deg, #3d9666 0%, var(--vds-accent) 100%);
    box-shadow: 0 8px 18px rgba(47, 122, 82, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: var(--vds-button-text);
    font-size: 0.96rem;
    font-weight: 850;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.create-masterproduct-trigger.btn.btn-primary:hover[b-btqjygeljp],
.create-masterproduct-trigger.btn.btn-primary:focus-visible[b-btqjygeljp] {
    border-color: #1d4a32;
    background: linear-gradient(180deg, #348157 0%, var(--vds-accent-hover) 100%);
    box-shadow: 0 10px 22px rgba(47, 122, 82, 0.24), 0 0 0 3px var(--vds-focus-ring);
    color: var(--vds-button-text);
    outline: none;
}

.create-masterproduct-trigger.btn.btn-primary:active[b-btqjygeljp] {
    transform: translateY(1px);
    box-shadow: 0 5px 12px rgba(47, 122, 82, 0.18);
}

.create-masterproduct-trigger-icon[b-btqjygeljp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}

.create-masterproduct-modal[b-btqjygeljp] {
    max-width: min(720px, calc(100vw - 32px));
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}

.create-masterproduct-modal-title[b-btqjygeljp] {
    margin-top: 0;
    margin-bottom: 16px;
    color: #333;
}

.create-masterproduct-modal-close[b-btqjygeljp] {
    position: absolute;
    top: 14px;
    right: 14px;
}

.create-masterproduct-form[b-btqjygeljp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-btqjygeljp] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-btqjygeljp] {
    flex: 1;
    min-width: 0;
}

.form-group label[b-btqjygeljp] {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.form-group .form-control[b-btqjygeljp] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-group .form-control:focus[b-btqjygeljp] {
    border-color: var(--vds-accent);
    outline: none;
    box-shadow: 0 0 0 2px var(--vds-focus-ring);
}

.form-actions[b-btqjygeljp] {
    margin-top: 8px;
}

.create-masterproduct-modal-actions[b-btqjygeljp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.create-masterproduct-modal-actions .create-success-message[b-btqjygeljp],
.create-masterproduct-modal-actions .create-error-message[b-btqjygeljp] {
    flex-basis: 100%;
}

.subsection-divider[b-btqjygeljp] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.masterproducts-table[b-btqjygeljp] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

.masterproducts-table td[b-btqjygeljp] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

.masterproducts-table td:last-child[b-btqjygeljp] {
    border-right: none;
}

.masterproducts-table tbody tr:nth-child(odd)[b-btqjygeljp] {
    background-color: #fff;
}

.masterproducts-table tbody tr:nth-child(even)[b-btqjygeljp] {
    background-color: #f8f8f8;
}

.create-success-message[b-btqjygeljp] {
    margin-top: 10px;
    color: green;
}

.create-error-message[b-btqjygeljp] {
    margin-top: 10px;
    color: #dc3545;
}

.masterproducts-table td.expand-cell[b-btqjygeljp] {
    width: 48px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.expand-cell .expand-toggle-button[b-btqjygeljp] {
    border: 1px solid #cfd8e3; /* slightly stronger than current */
    background-color: #fbfcfe; /* very light tint */
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    margin: 0 auto;
}

.expand-cell .expand-toggle-button:hover[b-btqjygeljp] {
    background-color: #f3f6fa;
    border-color: #bcc9d9;
}

.expand-cell .expand-toggle-button:focus-visible[b-btqjygeljp] {
    box-shadow: 0 0 0 3px rgba(47, 122, 82, 0.22);
}

.expand-toggle-icon[b-btqjygeljp] {
    width: 9px;  /* was 8px */
    height: 9px; /* was 8px */
    border-right: 2px solid #344054;  /* slightly darker */
    border-bottom: 2px solid #344054;
    transform: rotate(-45deg);
    transition: transform 0.18s ease;
}

.expand-cell .expand-toggle-button.is-expanded .expand-toggle-icon[b-btqjygeljp] {
    transform: rotate(45deg);
}

.actions-cell[b-btqjygeljp] {
    text-align: center;
    vertical-align: middle;
}

.actions-cell .btn[b-btqjygeljp] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1rem 0.45rem;
    min-width: 0;
    line-height: 1;
    font-size: 0.8rem;
}

.actions-cell .btn + .btn[b-btqjygeljp] {
    margin-top: 6px;
}

.editable-cell[b-btqjygeljp] {
    cursor: pointer;
}
.editable-cell:hover[b-btqjygeljp] {
    background-color: rgba(47, 122, 82, 0.08);
}

.edit-input[b-btqjygeljp] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--vds-accent);
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.edit-input:focus[b-btqjygeljp] {
    outline: none;
    box-shadow: 0 0 0 2px var(--vds-focus-ring);
}

.delete-modal-backdrop[b-btqjygeljp] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.delete-modal[b-btqjygeljp] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.delete-modal h3[b-btqjygeljp] {
    margin-top: 0;
    margin-bottom: 12px;
}

.product-thumbnail[b-btqjygeljp] {
    cursor: pointer;
    max-width: 80px;
    max-height: 80px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.product-edit-modal[b-btqjygeljp] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 720px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
}

.product-edit-modal.link-items-modal[b-btqjygeljp] {
    max-width: min(1521px, calc(100vw - 32px));
}

@media (min-width: 641px) {
    .link-items-modal-backdrop[b-btqjygeljp] {
        left: 250px;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

.create-image-field[b-btqjygeljp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.create-image-preview[b-btqjygeljp],
.create-image-empty-state[b-btqjygeljp] {
    margin-top: 4px;
}
/* /Components/Admin/MetadataAdmin.razor.rz.scp.css */
.metadata-toolbar[b-eng2nn512t] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.create-metadata-trigger.btn.btn-primary[b-eng2nn512t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 44px;
    max-width: 100%;
    padding: 0 18px;
    border: 1px solid var(--vds-accent-border);
    border-radius: 8px;
    background: linear-gradient(180deg, #3d9666 0%, var(--vds-accent) 100%);
    box-shadow: 0 8px 18px rgba(47, 122, 82, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: var(--vds-button-text);
    font-size: 0.96rem;
    font-weight: 850;
    line-height: 1.1;
    text-align: center;
    white-space: normal;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.create-metadata-trigger.btn.btn-primary:hover[b-eng2nn512t],
.create-metadata-trigger.btn.btn-primary:focus-visible[b-eng2nn512t] {
    border-color: #1d4a32;
    background: linear-gradient(180deg, #348157 0%, var(--vds-accent-hover) 100%);
    box-shadow: 0 10px 22px rgba(47, 122, 82, 0.24), 0 0 0 3px var(--vds-focus-ring);
    color: var(--vds-button-text);
    outline: none;
}

.create-metadata-trigger.btn.btn-primary:active[b-eng2nn512t] {
    transform: translateY(1px);
    box-shadow: 0 5px 12px rgba(47, 122, 82, 0.18);
}

.create-metadata-trigger-icon[b-eng2nn512t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}

.subsection-divider[b-eng2nn512t] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.metadata-grid[b-eng2nn512t] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
    table-layout: auto;
}

.metadata-grid td[b-eng2nn512t] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
    vertical-align: middle;
}

.metadata-grid td:last-child[b-eng2nn512t] {
    border-right: none;
}

.metadata-grid tbody tr:nth-child(odd)[b-eng2nn512t] {
    background-color: #fff;
}

.metadata-grid tbody tr:nth-child(even)[b-eng2nn512t] {
    background-color: #f8f8f8;
}

.metadata-actions-cell[b-eng2nn512t] {
    text-align: center;
    vertical-align: middle;
}

.metadata-parent-id-cell[b-eng2nn512t],
.metadata-parent-name-cell[b-eng2nn512t],
.metadata-parent-type-cell[b-eng2nn512t],
.metadata-header-cell[b-eng2nn512t],
.metadata-description-cell[b-eng2nn512t] {
    min-width: 0;
}

.metadata-grid th.metadata-parent-type-column[b-eng2nn512t],
.metadata-parent-type-column[b-eng2nn512t] {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.metadata-grid td.metadata-parent-type-cell[b-eng2nn512t] {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
}

.metadata-grid[b-eng2nn512t]  th.metadata-parent-type-column .sortable-header-content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 0.35rem;
}

.metadata-grid[b-eng2nn512t]  th.metadata-parent-type-column .sortable-header-label {
    white-space: nowrap;
}

.metadata-cell-truncate[b-eng2nn512t] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.metadata-description-cell .metadata-cell-truncate[b-eng2nn512t] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
}

.metadata-modal[b-eng2nn512t] {
    width: min(860px, calc(100vw - 32px));
    height: min(760px, calc(100vh - 48px));
    position: relative;
    padding: 28px 28px 24px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(16, 24, 40, 0.22);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
}

.metadata-modal-title[b-eng2nn512t] {
    margin-top: 0;
    margin-bottom: 18px;
    color: #1f2937;
    font-size: 1.15rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    flex-shrink: 0;
}

.metadata-modal-close[b-eng2nn512t] {
    position: absolute;
    top: 14px;
    right: 14px;
}

.metadata-modal-body[b-eng2nn512t] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    margin-right: -28px;
    padding-right: 28px;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar {
    width: 12px;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-track {
    background: transparent;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-thumb {
    background: var(--vds-accent);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-thumb:hover {
    background: var(--vds-accent-hover);
    background-clip: padding-box;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-button:single-button {
    display: block;
    height: 16px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 12px;
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-button:single-button:vertical:decrement {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%232f7a52' d='M6 2 1.5 7h9z'/%3E%3C/svg%3E");
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-button:single-button:vertical:increment {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%232f7a52' d='M6 10 10.5 5h-9z'/%3E%3C/svg%3E");
}

.metadata-modal-body[b-eng2nn512t]::-webkit-scrollbar-button:single-button:hover {
    background-color: rgba(47, 122, 82, 0.12);
}

.metadata-form[b-eng2nn512t] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.metadata-form-row[b-eng2nn512t] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.metadata-form-group[b-eng2nn512t] {
    flex: 1;
    min-width: 0;
}

.metadata-form-group label[b-eng2nn512t] {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
    color: #1f2937;
}

.metadata-form-group .form-control[b-eng2nn512t] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    color: #1f2937;
    font-size: 0.95rem;
    box-shadow: inset 0 1px 1px rgba(16, 24, 40, 0.03);
}

.metadata-form-group .form-control[b-eng2nn512t]::placeholder {
    color: #9ca3af;
}

.metadata-form-group .form-control:focus[b-eng2nn512t] {
    border-color: var(--vds-accent);
    outline: none;
    box-shadow: 0 0 0 2px var(--vds-focus-ring);
}

.metadata-description-input[b-eng2nn512t] {
    resize: vertical;
}

.metadata-parent-picker[b-eng2nn512t] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.metadata-parent-picker-toggle[b-eng2nn512t] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 10px 14px;
    border: 1px solid #ced4da;
    border-radius: 10px;
    background: #fff;
    color: #1f2937;
    font: inherit;
    font-weight: 600;
    text-align: left;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

.metadata-parent-picker-toggle:hover:not(:disabled)[b-eng2nn512t],
.metadata-parent-picker-toggle:focus-visible:not(:disabled)[b-eng2nn512t] {
    border-color: var(--vds-accent);
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
    outline: none;
}

.metadata-parent-picker-toggle:disabled[b-eng2nn512t] {
    background: #f8f9fa;
    color: #6c757d;
    cursor: not-allowed;
}

.metadata-parent-picker-toggle-text[b-eng2nn512t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metadata-parent-picker-chevron[b-eng2nn512t] {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.15s ease;
}

.metadata-parent-picker-chevron.is-expanded[b-eng2nn512t] {
    transform: rotate(-135deg);
}

.metadata-parent-picker-panel[b-eng2nn512t] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 30;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(16, 24, 40, 0.18);
}

.metadata-parent-picker-options[b-eng2nn512t] {
    max-height: var(--metadata-parent-picker-max-height, 250px);
    min-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-gutter: stable;
    scrollbar-color: var(--vds-accent) transparent;
}

.metadata-parent-picker-options[b-eng2nn512t]::-webkit-scrollbar {
    width: 12px;
}

.metadata-parent-picker-options[b-eng2nn512t]::-webkit-scrollbar-track {
    background: transparent;
}

.metadata-parent-picker-options[b-eng2nn512t]::-webkit-scrollbar-thumb {
    background: var(--vds-accent);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.metadata-parent-picker-options[b-eng2nn512t]::-webkit-scrollbar-thumb:hover {
    background: var(--vds-accent-hover);
    background-clip: padding-box;
}

.metadata-parent-picker-option[b-eng2nn512t] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 0;
    border-bottom: 1px solid #eef1f4;
    background: transparent;
    color: #1f2937;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.metadata-parent-picker-option:last-child[b-eng2nn512t] {
    border-bottom: none;
}

.metadata-parent-picker-option:hover:not(:disabled)[b-eng2nn512t],
.metadata-parent-picker-option:focus-visible:not(:disabled)[b-eng2nn512t] {
    background: #f3f7f5;
    outline: none;
}

.metadata-parent-picker-option.is-selected[b-eng2nn512t] {
    background: #e7f4ec;
}

.metadata-parent-picker-option:disabled[b-eng2nn512t] {
    cursor: not-allowed;
    color: #6c757d;
}

.metadata-parent-picker-option-text[b-eng2nn512t] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.metadata-parent-picker-option-current[b-eng2nn512t] {
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(47, 122, 82, 0.12);
    color: #22563b;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

.metadata-radio-group[b-eng2nn512t] {
    display: flex;
    flex-wrap: wrap;
    gap: 22px;
    align-items: center;
    padding: 6px 0 0;
}

.metadata-radio-option[b-eng2nn512t] {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    margin: 0;
    font-weight: 700;
    color: #374151;
}

.metadata-radio-option input[b-eng2nn512t] {
    accent-color: var(--vds-accent);
}

.metadata-helper-text[b-eng2nn512t],
.metadata-empty-state[b-eng2nn512t] {
    margin: 0;
    color: #4b5563;
}

.metadata-validation-message[b-eng2nn512t] {
    margin: 0;
    color: #374151;
    font-weight: 600;
}

.metadata-modal-actions[b-eng2nn512t] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: auto;
    padding-top: 8px;
    flex-shrink: 0;
}

.metadata-modal-actions .btn[b-eng2nn512t] {
    min-height: 44px;
    padding-inline: 18px;
    border-radius: 8px;
    font-weight: 800;
    line-height: 1.1;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.metadata-modal-actions .btn:focus-visible[b-eng2nn512t] {
    outline: none;
}

.metadata-modal-actions .btn:active[b-eng2nn512t] {
    transform: translateY(1px);
}

.metadata-modal-actions .btn.btn-success.metadata-submit-button[b-eng2nn512t] {
    border: 1px solid var(--vds-accent-border);
    background: linear-gradient(180deg, #3d9666 0%, var(--vds-accent) 100%);
    box-shadow: 0 8px 18px rgba(47, 122, 82, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: var(--vds-button-text);
}

.metadata-modal-actions .btn.btn-success.metadata-submit-button:hover:not(:disabled)[b-eng2nn512t],
.metadata-modal-actions .btn.btn-success.metadata-submit-button:focus-visible:not(:disabled)[b-eng2nn512t] {
    border-color: #1d4a32;
    background: linear-gradient(180deg, #348157 0%, var(--vds-accent-hover) 100%);
    box-shadow: 0 10px 22px rgba(47, 122, 82, 0.24), 0 0 0 3px var(--vds-focus-ring);
    color: var(--vds-button-text);
}

.metadata-modal-actions .btn.btn-success.metadata-submit-button:disabled[b-eng2nn512t],
.metadata-modal-actions .btn.btn-success.metadata-submit-button:disabled:hover[b-eng2nn512t],
.metadata-modal-actions .btn.btn-success.metadata-submit-button:disabled:focus-visible[b-eng2nn512t] {
    border-color: #cbd5e1;
    background: #e5e7eb;
    box-shadow: none;
    color: #9ca3af;
    opacity: 1;
    cursor: not-allowed;
}

.metadata-modal-actions .btn.btn-outline-secondary[b-eng2nn512t] {
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #374151;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.metadata-modal-actions .btn.btn-outline-secondary:hover:not(:disabled)[b-eng2nn512t],
.metadata-modal-actions .btn.btn-outline-secondary:focus-visible:not(:disabled)[b-eng2nn512t] {
    border-color: var(--vds-accent);
    background: #f8faf9;
    color: #1f2937;
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
}

.metadata-modal-actions .create-success-message[b-eng2nn512t],
.metadata-modal-actions .create-error-message[b-eng2nn512t],
.metadata-modal-actions .metadata-validation-message[b-eng2nn512t] {
    flex-basis: 100%;
}

.metadata-validation-message[b-eng2nn512t] {
    font-size: 0.92rem;
}

.create-success-message[b-eng2nn512t] {
    margin-top: 10px;
    color: green;
}

.create-error-message[b-eng2nn512t] {
    margin-top: 10px;
    color: #b42318;
    font-weight: 600;
}

.metadata-toast[b-eng2nn512t] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1200;
    min-width: 280px;
    max-width: min(420px, calc(100vw - 32px));
    padding: 14px 16px;
    border: 1px solid #b7e1c1;
    border-left: 6px solid #2f7a52;
    border-radius: 10px;
    background: #f4fff7;
    box-shadow: 0 14px 34px rgba(16, 24, 40, 0.18);
    animation: metadata-toast-slide-in-b-eng2nn512t 0.22s ease-out;
    pointer-events: none;
}

.metadata-toast-title[b-eng2nn512t] {
    margin: 0 0 4px;
    color: #1f5134;
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.metadata-toast-message[b-eng2nn512t] {
    margin: 0;
    color: #1f2933;
    font-weight: 600;
    overflow-wrap: anywhere;
}

@keyframes metadata-toast-slide-in-b-eng2nn512t {
    from {
        opacity: 0;
        transform: translate(24px, 24px);
    }

    to {
        opacity: 1;
        transform: translate(0, 0);
    }
}
/* /Components/Admin/ProductsAdmin.razor.rz.scp.css */
.create-product-section[b-xmtxxt2rqy] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.create-product-section h2[b-xmtxxt2rqy] {
    margin-top: 0;
    margin-bottom: 16px;
    color: #333;
}

.create-product-form[b-xmtxxt2rqy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-xmtxxt2rqy] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-xmtxxt2rqy] {
    flex: 1;
    min-width: 0;
}

.form-group label[b-xmtxxt2rqy] {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.form-group .form-control[b-xmtxxt2rqy] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-group .form-control:focus[b-xmtxxt2rqy] {
    border-color: var(--vds-accent);
    outline: none;
    box-shadow: var(--vds-focus-ring);
}

.form-actions[b-xmtxxt2rqy] {
    margin-top: 8px;
}

.subsection-divider[b-xmtxxt2rqy] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.products-table[b-xmtxxt2rqy] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

.products-table td[b-xmtxxt2rqy] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

.products-table td:last-child[b-xmtxxt2rqy] {
    border-right: none;
}

.products-table tbody tr:nth-child(odd)[b-xmtxxt2rqy] {
    background-color: #fff;
}

.products-table tbody tr:nth-child(even)[b-xmtxxt2rqy] {
    background-color: #f8f8f8;
}

.create-success-message[b-xmtxxt2rqy] {
    margin-top: 10px;
    color: green;
}

.expand-cell[b-xmtxxt2rqy] {
    width: 48px;
    text-align: center;
    vertical-align: middle;
}

.expand-toggle-button[b-xmtxxt2rqy] {
    border: 1px solid #cfd8e3;
    background-color: #fbfcfe;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
    border-radius: 8px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
    margin: 0 auto;
}

.expand-toggle-button:hover[b-xmtxxt2rqy] {
    background-color: #f3f6fa;
    border-color: #bcc9d9;
}

.expand-toggle-button:focus-visible[b-xmtxxt2rqy] {
    box-shadow: 0 0 0 3px rgba(47, 122, 82, 0.22);
}

.expand-toggle-icon[b-xmtxxt2rqy] {
    width: 9px;
    height: 9px;
    border-right: 2px solid #344054;
    border-bottom: 2px solid #344054;
    transform: rotate(-45deg);
    transition: transform 0.18s ease;
}

.expand-toggle-button.is-expanded .expand-toggle-icon[b-xmtxxt2rqy] {
    transform: rotate(45deg);
}

.actions-cell[b-xmtxxt2rqy] {
    text-align: center;
    vertical-align: middle;
}

.actions-cell .btn[b-xmtxxt2rqy] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1rem 0.45rem;
    min-width: 0;
    line-height: 1;
    font-size: 0.8rem;
}

.actions-cell .btn + .btn[b-xmtxxt2rqy] {
    margin-top: 6px;
}

.editable-cell[b-xmtxxt2rqy] {
    cursor: pointer;
}
.editable-cell:hover[b-xmtxxt2rqy] {
    background-color: rgba(47, 122, 82, 0.08);
}

.edit-input[b-xmtxxt2rqy] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--vds-accent);
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.edit-input:focus[b-xmtxxt2rqy] {
    outline: none;
    box-shadow: var(--vds-focus-ring);
}

.delete-modal-backdrop[b-xmtxxt2rqy] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.delete-modal[b-xmtxxt2rqy] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.delete-modal h3[b-xmtxxt2rqy] {
    margin-top: 0;
    margin-bottom: 12px;
}

.delete-modal p[b-xmtxxt2rqy] {
    margin-bottom: 20px;
}

.delete-modal-actions[b-xmtxxt2rqy] {
    display: flex;
    justify-content: center;
    gap: 100px;
}

.create-error-message[b-xmtxxt2rqy] {
    margin-top: 10px;
    color: #dc3545;
}

.product-thumbnail[b-xmtxxt2rqy] {
    cursor: pointer;
    max-width: 80px;
    max-height: 80px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.product-edit-modal[b-xmtxxt2rqy] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 720px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
}

.product-edit-modal.link-items-modal[b-xmtxxt2rqy] {
    max-width: min(1521px, calc(100vw - 32px));
}

@media (min-width: 641px) {
    .link-items-modal-backdrop[b-xmtxxt2rqy] {
        left: 250px;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

.create-image-field[b-xmtxxt2rqy] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.create-image-preview[b-xmtxxt2rqy],
.create-image-empty-state[b-xmtxxt2rqy] {
    margin-top: 4px;
}
/* /Components/Admin/Shared/AdminGridActions.razor.rz.scp.css */
/* Styles action buttons inside the AdminGridActions component. */
td[b-eznz8bmcb1] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
    text-align: center;
    vertical-align: middle;
}

td:last-child[b-eznz8bmcb1] {
    border-right: none;
}

button[b-eznz8bmcb1] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0.1rem 0.45rem;
    min-width: 0;
    line-height: 1;
    font-size: 0.8rem;
}

.action-button-wrapper[b-eznz8bmcb1] {
    display: block;
    position: relative;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.action-button-wrapper + .action-button-wrapper[b-eznz8bmcb1] {
    margin-top: 6px;
}

.action-button-wrapper.has-tooltip[b-eznz8bmcb1]::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 6px);
    z-index: 1000;
    padding: 0.3rem 0.5rem;
    border-radius: 4px;
    color: #fff;
    background-color: #222;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transform: translateX(-50%);
    visibility: hidden;
}

.action-button-wrapper.has-tooltip:hover[b-eznz8bmcb1]::after,
.action-button-wrapper.has-tooltip:focus-within[b-eznz8bmcb1]::after {
    opacity: 1;
    visibility: visible;
}

td.actions-cell-inline[b-eznz8bmcb1] {
    white-space: nowrap;
}

td.actions-cell-inline .action-button-wrapper[b-eznz8bmcb1] {
    display: inline-block;
    width: auto;
    margin: 0 3px;
}

td.actions-cell-inline button[b-eznz8bmcb1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
}

td.actions-cell-inline .action-button-wrapper + .action-button-wrapper[b-eznz8bmcb1] {
    margin-top: 0;
}

.action-icon[b-eznz8bmcb1] {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.action-icon-fill[b-eznz8bmcb1] {
    fill: currentColor;
    stroke: none;
}
/* /Components/Admin/Shared/LinkedItemsPanel.razor.rz.scp.css */
.linked-items-row td[b-t1z7w33ebr] {
    background-color: #fdfdfd;
}

.linked-items-container[b-t1z7w33ebr] {
    padding: 6px 0;
}

.linked-items-status[b-t1z7w33ebr] {
    margin: 0;
    color: #555;
}

.linked-items-error[b-t1z7w33ebr] {
    margin: 0;
    color: #dc3545;
}

.linked-items-card[b-t1z7w33ebr] {
    margin-top: 8px;
    margin-left: 14px;
    margin-right: auto;
    width: min(100%, 460px);
    padding: 10px 12px;
    background-color: #f7f9fb;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

@media (max-width: 992px) {
    .linked-items-card[b-t1z7w33ebr] {
        width: calc(100% - 14px);
    }
}

.linked-item-card-row[b-t1z7w33ebr] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) auto auto;
    align-items: center;
    column-gap: 16px;
    row-gap: 4px;
    padding: 6px 4px;
}

.linked-item-card-row + .linked-item-card-row[b-t1z7w33ebr] {
    border-top: 1px solid #e9edf2;
}

.linked-item-main[b-t1z7w33ebr] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.linked-item-display-name[b-t1z7w33ebr] {
    font-weight: 600;
    color: #1f2937;
    line-height: 1.1;
    word-break: break-word;
}

.linked-item-child-id[b-t1z7w33ebr] {
    color: #6b7280;
    font-weight: 500;
    font-size: 0.9em;
}

.linked-item-type[b-t1z7w33ebr] {
    margin-top: 1px;
    margin-bottom: 0;
    font-size: 0.85rem;
    color: #6b7280;
    line-height: 1.15;
}

.linked-item-quantity[b-t1z7w33ebr] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.linked-item-quantity-placeholder[b-t1z7w33ebr] {
    width: 48px;
}

.linked-item-label[b-t1z7w33ebr] {
    font-size: 0.8rem;
    color: #6b7280;
}

.linked-item-value[b-t1z7w33ebr] {
    font-weight: 600;
    color: #111827;
}

.linked-item-editable-value[b-t1z7w33ebr] {
    cursor: pointer;
}

.linked-item-video-link[b-t1z7w33ebr] {
    color: #6b7280;
}

.video-view-link[b-t1z7w33ebr] {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

.video-view-link:hover[b-t1z7w33ebr] {
    text-decoration: underline;
    color: #1d4ed8;
}

.linked-item-download-link[b-t1z7w33ebr] {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
}

.linked-item-qty-input[b-t1z7w33ebr] {
    width: 72px;
    min-width: 72px;
}

.linked-item-qty-error[b-t1z7w33ebr] {
    margin-left: 4px;
    color: #b42318;
    font-size: 0.75rem;
    white-space: normal;
    max-width: 220px;
}

.linked-item-actions[b-t1z7w33ebr] {
    display: flex;
    justify-content: flex-start;
}

@media (max-width: 640px) {
    .linked-item-card-row[b-t1z7w33ebr] {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    .linked-item-quantity[b-t1z7w33ebr],
    .linked-item-actions[b-t1z7w33ebr] {
        grid-column: 1 / -1;
    }
}
/* /Components/Admin/Shared/LinkModalGrid.razor.rz.scp.css */
.delete-modal-backdrop[b-e6kdrx0fwz] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.product-edit-modal[b-e6kdrx0fwz] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 720px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
}

.product-edit-modal.link-items-modal[b-e6kdrx0fwz] {
    max-width: min(1521px, calc(100vw - 32px));
}

@media (min-width: 641px) {
    .link-items-modal-backdrop[b-e6kdrx0fwz] {
        left: 250px;
        right: 0;
        top: 0;
        bottom: 0;
    }
}

.link-modal-instruction[b-e6kdrx0fwz] {
    margin-bottom: 12px;
}

.linkable-grid-container[b-e6kdrx0fwz] {
    width: 100%;
    min-width: 0;
    max-height: 360px;
    overflow-x: hidden;
    overflow-y: auto;
}

[b-e6kdrx0fwz] .linkable-items-table {
    width: 100%;
    margin-bottom: 0;
    table-layout: auto;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

[b-e6kdrx0fwz] .linkable-items-table thead th {
    color: #666;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #e4e7eb;
    border-right: 1px solid #e4e7eb;
    background-color: #f7f9fb;
}

[b-e6kdrx0fwz] .linkable-items-table thead th:last-child {
    border-right: none;
}

[b-e6kdrx0fwz] .linkable-items-table th,
[b-e6kdrx0fwz] .linkable-items-table td {
    white-space: nowrap;
    vertical-align: middle;
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

[b-e6kdrx0fwz] .linkable-items-table th:last-child,
[b-e6kdrx0fwz] .linkable-items-table td:last-child {
    border-right: none;
}

[b-e6kdrx0fwz] .linkable-items-table th {
    overflow: hidden;
}

[b-e6kdrx0fwz] .linkable-items-table tbody tr:nth-child(odd) {
    background-color: #fff;
}

[b-e6kdrx0fwz] .linkable-items-table tbody tr:nth-child(even) {
    background-color: #f8f8f8;
}

[b-e6kdrx0fwz] .link-header-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-e6kdrx0fwz] .link-select-column {
    width: 48px;
}

[b-e6kdrx0fwz] .link-col-select {
    width: 60px;
    min-width: 60px;
    text-align: center;
}

[b-e6kdrx0fwz] .link-col-type {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

[b-e6kdrx0fwz] .link-col-qty {
    max-width: 120px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-e6kdrx0fwz] .qty-input {
    width: 80px;
    text-align: center;
}

[b-e6kdrx0fwz] .link-col-display {
    max-width: 350px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

[b-e6kdrx0fwz] .link-col-description {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

[b-e6kdrx0fwz] .cell-description-text {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-e6kdrx0fwz] .cell-display-text {
    display: block;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    font-weight: 600;
    color: #1f2937;
}

[b-e6kdrx0fwz] .link-col-type,
[b-e6kdrx0fwz] .link-col-qty {
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 1024px) {
    [b-e6kdrx0fwz] .cell-display-text {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.link-modal-actions[b-e6kdrx0fwz] {
    margin-top: 24px;
}

.modal-close-button[b-e6kdrx0fwz] {
    position: absolute;
    top: 12px;
    right: 12px;
}
/* /Components/Admin/Shared/Modals/GenericConfirmModal.razor.rz.scp.css */
.confirm-modal-surface[b-11h0n83204] {
    position: relative;
    width: min(460px, 100%);
    overflow: hidden;
    border: 1px solid rgba(180, 35, 24, 0.22);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(16, 24, 40, 0.34);
}

.confirm-modal-header[b-11h0n83204] {
    padding: 28px 32px 24px;
    background: #25332b;
    color: #ffffff;
    text-align: center;
}

.confirm-modal-eyebrow[b-11h0n83204] {
    margin: 0 0 8px;
    color: #ffb4ab;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.confirm-modal-header h2[b-11h0n83204] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 850;
    line-height: 1.15;
}

.confirm-modal-header p:last-child[b-11h0n83204] {
    margin: 10px 0 0;
    color: #f0e3e0;
    font-size: 0.98rem;
    line-height: 1.45;
}

.confirm-modal-body[b-11h0n83204] {
    padding: 28px 32px 32px;
    text-align: center;
}

.confirm-modal-alert[b-11h0n83204] {
    margin-bottom: 18px;
    text-align: left;
}

.confirm-modal-warning[b-11h0n83204] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1.5px solid #b45309;
    border-radius: 6px;
    background-color: #fffbeb;
    color: #78350f;
    text-align: left;
}

.confirm-modal-warning-icon[b-11h0n83204] {
    flex-shrink: 0;
    font-size: 1.25rem;
    line-height: 1.2;
    color: #b45309;
}

.confirm-modal-warning strong[b-11h0n83204] {
    display: block;
    margin-bottom: 2px;
    font-size: 0.92rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    color: #92400e;
}

.confirm-modal-warning p[b-11h0n83204] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #78350f;
}

.confirm-modal-primary[b-11h0n83204],
.confirm-modal-secondary[b-11h0n83204] {
    width: 100%;
    border-radius: 8px;
    font-family: inherit;
    cursor: pointer;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.confirm-modal-primary[b-11h0n83204] {
    min-height: 56px;
    border: 1px solid #22563b;
    background: #2f7a52;
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 850;
    letter-spacing: 0.01em;
}

.confirm-modal-primary.btn-danger[b-11h0n83204] {
    border-color: #912018;
    background: #b42318;
}

.confirm-modal-primary:hover[b-11h0n83204],
.confirm-modal-primary:focus-visible[b-11h0n83204] {
    border-color: #1d4a32;
    background: #276646;
    color: #ffffff;
    outline: none;
}

.confirm-modal-primary.btn-danger:hover[b-11h0n83204],
.confirm-modal-primary.btn-danger:focus-visible[b-11h0n83204] {
    border-color: #7a271a;
    background: #912018;
}

.confirm-modal-primary:active[b-11h0n83204],
.confirm-modal-secondary:active[b-11h0n83204] {
    transform: translateY(1px);
}

.confirm-modal-secondary[b-11h0n83204] {
    min-height: 48px;
    margin-top: 12px;
    border: 1px solid #c6d0cc;
    background: #ffffff;
    color: #2d3748;
    font-size: 1rem;
    font-weight: 800;
}

.confirm-modal-secondary:hover[b-11h0n83204],
.confirm-modal-secondary:focus-visible[b-11h0n83204] {
    border-color: #2f7a52;
    background: #f4f8f6;
    color: #1f2933;
    outline: none;
}

.confirm-modal-primary:disabled[b-11h0n83204],
.confirm-modal-secondary:disabled[b-11h0n83204] {
    cursor: not-allowed;
    opacity: 0.68;
    transform: none;
}

@media (max-width: 520px) {
    .confirm-modal-header[b-11h0n83204],
    .confirm-modal-body[b-11h0n83204] {
        padding-left: 24px;
        padding-right: 24px;
    }

    .confirm-modal-header h2[b-11h0n83204] {
        font-size: 1.55rem;
    }
}
/* /Components/Admin/Shared/Modals/GenericModalBackdrop.razor.rz.scp.css */
.delete-modal-backdrop[b-r2pgc9hors] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

/* Transparent layout pass-through so the modal surface is a direct flex child
   of the backdrop, ensuring justify-content: center always works regardless
   of content size. Event handlers on this div continue to function normally. */
.modal-backdrop-inner[b-r2pgc9hors] {
    display: contents;
}

.delete-modal-backdrop.confirm-modal-backdrop[b-r2pgc9hors] {
    background: rgba(18, 24, 20, 0.68);
}

[b-r2pgc9hors] .delete-modal {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

[b-r2pgc9hors] .delete-modal h3 {
    margin-top: 0;
    margin-bottom: 12px;
}

[b-r2pgc9hors] .delete-modal p {
    margin-bottom: 20px;
}

[b-r2pgc9hors] .delete-modal-actions {
    display: flex;
    justify-content: center;
    gap: 100px;
}

/* /Components/Admin/Shared/Modals/ImageEditModal.razor.rz.scp.css */
.image-edit-modal-surface[b-m7xk7sri8h] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: min(640px, calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.image-edit-modal-close-button[b-m7xk7sri8h] {
    position: absolute;
    top: 12px;
    right: 12px;
    left: auto;
    bottom: auto;
    margin: 0;
    z-index: 5;
}

.image-edit-modal-title[b-m7xk7sri8h] {
    margin: 0 0 4px;
    padding-right: 2rem;
}

.image-edit-form-row[b-m7xk7sri8h] {
    gap: 0;
}

.image-edit-form-group[b-m7xk7sri8h] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

.image-edit-modal-preview-image[b-m7xk7sri8h] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 30vh;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin: 0 auto;
}

.image-fallback[b-m7xk7sri8h] {
    color: #6c757d;
    font-style: italic;
}

.image-edit-modal-preview[b-m7xk7sri8h] {
    margin-top: 4px;
    max-height: 30vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-edit-modal-action-row[b-m7xk7sri8h] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.image-edit-modal-footer[b-m7xk7sri8h] {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 4px;
    flex-shrink: 0;
}

.image-edit-modal-footer .btn[b-m7xk7sri8h],
.image-edit-modal-action-row .btn[b-m7xk7sri8h] {
    min-width: 120px;
    padding-inline: 1rem;
}

.image-edit-modal-footer .btn.btn-primary[b-m7xk7sri8h] {
    min-width: 136px;
}

.create-error-message[b-m7xk7sri8h] {
    margin-top: 10px;
    color: #dc3545;
}
/* /Components/Admin/Shared/SortableGridHeader.razor.rz.scp.css */
/* Styles sortable table header cells inside the shared SortableGridHeader component. */
thead th[b-mz65jb50so] {
    color: #666;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #e4e7eb;
    border-right: 1px solid #e4e7eb;
    background-color: #f7f9fb;
}

thead th:last-child[b-mz65jb50so] {
    border-right: none;
}

.sortable-header[b-mz65jb50so] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-mz65jb50so] {
    background-color: #f0f0f0;
}

.expand-column-header[b-mz65jb50so] {
    width: 48px;
}

.sortable-header-content[b-mz65jb50so] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sortable-header-label[b-mz65jb50so] {
    line-height: 1.2;
}

.sort-indicator[b-mz65jb50so] {
    min-width: 10px;
    text-align: center;
    line-height: 1;
}
/* /Components/Admin/SubTypesAdmin.razor.rz.scp.css */
.create-subType-section[b-cffks1gk66] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.create-subType-section h2[b-cffks1gk66] {
    margin-top: 0;
    margin-bottom: 16px;
    color: #333;
}

.create-subType-form[b-cffks1gk66] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-cffks1gk66] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-cffks1gk66] {
    flex: 1;
    min-width: 0;
}

.form-group label[b-cffks1gk66] {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.form-group .form-control[b-cffks1gk66] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-group .form-control:focus[b-cffks1gk66] {
    border-color: var(--vds-accent);
    outline: none;
    box-shadow: 0 0 0 2px var(--vds-focus-ring);
}

.form-actions[b-cffks1gk66] {
    margin-top: 8px;
}

.subsection-divider[b-cffks1gk66] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.subtype-table[b-cffks1gk66] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

.subtype-table th[b-cffks1gk66] {
    color: #666;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #e4e7eb;
    border-right: 1px solid #e4e7eb;
    background-color: #f7f9fb;
}

.subtype-table td[b-cffks1gk66] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

.subtype-table th:last-child[b-cffks1gk66],
.subtype-table td:last-child[b-cffks1gk66] {
    border-right: none;
}

.subtype-table tbody tr:nth-child(odd)[b-cffks1gk66] {
    background-color: #fff;
}

.subtype-table tbody tr:nth-child(even)[b-cffks1gk66] {
    background-color: #f8f8f8;
}

.create-success-message[b-cffks1gk66] {
    margin-top: 10px;
    color: green;
}

.sortable-header[b-cffks1gk66] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-cffks1gk66] {
    background-color: #f0f0f0;
}

.editable-cell[b-cffks1gk66] {
    cursor: pointer;
}

.editable-cell:hover[b-cffks1gk66] {
    background-color: rgba(47, 122, 82, 0.08);
}

.edit-input[b-cffks1gk66] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid var(--vds-accent);
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.edit-input:focus[b-cffks1gk66] {
    outline: none;
    box-shadow: 0 0 0 2px var(--vds-focus-ring);
}

.delete-modal-backdrop[b-cffks1gk66] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.delete-modal[b-cffks1gk66] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.delete-modal h3[b-cffks1gk66] {
    margin-top: 0;
    margin-bottom: 12px;
}

.delete-modal p[b-cffks1gk66] {
    margin-bottom: 20px;
}

.delete-modal-actions[b-cffks1gk66] {
    display: flex;
    justify-content: center;
    gap: 100px;
}
/* /Components/Admin/VideosAdmin.razor.rz.scp.css */
.create-video-section[b-xsb8ib55x9] {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.create-video-section h2[b-xsb8ib55x9] {
    margin-top: 0;
    margin-bottom: 16px;
    color: #333;
}

.create-video-form[b-xsb8ib55x9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-row[b-xsb8ib55x9] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-xsb8ib55x9] {
    flex: 1;
    min-width: 0;
}

.form-group label[b-xsb8ib55x9] {
    display: block;
    margin-bottom: 4px;
    font-weight: 600;
    color: #555;
}

.form-group .form-control[b-xsb8ib55x9] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.form-group .form-control:focus[b-xsb8ib55x9] {
    border-color: #0d6efd;
    outline: none;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}

.form-actions[b-xsb8ib55x9] {
    margin-top: 8px;
}

.subsection-divider[b-xsb8ib55x9] {
    margin: 30px 0;
    border: none;
    border-top: 1px solid #ddd;
}

.videos-table[b-xsb8ib55x9] {
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e4e7eb;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06);
    background-color: #fff;
}

.videos-table th[b-xsb8ib55x9] {
    color: #666;
    font-weight: 600;
    padding: 12px 16px;
    border-bottom: 1px solid #e4e7eb;
    border-right: 1px solid #e4e7eb;
    background-color: #f7f9fb;
}

.videos-table td[b-xsb8ib55x9] {
    padding: 12px 16px;
    border-right: 1px solid #e9edf2;
}

.videos-table th:last-child[b-xsb8ib55x9],
.videos-table td:last-child[b-xsb8ib55x9] {
    border-right: none;
}

.videos-table tbody tr:nth-child(odd)[b-xsb8ib55x9] {
    background-color: #fff;
}

.videos-table tbody tr:nth-child(even)[b-xsb8ib55x9] {
    background-color: #f8f8f8;
}

.create-success-message[b-xsb8ib55x9] {
    margin-top: 10px;
    color: green;
}

.sortable-header[b-xsb8ib55x9] {
    cursor: pointer;
    user-select: none;
}

.sortable-header:hover[b-xsb8ib55x9] {
    background-color: #f0f0f0;
}

.editable-cell[b-xsb8ib55x9] {
    cursor: pointer;
}

.editable-cell:hover[b-xsb8ib55x9] {
    background-color: #e8f4ff;
}

.edit-input[b-xsb8ib55x9] {
    width: 100%;
    padding: 4px 8px;
    border: 1px solid #0d6efd;
    border-radius: 4px;
    font-size: 14px;
    box-sizing: border-box;
}

.edit-input:focus[b-xsb8ib55x9] {
    outline: none;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25);
}

.delete-modal-backdrop[b-xsb8ib55x9] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 16px;
}

.delete-modal[b-xsb8ib55x9] {
    background-color: #fff;
    border-radius: 8px;
    padding: 24px;
    width: 100%;
    max-width: 420px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.delete-modal h3[b-xsb8ib55x9] {
    margin-top: 0;
    margin-bottom: 12px;
}

.delete-modal p[b-xsb8ib55x9] {
    margin-bottom: 20px;
}

.delete-modal-actions[b-xsb8ib55x9] {
    display: flex;
    justify-content: center;
    gap: 100px;
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* Full-viewport login page wrapper — matches NavMenu .top-row background */
.login-page[b-aj5qis5uxi] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(67, 71, 67, 1);
}

/* Support message pinned to bottom-center of the page */
.login-footer[b-aj5qis5uxi] {
    position: fixed;
    bottom: 1.5rem;
    left: 0;
    right: 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
}

    .login-footer a[b-aj5qis5uxi] {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: underline;
    }

        .login-footer a:hover[b-aj5qis5uxi] {
            color: #ffffff;
        }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/*Outer wrapper of Blazor layout*/
.page[b-tkguqiiw6h] {
    position: relative; /* Establish a positioning context for any absolutely-positioned children */
    display: flex; /* •	Turns .page into a flex container, so its direct children become flex items. */
    flex-direction: column; /*•	This is “mobile-first”: on narrow screens, the layout naturally becomes a vertical stack ( */
}

/* Main content container (holds the routed page content) */
main[b-tkguqiiw6h] {
    flex: 1; /* Take up remaining space (especially important on desktop when sidebar is present) */
    min-width: 0; /* Prevent main content from forcing sidebar shrink in flex row layout */
}

/* Left sidebar background (NavMenu lives inside this) */
.sidebar[b-tkguqiiw6h] {
    background-color: rgba(74, 79, 74, 1); /* Sidebar background color */
}

/* Top header row (used by the default Blazor layout template) */
.top-row[b-tkguqiiw6h] {
    background-color: #f7f7f7; /* Light header background */
    border-bottom: 1px solid #d6d5d5; /* Subtle bottom border to separate header from content */
    justify-content: flex-end; /* Push header content to the right by default */
    height: 3.5rem; /* Match the common header height used across the app */
    display: flex; /* Use flexbox so we can align items vertically */
    align-items: center; /* Center items vertically within the header */
}

/*****************************************NEED TO STILL REVIEW THE BELOW CODE***********************************************************************/

/* Links/buttons inside the top row (using ::deep so it can style child component content) */
    .top-row[b-tkguqiiw6h]  a, .top-row[b-tkguqiiw6h]  .btn-link {
        white-space: nowrap; /* Prevent links from wrapping to a second line */
        margin-left: 1.5rem; /* Spacing between header items */
        text-decoration: none; /* Remove underline by default */
    }

/* Hover state for links/buttons in the top row */
        .top-row[b-tkguqiiw6h]  a:hover, .top-row[b-tkguqiiw6h]  .btn-link:hover {
            text-decoration: underline; /* Show underline on hover for clearer affordance */
        }

/* First link truncation behavior (prevents header overflow) */
        .top-row[b-tkguqiiw6h]  a:first-child {
            overflow: hidden; /* Hide overflowed text */
            text-overflow: ellipsis; /* Show "..." when truncated */
        }

/* Mobile layout tweaks */
@media (max-width: 640.98px) {
    .top-row[b-tkguqiiw6h] {
        justify-content: space-between; /* Spread items out on narrow screens */
    }

    /* Remove left margin so items fit better on small screens */
        .top-row[b-tkguqiiw6h]  a, .top-row[b-tkguqiiw6h]  .btn-link {
            margin-left: 0; /* Reset spacing for mobile */
        }
}

/* Desktop layout (sidebar on the left, content on the right) */
@media (min-width: 641px) {
    .page[b-tkguqiiw6h] {
        flex-direction: row; /* Desktop: sidebar and main content side-by-side */
    }

    /* Sidebar becomes a fixed-width column anchored to the viewport so it never scrolls with the page */
    .sidebar[b-tkguqiiw6h] {
        width: 250px; /* Fixed sidebar width */
        min-width: 250px; /* Lock sidebar width so nav does not compress */
        max-width: 250px; /* Lock sidebar width so nav does not stretch */
        flex: 0 0 250px; /* Reserve the same amount of horizontal space in the flex layout */
        height: 100vh; /* Full viewport height */
        position: fixed; /* Anchor to the viewport so it stays in place regardless of page scroll position */
        top: 0; /* Pin to the top of the viewport */
        left: 0; /* Pin to the left of the viewport */
        z-index: 1; /* Stay above the scrolling main content */
    }

    /* Main content needs to make room for the now-fixed sidebar, since fixed elements are removed from normal flow */
    main[b-tkguqiiw6h] {
        margin-left: 250px; /* Match the sidebar width so content isn't hidden underneath it */
    }

    /* Keep the header row visible at the top while scrolling (if used) */
    .top-row[b-tkguqiiw6h] {
        position: sticky; /* Stick to the top during scroll */
        top: 0; /* Stick position */
        z-index: 1; /* Ensure it stays above main content */
    }

    /* Special case for authenticated header layouts */
        .top-row.auth[b-tkguqiiw6h]  a:first-child {
            flex: 1; /* Allow the first link to take remaining space */
            text-align: right; /* Align it to the right */
            width: 0; /* Enable ellipsis/truncation with flex items */
        }

    /* Content padding is controlled globally in `wwwroot/app.css` via `.content`. */
}

/* Blazor's built-in unhandled error UI bar */
#blazor-error-ui[b-tkguqiiw6h] {
    color-scheme: light only; /* Force light styling regardless of OS theme */
    background: lightyellow; /* Warning-like background */
    bottom: 0; /* Dock to the bottom of the viewport */
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); /* Slight shadow to separate from page content */
    box-sizing: border-box; /* Make padding included in width calculations */
    display: none; /* Hidden by default; shown by Blazor on error */
    left: 0; /* Align with left edge */
    padding: 0.6rem 1.25rem 0.7rem 1.25rem; /* Comfortable spacing around the message */
    position: fixed; /* Overlay above the page content */
    width: 100%; /* Full-width bar */
    z-index: 1000; /* Ensure it appears above other UI */
}

/* "Dismiss" (close) button for the error UI */
    #blazor-error-ui .dismiss[b-tkguqiiw6h] {
        cursor: pointer; /* Indicate it's clickable */
        position: absolute; /* Position inside the error bar */
        right: 0.75rem; /* Right spacing */
        top: 0.5rem; /* Top spacing */
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* The menu toggle checkbox (hamburger button) */    
.navbar-toggler[b-5ju48r88hb] { 
    appearance: none; /* Hide the default checkbox look */
    cursor: pointer; /* Show a hand cursor */
    width: 3.5rem; /* Button width */
    height: 2.5rem; /* Button height */
    color: white; /* Text/icon color if `currentColor` is used */
    position: absolute; /* Ensures button stays where it needs to, ignoring other elements */
    top: 0.5rem; /* Space from the top */
    left: 1rem; /* Space from the left */
    right: auto; /* Don’t anchor to the right for any reason*/
    z-index: 2; /* Keep it above other header content */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Light border around the button */
    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); /* Hamburger icon + subtle background */
}

/* When the menu is open */
.navbar-toggler:checked[b-5ju48r88hb] {
    background-color: rgba(255, 255, 255, 0.5); /* Make the button look “active” */
}

/* Top header area inside the nav */
.top-row[b-5ju48r88hb] {
    display: flex; /* Use flex layout (allows align-items and justify-content in next lines */
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
    min-height: 5.7rem; /* Slightly reduce header height to make the logo a little smaller */
    background-color: rgba(67, 71, 67, 1); /* Dark background behind the title */
}

/* The top brand link that contains the logo image */
.navbar-brand[b-5ju48r88hb] {
    display: inline-flex; /* Let the logo align cleanly in the brand area */
    align-items: center; /* Keep the logo vertically centered */
    justify-content: center; /* Keep the logo horizontally centered */
    width: 100%; /* Let the logo use the full header width */
    height: 100%; /* Fill the header so centering works consistently */
    margin: 0; /* Remove default Bootstrap brand spacing */
    padding: 0; /* Remove extra clickable padding around the logo */
    line-height: 0; /* Prevent line box space from pulling the logo upward */
}

/* The header container that keeps the brand logo centered */
.top-row .container-fluid[b-5ju48r88hb] {
    display: flex; /* Use flex to position the brand container */
    align-items: center; /* Center the logo vertically in the header */
    justify-content: center; /* Keep the logo horizontally centered */
    width: 100%; /* Stretch the container across the full header */
    height: 100%; /* Match the header height for vertical centering */
    padding-left: 0; /* Remove horizontal offset */
    padding-right: 0; /* Keep centering balanced */
}

/* The VDS Portal logo image shown in the nav header */
.navbar-brand-logo[b-5ju48r88hb] {
    display: block; /* Remove inline image spacing issues */
    width: 100%; /* Fill the available width in the header box */
    height: 100%; /* Fill the available height in the header box */
    object-fit: cover; /* Fill the box tightly, cropping overflow if needed */
    padding-top: 0; /* Remove extra top spacing */
}

/* Base style for the below Bootstrap Icon elements */
.bi[b-5ju48r88hb] {
    display: inline-block; /* Let width/height apply */
    position: relative; /* Allow small position tweaks */
    width: 1.175rem; /* Icon width */
    height: 1.175rem; /* Icon height */
    margin-right: 0.7rem; /* Space between icon and text */
    top: -1px; /* Nudge icon up a bit */
    background-size: cover; /* Fill the icon box with the image */
}

/* Home Bootstrap Icon */
.bi-house-door-fill-nav-menu[b-5ju48r88hb] {
    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"); /* Inline SVG icon */
}

/* Drone Bootstrap Icon */
.bi-drone-nav-menu[b-5ju48r88hb] {
    background-image: url("/images/drone.png"); /* Drone image file */
    background-repeat: no-repeat; /* Prevents the background image from tiling (repeating) to fill the element */
    background-position: center; /* Center the image */
    background-size: contain; /* Fit the whole image inside the box */
}

/* Trailer Bootstrap Icon */
.bi-trailer-nav-menu[b-5ju48r88hb] {
    background-image: url("/images/trailer.png"); /* Trailer image file */
    background-repeat: no-repeat; /* Prevents the background image from tiling (repeating) to fill the element */
    background-position: center; /* Center the image */
    background-size: contain; /* Fit the whole image inside the box */
}

/* Printer Bootstrap Icon */
.bi-printer-nav-menu[b-5ju48r88hb] {
    background-image: url("/images/printer.png"); /* Printer image file */
    background-repeat: no-repeat; /* Prevents the background image from tiling (repeating) to fill the element */
    background-position: center; /* Center the image */
    background-size: contain; /* Fit the whole image inside the box */
}

/* Player icon */
.bi-player-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 5a2 2 0 0 1 2-2h7.5a2 2 0 0 1 2 2v.45l2.82-1.88A1.1 1.1 0 0 1 16 4.49v7.02a1.1 1.1 0 0 1-1.68.92l-2.82-1.88V11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5Zm2-1a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h7.5a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H2Zm9.5 2.65v2.7L15 11.69V4.31l-3.5 2.34Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Battery icon */
.bi-battery-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M9.585 2.568a.5.5 0 0 1 .226.58L8.677 6.832h1.99a.5.5 0 0 1 .364.843l-5.334 5.667a.5.5 0 0 1-.842-.49L5.99 9.167H4a.5.5 0 0 1-.364-.843l5.333-5.667a.5.5 0 0 1 .616-.09z'/%3E%3Cpath d='M2 4h4.332l-.94 1H2a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2.38l-.308 1H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2'/%3E%3Cpath d='M2 6h2.45L2.908 7.639A1.5 1.5 0 0 0 3.313 10H2zm8.595-2-.308 1H12a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H9.276l-.942 1H12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z'/%3E%3Cpath d='M12 10h-1.783l1.542-1.639q.146-.156.241-.34zm0-3.354V6h-.646a1.5 1.5 0 0 1 .646.646M16 8a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Radio & Goggles icon */
.bi-radio-goggles-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.248c1.857 0 3.526.641 4.65 1.794a5 5 0 0 1 2.518 1.09C13.907 1.482 11.295 0 8 0 4.75 0 2.12 1.48.844 4.122a5 5 0 0 1 2.289-1.047C4.236 1.872 5.974 1.248 8 1.248'/%3E%3Cpath d='M12 12a4 4 0 0 1-2.786-1.13l-.002-.002a1.6 1.6 0 0 0-.276-.167A2.2 2.2 0 0 0 8 10.5c-.414 0-.729.103-.935.201a1.6 1.6 0 0 0-.277.167l-.002.002A4 4 0 1 1 4 4h8a4 4 0 0 1 0 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* CUAS (Radar) icon */
.bi-cuas-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M6.634 1.135A7 7 0 0 1 15 8a.5.5 0 0 1-1 0 6 6 0 1 0-6.5 5.98v-1.005A5 5 0 1 1 13 8a.5.5 0 0 1-1 0 4 4 0 1 0-4.5 3.969v-1.011A2.999 2.999 0 1 1 11 8a.5.5 0 0 1-1 0 2 2 0 1 0-2.5 1.936v-1.07a1 1 0 1 1 1 0V15.5a.5.5 0 0 1-1 0v-.518a7 7 0 0 1-.866-13.847'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Chat Dots (Feedback) Bootstrap Icon */
.bi-chat-dots-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3Cpath d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9 9 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.4 10.4 0 0 1-.524 2.318l-.003.011a11 11 0 0 1-.244.637c-.079.186.074.394.273.362a22 22 0 0 0 .693-.125m.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6-3.004 6-7 6a8 8 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a11 11 0 0 0 .398-2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Admin Tool icon */
.bi-admin-tool-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5A1.5 1.5 0 0 1 7.5 2h1A1.5 1.5 0 0 1 10 3.5v1A1.5 1.5 0 0 1 8.5 6v1H14a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0V8h-5v.5a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 2 7h5.5V6A1.5 1.5 0 0 1 6 4.5zM8.5 5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zM0 11.5A1.5 1.5 0 0 1 1.5 10h1A1.5 1.5 0 0 1 4 11.5v1A1.5 1.5 0 0 1 2.5 14h-1A1.5 1.5 0 0 1 0 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5A1.5 1.5 0 0 1 7.5 10h1a1.5 1.5 0 0 1 1.5 1.5v1A1.5 1.5 0 0 1 8.5 14h-1A1.5 1.5 0 0 1 6 12.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5zm4.5.5a1.5 1.5 0 0 1 1.5-1.5h1a1.5 1.5 0 0 1 1.5 1.5v1a1.5 1.5 0 0 1-1.5 1.5h-1a1.5 1.5 0 0 1-1.5-1.5zm1.5-.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Wrapper around each nav link */
.nav-item[b-5ju48r88hb] { 
    font-size: 0.875rem; /* Link text size */
    padding-bottom: 0.35rem; /* Space below each item */
    padding-left: 0.5rem; /* Left padding */
    padding-right: 1.5rem; /* Right padding */
}

/* Logout icon */
.bi-logout-nav-menu[b-5ju48r88hb] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 15a1 1 0 0 0 1-1v-2h-1v2H2V2h8v2h1V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/*Adds a space between the top nav button and the "VDS Portal" box*/
.nav-item:first-of-type[b-5ju48r88hb] { /* First item only */
    padding-top: 0.8rem;
}

/*Adds a space between the bottom nav button and the bottom of the nav bar*/
.nav-item:last-of-type[b-5ju48r88hb] { /* Last item only */
    padding-bottom: 0.8rem; 
}

.player-nav-button[b-5ju48r88hb] {
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}

.logout-bottom-nav-item[b-5ju48r88hb] {
    margin-top: auto;
    padding-top: 0;
}

.nav-support-message[b-5ju48r88hb] {
    margin-top: 0;
    padding: 0 1.5rem 1.25rem 1rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875rem;
}

.nav-support-message-heading[b-5ju48r88hb],
.nav-support-message a[b-5ju48r88hb] {
    display: block;
}

.nav-support-message a[b-5ju48r88hb] {
    color: rgba(255, 255, 255, 0.85);
    text-decoration: underline;
}

.nav-support-message a:hover[b-5ju48r88hb] {
    color: #ffffff;
}

/* Slide-in drawer menu for small screens */
.nav-scrollable[b-5ju48r88hb] {
    display: flex; /* Keep it in the DOM so transforms can animate */
    flex-direction: column;
    position: fixed; /* Overlay on top of the page */
    top: 5.7rem; /* Start below the slightly shorter header */
    left: 0; /* Stick to the left edge */
    width: min(80vw, 280px); /* Drawer width */
    height: calc(100vh - 5.7rem); /* Fill the rest of the screen */
    overflow-y: auto; /* Scroll if links don’t fit */
    background-color: rgba(74, 79, 74, 1); /* Drawer background */
    transform: translateX(-100%); /* Start hidden off-screen */
    transition: transform 200ms ease-out, visibility 0s linear 200ms; /* Animate slide out, then hide after animation */
    will-change: transform; /* Hint for smoother animation */
    visibility: hidden; /* Hide it when closed */
    pointer-events: none; /* Don’t allow clicks when closed */
    z-index: 1000; /* Keep it above the page */
}

/* When the toggle is checked, show the drawer */
.navbar-toggler:checked ~ .nav-scrollable[b-5ju48r88hb] {
    transform: translateX(0); /* Slide in */
    visibility: visible; /* Make it visible immediately */
    pointer-events: auto; /* Allow clicks */
    transition: transform 200ms ease-out, visibility 0s; /* No delay when opening */
}

/* Respect reduced motion browser accessibility settings */
@media (prefers-reduced-motion: reduce) { 
    .nav-scrollable[b-5ju48r88hb] {
        transition: none; /* Turn off animation */
    }
}

/* Desktop and larger */
@media (min-width: 641px) { 
    .navbar-toggler[b-5ju48r88hb] { /* Hide the hamburger button */
        display: none; /* Always show the nav instead */
    }

    /* Make the nav act like a normal sidebar */
    .nav-scrollable[b-5ju48r88hb] { 
        position: static; /* Put it back into the page layout */
        top: auto; /* Reset fixed values */
        left: auto; /* Reset fixed values */
        width: auto; /* Let it size naturally */
        transform: none; /* Don’t slide it */
        transition: none; /* No animation */
        will-change: auto; /* No special animation hint needed */
        visibility: visible; /* Always visible */
        pointer-events: auto; /* Always clickable */
        z-index: auto; /* Normal stacking order */
        display: flex; /* Ensure it stays shown */
        flex-direction: column;
        height: calc(100vh - 5.7rem); /* Fill the sidebar height under the slightly shorter header */
        overflow-y: auto; /* Scroll if needed */
        background-color: transparent; /* Let the parent sidebar provide the background */
    }
}
/* /Components/Layout/PlayerLaunchModal.razor.rz.scp.css */
.player-modal-backdrop[b-icn0thjs6l] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(31, 36, 31, 0.62);
}

.player-modal[b-icn0thjs6l] {
    width: min(820px, 96vw);
    max-height: min(600px, 92vh);
    overflow: hidden;
    border: 1px solid #aeb8aa;
    border-radius: 8px;
    background: #f8f6f0;
    color: #1f241f;
    box-shadow: 0 18px 54px rgba(31, 36, 31, 0.38);
}

.player-modal-titlebar[b-icn0thjs6l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem 0.95rem;
    background: #434743;
    color: #f8f6f0;
    border-bottom: 4px solid #2f7a52;
}

.player-modal-titlebar h2[b-icn0thjs6l] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.player-modal-titlebar p[b-icn0thjs6l] {
    margin: 0.35rem 0 0;
    color: #d7d7d7;
    font-size: 0.95rem;
    font-weight: 700;
}

.player-modal-close[b-icn0thjs6l] {
    flex: 0 0 auto;
}

.player-modal-body[b-icn0thjs6l] {
    max-height: calc(min(600px, 92vh) - 88px);
    overflow: auto;
    padding: 1rem 1.2rem 1.1rem;
}

.player-feed-grid[b-icn0thjs6l] {
    display: grid;
    grid-template-columns: minmax(150px, 0.36fr) minmax(320px, 1fr);
    gap: 0.7rem;
}

.player-feed-heading[b-icn0thjs6l] {
    padding: 0.45rem 0.55rem;
    background: #4a4f4a;
    color: #f8f6f0;
    font-size: 0.84rem;
    font-weight: 800;
    text-transform: uppercase;
}

.player-feed-input[b-icn0thjs6l] {
    min-width: 0;
    height: 2.55rem;
    border: 1px solid #cfc7b6;
    border-radius: 4px;
    padding: 0.45rem 0.6rem;
    background: #ffffff;
    color: #1f241f;
    font: inherit;
    font-weight: 700;
}

.player-feed-input:focus[b-icn0thjs6l] {
    border-color: #2f7a52;
    outline: 3px solid rgba(47, 122, 82, 0.24);
    outline-offset: 1px;
}

.player-feed-url[b-icn0thjs6l] {
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.88rem;
}

.player-modal-actions[b-icn0thjs6l] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 1rem;
}

.player-modal-primary[b-icn0thjs6l],
.player-modal-secondary[b-icn0thjs6l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6rem;
    border-radius: 4px;
    padding: 0.55rem 1rem;
    font-weight: 800;
    text-decoration: none;
}

.player-modal-primary[b-icn0thjs6l] {
    border: 1px solid #22563b;
    background: linear-gradient(180deg, #3a8f61 0%, #2f7a52 100%);
    color: #f8f6f0;
}

.player-modal-primary:hover[b-icn0thjs6l],
.player-modal-primary:focus-visible[b-icn0thjs6l] {
    border-color: #1d4a32;
    background: linear-gradient(180deg, #348157 0%, #276646 100%);
    color: #ffffff;
}

.player-modal-primary.disabled[b-icn0thjs6l] {
    pointer-events: none;
    opacity: 0.45;
}

.player-modal-primary:disabled[b-icn0thjs6l] {
    cursor: not-allowed;
    opacity: 0.45;
}

.player-modal-secondary[b-icn0thjs6l] {
    border: 1px solid #cfc7b6;
    background: #f7f5ee;
    color: #394039;
}

.player-modal-secondary:hover[b-icn0thjs6l],
.player-modal-secondary:focus-visible[b-icn0thjs6l] {
    border-color: #b6ab96;
    background: #ece5d6;
    color: #1f241f;
}

@media (max-width: 640px) {
    .player-modal[b-icn0thjs6l] {
        width: 100%;
    }

    .player-modal-titlebar h2[b-icn0thjs6l] {
        font-size: 1.35rem;
    }

    .player-feed-grid[b-icn0thjs6l] {
        grid-template-columns: 1fr;
    }

    .player-feed-heading:nth-child(2)[b-icn0thjs6l] {
        display: none;
    }

    .player-modal-actions[b-icn0thjs6l] {
        flex-direction: column;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0rprra8tkr],
.components-reconnect-repeated-attempt-visible[b-0rprra8tkr],
.components-reconnect-failed-visible[b-0rprra8tkr],
.components-pause-visible[b-0rprra8tkr],
.components-resume-failed-visible[b-0rprra8tkr],
.components-rejoining-animation[b-0rprra8tkr] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-retrying[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-failed[b-0rprra8tkr],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-0rprra8tkr] {
    display: block;
}


#components-reconnect-modal[b-0rprra8tkr] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-0rprra8tkr 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-0rprra8tkr 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-0rprra8tkr 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-0rprra8tkr]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-0rprra8tkr 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-0rprra8tkr {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-0rprra8tkr {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-0rprra8tkr {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-0rprra8tkr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-0rprra8tkr] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-0rprra8tkr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-0rprra8tkr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-0rprra8tkr] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-0rprra8tkr] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-0rprra8tkr] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-0rprra8tkr 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-0rprra8tkr] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-0rprra8tkr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Batteries.razor.rz.scp.css */
h1[b-y9qfvdg77a] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.batteries-state-container[b-y9qfvdg77a] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.batteries-state-message[b-y9qfvdg77a] {
    margin: 0;
}

.batteries-empty-state[b-y9qfvdg77a] {
    color: #4f4f4f;
}

.batteries-alert[b-y9qfvdg77a] {
    max-width: 700px;
}

.batteries-alert-title[b-y9qfvdg77a] {
    margin-top: 0;
    margin-bottom: 8px;
}

.batteries-alert-message[b-y9qfvdg77a],
.batteries-alert-code[b-y9qfvdg77a] {
    margin: 0;
}

.batteries-grid[b-y9qfvdg77a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.batteries-grid.workspace-active[b-y9qfvdg77a] {
    pointer-events: none;
}

.batteries-card-slot.is-hidden-source[b-y9qfvdg77a] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .batteries-grid[b-y9qfvdg77a] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Cuas.razor.rz.scp.css */
:host[b-whtkoxvj0n] {
    --surface-dark: #25332b;
    --surface-light: #ffffff;
    --surface-neutral: #f7f9f8;
    --accent-primary: #2f7a52;
    --accent-soft: #9ee6b3;
    --accent-hover: #276646;
    --text-on-dark: #ffffff;
    --text-on-light: #1f2933;
    --text-muted: #57696a;
    --border-radius: 0.5rem;
    --shadow-card: 0 4px 12px rgba(16, 24, 40, 0.12);
    --shadow-elevated: 0 24px 64px rgba(16, 24, 40, 0.24);
}

h1[b-whtkoxvj0n] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.cuas-tab-bar[b-whtkoxvj0n] {
    margin-top: -10px;
}

/* Keep title and tab section anchored to the top without a jump on initial scroll. */
.cuas-header-sticky[b-whtkoxvj0n] {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-top: -1.1rem;
    margin-left: -2rem;
    margin-right: -1.5rem;
    padding-left: 2rem;
    padding-right: 1.5rem;
    padding-top: 1.1rem;
    background-color: rgba(214, 206, 191, 1);
}

.cuas-modal-backdrop[b-whtkoxvj0n] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(31, 36, 31, 0.62);
}

.cuas-modal[b-whtkoxvj0n] {
    width: min(560px, 96vw);
    max-height: min(600px, 92vh);
    overflow: hidden;
    overflow-y: auto;
    border: 1px solid #aeb8aa;
    border-radius: 8px;
    background: #f8f6f0;
    color: #1f241f;
    box-shadow: 0 18px 54px rgba(31, 36, 31, 0.38);
}

.cuas-modal-titlebar[b-whtkoxvj0n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.2rem 0.95rem;
    background: #434743;
    color: #f8f6f0;
    border-bottom: 4px solid #2f7a52;
}

.cuas-modal-titlebar h2[b-whtkoxvj0n] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.cuas-modal-titlebar p[b-whtkoxvj0n] {
    margin: 0.35rem 0 0;
    color: #d7d7d7;
    font-size: 0.95rem;
    font-weight: 700;
}

.cuas-modal-close[b-whtkoxvj0n] {
    flex: 0 0 auto;
}

.cuas-modal-body[b-whtkoxvj0n] {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
}

.cuas-modal-image[b-whtkoxvj0n] {
    width: 100%;
    max-width: 360px;
    border-radius: 8px;
}

.cuas-modal-options[b-whtkoxvj0n] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
}

.cuas-modal-option[b-whtkoxvj0n] {
    width: 100%;
    padding: 0.9rem 1.25rem;
    border: 1.5px solid var(--vds-accent);
    border-radius: 8px;
    background-color: #2f7a52;
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.cuas-modal-option:hover[b-whtkoxvj0n],
.cuas-modal-option:focus-visible[b-whtkoxvj0n] {
    background-color: #276646;
}

/* Responsive tab adjustments for mobile, matching Home.razor.css */
@media (max-width: 640px) {
    .home-tab-button[b-whtkoxvj0n] {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
    }
}

.cuas-tab-hidden[b-whtkoxvj0n] {
    display: none;
}
/* /Components/Pages/CuasEquipmentPanel.razor.rz.scp.css */
.cuas-equipment-state-container[b-ew60orow3g] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.cuas-equipment-state-message[b-ew60orow3g] {
    margin: 0;
}

.cuas-equipment-empty-state[b-ew60orow3g] {
    color: #4f4f4f;
}

.cuas-equipment-alert[b-ew60orow3g] {
    max-width: 700px;
}

.cuas-equipment-alert-title[b-ew60orow3g] {
    margin-top: 0;
    margin-bottom: 8px;
}

.cuas-equipment-alert-message[b-ew60orow3g],
.cuas-equipment-alert-code[b-ew60orow3g] {
    margin: 0;
}

.cuas-equipment-grid[b-ew60orow3g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.cuas-equipment-grid.workspace-active[b-ew60orow3g] {
    pointer-events: none;
}

.cuas-equipment-card-slot.is-hidden-source[b-ew60orow3g] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .cuas-equipment-grid[b-ew60orow3g] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Drones.razor.rz.scp.css */
h1[b-70qxoqal85] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.drones-state-container[b-70qxoqal85] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.drones-state-message[b-70qxoqal85] {
    margin: 0;
}

.drones-empty-state[b-70qxoqal85] {
    color: #4f4f4f;
}

.drones-alert[b-70qxoqal85] {
    max-width: 700px;
}

.drones-alert-title[b-70qxoqal85] {
    margin-top: 0;
    margin-bottom: 8px;
}

.drones-alert-message[b-70qxoqal85],
.drones-alert-code[b-70qxoqal85] {
    margin: 0;
}

.drones-grid[b-70qxoqal85] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.drones-grid.workspace-active[b-70qxoqal85] {
    pointer-events: none;
}

.drones-card-slot.is-hidden-source[b-70qxoqal85] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .drones-grid[b-70qxoqal85] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Feedback.razor.rz.scp.css */
/* Fills the available content area as a flex column so no page-level scroll occurs */
.feedback-page[b-ofrv1v6yzn] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 2.2rem); /* 1.1rem top padding + 1.1rem bottom padding */
    padding-bottom: 1.1rem; /* Matches the .content top padding from app.css */
    overflow: hidden;
}

h1[b-ofrv1v6yzn] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
    flex-shrink: 0; /* Prevent h1 from being squeezed by flex layout */
}

/* Takes all remaining height below the h1 */
.feedback-container[b-ofrv1v6yzn] {
    flex: 1;
    min-height: 0; /* Required: allows flex child to shrink below its content size */
    overflow: hidden;
}

.feedback-iframe[b-ofrv1v6yzn] {
    display: block;
    width: 100%;
    height: 100%; /* Fills the flex container exactly */
    border: none;
}

@media (max-width: 640px) {
    .feedback-page[b-ofrv1v6yzn] {
        height: calc(100vh - 2.2rem);
    }
}

/* /Components/Pages/Home.razor.rz.scp.css */
:host[b-olv3v0uumr] {
    --surface-dark: #25332b;
    --surface-light: #ffffff;
    --surface-neutral: #f7f9f8;
    --accent-primary: #2f7a52;
    --accent-soft: #9ee6b3;
    --accent-hover: #276646;
    --text-on-dark: #ffffff;
    --text-on-light: #1f2933;
    --text-muted: #57696a;
    --border-radius: 0.5rem;
    --shadow-card: 0 4px 12px rgba(16, 24, 40, 0.12);
    --shadow-elevated: 0 24px 64px rgba(16, 24, 40, 0.24);
}

/* Text block paragraph spacing */
.home-text-block p + p[b-olv3v0uumr] {
    margin-top: 1rem;
}

.home-tab-heading[b-olv3v0uumr] {
    margin: 0 0 0.5rem;
    color: #2f7a52;
    font-size: clamp(1.2rem, 1.45vw, 1.7rem);
    font-weight: 850;
    line-height: 1.2;
}

.home-tab-heading-alt[b-olv3v0uumr] {
    color: #2f7a52;
}

.home-frame2-text[b-olv3v0uumr] {
    font-size: clamp(0.58rem, 0.98vw, 1.15rem);
    line-height: 1.55;
}

.home-frame2-text p[b-olv3v0uumr] {
    white-space: nowrap;
}

/* Inline link buttons in text */
.home-text-block button[b-olv3v0uumr] {
    background: none;
    border: none;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    color: #2f7a52 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
    font-weight: bold;
    transition: color 150ms ease-in-out, text-decoration 150ms ease-in-out;
}

.home-text-block button:hover[b-olv3v0uumr] {
    color: #276646 !important;
    text-decoration: underline;
}

.home-text-block button:focus-visible[b-olv3v0uumr] {
    outline: 2px solid #2f7a52;
    outline-offset: 2px;
}

/* Responsive tab adjustments for mobile */
@media (max-width: 640px) {
    .home-tab-button[b-olv3v0uumr] {
        font-size: 0.9rem;
        padding: 0.6rem 1rem;
    }
}

/* Grid fills the container and doesn't grow */
.home-tab-container .grid[b-olv3v0uumr] {
    height: 100%;
    overflow: visible;
}

/* Both grid cells align to top and can have their natural height */
.home-tab-container .grid > *[b-olv3v0uumr] {
    height: auto;
    overflow: visible;
}

/* Text blocks fit within their fixed height without scrolling */
.home-text-block[b-olv3v0uumr] {
    overflow: visible;
}

/* Images maintain aspect ratio and fit within container */
.home-frame-image[b-olv3v0uumr] {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.home-frame3-arrival .home-tab-container[b-olv3v0uumr] {
    animation: frame3-arrival-pulse-b-olv3v0uumr 750ms ease-out;
}

@keyframes frame3-arrival-pulse-b-olv3v0uumr {
    0% {
        box-shadow: 0 0 0 0 rgba(47, 122, 82, 0.35), var(--shadow-card);
    }

    100% {
        box-shadow: 0 0 0 14px rgba(47, 122, 82, 0), var(--shadow-card);
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-frame3-arrival .home-tab-container[b-olv3v0uumr] {
        animation: none;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
/* Login page scoped styles.
   Tailwind utility classes applied inline in Login.razor handle the majority of
   the modal's visual treatment. This file covers browser-default resets and any
   structural adjustments that are cleaner as scoped CSS. */

/* Ensure the login modal logo renders crisply at all screen densities */
img[b-sloktokg69] {
    image-rendering: auto;
}
/* /Components/Pages/RadioGoggles.razor.rz.scp.css */
h1[b-pt8x68zqgf] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.radio-goggles-state-container[b-pt8x68zqgf] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.radio-goggles-state-message[b-pt8x68zqgf] {
    margin: 0;
}

.radio-goggles-empty-state[b-pt8x68zqgf] {
    color: #4f4f4f;
}

.radio-goggles-alert[b-pt8x68zqgf] {
    max-width: 700px;
}

.radio-goggles-alert-title[b-pt8x68zqgf] {
    margin-top: 0;
    margin-bottom: 8px;
}

.radio-goggles-alert-message[b-pt8x68zqgf],
.radio-goggles-alert-code[b-pt8x68zqgf] {
    margin: 0;
}

.radio-goggles-grid[b-pt8x68zqgf] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.radio-goggles-grid.workspace-active[b-pt8x68zqgf] {
    pointer-events: none;
}

.radio-goggles-card-slot.is-hidden-source[b-pt8x68zqgf] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .radio-goggles-grid[b-pt8x68zqgf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/RedUasPanel.razor.rz.scp.css */
.red-uas-state-container[b-jxq4s7adcs] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.red-uas-state-message[b-jxq4s7adcs] {
    margin: 0;
}

.red-uas-empty-state[b-jxq4s7adcs] {
    color: #4f4f4f;
}

.red-uas-alert[b-jxq4s7adcs] {
    max-width: 700px;
}

.red-uas-alert-title[b-jxq4s7adcs] {
    margin-top: 0;
    margin-bottom: 8px;
}

.red-uas-alert-message[b-jxq4s7adcs],
.red-uas-alert-code[b-jxq4s7adcs] {
    margin: 0;
}

.red-uas-grid[b-jxq4s7adcs] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.red-uas-grid.workspace-active[b-jxq4s7adcs] {
    pointer-events: none;
}

.red-uas-card-slot.is-hidden-source[b-jxq4s7adcs] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .red-uas-grid[b-jxq4s7adcs] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ThreeDPrintFiles.razor.rz.scp.css */
h1[b-ptadqwgjfr] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}
/* /Components/Pages/Trailers.razor.rz.scp.css */
h1[b-5k4wqsdt07] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.trailers-state-container[b-5k4wqsdt07] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.trailers-state-message[b-5k4wqsdt07] {
    margin: 0;
}

.trailers-empty-state[b-5k4wqsdt07] {
    color: #4f4f4f;
}

.trailers-alert[b-5k4wqsdt07] {
    max-width: 700px;
}

.trailers-alert-title[b-5k4wqsdt07] {
    margin-top: 0;
    margin-bottom: 8px;
}

.trailers-alert-message[b-5k4wqsdt07],
.trailers-alert-code[b-5k4wqsdt07] {
    margin: 0;
}

.trailers-grid[b-5k4wqsdt07] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    max-width: 1600px;
}

.trailers-grid.workspace-active[b-5k4wqsdt07] {
    pointer-events: none;
}

.trailers-card-slot.is-hidden-source[b-5k4wqsdt07] {
    visibility: hidden;
}

@media (max-width: 900px) {
    .trailers-grid[b-5k4wqsdt07] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/VDSAdminTool.razor.rz.scp.css */
:host[b-ewuzi9b6y8] {
    --surface-dark: #25332b;
    --surface-light: #ffffff;
    --surface-neutral: #f7f9f8;
    --accent-primary: #2f7a52;
    --accent-soft: #9ee6b3;
    --accent-hover: #276646;
    --text-on-dark: #ffffff;
    --text-on-light: #1f2933;
    --text-muted: #57696a;
    --border-radius: 0.5rem;
    --shadow-card: 0 4px 12px rgba(16, 24, 40, 0.12);
    --shadow-elevated: 0 24px 64px rgba(16, 24, 40, 0.24);
}

.vds-admin-tool-title[b-ewuzi9b6y8] {
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #1a1a1a;
    border-left: 5px solid var(--vds-accent);
    padding-left: 0.75rem;
    margin: 0 0 28px;
    line-height: 1.1;
}

.vds-admin-tool-tab-bar[b-ewuzi9b6y8] {
    margin-top: -10px;
}

.vds-admin-tool-header-sticky[b-ewuzi9b6y8] {
    position: sticky;
    top: 0;
    z-index: 10;
    margin-top: -1.1rem;
    margin-left: -2rem;
    margin-right: -1.5rem;
    padding-left: 2rem;
    padding-right: 1.5rem;
    padding-top: 1.1rem;
    background-color: rgba(214, 206, 191, 1);
}

.vds-admin-tool-content[b-ewuzi9b6y8] {
    display: block;
}
/* /Components/Shared/ImageExpandModal.razor.rz.scp.css */
.image-expand-modal-backdrop[b-lmic5u5eh0] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgba(18, 24, 20, 0.95);
}

.image-expand-modal[b-lmic5u5eh0] {
    position: relative;
    width: 90vw;
    height: 90vh;
    max-width: 1200px;
    max-height: 1200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48);
    overflow: hidden;
}

.image-expand-modal-close[b-lmic5u5eh0] {
    position: absolute;
    top: 14px;
    right: 22px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--vds-accent);
    border-radius: 8px;
    background-color: #fff;
    color: var(--vds-accent);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    z-index: 10;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.image-expand-modal-close:hover[b-lmic5u5eh0] {
    background-color: var(--vds-accent);
    color: #fff;
    border-color: var(--vds-accent-border);
    box-shadow: 0 2px 8px rgba(34, 86, 59, 0.18);
}

.image-expand-modal-close:focus-visible[b-lmic5u5eh0] {
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
}

.image-expand-modal-content[b-lmic5u5eh0] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: #f9f9f9;
}

.image-expand-modal-image[b-lmic5u5eh0] {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    border-radius: 4px;
}

@media (max-width: 768px) {
    .image-expand-modal[b-lmic5u5eh0] {
        width: 95vw;
        height: 95vh;
    }

    .image-expand-modal-close[b-lmic5u5eh0] {
        width: 36px;
        height: 36px;
        font-size: 1.1rem;
    }
}
/* /Components/Shared/LinkedItemCard.razor.rz.scp.css */
/* Styles for the reusable linked product card displayed in workspace groups. */
.linked-item-card[b-wol3o3fnu9] {
    width: 100%;
    min-height: 100%;
    padding: 0;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    color: inherit;
    font: inherit;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.linked-item-card:hover[b-wol3o3fnu9] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.linked-item-card:focus-visible[b-wol3o3fnu9] {
    outline: 3px solid var(--vds-focus-ring);
    outline-offset: 3px;
}

.linked-item-card-image-container[b-wol3o3fnu9] {
    height: 165px;
    background-color: #f0f0f0;
}

.linked-item-card-image-fallback[b-wol3o3fnu9] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f4f4f;
    font-size: 0.95rem;
}

.linked-item-card-image[b-wol3o3fnu9] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.linked-item-card-content[b-wol3o3fnu9] {
    padding: 16px;
}

.linked-item-card-name[b-wol3o3fnu9] {
    margin: 0 0 10px;
    font-size: 1.2rem;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.linked-item-card-meta-row[b-wol3o3fnu9] {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.linked-item-card-id[b-wol3o3fnu9] {
    min-width: 0;
    color: #4f4f4f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.linked-item-card-details-row[b-wol3o3fnu9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.linked-item-card-product-type[b-wol3o3fnu9] {
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    background-color: #eef4ff;
    color: #253858;
    font-weight: 600;
}

.linked-item-card-quantity[b-wol3o3fnu9] {
    color: #2d3748;
    font-weight: 600;
    font-size: 0.9rem;
}
/* /Components/Shared/LinkedItemDetailsModal.razor.rz.scp.css */
.linked-item-modal-backdrop[b-8j3up9sasa] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background-color: rgba(18, 24, 20, 0.72);
}

.linked-item-modal[b-8j3up9sasa] {
    width: min(960px, 100%);
    max-height: min(88vh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfd8d3;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}

.linked-item-modal-scroll[b-8j3up9sasa] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: var(--vds-accent) transparent;
}

.linked-item-modal-scroll[b-8j3up9sasa]::-webkit-scrollbar {
    width: 12px;
}

.linked-item-modal-scroll[b-8j3up9sasa]::-webkit-scrollbar-track {
    background: transparent;
}

.linked-item-modal-scroll[b-8j3up9sasa]::-webkit-scrollbar-thumb {
    background: var(--vds-accent);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.linked-item-modal-scroll[b-8j3up9sasa]::-webkit-scrollbar-thumb:hover {
    background: var(--vds-accent-hover);
    background-clip: padding-box;
}

.linked-item-modal-header[b-8j3up9sasa] {
    position: relative;
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 86px 18px 22px;
    border-bottom: 1px solid #d9e0dc;
    background-color: #f5f8f6;
    flex: 0 0 auto;
}

.linked-item-modal-heading[b-8j3up9sasa] {
    min-width: 0;
}

.linked-item-modal-type[b-8j3up9sasa] {
    display: block;
    margin-bottom: 4px;
    color: #426554;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.linked-item-modal-heading h2[b-8j3up9sasa] {
    margin: 0;
    color: #18211d;
    font-size: 1.45rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.linked-item-modal-close[b-8j3up9sasa] {
    position: absolute;
    top: 14px;
    right: 22px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid var(--vds-accent);
    border-radius: 8px;
    background-color: #fff;
    color: var(--vds-accent);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(34, 86, 59, 0.10);
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.linked-item-modal-close:hover[b-8j3up9sasa] {
    background-color: var(--vds-accent);
    color: var(--vds-button-text);
    border-color: var(--vds-accent-border);
    box-shadow: 0 2px 8px rgba(34, 86, 59, 0.18);
}

.linked-item-modal-close:focus-visible[b-8j3up9sasa],
.linked-item-modal-resource-link:focus-visible[b-8j3up9sasa] {
    outline: 3px solid var(--vds-focus-ring);
    outline-offset: 2px;
}

.linked-item-modal-content[b-8j3up9sasa] {
    display: grid;
    grid-template-columns: minmax(280px, 42%) minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
}

.linked-item-modal-image-panel[b-8j3up9sasa] {
    position: relative;
    min-height: 280px;
    max-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    background-color: #f4f6f5;
}

.linked-item-modal-image-wrapper[b-8j3up9sasa] {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.linked-item-modal-image[b-8j3up9sasa],
.linked-item-modal-image-fallback[b-8j3up9sasa] {
    width: 100%;
    height: 100%;
}

.linked-item-modal-image[b-8j3up9sasa] {
    display: block;
    object-fit: contain;
}

.linked-item-modal-image-expand[b-8j3up9sasa] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vds-accent);
    border-radius: 6px;
    background-color: #fff;
    color: var(--vds-accent);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.18s ease, color 0.18s ease;
}

.linked-item-modal-image-wrapper:hover .linked-item-modal-image-expand[b-8j3up9sasa] {
    opacity: 1;
}

.linked-item-modal-image-expand:hover[b-8j3up9sasa] {
    background-color: var(--vds-accent);
    color: #fff;
}

.linked-item-modal-image-expand:focus-visible[b-8j3up9sasa] {
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
}

.linked-item-modal-image-fallback[b-8j3up9sasa] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    color: #5d6b64;
    font-weight: 700;
    text-align: center;
}

.linked-item-modal-summary[b-8j3up9sasa] {
    min-width: 0;
}

.linked-item-modal-metadata[b-8j3up9sasa] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 22px;
}

.linked-item-modal-metadata div[b-8j3up9sasa] {
    min-width: 0;
    padding: 12px;
    border: 1px solid #dde3e0;
    border-radius: 6px;
    background-color: #fafcfb;
}

.linked-item-modal-metadata dt[b-8j3up9sasa] {
    margin-bottom: 4px;
    color: #647168;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.linked-item-modal-metadata dd[b-8j3up9sasa] {
    margin: 0;
    color: #1f2924;
    font-weight: 750;
    overflow-wrap: anywhere;
}

.linked-item-modal-description h3[b-8j3up9sasa],
.linked-item-modal-resources h3[b-8j3up9sasa] {
    margin: 0;
    color: #1d2822;
    font-size: 1.05rem;
}

.linked-item-modal-description p[b-8j3up9sasa] {
    margin: 10px 0 0;
    color: #34443b;
    line-height: 1.65;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.linked-item-modal-resources[b-8j3up9sasa] {
    min-height: 150px;
    flex-shrink: 0;
    margin: 0 24px 24px;
    border: 1px solid #d9e0dc;
    border-radius: 8px;
    overflow: hidden;
}

.linked-item-modal-resources-header[b-8j3up9sasa] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 16px;
    border-bottom: 1px solid #d9e0dc;
    background-color: #f5f8f6;
}

.linked-item-modal-resources-header > span[b-8j3up9sasa] {
    color: #59665f;
    font-size: 0.88rem;
    font-weight: 700;
}

.linked-item-modal-metadata-section[b-8j3up9sasa] {
    margin: 0 24px 24px;
}

.linked-item-modal-metadata-title[b-8j3up9sasa] {
    margin: 0 0 16px;
    font-size: 1.3rem;
    color: #1f2937;
}

.metadata-bars-list[b-8j3up9sasa] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
}

.linked-item-modal-state[b-8j3up9sasa] {
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 18px;
    color: #4b5a52;
    text-align: center;
}

.linked-item-modal-state-error[b-8j3up9sasa] {
    background-color: #fff5f5;
    color: #8d2525;
}

.linked-item-modal-spinner[b-8j3up9sasa] {
    width: 22px;
    height: 22px;
    border: 3px solid #c9d6cf;
    border-top-color: #22563b;
    border-radius: 50%;
    animation: linked-item-modal-spin-b-8j3up9sasa 0.75s linear infinite;
}

.linked-item-modal-resource-list[b-8j3up9sasa] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.linked-item-modal-resource-row[b-8j3up9sasa] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 16px;
    border-bottom: 1px solid #e2e7e4;
}

.linked-item-modal-resource-row:last-child[b-8j3up9sasa] {
    border-bottom: 0;
}

.linked-item-modal-resource-name[b-8j3up9sasa] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.linked-item-modal-resource-name strong[b-8j3up9sasa] {
    color: #26322c;
    overflow-wrap: anywhere;
}

.linked-item-modal-resource-kind[b-8j3up9sasa] {
    min-width: 66px;
    padding: 5px 8px;
    border-radius: 4px;
    background-color: #e8f0eb;
    color: #22563b;
    font-size: 0.76rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.linked-item-modal-resource-kind.is-video[b-8j3up9sasa] {
    background-color: #e9eef8;
    color: #304d7a;
}

.linked-item-modal-resource-link[b-8j3up9sasa] {
    min-width: 112px;
    min-height: 38px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid #22563b;
    border-radius: 6px;
    background-color: #22563b;
    color: #fff;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.linked-item-modal-resource-link:hover[b-8j3up9sasa] {
    border-color: #173d29;
    background-color: #173d29;
    color: #fff;
}

.linked-item-modal-resource-link.is-unavailable[b-8j3up9sasa] {
    border-color: #d6dcd9;
    background-color: #eef1ef;
    color: #747f79;
}

@keyframes linked-item-modal-spin-b-8j3up9sasa {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 720px) {
    .linked-item-modal-backdrop[b-8j3up9sasa] {
        align-items: stretch;
        padding: 12px;
    }

    .linked-item-modal[b-8j3up9sasa] {
        max-height: none;
    }

    .linked-item-modal-header[b-8j3up9sasa] {
        padding: 14px 16px;
    }

    .linked-item-modal-content[b-8j3up9sasa] {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 16px;
    }

    .linked-item-modal-image-panel[b-8j3up9sasa] {
        min-height: 220px;
        max-height: 300px;
    }

    .linked-item-modal-resources[b-8j3up9sasa] {
        margin: 0 16px 16px;
    }

    .linked-item-modal-metadata-section[b-8j3up9sasa] {
        margin: 0 16px 16px;
    }

    .linked-item-modal-resource-row[b-8j3up9sasa] {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    .linked-item-modal-resource-name[b-8j3up9sasa] {
        align-items: flex-start;
    }

    .linked-item-modal-resource-link[b-8j3up9sasa] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .linked-item-modal-spinner[b-8j3up9sasa] {
        animation: none;
    }
}
/* /Components/Shared/LinkedResourceCard.razor.rz.scp.css */
.linked-resource-card[b-9bjlqh7o8e] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d7dee8;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.linked-resource-card:hover[b-9bjlqh7o8e] {
    transform: translateY(-2px);
    box-shadow: 0 5px 16px rgba(15, 23, 42, 0.14);
}

.linked-resource-card-image-container[b-9bjlqh7o8e] {
    height: 165px;
    flex: 0 0 auto;
    background-color: #eef1f4;
}

.linked-resource-card-image[b-9bjlqh7o8e],
.linked-resource-card-image-fallback[b-9bjlqh7o8e] {
    width: 100%;
    height: 100%;
}

.linked-resource-card-image[b-9bjlqh7o8e] {
    display: block;
    object-fit: cover;
}

.linked-resource-card-image-fallback[b-9bjlqh7o8e] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: #4b5563;
    font-size: 0.95rem;
    font-weight: 600;
    text-align: center;
}

.linked-resource-card-content[b-9bjlqh7o8e] {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.linked-resource-card-name[b-9bjlqh7o8e] {
    margin: 0 0 12px;
    color: #1f2937;
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.linked-resource-card-type[b-9bjlqh7o8e] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 0 12px;
    color: #4b5563;
    font-size: 0.9rem;
}

.linked-resource-card-type strong[b-9bjlqh7o8e] {
    color: #253858;
}

.linked-resource-card-description[b-9bjlqh7o8e] {
    margin: 0 0 16px;
    color: #374151;
    font-size: 0.92rem;
    line-height: 1.5;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.linked-resource-card-link[b-9bjlqh7o8e] {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 9px 14px;
    border: 1px solid #22563b;
    border-radius: 6px;
    background-color: #22563b;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 750;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.linked-resource-card-link:hover[b-9bjlqh7o8e] {
    border-color: #193f2c;
    background-color: #193f2c;
    color: #fff;
}

.linked-resource-card-link:focus-visible[b-9bjlqh7o8e] {
    outline: 3px solid var(--vds-focus-ring);
    outline-offset: 2px;
}

.linked-resource-card-link-unavailable[b-9bjlqh7o8e] {
    border-color: #d1d5db;
    background-color: #f3f4f6;
    color: #6b7280;
    cursor: not-allowed;
}

.linked-resource-card-link-unavailable:hover[b-9bjlqh7o8e] {
    border-color: #d1d5db;
    background-color: #f3f4f6;
    color: #6b7280;
}
/* /Components/Shared/MasterProductCard.razor.rz.scp.css */
.masterproduct-card[b-ge59ojbmrs] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.masterproduct-card:hover[b-ge59ojbmrs] {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.masterproduct-card:focus-visible[b-ge59ojbmrs] {
    outline: 3px solid var(--vds-accent);
    outline-offset: 3px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.masterproduct-card-image-container[b-ge59ojbmrs] {
    height: 165px;
    background-color: #f0f0f0;
}

.masterproduct-card-image[b-ge59ojbmrs] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
trailers-card-slot 
.masterproduct-card-image-fallback[b-ge59ojbmrs] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f4f4f;
    font-size: 0.95rem;
}

.masterproduct-card-content[b-ge59ojbmrs] {
    padding: 16px;
}

.masterproduct-card-name[b-ge59ojbmrs] {
    margin: 0 0 10px;
    font-size: 1.35rem;
    font-weight: 800;
    color: #1f2937;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.masterproduct-card-meta-row[b-ge59ojbmrs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.masterproduct-card-id[b-ge59ojbmrs] {
    min-width: 0;
    color: #4f4f4f;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* /Components/Shared/MasterProductWorkspace.razor.rz.scp.css */
.masterproduct-workspace[b-fxlkadnrj2] {
    position: fixed;
    left: calc(250px + 2rem);
    right: 3.25rem;
    top: 50%;
    width: auto;
    height: min(86vh, 860px);
    transform: translateY(-50%);
    z-index: 1040;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    will-change: transform, top, left, width, height;
}

.masterproduct-workspace-scroll[b-fxlkadnrj2] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 32px;
    box-sizing: border-box;
    scrollbar-gutter: stable;
    scrollbar-color: var(--vds-accent) transparent;
}

.masterproduct-workspace-scroll[b-fxlkadnrj2]::-webkit-scrollbar {
    width: 12px;
}

.masterproduct-workspace-scroll[b-fxlkadnrj2]::-webkit-scrollbar-track {
    background: transparent;
}

.masterproduct-workspace-scroll[b-fxlkadnrj2]::-webkit-scrollbar-thumb {
    background: var(--vds-accent);
    border-radius: 999px;
    border: 2px solid transparent;
    background-clip: padding-box;
}

.masterproduct-workspace-scroll[b-fxlkadnrj2]::-webkit-scrollbar-thumb:hover {
    background: var(--vds-accent-hover);
    background-clip: padding-box;
}

.masterproduct-workspace.morphing-in[b-fxlkadnrj2] {
    left: var(--morph-origin-left, calc(250px + 2rem));
    top: var(--morph-origin-top, 50%);
    width: var(--morph-origin-width, auto);
    height: var(--morph-origin-height, min(86vh, 860px));
    right: auto;
    transform: none;
}

.masterproduct-workspace.expanded[b-fxlkadnrj2] {
    left: calc(250px + 2rem);
    right: 3.25rem;
    top: 50%;
    width: auto;
    height: min(86vh, 860px);
    transform: translateY(-50%);
}

.masterproduct-workspace.morphing-out[b-fxlkadnrj2] {
    left: var(--morph-origin-left, calc(250px + 2rem));
    top: var(--morph-origin-top, 50%);
    width: var(--morph-origin-width, auto);
    height: var(--morph-origin-height, min(86vh, 860px));
    right: auto;
    transform: none;
}

.masterproduct-workspace-close[b-fxlkadnrj2] {
    position: absolute;
    top: 14px;
    right: 26px;
    width: 40px;
    height: 40px;
    border: 2.5px solid var(--vds-accent);
    border-radius: 8px;
    background-color: #fff;
    color: var(--vds-accent);
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 4px rgba(34, 86, 59, 0.10);
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.masterproduct-workspace-close:hover[b-fxlkadnrj2] {
    background-color: var(--vds-accent);
    color: var(--vds-button-text);
    border-color: var(--vds-accent-border);
    box-shadow: 0 2px 8px rgba(34, 86, 59, 0.18);
}

.masterproduct-workspace-close:focus-visible[b-fxlkadnrj2] {
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
}

.masterproduct-workspace-header[b-fxlkadnrj2] {
    display: grid;
    grid-template-columns: minmax(240px, 400px) 1fr;
    gap: 24px;
    align-items: start;
}

.masterproduct-workspace-image-container[b-fxlkadnrj2] {
    position: relative;
    width: 100%;
    height: 260px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #f0f0f0;
}

.masterproduct-workspace-image[b-fxlkadnrj2] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.masterproduct-workspace-image-expand[b-fxlkadnrj2] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--vds-accent);
    border-radius: 6px;
    background-color: #fff;
    color: var(--vds-accent);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.2s ease, background-color 0.18s ease, color 0.18s ease;
}

.masterproduct-workspace-image-container:hover .masterproduct-workspace-image-expand[b-fxlkadnrj2] {
    opacity: 1;
}

.masterproduct-workspace-image-expand:hover[b-fxlkadnrj2] {
    background-color: var(--vds-accent);
    color: #fff;
}

.masterproduct-workspace-image-expand:focus-visible[b-fxlkadnrj2] {
    box-shadow: 0 0 0 3px var(--vds-focus-ring);
}

.masterproduct-workspace-image-fallback[b-fxlkadnrj2] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4f4f4f;
}

.masterproduct-workspace-name[b-fxlkadnrj2] {
    margin: 0 0 12px;
}

.masterproduct-workspace-id[b-fxlkadnrj2] {
    margin: 0 0 12px;
    color: #4f4f4f;
}

.masterproduct-workspace-description[b-fxlkadnrj2] {
    margin: 0;
    color: #2d3748;
    overflow-wrap: anywhere;
}

.masterproduct-workspace-future-content[b-fxlkadnrj2] {
    margin-top: 24px;
}

.masterproduct-workspace-metadata-content[b-fxlkadnrj2] {
    margin-top: 24px;
}

.metadata-bars-list[b-fxlkadnrj2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.linked-products-section-title[b-fxlkadnrj2] {
    margin: 0 0 16px;
    font-size: 1.3rem;
    color: #1f2937;
}

.linked-products-state-card[b-fxlkadnrj2] {
    min-height: 170px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 20px;
    text-align: center;
}

.linked-products-state-icon[b-fxlkadnrj2] {
    margin: 0;
    font-size: 1.5rem;
}

.linked-products-state-message[b-fxlkadnrj2] {
    margin: 0;
    color: #374151;
}

.linked-products-error[b-fxlkadnrj2] {
    border-color: #f3d4d8;
    background-color: #fff5f6;
}

.linked-products-empty[b-fxlkadnrj2] {
    border-color: #dce8fa;
    background-color: #f5f9ff;
}

.linked-products-group[b-fxlkadnrj2] {
    margin-top: 20px;
    border: 1px solid #22563b;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.linked-products-group-title[b-fxlkadnrj2] {
    margin: 0;
}

.linked-products-group-toggle[b-fxlkadnrj2] {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    border: 0;
    border-radius: 0;
    background-color: #22563b;
    color: #fff;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.linked-products-group-toggle:hover[b-fxlkadnrj2] {
    background-color: #193f2c;
}

.linked-products-group-toggle:focus-visible[b-fxlkadnrj2] {
    position: relative;
    z-index: 1;
    outline: 3px solid #f4c95d;
    outline-offset: -3px;
}

.linked-products-group-chevron[b-fxlkadnrj2] {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.linked-products-group-toggle.is-expanded .linked-products-group-chevron[b-fxlkadnrj2] {
    transform: rotate(45deg);
}

.linked-products-placeholder[b-fxlkadnrj2] {
    min-height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-top: 1px solid #d5ded9;
    background-color: #f9fafb;
    text-align: center;
}

.linked-products-placeholder-message[b-fxlkadnrj2] {
    margin: 0;
    color: #374151;
    font-size: 1rem;
    font-weight: 700;
}

.linked-products-grid[b-fxlkadnrj2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 24px;
    padding: 20px;
    border-top: 1px solid #d5ded9;
}

@media (prefers-reduced-motion: no-preference) {
    .masterproduct-workspace.morphing-in[b-fxlkadnrj2],
    .masterproduct-workspace.expanded[b-fxlkadnrj2] {
        transition: transform 0.45s ease-out, top 0.45s ease-out, left 0.45s ease-out, width 0.45s ease-out, height 0.45s ease-out;
    }

    .masterproduct-workspace.morphing-out[b-fxlkadnrj2] {
        transition: transform 0.35s ease-in, top 0.35s ease-in, left 0.35s ease-in, width 0.35s ease-in, height 0.35s ease-in;
    }
}

@media (max-width: 1200px) and (min-width: 641px) {
    .masterproduct-workspace[b-fxlkadnrj2] {
        left: calc(250px + 1rem);
        right: 2.5rem;
        height: min(84vh, 820px);
    }
}

@media (max-width: 900px) and (min-width: 641px) {
    .masterproduct-workspace[b-fxlkadnrj2] {
        padding: 20px;
    }

    .masterproduct-workspace-header[b-fxlkadnrj2] {
        grid-template-columns: 1fr;
    }

    .linked-products-grid[b-fxlkadnrj2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {
    .masterproduct-workspace[b-fxlkadnrj2] {
        left: 1rem;
        right: 1rem;
        top: 1rem;
        height: calc(100vh - 2rem);
        transform: none;
        padding: 20px;
    }

    .masterproduct-workspace-header[b-fxlkadnrj2] {
        grid-template-columns: 1fr;
    }

    .linked-products-grid[b-fxlkadnrj2] {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
/* /Components/Shared/MetadataBar.razor.rz.scp.css */
.metadata-bar[b-bfsddcw27h] {
    border: 1px solid #c3b69c;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.metadata-bar-title[b-bfsddcw27h] {
    margin: 0;
}

.metadata-bar-toggle[b-bfsddcw27h] {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 18px;
    border: 0;
    border-radius: 0;
    background-color: #d6cebf;
    color: #1f2937;
    font: inherit;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.metadata-bar-toggle:hover[b-bfsddcw27h] {
    background-color: #c9bea9;
}

.metadata-bar-toggle:focus-visible[b-bfsddcw27h] {
    position: relative;
    z-index: 1;
    outline: 3px solid #f4c95d;
    outline-offset: -3px;
}

.metadata-bar-chevron[b-bfsddcw27h] {
    width: 10px;
    height: 10px;
    flex: 0 0 auto;
    border-right: 3px solid currentColor;
    border-bottom: 3px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 0.15s ease;
}

.metadata-bar-toggle.is-expanded .metadata-bar-chevron[b-bfsddcw27h] {
    transform: rotate(45deg);
}

.metadata-bar-panel[b-bfsddcw27h] {
    padding: 20px;
    border-top: 1px solid #c3b69c;
    background-color: #f8f6f0;
}

.metadata-bar-panel p[b-bfsddcw27h] {
    margin: 0;
    color: #1f2937;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}